Added flag pages

Author: 101PercentHuman

.github/workflows/hugo.yml

@@ -9,15 +9,15 @@ date: 2026-02-08
 Unlisted Thoughts has a particular interest in flags.
 
 <div class="pill-web-links">
-  <a href="/flags/unlisted_flags/" class="pill-flags-2">
+  <a href="/flags/unlisted_flags/" class="pill-2">
     <img src="/images/flags/unlisted_flags/Flag_All_Peters.svg" alt="">
     <span>Collection of Unlisted Flags</span>
   </a>
-  <a href="/flags/crazy_flags/" class="pill-flags-2">
+  <a href="/flags/crazy_flags/" class="pill-2">
     <img src="/images/flags/crazy_flags/Flag_Elephant.svg" alt="">
     <span>Collection of Crazy Flag Ideas</span>
   </a>
-  <a href="/flags/insane_flags/" class="pill-flags-2">
+  <a href="/flags/insane_flags/" class="pill-2">
     <img src="https://upload.wikimedia.org/wikipedia/commons/b/b4/Algerian_flag_%28Barbary_ensign_with_the_an_Berberian_head%29.svg" alt="">
     <span>Collection of Insane Flags</span>
   </a>

content/flags/_index.md

@@ -246,7 +246,7 @@ body.page-not-found .mw7 {
 }
 
 /* card */
-.pill-flags-2 {
+.pill-2 {
   position: relative;
   display: block;
   width: 100%;
@@ -258,7 +258,7 @@ body.page-not-found .mw7 {
 }
 
 /* background image layer */
-.pill-flags-2 img {
+.pill-2 img {
   position: absolute;
   top: 0;
   left: 0;
@@ -268,15 +268,15 @@ body.page-not-found .mw7 {
 }
 
 /* overlay (does NOT darken text) */
-.pill-flags-2::after {
+.pill-2::after {
   content: "";
   position: absolute;
   inset: 0;
   background: rgba(0,0,0,0.35);
 }
 
 /* centered text */
-.pill-flags-2 span {
+.pill-2 span {
   position: absolute;
   inset: 0;
   display: flex;
@@ -297,7 +297,7 @@ body.page-not-found .mw7 {
 }
 
 /* hover */
-.pill-flags-2:hover {
+.pill-2:hover {
   transform: translateY(-2px);
   box-shadow: 0 4px 10px rgba(0,0,0,0.35);
 }