supporters page

rocksdanister · Apr 10, 2024 · 12d9d7f · 12d9d7f
1 parent 3e8b517
commit 12d9d7f
Show file tree

Hide file tree

Showing 6 changed files with 213 additions and 2 deletions.
diff --git a/changelog/index.html b/changelog/index.html
@@ -16,13 +16,13 @@
     body {
       font-size: 15px;
       color: white;
-      background-color: #1c1c1c;
+      background-color: #272727;
       font-family: "Noto Sans", sans-serif;
     }
 
     .footer {
       text-align: center;
-      padding: 25px;
+      padding: 40px;
     }
 
     .hero {

diff --git a/supporters/index.html b/supporters/index.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <title>Patreon Supporters</title>
+    <link rel="stylesheet" href="./styles/style.css" />
+  </head>
+  <body>
+    <div class="container">
+      <span class="content"></span>
+    </div>
+
+    <script src="./scripts/TagCloud.min.js"></script>
+    <script src="./scripts/script.js"></script>
+  </body>
+</html>
diff --git a/supporters/license.txt b/supporters/license.txt
@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2024 Asmit (https://codepen.io/Malakannawar/pen/dyWKxgJ)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/supporters/scripts/TagCloud.min.js b/supporters/scripts/TagCloud.min.js
diff --git a/supporters/scripts/script.js b/supporters/scripts/script.js
@@ -0,0 +1,142 @@
+var tagCloud;
+var colors = ["#34A853", "#FBBC05", "#4285F4", "#7FBC00"];
+const names = [
+  "jesse grima",
+  "Frank alexis cruz Marmolejos",
+  "John T Howard",
+  "April Bednar",
+  "Jonathan Youngson",
+  "Christopher adorno",
+  "Abdulmelik DEMİR",
+  "Bisketties",
+  "Rémy DG",
+  "فرح رضوان FMQR",
+  "Nicolas Groß",
+  "Yander Polo",
+  "OTR",
+  "Dylan Harwood",
+  "Johannes Ribeiro",
+  "Tito Villalpando",
+  "Tom Haight",
+  "Northbayjoe",
+  "Vazer",
+  "ollando",
+  "Robert Deutsch",
+  "Shane Mane",
+  "aidan aichele",
+  "khaled bin yousef",
+  "Joseph DeFelix",
+  "Pamela Clark-Gordon",
+  "Steven Smith",
+  "Robert Allen Dextra",
+  "jocelyn crum",
+  "Abdullah AlFayez",
+  "Ceferino Arrue",
+  "KingVass",
+  "ناصر ياسر الزامل",
+  "Latrell Morgan",
+  "Arabs Gaming Tube",
+  "su",
+  "Hansel Lopez Madrigal",
+  "Koby Mutton",
+  "nguyen j",
+  "Gustavo Trevizan",
+  "Lipov",
+  "Mustafa",
+  "freezerua",
+  "Will devitt",
+  "Eric Geiger",
+  "79",
+  "BoBtastic",
+  "Christian Davis",
+  "Andrew Cloward",
+  "Erick",
+  "Jeremiah Etnel",
+  "Silvian Hiemesch",
+  "AJ Holmes",
+  "Nathan Renderos",
+  "Donovan Contreras",
+  "Nathan Draper",
+  "Kristopher DeBolt",
+  "llLuvDiorCxmpll",
+  "بردي الحربي",
+  "Linda Descheda",
+  "David Dominguez",
+  "Jasmine Vasquez",
+  "Mark Rugen",
+  "Roopull",
+  "michael jolly",
+  "Evan mousa",
+  "Mosies Miyar",
+  "Markus Mertens",
+  "Moss Doerksen",
+  "Hamzak1",
+  "Nik Page",
+  "Ingo Horst Eck",
+  "Dennis Van Metre",
+  "Alex Salisbury",
+  "Benjamin Kilpatrick",
+  "Joadm",
+  "Piyapan Thongkampleo",
+  "Big Ugly",
+  "Yousuf Hassan",
+  "peteybuilt",
+  "Jeff Weisberg",
+  "Tyler Hand",
+  "Diego Rodrigues",
+  "Hakan ÖZER",
+  "Clark King",
+  "Mark Ryan",
+  "jason hart",
+  "Matt Olgiati",
+  "Eiki",
+  "Stephen Smith",
+  "Andy Baker",
+  "David Sydow",
+  "Andy Vieraz Gonzalez",
+  "Moshe Tanach",
+  "Emma Barnhoorn",
+  "Dennis Herrick",
+  "RICHARD KRAKANA",
+  "Richard Christenson",
+  "t b",
+  "Gerald Holland",
+  "ZioMike Positano",
+  "rimpe boss",
+  "Mete Sozer",
+  "Afaq Khan",
+  "JOYCE Johnson",
+  "Katie Miller",
+  "esmercer",
+  "AlexTuPlay",
+  "david j pagett",
+  "jason storey",
+  "Martyn Roberts",
+  "Alex Tessler",
+  "y0himba",
+  "J C",
+  "Mike Spence",
+  "LOLOF13R",
+  "Ronald Cagle",
+  "mohammed",
+  "สัญญา ปิ่นวันนา",
+  "BusinessTime",
+  "AK",
+  "Newlee CK.",
+  "Jonathan Mota",
+];
+
+function updateCloud() {
+  tagCloud?.destroy();
+  tagCloud = TagCloud(".content", names, {
+    radius: window.innerWidth < 768 ? 275 : 400,
+    maxSpeed: "normal",
+    initSpeed: "normal",
+    direction: 135,
+    keep: true,
+  });
+}
+window.addEventListener("resize", updateCloud);
+window.addEventListener("load", updateCloud);
+
+document.querySelector(".content").style.color = colors[Math.floor(Math.random() * colors.length)];
diff --git a/supporters/styles/style.css b/supporters/styles/style.css
@@ -0,0 +1,26 @@
+@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");
+
+body {
+  /* background-color: #000; */
+  overflow: hidden;
+  pointer-events: none;
+}
+
+.container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100vh;
+}
+
+.tagcloud {
+  font-family: "Poppins", sans-serif;
+  font-size: 12px;
+  width: 50%;
+}
+
+@media screen and (max-width: 768px) {
+  .tagcloud {
+    font-size: 10px;
+  }
+}