-
Notifications
You must be signed in to change notification settings - Fork 6
/
index.html
executable file
·200 lines (184 loc) · 7.98 KB
/
index.html
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
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Min | A fast, minimal browser that protects your privacy</title>
<link rel="canonical" href="https://minbrowser.org/" />
<link rel="stylesheet" href="splash/splash.css" />
<link rel="stylesheet" href="shared.css" />
<link rel="stylesheet" href="ext/icons/iconfont.css"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#fff">
<meta name="google-site-verification" content="7PAWDFl9SbEAc30K3yGSRE92L7SCpcAKDIWQKAVH7Q0" />
</head>
<body>
<div id="homepage-v1">
<div class="hero">
<div class="blue-gradient-background background-block">
</div>
<div class="centered color-white">
<h1 class="title-heading">Meet Min.</h1>
<h1 class="title-subheading">A smarter web browser.</h1>
<a class="inherit-color" href="https://github.com/minbrowser/min/releases/latest">
<button class="button outlined-button primary-action-button download-button"><span class="button-label">Download Min</span>
</button>
</a>
</div>
</div>
<div class="header-image-container">
<img src="splash/tabbar.png" id="header-image" />
</div>
<div class="header-image-spacer"></div>
<div class="section one-column">
<div class="column">
<h1>Browse without distractions</h1>
<p>Tabs in Min take up less space, giving you more room to browse the web. Pages you haven’t looked at in a while fade out, letting you see what’s important, and Focus Mode hides your other tabs to prevent you from getting distracted.
</p>
</div>
</div>
<div class="section" layout="left">
<img src="splash/searchbar.png" class="column">
<div class="column">
<h1>Find anything instantly</h1>
<p>See quick definitions and answers with information from <a href="https://duckduckgo.com" target="_blank">DuckDuckGo</a>, including Wikipedia entries and more. Jump to any site quickly with fuzzy search. Or search through the full text of every page you've visited, even if you don't remember the title.
</p>
</div>
</div>
<div class="section light-gray-background" layout="right">
<div class="column">
<h1>Stay organized</h1>
<p>Tabs in Min open next to the current tab, so you’ll never lose your place. When you have too many tabs, you can easily split them into groups to help you stay organized.</p>
</div>
<img class="column" src="tour/img/tasks.png" />
</div>
<div class="section" layout="left">
<img class="column" src="splash/adblock.png" />
<div class="column">
<h1>Protect your privacy</h1>
<p>
Min stops ads and trackers, so you can browse faster without being tracked. And when you’re using a slow or expensive internet connection, it lets you block scripts and images, so pages load faster and use less data.
</p>
</div>
</div>
<div class="inline-block-wrapper light-gray-background">
<div class="section half-width one-column">
<div class="column">
<h1>Fast and efficient</h1>
<p>
Min is designed to be fast. It uses less battery power, so you don't have to worry about finding a charger.
</p>
</div>
</div>
<div class="section half-width one-column">
<div class="column">
<h1>Open-Source software</h1>
<p>
Min is written entirely with CSS and JavaScript using <a href="https://www.electronjs.org/" target="_blank">Electron</a>, and is open-source software, <a href="https://github.com/minbrowser/min" target="_blank">available on GitHub</a>.
</p>
</div>
</div>
</div>
<div class="section one-column">
<div class="column">
<h1 class="center-heading" style="color: black">Try Min Now</h1>
<a class="inherit-color" href="https://github.com/minbrowser/min/releases/latest">
<button class="button solid-button solid-button-blue primary-action-button download-button" style="margin-top: 1em"><span class="button-label">Download Min</span>
</button>
</a>
</div>
</div>
<div id="footer">
<img src="splash/logo.png" id="logo-image">
<div id="footer-links">
<a href="https://github.com/minbrowser/min">Source Code</a>
<a href="releases/index.html?n=5">Release Notes</a>
<a href="https://github.com/minbrowser/min/issues/new">Send Feedback</a>
<a href="https://github.com/minbrowser/min#contributing-to-min">Contribute</a>
<a href="https://mastodon.world/@minbrowser">Mastodon</a>
</div>
</div>
</div>
<div id="homepage-v2" hidden>
<div class="hero">
<div class="blue-gradient-background background-block">
</div>
<div class="centered color-white">
<h1 class="title-heading">Meet Min.</h1>
<h1 class="title-subheading">A focused, fast browser.</h1>
<a class="inherit-color" href="https://github.com/minbrowser/min/releases/latest">
<button class="button outlined-button primary-action-button download-button"><span class="button-label">Download Min</span>
</button>
</a>
</div>
</div>
<div class="header-image-container">
<img src="splash/tabbar.png" id="header-image" />
</div>
<div class="header-image-spacer"></div>
<div class="section one-column">
<div class="column">
<h1>Browse without distractions</h1>
<p>Tabs in Min take up less space, giving you more room to browse the web. Pages you haven’t looked at in a while fade out, letting you see what’s important, and Focus Mode hides your other tabs to prevent you from getting distracted.
</p>
</div>
</div>
<div class="section" layout="left">
<img src="splash/searchbar.png" class="column">
<div class="column">
<h1>Organize Everything</h1>
<p>Min lets you search the full text of every page you've visited, right on your device. Tags let you easily organize your bookmarks, and Min will even learn from your bookmarks and suggest similar pages automatically.
</p>
</div>
</div>
<div class="section light-gray-background" layout="right">
<div class="column">
<h1>Stop Tab Chaos</h1>
<p>Tasks let you easily group and organize your tabs. Keyboard shortcuts let you quickly switch between tasks, and tasks auto-collapse when you're not using them.</p>
</div>
<img class="column" src="tour/img/tasks.png" />
</div>
<div class="section" layout="left">
<img class="column" src="splash/adblock.png" />
<div class="column">
<h1>Protect your privacy</h1>
<p>
Min blocks most ads and trackers automatically, so you can browse faster without being tracked, and we don't share your browsing history (<a href="https://github.com/minbrowser/min/blob/master/docs/statistics.md" target="_blank">learn more</a>).
</p>
</div>
</div>
<div class="inline-block-wrapper light-gray-background">
<div class="section one-column">
<div class="column">
<h1>Open-Source software</h1>
<p>
Min is open-source software, <a href="https://github.com/minbrowser/min" target="_blank">available on GitHub</a>. It's written entirely in JavaScript, and contributions are always welcomed.
</p>
</div>
</div>
</div>
<div class="section one-column">
<div class="column">
<h1 class="center-heading" style="color: black">Try Min Now</h1>
<a class="inherit-color" href="https://github.com/minbrowser/min/releases/latest">
<button class="button solid-button solid-button-blue primary-action-button download-button" style="margin-top: 1em"><span class="button-label">Download Min</span>
</button>
</a>
</div>
</div>
<div id="footer">
<img src="splash/logo.png" id="logo-image">
<div id="footer-links">
<a href="https://github.com/minbrowser/min">Source Code</a>
<a href="releases/index.html?n=5">Release Notes</a>
<a href="https://github.com/minbrowser/min/wiki">Documentation</a>
<hr>
<a href="https://github.com/minbrowser/min/issues/new">Send Feedback</a>
<a href="https://github.com/minbrowser/min#contributing-to-min">Contribute</a>
<a href="https://mastodon.world/@minbrowser">Follow on Mastodon</a>
</div>
</div>
</div>
<script src="downloadButton.js"></script>
<script src="home.js"></script>
</body>
</html>