Skip to content

Commit 6dd769a

Browse files
BeelinkBeelink
committed
💰 Added Patreon link
1 parent 1e9c8b5 commit 6dd769a

File tree

3 files changed

+56
-28
lines changed

3 files changed

+56
-28
lines changed

‎css/index.css‎

Lines changed: 34 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -86,6 +86,7 @@ header .links .link {
8686

8787
header .links .link img {
8888
width: 24px;
89+
vertical-align: middle;
8990
}
9091

9192
header a:focus .link {
@@ -234,6 +235,39 @@ header .links .link:hover {
234235
font-weight: 20px;
235236
}
236237

238+
/* pre footer */
239+
240+
.pre-footer {
241+
margin: 128px 0 64px 0;
242+
}
243+
244+
.pre-footer .link {
245+
display: inline-block;
246+
transition: transform 0.2s, opacity 0.2s;
247+
margin-top: 20px;
248+
}
249+
250+
.pre-footer .link img {
251+
width: 24px;
252+
}
253+
254+
.pre-footer a:focus .link {
255+
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
256+
}
257+
258+
.pre-footer .link:hover {
259+
transform: translateY(-4px);
260+
opacity: 0.5;
261+
}
262+
263+
.pre-footer .link img, .pre-footer .link span {
264+
vertical-align: middle;
265+
}
266+
267+
.pre-footer .link span {
268+
margin-left: 4px;
269+
}
270+
237271
/* footer */
238272

239273
footer {
@@ -248,25 +282,10 @@ footer .container {
248282
align-items: stretch;
249283
}
250284

251-
footer a {
252-
transition: transform 0.2s, opacity 0.2s;
253-
padding: 0 32px;
254-
}
255-
256285
footer span {
257286
opacity: 0.5;
258287
}
259288

260-
footer a:hover {
261-
transform: translateY(-4px);
262-
opacity: 0.5;
263-
cursor: pointer;
264-
}
265-
266-
footer a:focus {
267-
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
268-
}
269-
270289
/* media */
271290

272291
@media screen and (max-width: 1200px) {
@@ -334,10 +353,6 @@ footer a:focus {
334353
.container h2 {
335354
margin: 64px 0 32px 0;
336355
}
337-
338-
footer a {
339-
padding-right: 0;
340-
}
341356
}
342357

343358
/* magnific popup */

‎imgs/icons/patreon.png‎

1.47 KB
Loading

‎index.html‎

Lines changed: 22 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -36,6 +36,11 @@
3636
<img src="imgs/icons/github.png"/>
3737
</div>
3838
</a>
39+
<a href="https://www.patreon.com/moduleart" title="Patreon">
40+
<div class="link">
41+
<img src="imgs/icons/patreon.png"/>
42+
</div>
43+
</a>
3944
<a href="https://play.google.com/store/apps/dev?id=5537509128825838150" title="Google Play">
4045
<div class="link">
4146
<img src="imgs/icons/google-play.png"/>
@@ -68,7 +73,7 @@ <h2>Best apps</h2>
6873
<span class="version"></span>
6974
</div>
7075
</a>
71-
<a href="https://github.com/ModuleArt/quick-picture-viewer" title="GitHub">
76+
<a href="https://github.com/ModuleArt/quick-picture-viewer" title="GitHub repository">
7277
<div class="link">
7378
<img src="imgs/icons/github.png"/>
7479
</div>
@@ -93,7 +98,7 @@ <h2>Best apps</h2>
9398
<span class="version"></span>
9499
</div>
95100
</a>
96-
<a href="https://github.com/ModuleArt/quick-screen-recorder/" title="GitHub">
101+
<a href="https://github.com/ModuleArt/quick-screen-recorder/" title="GitHub repository">
97102
<div class="link">
98103
<img src="imgs/icons/github.png"/>
99104
</div>
@@ -119,7 +124,7 @@ <h2>Best apps</h2>
119124
<span class="version"></span>
120125
</div>
121126
</a>
122-
<a href="https://github.com/ModuleArt/quick-color-picker" title="GitHub">
127+
<a href="https://github.com/ModuleArt/quick-color-picker" title="GitHub repository">
123128
<div class="link">
124129
<img src="imgs/icons/github.png"/>
125130
</div>
@@ -140,14 +145,14 @@ <h2>Coming soon</h2>
140145
<img class="icon" src="https://raw.githubusercontent.com/ModuleArt/tinote/master/WindowsApp/quick-sticky-notes/resources/imgs/tinote256.png"/>
141146
<span class="title">Tinote</span>
142147
<div class="links">
143-
<a href="https://github.com/ModuleArt/tinote" title="GitHub">
148+
<a href="https://github.com/ModuleArt/tinote" title="GitHub repository">
144149
<div class="link">
145150
<img src="imgs/icons/github.png"/>
146151
<span>Sticky Notes</span>
147152
<span class="version">v1.0.0</span>
148153
</div>
149154
</a>
150-
<a href="https://github.com/ModuleArt/tinote-web" title="GitHub">
155+
<a href="https://github.com/ModuleArt/tinote-web" title="GitHub repository">
151156
<div class="link">
152157
<img src="imgs/icons/github.png"/>
153158
<span>Web</span>
@@ -161,7 +166,7 @@ <h2>Coming soon</h2>
161166
<img class="icon" src="https://raw.githubusercontent.com/ModuleArt/quick-picture-viewer/master/quick-picture-viewer/resources/imgs/picture256.png"/>
162167
<span class="title">Quick Picture Viewer</span>
163168
<div class="links">
164-
<a href="https://github.com/ModuleArt/quick-picture-viewer" title="GitHub">
169+
<a href="https://github.com/ModuleArt/quick-picture-viewer" title="GitHub repository">
165170
<div class="link">
166171
<img src="imgs/icons/github.png"/>
167172
<span>Windows</span>
@@ -178,7 +183,7 @@ <h2>Paused projects</h2>
178183
<img class="icon" src="https://raw.githubusercontent.com/ModuleArt/ferny/master/imgs/icon256.png"/>
179184
<span class="title">Ferny Web Browser</span>
180185
<div class="links">
181-
<a href="https://github.com/ModuleArt/ferny" title="GitHub">
186+
<a href="https://github.com/ModuleArt/ferny" title="GitHub repository">
182187
<div class="link">
183188
<img src="imgs/icons/github.png"/>
184189
<span class="version">Desktop app</span>
@@ -190,7 +195,7 @@ <h2>Paused projects</h2>
190195
<img class="icon" src="https://github.com/ModuleArt/quick-music-player/blob/master/quick-music-player/resources/imgs/music96.png?raw=true"/>
191196
<span class="title">Quick Music Player</span>
192197
<div class="links">
193-
<a href="https://github.com/ModuleArt/quick-music-player" title="GitHub">
198+
<a href="https://github.com/ModuleArt/quick-music-player" title="GitHub repository">
194199
<div class="link">
195200
<img src="imgs/icons/github.png"/>
196201
<span class="version">Desktop app</span>
@@ -211,12 +216,20 @@ <h2>Paused projects</h2>
211216
</div>
212217
</div>
213218
</div>
219+
<div class="pre-footer">
220+
<div>If you want to support us you can contribute to one of our projects.<br>If you really love what we do you can donate:</div>
221+
<a href="https://www.patreon.com/moduleart">
222+
<div class="link">
223+
<img src="imgs/icons/patreon.png"/>
224+
<span>Patreon</span>
225+
</div>
226+
</a>
227+
</div>
214228
</div>
215229
</main>
216230
<footer>
217231
<div class="container">
218232
<span>© 2020 Module Art</span>
219-
<a href="https://github.com/ModuleArt" title="GitHub Module Art page">GitHub</a>
220233
<span>module.art.team@gmail.com</span>
221234
</div>
222235
</footer>

0 commit comments

Comments
 (0)