Skip to content

Commit d7d2e06

Browse files
101PercentHuman101PercentHuman
committed
Fixed flags page
1 parent 320dce4 commit d7d2e06

File tree

7 files changed

+105
-21
lines changed

7 files changed

+105
-21
lines changed

‎content/flags/_index.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -10,15 +10,15 @@ Unlisted Thoughts has a particular interest in flags.
1010

1111
<div class="pill-web-links">
1212
<a href="/flags/unlisted_flags/" class="pill-2">
13-
<img src="/images/flags/unlisted_flags/Flag_All_Peters.svg" alt="">
13+
<img src="/images/flags/unlisted_flags/Flag_Grape.svg" alt="">
1414
<span>Collection of Unlisted Flags</span>
1515
</a>
1616
<a href="/flags/crazy_flags/" class="pill-2">
1717
<img src="/images/flags/crazy_flags/Flag_Elephant.svg" alt="">
1818
<span>Collection of Crazy Flag Ideas</span>
1919
</a>
2020
<a href="/flags/insane_flags/" class="pill-2">
21-
<img src="https://upload.wikimedia.org/wikipedia/commons/b/b4/Algerian_flag_%28Barbary_ensign_with_the_an_Berberian_head%29.svg" alt="">
21+
<img src="/images/flags/insane_flags/The_Flag_of_Citrus_Land.png" alt="">
2222
<span>Collection of Insane Flags</span>
2323
</a>
2424
</div>

‎content/flags/crazy_flags.md‎

Lines changed: 17 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -10,20 +10,32 @@ date: 2026-02-26
1010

1111
## Flag of Two
1212
<div class="flag-div">
13-
<img src="/images/flags/crazy_flags/Flag_2.svg">
13+
<img class="flag-div-img" src="/images/flags/crazy_flags/Flag_2.svg">
14+
<a class="download-btn" href="/images/flags/crazy_flags/Flag_2.svg" download>
15+
Download Flag
16+
</a>
1417
</div>
1518

1619
## Flag of Chinese Pigs
1720
<div class="flag-div">
18-
<img src="/images/flags/crazy_flags/Flag_China_Pig.svg">
21+
<img class="flag-div-img" src="/images/flags/crazy_flags/Flag_China_Pig.svg">
22+
<a class="download-btn" href="/images/flags/crazy_flags/Flag_China_Pig.svg" download>
23+
Download Flag
24+
</a>
1925
</div>
2026

2127
## Flag of Masturbatory Elephant
2228
<div class="flag-div">
23-
<img src="/images/flags/crazy_flags/Flag_Elephant.svg">
29+
<img class="flag-div-img" src="/images/flags/crazy_flags/Flag_Elephant.svg">
30+
<a class="download-btn" href="/images/flags/crazy_flags/Flag_Elephant.svg" download>
31+
Download Flag
32+
</a>
2433
</div>
2534

2635
## Flag of Wine Australia
2736
<div class="flag-div">
28-
<img src="/images/flags/crazy_flags/Flag_Wine_Australia.svg">
29-
</div>
37+
<img class="flag-div-img" src="/images/flags/crazy_flags/Flag_Wine_Australia.svg">
38+
<a class="download-btn" href="/images/flags/crazy_flags/Flag_Wine_Australia.svg" download>
39+
Download Flag
40+
</a>
41+
</div>

‎content/flags/insane_flags.md‎

Lines changed: 24 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -10,12 +10,32 @@ date: 2026-02-26
1010

