From 5eb34f8a865dd77739294ce5ce43fa45a79baf83 Mon Sep 17 00:00:00 2001 From: ry Date: Thu, 9 Jan 2020 19:10:20 +0100 Subject: [PATCH] widget page --- Dashboard/assets/css/widget.css | 36 +++++++++++++++ Dashboard/assets/css/widget.css.map | 9 ++++ Dashboard/assets/css/widget.scss | 68 +++++++++++++++++++++++++++++ Dashboard/server.js | 21 +++++---- views/layouts/main.hbs | 22 +++------- views/layouts/widgets.hbs | 31 +++++++++++++ views/widgets.hbs | 14 ++++++ 7 files changed, 175 insertions(+), 26 deletions(-) create mode 100644 Dashboard/assets/css/widget.css create mode 100644 Dashboard/assets/css/widget.css.map create mode 100644 Dashboard/assets/css/widget.scss create mode 100644 views/layouts/widgets.hbs diff --git a/Dashboard/assets/css/widget.css b/Dashboard/assets/css/widget.css new file mode 100644 index 0000000..0b89afe --- /dev/null +++ b/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 */ \ No newline at end of file diff --git a/Dashboard/assets/css/widget.css.map b/Dashboard/assets/css/widget.css.map new file mode 100644 index 0000000..38fa2ce --- /dev/null +++ b/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" +} \ No newline at end of file diff --git a/Dashboard/assets/css/widget.scss b/Dashboard/assets/css/widget.scss new file mode 100644 index 0000000..f8dcf90 --- /dev/null +++ b/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 + } +} \ No newline at end of file diff --git a/Dashboard/server.js b/Dashboard/server.js index 457adf8..9084b41 100755 --- a/Dashboard/server.js +++ b/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', - lists: { - topgg: ` - Thaldrin - `, - 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); }); -}; +}; \ No newline at end of file diff --git a/views/layouts/main.hbs b/views/layouts/main.hbs index 7845956..31794fb 100644 --- a/views/layouts/main.hbs +++ b/views/layouts/main.hbs @@ -5,31 +5,19 @@ {{title}} | {{subtitle}} - {{!-- --}} + {{!-- --}} - - - {{!-- - - --}} - - -{{!-- - --}} + - - - + + + diff --git a/views/layouts/widgets.hbs b/views/layouts/widgets.hbs new file mode 100644 index 0000000..8a92037 --- /dev/null +++ b/views/layouts/widgets.hbs @@ -0,0 +1,31 @@ + + + + + + + {{title}} | {{subtitle}} + {{!-- --}} + + + + + + + + + + + + + + + + + + + {{{body}}} + + + + \ No newline at end of file diff --git a/views/widgets.hbs b/views/widgets.hbs index e69de29..58b7d8d 100644 --- a/views/widgets.hbs +++ b/views/widgets.hbs @@ -0,0 +1,14 @@ + +
+
+ + Thaldrin +
+
+ + + +
+
+ \ No newline at end of file