widget page
This commit is contained in:
ry
parent
9500bc3a45
commit
5eb34f8a86
7 changed files with 175 additions and 26 deletions
36
Dashboard/assets/css/widget.css
Normal file
36
Dashboard/assets/css/widget.css
Normal 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
Dashboard/assets/css/widget.css.map
Normal file
9
Dashboard/assets/css/widget.css.map
Normal 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
Dashboard/assets/css/widget.scss
Normal file
68
Dashboard/assets/css/widget.scss
Normal 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
|
||||
}
|
||||
}
|
||||
|
|
@ -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,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
views/layouts/widgets.hbs
Normal file
31
views/layouts/widgets.hbs
Normal 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>
|
||||
|
|
@ -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…
Reference in a new issue