1111
## Algerian Flag
1212
<div class="flag-div">
13-
<img src="https://upload.wikimedia.org/wikipedia/commons/b/b4/Algerian_flag_%28Barbary_ensign_with_the_an_Berberian_head%29.svg">
14-
<div>This flag is by <a href="https://commons.wikimedia.org/wiki/User:Vikoula5">Reda Kerbush</a> and is licensed under a <a href="https://en.wikipedia.org/wiki/en:Creative_Commons">Creative Commons<a/> <a href="https://creativecommons.org/licenses/by-sa/2.0/deed.en">Attribution-Share Alike 2.0 Generic<a/> license.</div>
13+
<img class="flag-div-img" src="https://upload.wikimedia.org/wikipedia/commons/b/b4/Algerian_flag_%28Barbary_ensign_with_the_an_Berberian_head%29.svg">
14+
<div>
15+
This flag is by
16+
<a href="https://commons.wikimedia.org/wiki/User:Vikoula5">Reda Kerbush</a>
17+
and is licensed under a
18+
<a href="https://en.wikipedia.org/wiki/en:Creative_Commons">Creative Commons</a>
19+
<a href="https://creativecommons.org/licenses/by-sa/2.0/deed.en">Attribution-Share Alike 2.0 Generic</a>
20+
licence.
21+
</div>
22+
<a class="download-btn" href="https://upload.wikimedia.org/wikipedia/commons/b/b4/Algerian_flag_%28Barbary_ensign_with_the_an_Berberian_head%29.svg" download>
23+
Download Flag
24+
</a>
1525
</div>
1626

1727
## Citrus Land
1828
<div class="flag-div">
19-
<img src="/images/flags/insane_flags/The_Flag_of_Citrus_Land.png">
20-
<div>This flag is by Citrus Land and is licensed under a <a href="https://en.wikipedia.org/wiki/en:Creative_Commons">Creative Commons<a/> <a href="https://web.archive.org/web/20240707062430/https://creativecommons.org/licenses/by-sa/4.0/deed.en">Attribution-Share Alike 4.0 International<a/> license.</div>
29+
<img class="flag-div-img" src="/images/flags/insane_flags/The_Flag_of_Citrus_Land.png">
30+
<div>
31+
This flag is by Citrus Land and is licensed under a
32+
<a href="https://en.wikipedia.org/wiki/en:Creative_Commons">Creative Commons</a>
33+
<a href="https://web.archive.org/web/20240707062430/https://creativecommons.org/licenses/by-sa/4.0/deed.en">
34+
Attribution-Share Alike 4.0 International
35+
</a>
36+
licence.
37+
</div>
38+
<a class="download-btn" href="/images/flags/insane_flags/The_Flag_of_Citrus_Land.png" download>
39+
Download Flag
40+
</a>
2141
</div>

‎content/flags/unlisted_flags.md‎

Lines changed: 18 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -10,47 +10,56 @@ date: 2026-02-26
1010

1111
## Flag of All-Peters
1212
<div class="flag-div">
13-
<img src="/images/flags/unlisted_flags/Flag_All_Peters.svg">
13+
<img class="flag-div-img" src="/images/flags/unlisted_flags/Flag_All_Peters.svg">
14+
<a href="/images/flags/unlisted_flags/Flag_All_Peters.svg" download class="download-btn">Download Flag</a>
1415
</div>
1516

1617
## Flag of All-Zachs
1718
<div class="flag-div">
18-
<img src="/images/flags/unlisted_flags/Flag_All_Zachs.svg">
19+
<img class="flag-div-img" src="/images/flags/unlisted_flags/Flag_All_Zachs.svg">
20+
<a href="/images/flags/unlisted_flags/Flag_All_Zachs.svg" download class="download-btn">Download Flag</a>
1921
</div>
2022

2123
## Flag of Flags Australia
2224
<div class="flag-div">
23-
<img src="/images/flags/unlisted_flags/Flags_Flags_Australia.svg">
25+
<img class="flag-div-img" src="/images/flags/unlisted_flags/Flags_Flags_Australia.svg">
26+
<a href="/images/flags/unlisted_flags/Flags_Flags_Australia.svg" download class="download-btn">Download Flag</a>
2427
</div>
2528

2629
## Flag of Grapes
2730
<div class="flag-div">
28-
<img src="/images/flags/unlisted_flags/Flag_Grape.svg">
31+
<img class="flag-div-img" src="/images/flags/unlisted_flags/Flag_Grape.svg">
32+
<a href="/images/flags/unlisted_flags/Flag_Grape.svg" download class="download-btn">Download Flag</a>
2933
</div>
3034

