widget page

Dashboard/assets/css/widget.css

@@ -0,0 +1,36 @@
+@import url("https://fonts.googleapis.com/css?family=Montserrat&display=swap");
+.center {
+  position: absolute;
+  top: 40%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
+}
+
+body {
+  font-family: 'Montserrat', sans-serif;
+  background: #252525;
+  color: white;
+}
+
+ul {
+  list-style: none;
+}
+
+a {
+  text-decoration: none;
+}
+
+.lists {
+  position: absolute;
+  top: 40%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
+}
+
+.lists .topgg,
+.lists .botlistspace {
+  padding: 1vh 2vw;
+}
+/*# sourceMappingURL=widget.css.map */

Dashboard/assets/css/widget.css.map

@@ -0,0 +1,9 @@
+{
+    "version": 3,
+    "mappings": "AAuCA,OAAO,CAAC,sEAAI;AAEZ,AAAA,OAAO,CAAC;EAxCJ,QAAQ,EAAE,QAAQ;EAGd,GAAG,EAAE,GAAG;EACR,IAAI,EAAE,GAAG;EACT,SAAS,EAAE,qBAAqB;CAqCvC;;AAED,AAAA,IAAI,CAAC;EACD,WAAW,EAAE,wBAAwB;EACrC,UAAU,EAAE,OAAO;EACnB,KAAK,EAAE,KAAK;CACf;;AAED,AAAA,EAAE,CAAC;EACC,UAAU,EAAE,IAAI;CACnB;;AAED,AAAA,CAAC,CAAC;EACE,eAAe,EAAE,IAAI;CACxB;;AAED,AAAA,MAAM,CAAC;EA1DH,QAAQ,EAAE,QAAQ;EAGd,GAAG,EAAE,GAAG;EACR,IAAI,EAAE,GAAG;EACT,SAAS,EAAE,qBAAqB;CA6DvC;;AARD,AAII,MAJE,CAIF,MAAM;AAJV,MAAM,CAKF,aAAa,CAAC;EACV,OAAO,EAAE,OACb;CAAC",
+    "sources": [
+        "widget.scss"
+    ],
+    "names": [],
+    "file": "widget.css"
+}

Dashboard/assets/css/widget.scss

@@ -0,0 +1,68 @@
+@mixin centerer($horizontal: true, $vertical: true) {
+    position: absolute;
+
+    @if ($horizontal and $vertical) {
+        top: 40%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+    }
+
+    @else if ($horizontal) {
+        left: 50%;
+        transform: translate(-50%, 0);
+    }
+
+    @else if ($vertical) {
+        top: 50%;
+        transform: translate(0, -50%);
+    }
+}
+
+@mixin Buttons {
+    font-family: 'Montserrat', sans-serif;
+    background-color: #ffffff;
+    /* Green */
+    border: none;
+    /* border-radius: 1vh; */
+    font-size: 3vw;
+    margin: .5vw;
+    text-align: center;
+    text-decoration: none;
+    display: inline-block;
+    font-weight: bold;
+    text-transform: uppercase;
+
+    a {
+        color: rgb(0, 0, 0);
+    }
+}
+
+@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
+
+.center {
+    @include centerer;
+}
+
+body {
+    font-family: 'Montserrat', sans-serif;
+    background: #252525;
+    color: white;
+}
+
+ul {
+    list-style: none;
+}
+
+a {
+    text-decoration: none;
+}
+
+.lists {
+
+    @include centerer();
+
+    .topgg,
+    .botlistspace {
+        padding: 1vh 2vw
+    }
+}

Dashboard/server.js

@@ -1,5 +1,12 @@
 const express = require('express');
-const { hostname, port, authorization, source, invite, type } = require('../config');
+const {
+	hostname,
+	port,
+	authorization,
+	source,
+	invite,
+	type
+} = require('../config');
 const db = require('quick.db');
 const Backend = new db.table('backend');
 const chalk = require('chalk');
