71 lines
2.3 KiB
JavaScript
71 lines
2.3 KiB
JavaScript
class Tag {
|
|
constructor(variant, style = "") {
|
|
this.variant = variant;
|
|
this.style = style;
|
|
}
|
|
}
|
|
|
|
window.addEventListener("load", () => {
|
|
const clipping_text = `
|
|
display: inline;
|
|
background-clip: text;
|
|
-webkit-background-clip: text; /* Chromium fix */
|
|
color: transparent;
|
|
`;
|
|
|
|
const tags = [
|
|
new Tag("Comment fonctionne un PC 😵💫"),
|
|
new Tag("Idiot certifié"),
|
|
new Tag("undefined", "font-family: monospace"),
|
|
new Tag("/api/v1/love", "font-family: monospace"),
|
|
new Tag("A rater son master 🎊"),
|
|
new Tag("Peak D2 sur Valo 🤡"),
|
|
new Tag(
|
|
"0x520",
|
|
`
|
|
background: linear-gradient(to bottom right, red 0%, red 50%, black 50%);
|
|
${clipping_text}
|
|
text-shadow: 0px 0px 20px light-dark(transparent, var(--font-color));
|
|
`
|
|
),
|
|
new Tag("Nul en CSS", "font-family: 'Comic Sans MS', TSCu_Comic, cursive"),
|
|
new Tag("anri k... caterpillar 🐛☝️"),
|
|
new Tag(
|
|
"Free Ukraine",
|
|
`
|
|
background: linear-gradient(to bottom, DodgerBlue 57%, gold 43%);
|
|
${clipping_text}
|
|
text-shadow: 0px 0px 20px light-dark(var(--font-color), transparent);
|
|
`
|
|
),
|
|
new Tag(
|
|
"Free Palestine",
|
|
`
|
|
background: conic-gradient(at 30% 60%, transparent 230deg, red 0, red 310deg, transparent 0),
|
|
linear-gradient(to bottom, black 45%, white 45%, white 67%, DarkGreen 67%);
|
|
${clipping_text}
|
|
text-shadow: 0px 0px 20px var(--font-color);
|
|
`
|
|
),
|
|
new Tag("School hater"),
|
|
new Tag("Stagiaire"),
|
|
new Tag("Rempli de malice"),
|
|
new Tag(
|
|
"#NouveauFrontPopulaire ✊",
|
|
`
|
|
background: linear-gradient(to bottom, green 0%, green 30%, \
|
|
red 31%, red 40%, \
|
|
yellow 41%, yellow 60%, \
|
|
purple 61%, purple 81%, \
|
|
pink 81%);
|
|
${clipping_text}
|
|
text-shadow: 0px 0px 20px light-dark(transparent, var(--font-color));
|
|
`
|
|
),
|
|
];
|
|
|
|
const random = Math.round(Math.random() * (tags.length - 1));
|
|
const element = document.getElementById("subname");
|
|
element.textContent = tags[random].variant;
|
|
element.style = tags[random].style;
|
|
});
|