Skip to content

Instantly share code, notes, and snippets.

@euharrison

euharrison/tagcloud.html

Last active May 17, 2024 21:42
Show Gist options
  • Save euharrison/36a83166965ad9a137ff69a6ada1821e to your computer and use it in GitHub Desktop.
Save euharrison/36a83166965ad9a137ff69a6ada1821e to your computer and use it in GitHub Desktop.
Download ZIP
tagcloud reference for cargo site
Raw
tagcloud.html
<script>
// Define as tags - PODE ALTERAR
var tags = [
 { label: "NEW", href: "/new", size: 50 },
 { label: "Motion", href: "/motion", size: 36 },
 { label: "Art direction", href: "art-direction", size: 28 },
 { label: "Illustration", href: "/illustration", size: 28 },
 { label: "Design", href: "/design", size: 20 },
 { label: "Product", href: "/product", size: 20 },
 { label: "Disney", href: "/disney", size: 20 },
 { label: "Music", href: "/music", size: 16 },
 { label: "CD", href: "/cd", size: 16 },
 { label: "Voice", href: "/voice", size: 16 },
 { label: "Acting", href: "/acting", size: 16 },
 { label: "TV", href: "/tv", size: 16 },
 { label: "Reality", href: "/reality", size: 12 },
 { label: "Shows", href: "/shows", size: 12 },
 { label: "Dance", href: "/dance", size: 12 },
 { label: "BBB", href: "/bbb", size: 12 },
 { label: "Walls", href: "/walls", size: 10 },
 { label: "Cards", href: "/cards", size: 10 },
 { label: "Scenography", href: "/scenography", size: 10 },
 { label: "Advertising", href: "/advertising", size: 10 },
 { label: "Make-up", href: "make-up", size: 8 },
 { label: "MKO", href: "/mko", size: 8 },
 { label: "Fashion", href: "/fashion", size: 8 },
 { label: "Sketches", href: "/sketches", size: 8 },
];
// Gera o html do tagcloud - NAO MEXER AQUI
document.querySelector("#tagcloud").innerHTML =
  tags.map((tag) => `<div><a href="${tag.href}" style="font-size: ${tag.size}px;">${tag.label}</a></div>`).join("")
</script>
<div id="tagcloud"></div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment