Added flag pages

Author: 101PercentHuman

content/flags/_index.md

@@ -6,15 +6,14 @@ date: 2026-02-08
 
 ---
 
-Welcome to the Flags page of Unlisted Thoughts Incorporated.  
-You can add content, images, tables, etc., here.
+Unlisted Thoughts has a particular interest in flags.
 
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ornare ante odio, non sagittis massa faucibus sed. Cras consectetur nulla rhoncus tortor aliquet, sit amet ultrices ligula consectetur. Praesent augue augue, laoreet in lorem eget, imperdiet porttitor nulla. In hendrerit, urna eu interdum aliquet, dui velit egestas felis, tristique porttitor odio dolor at urna. Vivamus condimentum leo sed nunc tempus tristique. Morbi imperdiet vestibulum tortor, at rutrum dolor ullamcorper ac. Fusce posuere maximus est, et aliquet lacus tempus at. Cras pretium purus enim, vitae efficitur arcu finibus ac. Suspendisse blandit erat tellus. Suspendisse mauris velit, mollis ut nisi in, mollis malesuada ante. Mauris consequat lectus diam.
-
-Vivamus condimentum nibh vel cursus efficitur. Duis commodo nec arcu sit amet eleifend. Nulla facilisi. Integer auctor dui a rhoncus facilisis. Integer pharetra dignissim pulvinar. Duis sed eleifend felis, vitae venenatis nisl. Vivamus vitae ullamcorper dui. Phasellus posuere convallis urna eget ultricies. Fusce sit amet metus porta, fringilla augue a, dapibus sem.
-
-Donec porta nulla non lacus viverra volutpat. Nam cursus ante non lectus imperdiet, vitae elementum lacus blandit. Interdum et malesuada fames ac ante ipsum primis in faucibus. Suspendisse eu malesuada purus, ut ullamcorper ipsum. Cras ac sem elementum, efficitur elit in, gravida purus. Integer ullamcorper facilisis lacus, sit amet feugiat metus convallis sit amet. Vivamus nulla libero, vestibulum id tellus vitae, dapibus viverra ante. Cras scelerisque lacus eget risus sagittis, non vehicula nulla pretium.
-
-Vestibulum feugiat lectus dolor, a dictum turpis molestie ut. Donec porttitor nulla tristique justo luctus, nec tempor quam porta. Nulla porttitor ultricies sapien vestibulum placerat. Integer sed dolor a tellus posuere rhoncus. Sed non condimentum nisi. In fringilla ante sit amet est congue dapibus. Morbi sed felis vehicula ex condimentum luctus. Quisque ullamcorper ante quam, eu varius felis pellentesque quis. Quisque lorem eros, viverra sed odio eget, mattis facilisis leo. Nulla blandit mi vitae magna facilisis, eget aliquam est placerat.
-
-Duis vitae congue diam, vitae volutpat ante. Praesent vel fringilla quam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur ac eros rhoncus ex consectetur pharetra eget sed risus. Maecenas porttitor sed quam in posuere. Ut sed viverra orci. Nunc in venenatis urna. Nulla sit amet est vel odio aliquet dictum. Pellentesque tincidunt ultricies orci vel auctor. Integer eget semper mi, ac dignissim ligula. Nulla vestibulum, velit ac vehicula porttitor, nulla urna dictum magna, sed tristique elit est ac dolor. Cras feugiat dolor sit amet elit pulvinar, a finibus arcu pellentesque. 
+<div class="pill-web-links ">
+  <a href="/flags/unlisted_flags/" class="pill-flags flag-original"><span>Collection of Unlisted Flags</span></a>
+  <a href="/flags/crazy_flags/" class="pill-flags flag-ideas"><span>Collection of Crazy Flag Ideas</span></a>
+  <a href="/flags/insane_flags/" class="pill-flags flag-crazy"><span>Collection of Insane Flags</span></a>
+</div>
+<br>
+<div class="banner-wrapper">
+  <img class="banner-gif" src="/images/spin.gif" alt="">
+</div>

content/flags/crazy_flags.md

@@ -0,0 +1,29 @@
+---
+title: "Collection of Crazy Flags"
+featured_image: "images/flags_banner.jpg"
+draft: false
+date: 2026-02-26
+
+---
+
+# Original
+
+## Flag of Two
+<div class="flag-div">
+	<img src="/images/flags/crazy_flags/Flag_2.svg">
+</div>
+
+## Flag of Chinese Pigs
+<div class="flag-div">
+	<img src="/images/flags/crazy_flags/Flag_China_Pig.svg">
+</div>
+
+## Flag of Masturbatory Elephant
+<div class="flag-div">
+	<img src="/images/flags/crazy_flags/Flag_Elephant.svg">
+</div>
+
+## Flag of Wine Australia
+<div class="flag-div">
+	<img src="/images/flags/crazy_flags/Flag_Wine_Australia.svg">
+</div>

content/flags/insane_flags.md

