Browse Source

widget page

master
ry 1 month ago
parent
commit
5eb34f8a86
7 changed files with 175 additions and 26 deletions
  1. +36
    -0
      Dashboard/assets/css/widget.css
  2. +9
    -0
      Dashboard/assets/css/widget.css.map
  3. +68
    -0
      Dashboard/assets/css/widget.scss
  4. +12
    -9
      Dashboard/server.js
  5. +5
    -17
      views/layouts/main.hbs
  6. +31
    -0
      views/layouts/widgets.hbs
  7. +14
    -0
      views/widgets.hbs

+ 36
- 0
Dashboard/assets/css/widget.css View File

@@ -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 */

+ 9
- 0
Dashboard/assets/css/widget.css.map View File

@@ -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"
}

+ 68
- 0
Dashboard/assets/css/widget.scss View File

@@ -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
}
}

+ 12
- 9
Dashboard/server.js View File

@@ -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',
lists: {
topgg: `<a href="https://top.gg/bot/434662676547764244" >
<img src="https://top.gg/api/widget/434662676547764244.svg" alt="Thaldrin" />
</a>`,
x: 'Not a real List'
}
layout: 'widgets',
title: 'Widgets',
subtitle: 'Thaldrin'
});
});
/* app.get('/this', async (req, res) => {
@@ -111,4 +114,4 @@ module.exports = (client) => {
console.log(`Listening on ${port}`);
}, 1000 * 3);
});
};
};

+ 5
- 17
views/layouts/main.hbs View File

@@ -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"
content="https://raw.githubusercontent.com/EndlessHosting/assets/master/images/PFPs/code.png">
--}} <meta property="og:description" content="Home of Thaldrin">
<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">
<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">


+ 31
- 0
views/layouts/widgets.hbs View File

@@ -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>

+ 14
- 0
views/widgets.hbs View File

@@ -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>

Loading…
Cancel
Save