Update 'views/index.hbs'

constants.js

@@ -1,12 +1,18 @@
 module.exports = {
-  name: 'ABISU',
-  socials: {
-    bandcamp: "https://abisu.bandcamp.com/",
-    twitter: "https://twitter.com/abisoos",
-    soundcloud: "https://soundcloud.com/abisoos",
-    spotify: "https://open.spotify.com/artist/4AjMDVVo5Hh1UJ5emUgX5s?si=Fii2vRh3TrGTpjTKMbuyhQ"
-  },
+  name: "ABISU",
+
+  socials: [
+    { links: ["/bandcamp", "/bc"], link: "https://abisu.bandcamp.com/" },
+    { links: ["/twitter"], link: "https://twitter.com/abisoos" },
+    { links: ["/soundcloud", "/sc"], link: "https://soundcloud.com/abisoos" },
+    { links: ["/audius", "/a"], link: "https://audius.co/abisu" },
+    {
+      links: ["/spotify"],
+      link:
+        "https://open.spotify.com/artist/4AjMDVVo5Hh1UJ5emUgX5s?si=Fii2vRh3TrGTpjTKMbuyhQ",
+    },
+  ],
   music: {
-  	overdrive: "https://soundcloud.com/abisoos/overdrive"
-  }
+    overdrive: "https://soundcloud.com/abisoos/overdrive",
+  },
 };

server.js

@@ -7,7 +7,7 @@ const morgan = require("morgan");
 const chalk = require("chalk");
 const hbs = require("express-handlebars");
 let { port, hostname } = {
-  port: 48114
+  port: 48114,
 };
 const con = require("./constants");
 
@@ -17,7 +17,7 @@ app.engine(
   "hbs",
   hbs({
     extname: "hbs",
-    defaultView: "default"
+    defaultView: "default",
   })
 );
 
@@ -27,7 +27,7 @@ app.use("/assets", express.static("./assets"));
 app.use(express.json());
 app.use(
   express.urlencoded({
-    extended: true
+    extended: true,
   })
 );
 app.use(helmet());
@@ -41,7 +41,7 @@ app.use(
       chalk.hex("#ffb142").bold(tokens.status(req, res)),
       chalk.hex("#ff5252").bold(req.hostname + tokens.url(req, res)),
       chalk.hex("#2ed573").bold(tokens["response-time"](req, res) + "ms"),
-      chalk.hex("#f78fb3").bold("@ " + tokens.date(req, res))
+      chalk.hex("#f78fb3").bold("@ " + tokens.date(req, res)),
     ].join(" ");
   })
 );
@@ -51,7 +51,7 @@ function breakSocials(social) {
   return social.split("");
 }
 