@@ -0,0 +1,21 @@
+---
+title: "Collection of Insane Flags"
+featured_image: "images/flags_banner.jpg"
+draft: false
+date: 2026-02-26
+
+---
+
+# Wikimedia Commons
+
+## Algerian Flag
+<div class="flag-div">
+	<img src="https://upload.wikimedia.org/wikipedia/commons/b/b4/Algerian_flag_%28Barbary_ensign_with_the_an_Berberian_head%29.svg">
+	<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>
+</div>
+
+## Citrus Land
+<div class="flag-div">
+	<img src="/images/flags/insane_flags/The_Flag_of_Citrus_Land.png">
+	<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>
+</div>

content/flags/unlisted_flags.md

@@ -0,0 +1,56 @@
+---
+title: "Collection of Unlisted Flags"
+featured_image: "images/flags_banner.jpg"
+draft: false
+date: 2026-02-26
+
+---
+
+# Unlisted Flags
+
+## Flag of All-Peters
+<div class="flag-div">
+	<img src="/images/flags/unlisted_flags/Flag_All_Peters.svg">
+</div>
+
+## Flag of All-Zachs
+<div class="flag-div">
+	<img src="/images/flags/unlisted_flags/Flag_All_Zachs.svg">
+</div>
+
+## Flag of Flags Australia
+<div class="flag-div">
+	<img src="/images/flags/unlisted_flags/Flags_Flags_Australia.svg">
+</div>
+
+## Flag of Grapes
+<div class="flag-div">
+	<img src="/images/flags/unlisted_flags/Flag_Grape.svg">
+</div>
+
+## (New) Flag of Milwaukee
+<div class="flag-div">
+	<img src="/images/flags/unlisted_flags/Flag_Milwaukee.svg">
+</div>
+
+## Flag of Stephen Jones
+<div class="flag-div">
+	<img src="/images/flags/unlisted_flags/Flag_Stephen_Jones.svg">
+</div>
+
+## (New) Flag of Sydney (Variant A)
+<div class="flag-div">
+	<img src="/images/flags/unlisted_flags/Flag_Sydney_1.svg">
+</div>
+
+## Flag of Zanton
+<div class="flag-div">
+	<img src="/images/flags/unlisted_flags/Flag_Zanton.svg">
+</div>
+
+# Unlisted Thoughts Flags
+
+## Funeral Flags
+<div class="flag-div">
+	<img src="/images/flags/unlisted_flags/Flag_Unlisted_Funerals.svg">
+</div>

static/css/custom.css

@@ -234,6 +234,107 @@ body.page-not-found .mw7 {
   font-style: italic;
 }
 
+/* ----------------------------- */
+/* ------------FLAGS------------- */
+/* ----------------------------- */
+
+.pill-web-links {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+
+.pill-flags {
+  display: flex;
+  width: 100%;
+  height: 300px;
+
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+
+  padding: 0.4rem 0.9rem;
+  border-radius: 6px;
+
+  color: white;
+  font-weight: 600;
+  font-size: 3rem;
+  text-decoration: none;
+
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+
+  backdrop-filter: blur(2px);
+
+  position: relative;
+  overflow: hidden;
+  z-index: 0;
+
+  transition: transform 0.15s ease, box-shadow 0.15s ease;
+}
+
+.pill-flags span {
+  color: #fff;
+  -webkit-text-stroke: 5px rgba(0,0,0,0.9);
+  paint-order: stroke fill;
+  text-shadow:
+    0 0 2px rgba(0,0,0,0.9),
+    0 0 4px rgba(0,0,0,0.7);
+}
+
+/* overlay stays behind text */
+.pill-flags::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: rgba(0,0,0,0.35);
+  z-index: 1;
+}
+
+/* text container */
+.pill-flags span,
+.pill-flags strong,
+.pill-flags .label {
+  position: relative;
+  z-index: 2; /* text ABOVE overlay */
+}
+
+.pill-flags:hover {
+  transform: translateY(-1px);
+  box-shadow: 0 2px 6px rgba(0,0,0,0.25);
+}
+
+.flag-original {
+  background-image: url("/images/flags/unlisted_flags/Flag_All_Peters.svg");
+}
+
+.flag-crazy {
+  background-image: url("https://upload.wikimedia.org/wikipedia/commons/b/b4/Algerian_flag_%28Barbary_ensign_with_the_an_Berberian_head%29.svg");
+}
+
+.flag-ideas {
+  background-image: url("/images/flags/crazy_flags/Flag_Elephant.svg");
+}
+
+.banner-wrapper {
+  background: #000;
+  width: 100%;
+  padding: 0;              /* remove if you want spacing */
+  display: flex;
+  justify-content: center; /* horizontal center */
+  align-items: center;     /* vertical center (if height set) */
+}
+
+.banner-gif {
+  display: block;          /* removes bottom gap */
+  max-width: 100%;
+  height: auto;
+}
+
+.banner-gif {
+  height: 300px;
+}
 
 /* ----------------------------- */
 /* ----------------------------- */