class Tag {
  constructor(variant, style = "") {
    this.variant = variant;
    this.style = style;
  }
}

window.addEventListener("load", () => {
  const tags = [
    new Tag("Comment ça marche un PC 😵‍💫"),
    new Tag("Idiot certifié"),
    new Tag("undefined", "font-family: monospace"),
    new Tag("/api/v1/love", "font-family: monospace"),
    new Tag("Étudiant qui va rater son master"),
    new Tag("Peak D2 sur Valo 🤡"),
    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;
      `
    ),
    new Tag("Nul en CSS", "font-family: 'Comic Sans MS', cursive"),
    new Tag("anri k... caterpillar 🐛☝️"),
  ];

  const random = Math.round(Math.random() * (tags.length - 1));
  const element = document.getElementById("subname");
  element.textContent = tags[random].variant;
  element.style = tags[random].style;
});