-module.exports = async => {
+module.exports = (async) => {
   app.get("/", async (req, res) => {
     res.render("index", {
       layout: "main",
@@ -61,47 +61,57 @@ module.exports = async => {
         {
           name: "Twitter",
           link: "abisu.net/twitter",
-          character: breakSocials("Twitter")
+          character: breakSocials("Twitter"),
         },
         {
           name: "Spotify",
           link: "abisu.net/spotify",
-          character: breakSocials("Spotify")
+          character: breakSocials("Spotify"),
+        },
+         {
+          name: "Audius",
+          link: "abisu.net/audius",
+          character: breakSocials("Audius"),
         },
         {
           name: "Soundcloud",
           link: "abisu.net/soundcloud",
-          character: breakSocials("Soundcloud")
+          character: breakSocials("Soundcloud"),
         },
         {
           name: "Bandcamp",
           link: "abisu.net/bandcamp",
-          character: breakSocials("Bandcamp")
+          character: breakSocials("Bandcamp"),
         },
-      ]
+      ],
     });
   });
 
-  app.get("/spotify", (req, res) => {
-    res.redirect(con.socials.spotify);
+  con.socials.forEach((social) => {
+    app.get(social.links, (req, res) => {
+      res.redirect(social.link);
+    });
   });
-  app.get("/twitter", (req, res) => {
-    res.redirect(con.socials.twitter);
+
+  // ! STEMS
+
+  app.get("/stems/:stem", async (req, res) => {
+    switch (req.params.stem) {
+      case "overdrive":
+      case "909":
+        return res.download(
+          "./assets/files/909_(overdrive)_STEMS.zip",
+          "909_Overdrive_Stems.zip"
+        );
+
+      default:
+        return res.redirect("/");
+    }
   });
-  app.get("/patreon", (req, res) => {
-    res.redirect(con.socials.patreon);
-  });
-  app.get("/bandcamp", (req, res) => {
-    res.redirect(con.socials.bandcamp);
-  });
-  app.get("/soundcloud", (req, res) => {
-    res.redirect(con.socials.soundcloud);
-  });
-  app.get("/youtube", (req, res) => {
-    res.redirect(con.socials.youtube);
-  });
-  app.get("/discord", (req, res) => {
-    res.redirect(con.socials.discord);
+
+  // Music
+  app.get("/overdrive", (req, res) => {
+    res.redirect(con.music.overdrive);
   });
 
   app.listen(port /* , hostname */, () => {

views/index.hbs

@@ -1,24 +1,24 @@
 <div id="main">
-<svg class="large shape" viewBox="40 50 100 35">
-      <defs>
-        <linearGradient id="circleGradient" x1="10%" x2="100%" y1="70%" y2="10%">
-          <stop stop-color="#ffd1dc" offset="0%"/>
-          {{!-- <stop stop-color="#2a2c41" offset="30%"/> --}}
-          <stop stop-color="#0D0D0C" offset="80%"/>
-        </linearGradient>
-      </defs>
-      <circle cx="90" cy="55" r="5" fill-rule="evenodd" stroke-linecap="square" fill="url(#circleGradient)"/>
-      <circle cx="120" cy="50" r="28" fill-rule="evenodd" stroke-linecap="square" fill="url(#circleGradient)"/>
-      <circle cx="100" cy="70" r="15" fill-rule="evenodd" stroke-linecap="square" fill="url(#circleGradient)"/>
-    </svg>
+  <svg class="large shape" viewBox="40 50 100 35">
+    <defs>
+      <linearGradient id="circleGradient" x1="10%" x2="100%" y1="70%" y2="10%">
+        <stop stop-color="#ffd1dc" offset="0%" />
+        {{!-- <stop stop-color="#2a2c41" offset="30%"/> --}}
+        <stop stop-color="#0D0D0C" offset="80%" />
+      </linearGradient>
+    </defs>
+    <circle cx="90" cy="55" r="5" fill-rule="evenodd" stroke-linecap="square" fill="url(#circleGradient)" />
+    <circle cx="120" cy="50" r="28" fill-rule="evenodd" stroke-linecap="square" fill="url(#circleGradient)" />
+    <circle cx="100" cy="70" r="15" fill-rule="evenodd" stroke-linecap="square" fill="url(#circleGradient)" />
+  </svg>
 
   <section class="socials">
-  <h1 class="name">  {{name}}</h1>
-  <br>
-  <br>
+    <h1 class="name"> {{name}}</h1>
+    <br>
+    <br>
     <div class="links">
       {{#each social}}
-      <div id="{{name}}">
+      <div class="umami-click-{{name}}" id="{{name}}">
         <a href="https://{{link}}">
           {{#each character}}
           <span>
@@ -34,8 +34,8 @@
 
 </div>
 
-<div class="creator">  
+<div class="creator">
   <p>
-    <a href="https://werewolf.computer">lio</a>
+    <a class="umami-click-creator" href="https://twitter.com/himbolion">lio</a>
   </p>
 </div>

views/layouts/main.hbs

@@ -10,7 +10,7 @@
   <link rel="stylesheet" type="text/css" href="https://manekit.now.sh/assets/css/manekit.min.css">
 
   <script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.0.2/anime.min.js"></script>
-
+<script async defer data-website-id="4b26879d-6f3c-4011-bd97-bf0419ccf3c2" src="https://umami.himbo.cat/umami.js"></script>
   <script src="/assets/js/main.js"></script>