3135
## (New) Flag of Milwaukee
3236
<div class="flag-div">
33-
<img src="/images/flags/unlisted_flags/Flag_Milwaukee.svg">
37+
<img class="flag-div-img" src="/images/flags/unlisted_flags/Flag_Milwaukee.svg">
38+
<a href="/images/flags/unlisted_flags/Flag_Milwaukee.svg" download class="download-btn">Download Flag</a>
3439
</div>
3540

3641
## Flag of Stephen Jones
3742
<div class="flag-div">
38-
<img src="/images/flags/unlisted_flags/Flag_Stephen_Jones.svg">
43+
<img class="flag-div-img" src="/images/flags/unlisted_flags/Flag_Stephen_Jones.svg">
44+
<a href="/images/flags/unlisted_flags/Flag_Stephen_Jones.svg" download class="download-btn">Download Flag</a>
3945
</div>
4046

4147
## (New) Flag of Sydney (Variant A)
4248
<div class="flag-div">
43-
<img src="/images/flags/unlisted_flags/Flag_Sydney_1.svg">
49+
<img class="flag-div-img" src="/images/flags/unlisted_flags/Flag_Sydney_1.svg">
50+
<a href="/images/flags/unlisted_flags/Flag_Sydney_1.svg" download class="download-btn">Download Flag</a>
4451
</div>
4552

4653
## Flag of Zanton
4754
<div class="flag-div">
48-
<img src="/images/flags/unlisted_flags/Flag_Zanton.svg">
55+
<img class="flag-div-img" src="/images/flags/unlisted_flags/Flag_Zanton.svg">
56+
<a href="/images/flags/unlisted_flags/Flag_Zanton.svg" download class="download-btn">Download Flag</a>
4957
</div>
5058

5159
# Unlisted Thoughts Flags
5260

5361
## Funeral Flags
5462
<div class="flag-div">
55-
<img src="/images/flags/unlisted_flags/Flag_Unlisted_Funerals.svg">
63+
<img class="flag-div-img" src="/images/flags/unlisted_flags/Flag_Unlisted_Funerals.svg">
64+
<a href="/images/flags/unlisted_flags/Flag_Unlisted_Funerals.svg" download class="download-btn">Download Flag</a>
5665
</div>

‎static/css/custom.css‎

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -289,4 +289,33 @@ footer a {
289289

290290
footer a:hover {
291291
color: #FFFFFF !important;
292+
}
293+
294+
/* ----------------------------- */
295+
/* --------DOWNLOAD------------- */
296+
/* ----------------------------- */
297+
298+
.download-btn,
299+
.download-btn:link,
300+
.download-btn:visited,
301+
.download-btn:hover,
302+
.download-btn:active,
303+
.download-btn:focus {
304+
color: #ffffff !important;
305+
}
306+
307+
.download-btn {
308+
display: inline-block;
309+
margin-top: 0.6rem;
310+
padding: 0.5rem 1rem;
311+
background-color: #007777;
312+
font-weight: 600;
313+
border-radius: 6px;
314+
text-decoration: none;
315+
transition: 0.2s ease;
316+
}
317+
318+
.download-btn:hover {
319+
background-color: #004040;
320+
transform: translateY(-2px);
292321
}

‎static/css/custom2.css‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -77,4 +77,18 @@
7777
max-width: 100%;
7878
height: auto;
7979
margin: 0 auto;
80+
}
81+
82+
.flag-div {
83+
text-align: center;
84+
color: #000
85+
}
86+
87+
.flag-div-img {
88+
display: block;
89+
margin: 0 auto; /* centres the image */
90+
max-width: 100%;
91+
height: auto;
92+
border: 1px solid rgba(0, 0, 0, 0.2); /* subtle border */
93+
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); /* soft shadow for depth */
8094
}

‎static/images/flags/unlisted_flags/Flag_Unlisted_Funerals.svg‎

Lines changed: 1 addition & 1 deletion
Loading

0 commit comments

Comments
 (0)