article_saver/features.html at main · nilukush/article_saver · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- SEO Optimized for "read later app features" -->
    <title>Article Saver Features - Complete Read Later App Feature List</title>
    <meta name="description" content="Explore all features of Article Saver: offline reading, full-text search, tag organization, Pocket import, dark mode, and more. The most feature-rich free read-later app.">
    <meta name="keywords" content="read later app features, article saver features, bookmark manager features, offline reading, pocket import">

    <!-- Canonical -->
    <link rel="canonical" href="https://nilukush.github.io/article_saver/features.html">

    <!-- Schema.org Feature List -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "SoftwareApplication",
        "name": "Article Saver",
        "featureList": [
            "Offline reading support",
            "Full-text search across all articles",
            "Tag-based organization",
            "One-click Pocket import",
            "Dark mode support",
            "Keyboard shortcuts",
            "Export to PDF/Markdown",
            "No account required",
            "Cross-platform support",
            "Privacy-focused design"
        ],
        "screenshot": [
            "https://nilukush.github.io/article_saver/screenshots/main-interface.png",
            "https://nilukush.github.io/article_saver/screenshots/dark-mode.png"
        ]
    }
    </script>

    <style>
        body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; margin: 0; padding: 0; line-height: 1.6; color: #333; }
        .container { max-width: 1200px; margin: 0 auto; padding: 20px; }
        .feature-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin: 40px 0; }
        .feature-card { background: #f8f9fa; padding: 30px; border-radius: 10px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
        .feature-card h3 { color: #2c3e50; margin-bottom: 15px; }
        .feature-icon { font-size: 2em; margin-bottom: 15px; }
        .hero { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 60px 20px; text-align: center; margin-bottom: 40px; }
        .hero h1 { font-size: 3em; margin-bottom: 20px; }
        .cta-button { display: inline-block; background: white; color: #667eea; padding: 15px 30px; text-decoration: none; border-radius: 5px; font-weight: bold; margin: 10px; }
    </style>
</head>
<body>
    <div class="hero">
        <h1>Article Saver Features</h1>
        <p>Everything you need in a read-later app, completely free</p>
    </div>

    <div class="container">
        <h2>Core Features</h2>

        <div class="feature-grid">
            <div class="feature-card">
                <div class="feature-icon">📖</div>
                <h3>Offline Reading</h3>
                <p>Save articles when online, read them anywhere. No internet connection required for reading your saved content.</p>
            </div>

            <div class="feature-card">
                <div class="feature-icon">🔍</div>
                <h3>Full-Text Search</h3>
                <p>Search through your entire library instantly. Find articles by title, content, author, or tags.</p>
            </div>

            <div class="feature-card">
                <div class="feature-icon">🏷️</div>
                <h3>Smart Tagging</h3>
                <p>Organize articles with unlimited tags. Create nested categories and filter by multiple tags simultaneously.</p>
            </div>

            <div class="feature-card">
                <div class="feature-icon">📥</div>
                <h3>Pocket Import</h3>
                <p>One-click import from Pocket. Preserve all your tags, favorites, and archive status automatically.</p>
            </div>

            <div class="feature-card">
                <div class="feature-icon">🌙</div>
                <h3>Dark Mode</h3>
                <p>Easy on the eyes with automatic dark mode. Switches based on your system preferences or manual toggle.</p>
            </div>

            <div class="feature-card">
                <div class="feature-icon">⌨️</div>
                <h3>Keyboard Shortcuts</h3>
                <p>Navigate efficiently with comprehensive keyboard shortcuts. Customizable to match your workflow.</p>
            </div>
        </div>

        <h2>Advanced Features</h2>

        <div class="feature-grid">
            <div class="feature-card">
                <div class="feature-icon">📄</div>
                <h3>Export Options</h3>
                <p>Export articles to PDF, Markdown, or HTML. Perfect for archiving or sharing your reading list.</p>
            </div>

            <div class="feature-card">
                <div class="feature-icon">🔒</div>
                <h3>Privacy First</h3>
                <p>No tracking, no analytics, no account required. Your reading habits stay private.</p>
            </div>

            <div class="feature-card">
                <div class="feature-icon">💾</div>
                <h3>Local Storage</h3>
                <p>All data stored locally on your device. You own your data, not us.</p>
            </div>

            <div class="feature-card">
                <div class="feature-icon">🖥️</div>
                <h3>Cross-Platform</h3>
                <p>Native apps for Windows, macOS, and Linux. Consistent experience across all platforms.</p>
            </div>

            <div class="feature-card">
                <div class="feature-icon">🔄</div>
                <h3>Sync Options</h3>
                <p>Optional sync via self-hosted server. Keep multiple devices in sync while maintaining privacy.</p>
            </div>

            <div class="feature-card">
                <div class="feature-icon">🎨</div>
                <h3>Customizable</h3>
                <p>Adjust fonts, themes, and layout to your preference. Make Article Saver truly yours.</p>
            </div>
        </div>

        <h2>Feature Comparison</h2>

        <table style="width: 100%; border-collapse: collapse; margin: 30px 0;">
            <thead>
                <tr style="background: #f8f9fa;">
                    <th style="padding: 15px; text-align: left;">Feature</th>
                    <th style="padding: 15px;">Article Saver</th>
                    <th style="padding: 15px;">Pocket</th>
                    <th style="padding: 15px;">Instapaper</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td style="padding: 15px; border-bottom: 1px solid #ddd;">Free Forever</td>
                    <td style="padding: 15px; text-align: center; border-bottom: 1px solid #ddd;">✅</td>
                    <td style="padding: 15px; text-align: center; border-bottom: 1px solid #ddd;">❌</td>
                    <td style="padding: 15px; text-align: center; border-bottom: 1px solid #ddd;">❌</td>
                </tr>
                <tr>
                    <td style="padding: 15px; border-bottom: 1px solid #ddd;">Open Source</td>
                    <td style="padding: 15px; text-align: center; border-bottom: 1px solid #ddd;">✅</td>
                    <td style="padding: 15px; text-align: center; border-bottom: 1px solid #ddd;">❌</td>
                    <td style="padding: 15px; text-align: center; border-bottom: 1px solid #ddd;">❌</td>
                </tr>
                <tr>
                    <td style="padding: 15px; border-bottom: 1px solid #ddd;">Offline Support</td>
                    <td style="padding: 15px; text-align: center; border-bottom: 1px solid #ddd;">✅</td>
                    <td style="padding: 15px; text-align: center; border-bottom: 1px solid #ddd;">Limited</td>
                    <td style="padding: 15px; text-align: center; border-bottom: 1px solid #ddd;">Limited</td>
                </tr>
                <tr>
                    <td style="padding: 15px; border-bottom: 1px solid #ddd;">No Account Required</td>
                    <td style="padding: 15px; text-align: center; border-bottom: 1px solid #ddd;">✅</td>
                    <td style="padding: 15px; text-align: center; border-bottom: 1px solid #ddd;">❌</td>
                    <td style="padding: 15px; text-align: center; border-bottom: 1px solid #ddd;">❌</td>
                </tr>
            </tbody>
        </table>

        <div style="text-align: center; margin: 60px 0;">
            <h2>Ready to Experience All These Features?</h2>
            <a href="/article_saver/downloads.html" class="cta-button">Download Article Saver</a>
            <a href="/article_saver/" class="cta-button" style="background: #34495e;">Learn More</a>
        </div>
    </div>
</body>
</html>