feat: politics! ✨

Stand united against oppression! ✨

Author: unseen-ninja

public/flags/tpl-bowtie-palestine.png

@@ -1,16 +1,17 @@
 <template>
   <footer
     id="disclaimer"
-    class="text-ctp-subtext0/40 text-center text-xs flex flex-col gap-1 lg:bg-ctp-mantle lg:py-8 lg:border-t-2 border-ctp-crust"
+    class="text-ctp-subtext0 text-center text-xs flex flex-col gap-1 lg:bg-ctp-mantle lg:py-8 lg:border-t-2 border-ctp-crust"
   >
     <p class="">
       Built with
-      <span class="text-transparent text-shadow-2xs text-shadow-(color:--catppuccin-color-mauve)/75">💜</span>
-      by <a class="text-ctp-mauve/50" href="https://unseen.ninja/">lemon</a>.
+      <span class="text-transparent text-shadow-2xs text-shadow-(color:--catppuccin-color-mauve)/75">💜</span> and
+      political takes by <a class="text-ctp-mauve" href="https://unseen.ninja/">lemon</a>.
     </p>
     <p class="mt-3">
-      <b>Disclaimer</b>: This project is an independent work and is <b>not affiliated with</b>, or sponsored by
-      <a class="text-ctp-mauve/50" href="https://catppuccin.com/">Catppuccin</a>.
+      <b class="text-ctp-red">Disclaimer</b>:<br />
+      This project is an independent work and is not affiliated with, nor does it reflect the views of
+      <a class="text-ctp-mauve" href="https://catppuccin.com/">Catppuccin</a>.
     </p>
   </footer>
 </template>

public/flags/tpl-bowtie-ukraine.png

@@ -28,11 +28,25 @@ async function draw() {
 
   if (!flagPath.value) return
 
+  let customBowtie = false
+  const customBowties = async (currentFlag) => {
+    if (currentFlag.includes("israel")) {
+      customBowtie = true
+      return await loadImage("/flags/tpl-bowtie-palestine.png")
+    }
+    if (currentFlag.includes("russia")) {
+      customBowtie = true
+      return await loadImage("/flags/tpl-bowtie-ukraine.png")
+    }
+    return ""
+  }
+
   try {
-    const [pepperjackImg, flagImg, outlineImg, flagOverlay] = await Promise.all([
+    const [pepperjackImg, bowtieOverride, flagImg, outlineImg, flagOverlay] = await Promise.all([
       props.flavour === "latte"
         ? loadImage("/flags/tpl-pepperjack-latte.png")
         : loadImage("/flags/tpl-pepperjack-mocha.png"),
+      customBowties(flagPath.value),
       loadImage(flagPath.value),
       props.outlined
         ? props.flavour === "latte"
@@ -44,6 +58,7 @@ async function draw() {
 
     if (outlineImg) ctx.drawImage(outlineImg, 0, 0, canvas.width, canvas.height)
     ctx.drawImage(pepperjackImg, 0, 0, canvas.width, canvas.height)
+    if (customBowtie) ctx.drawImage(bowtieOverride, 0, 0, canvas.width, canvas.height)
 
     ctx.save()
     const scaleFactor = 0.7