From 988f8345aa17d1f8c94ca6e001a93bfd73cc2fa4 Mon Sep 17 00:00:00 2001 From: Mylloon Date: Thu, 30 May 2024 02:25:49 +0200 Subject: [PATCH] add ukraine and palestine --- static/js/index.js | 27 +++++++++++++++++++++++---- 1 file changed, 23 insertions(+), 4 deletions(-) diff --git a/static/js/index.js b/static/js/index.js index 0c27d13..7542bc8 100644 --- a/static/js/index.js +++ b/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; - -webkit-background-clip: text; /* Chromium fix */ - color: transparent; + ${clipping_text} ` ), 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));