Skip to content

Commit dc130a5

Browse files
BeelinkBeelink
committed
Added "Coming soon" section
1 parent 7348b96 commit dc130a5

File tree

7 files changed

+55
-8
lines changed

7 files changed

+55
-8
lines changed

‎css/index.css‎

Lines changed: 25 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -84,6 +84,10 @@ header .links .link {
8484
transition: transform 0.2s, opacity 0.2s;
8585
}
8686

87+
header .links .link img {
88+
width: 24px;
89+
}
90+
8791
header a:focus .link {
8892
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
8993
}
@@ -141,6 +145,14 @@ header .links .link:hover {
141145
margin-bottom: 32px;
142146
}
143147

148+
.tile-section.col-2 .mini-tile {
149+
width: calc(50% - 80px);
150+
}
151+
152+
.tile-section.col-3 .mini-tile {
153+
width: calc(33.3% - 80px);
154+
}
155+
144156
.tile-section .mini-tile .link {
145157
margin-top: 24px;
146158
}
@@ -199,6 +211,10 @@ header .links .link:hover {
199211
font-size: 14px;
200212
}
201213

214+
.tile-section .link img {
215+
width: 24px;
216+
}
217+
202218
.tile-section .link span {
203219
margin-left: 4px;
204220
}
@@ -254,22 +270,24 @@ footer a:focus {
254270
width: 100%;
255271
}
256272

257-
.tile-section .mini-tile {
273+
.tile-section .mini-tile, .tile-section.col-2 .mini-tile, .tile-section.col-3 .mini-tile {
258274
width: calc(50% - 80px);
259275
}
260276
}
261277

262278
@media screen and (max-width: 600px) {
263-
.tile-section .mini-tile {
279+
.tile-section .mini-tile, .tile-section.col-2 .mini-tile, .tile-section.col-3 .mini-tile {
264280
width: 100%;
265281
margin-bottom: 16px;
266282
padding: 16px;
283+
border-radius: 16px;
267284
}
268285

269286
.tile-section .tile {
270287
text-align: center;
271288
margin-bottom: 16px;
272289
padding: 16px;
290+
border-radius: 16px;
273291
}
274292

275293
.tile-section .tile .links {
@@ -279,6 +297,7 @@ footer a:focus {
279297

280298
.tile-section .tile .screenshot {
281299
height: 200px;
300+
border-radius: 8px 8px 0 0;
282301
}
283302

284303
main {
@@ -304,6 +323,10 @@ footer a:focus {
304323
padding: 60px 8px;
305324
}
306325

326+
.tile-section .tile .screenshot {
327+
height: 140px;
328+
}
329+
307330
.container h2 {
308331
margin: 64px 0 32px 0;
309332
}

‎imgs/icons/download.png‎

435 Bytes
Loading

‎imgs/icons/github.png‎

1.73 KB
Loading

‎imgs/icons/google-play.png‎

1.64 KB
Loading

‎imgs/icons/mail.png‎

1.12 KB
Loading

‎imgs/icons/trello.png‎

891 Bytes
Loading

‎index.html‎

Lines changed: 30 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -134,20 +134,44 @@ <h2>Best apps</h2>
134134
<div class="desc">Lightweight desktop color picker and color editor utility to get and save colors code quickly for Windows.</div>
135135
</div>
136136
</div>
137-
<h2>Paused projects</h2>
138-
<div class="tile-section">
137+
<h2>Coming soon</h2>
138+
<div class="tile-section col-2">
139+
<div class="mini-tile">
140+
<img class="icon" src="https://raw.githubusercontent.com/ModuleArt/tinote/master/WindowsApp/quick-sticky-notes/resources/imgs/tinote32.png"/>
141+
<span class="title">Tinote</span>
142+
<div class="links">
143+
<a href="https://github.com/ModuleArt/tinote" title="GitHub">
144+
<div class="link">
145+
<img src="imgs/icons/github.png"/>
146+
<span>Sticky Notes</span>
147+
<span class="version">v1.0.0</span>
148+
</div>
149+
</a>
150+
<a href="https://github.com/ModuleArt/tinote-web" title="GitHub">
151+
<div class="link">
152+
<img src="imgs/icons/github.png"/>
153+
<span>Web</span>
154+
<span class="version">v1.0.0</span>
155+
</div>
156+
</a>
157+
</div>
158+
</div>
139159
<div class="mini-tile">
140-
<img class="icon" src="https://github.com/ModuleArt/arrownotes/blob/master/imgs/apps/arrownotes/icon.png?raw=true"/>
141-
<span class="title">Arrow Notes</span>
160+
<img class="icon" src="https://raw.githubusercontent.com/ModuleArt/quick-picture-viewer/master/quick-picture-viewer/resources/imgs/picture32.png"/>
161+
<span class="title">Quick Picture Viewer</span>
142162
<div class="links">
143-
<a href="https://github.com/ModuleArt/arrownotes" title="GitHub">
163+
<a href="https://github.com/ModuleArt/quick-picture-viewer" title="GitHub">
144164
<div class="link">
145165
<img src="imgs/icons/github.png"/>
146-
<span class="version">Coming soon...</span>
166+
<span>Windows</span>
167+
<span class="version">v1.13.0</span>
147168
</div>
148169
</a>
149170
</div>
150171
</div>
172+
</div>
173+
<h2>Paused projects</h2>
174+
<div class="tile-section col-3">
151175
<div class="mini-tile">
152176
<img class="icon" src="https://raw.githubusercontent.com/ModuleArt/ferny/master/imgs/icon32.png"/>
153177
<span class="title">Ferny Web Browser</span>

0 commit comments

Comments
 (0)