@@ -78,13 +85,9 @@ module.exports = (client) => {
 	});
 	app.get('/widgets', async (req, res) => {
 		res.status(200).render('widgets', {
-			layout: 'main',
+			layout: 'widgets',
-			lists: {
+			title: 'Widgets',
-				topgg: `<a href="https://top.gg/bot/434662676547764244" >
+			subtitle: 'Thaldrin'
-			<img src="https://top.gg/api/widget/434662676547764244.svg" alt="Thaldrin" />
-		  </a>`,
-				x: 'Not a real List'
-			}
 		});
 	});
 	/* app.get('/this', async (req, res) => {
@@ -111,4 +114,4 @@ module.exports = (client) => {
 			console.log(`Listening on ${port}`);
 		}, 1000 * 3);
 	});
-};
+};

views/layouts/main.hbs

@@ -5,31 +5,19 @@
   <meta name="viewport" content="initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible">
   <title>{{title}} | {{subtitle}}</title>
- {{!--  <script src="../assets/js/main.js" async defer></script> --}}
+  {{!--  <script src="../assets/js/main.js" async defer></script> --}}
   <link rel="stylesheet" type="text/css" href="./assets/css/main.css" />
-  <link href="https://afeld.github.io/emoji-css/emoji.css" rel="stylesheet">
-
-  {{!--  
-  <link rel="manifest" href="./assets/json/manifest.json">
-  <script type="text/javascript" src="./assets/js/dropdown.js"></script> --}}
-
-
 
   <meta name="theme-color" content="#ff995d">
   <meta property="og:title" content="Thaldrin">
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://thaldr.in">
-{{!--   <meta property="og:image"
+  <meta property="og:description" content="Home of Thaldrin">
-    content="https://raw.githubusercontent.com/EndlessHosting/assets/master/images/PFPs/code.png">
- --}}  <meta property="og:description" content="Home of Thaldrin">
 
 
-  <link rel="icon" type="image/png"
+  <link rel="icon" type="image/png" href="/assets/images/icon.png" sizes="32x32">
-    href="/assets/images/icon.png" sizes="32x32">
+  <link rel="icon" type="image/png" href="/assets/images/icon.png" sizes="96x96">
-  <link rel="icon" type="image/png"
+  <link rel="apple-touch-icon" sizes="180x180" href="/assets/images/icon.png">
-    href="/assets/images/icon.png" sizes="96x96">
-  <link rel="apple-touch-icon" sizes="180x180"
-    href="/assets/images/icon.png">
   <meta name="msapplication-TileColor" content="#ffffff">
   <meta name="msapplication-TileImage" content="/mstile-144x144.png">
   <meta name="apple-mobile-web-app-capable" content="yes">

views/layouts/widgets.hbs

@@ -0,0 +1,31 @@
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible">
+    <title>{{title}} | {{subtitle}}</title>
+    {{!--  <script src="../assets/js/main.js" async defer></script> --}}
+    <link rel="stylesheet" type="text/css" href="./assets/css/widget.css" />
+
+    <meta name="theme-color" content="#ff995d">
+    <meta property="og:title" content="Thaldrin">
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://thaldr.in">
+    <meta property="og:description" content="Home of Thaldrin">
+
+
+    <link rel="icon" type="image/png" href="/assets/images/icon.png" sizes="32x32">
+    <link rel="icon" type="image/png" href="/assets/images/icon.png" sizes="96x96">
+    <link rel="apple-touch-icon" sizes="180x180" href="/assets/images/icon.png">
+    <meta name="msapplication-TileColor" content="#ffffff">
+    <meta name="msapplication-TileImage" content="/mstile-144x144.png">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+</head>
+
+<body>
+    {{{body}}}
+</body>
+
+
+</html>

views/widgets.hbs

@@ -0,0 +1,14 @@
+<body>
+    <div class="lists">
+        <div class="topgg">
+            <a href="https://top.gg/bot/434662676547764244">
+                <img src="https://top.gg/api/widget/434662676547764244.svg" alt="Thaldrin" /></a>
+        </div>
+        <div class="botlistspace">
+            <a
+                href="https://botlist.space/bot/434662676547764244?utm_source=bls&utm_medium=widget&utm_campaign=434662676547764244">
+                <img src="https://api.botlist.space/widget/434662676547764244/6">
+            </a>
+        </div>
+    </div>
+</body>