add ukraine and palestine

static/js/index.js

@@ -6,6 +6,13 @@ class Tag {
 }
 
 window.addEventListener("load", () => {
+  const clipping_text = `
+    display: inline;
+    background-clip: text;
+    -webkit-background-clip: text; /* Chromium fix */
+    color: transparent;
+  `;
+
   const tags = [
     new Tag("Comment ça marche un PC 😵‍💫"),
     new Tag("Idiot certifié"),
@@ -16,16 +23,28 @@ window.addEventListener("load", () => {
     new Tag(
       "0x520",
       `
-        display: inline;
         background: linear-gradient(to bottom right, red 0%, red 50%, black 50%);
-        background-clip: text;
+        ${clipping_text}
-        -webkit-background-clip: text; /* Chromium fix */
-        color: transparent;
       `
     ),
     new Tag("Nul en CSS", "font-family: 'Comic Sans MS', cursive"),
     new Tag("Mention poufiasse"),
     new Tag("anri k... caterpillar 🐛☝️"),
+    new Tag(
+      "Free Ukraine",
+      `
+        background: linear-gradient(to bottom, DodgerBlue 57%, gold 43%);
+        ${clipping_text}
+      `
+    ),
+    new Tag(
+      "Free Palestine",
+      `
+        background: conic-gradient(at 30% 60%, transparent 230deg, red 0, red 310deg, transparent 0),
+                    linear-gradient(to bottom, black 55%, white 55%, white 70%, green 70%);
+        ${clipping_text}
+      `
+    ),
   ];
 
   const random = Math.round(Math.random() * (tags.length - 1));