testing stuff

This commit is contained in:
ry 2020-02-20 20:38:22 +01:00
parent fd364b7dd7
commit 17236b2405
5 changed files with 38 additions and 10 deletions

View file

@ -6,7 +6,6 @@
* { * {
margin: 0; margin: 0;
padding: 0; padding: 0;
padding-cursor: pointer;
} }
body { body {
@ -24,7 +23,7 @@ iframe {
} }
.socials { .socials {
font-size: 4vh; font-size: 3vh;
left: 0; left: 0;
line-height: 4vh; line-height: 4vh;
letter-spacing: 15px; letter-spacing: 15px;
@ -44,6 +43,14 @@ iframe {
color: #a865ff81; color: #a865ff81;
} }
a .socials {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.logo { .logo {
width: auto; width: auto;
height: 10vh; height: 10vh;

View file

@ -1,6 +1,6 @@
{ {
"version": 3, "version": 3,
"mappings": "AAAA,UAAU;EACN,WAAW,EAAE,QAAQ;EACrB,GAAG,EAAE,2CAA2C;;;AAGpD,AAAA,CAAC,CAAC;EACD,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;EACP,cAAM,EAAE,OAAO;CAAK;;AAGxB,AAAA,IAAI,CAAC;EACD,WAAW,EAAE,oBAAoB;EACjC,gBAAgB,EAAE,+BAA+B;EACjD,eAAe,EAAE,KAAK;EACtB,qBAAqB,EAAE,KAAK;EAC5B,mBAAmB,EAAE,MAAM;EAC3B,iBAAiB,EAAE,SAAS;EAC5B,cAAc,EAAE,SAAS;CAAG;;AAEhC,AAAA,MAAM,CAAC;EACH,MAAM,EAAE,mBAAmB;CAAG;;AAElC,AAAA,QAAQ,CAAC;EACL,SAAS,EAAE,GAAG;EACd,IAAI,EAAE,CAAC;EACP,WAAW,EAAE,GAAG;EAChB,cAAc,EAAE,IAAI;EACpB,QAAQ,EAAE,QAAQ;EAClB,UAAU,EAAE,MAAM;EAClB,GAAG,EAAE,GAAG;EACR,KAAK,EAAE,IAAI;EACX,cAAc,EAAE,SAAS;CAOA;;AAhB7B,AAWI,QAXI,CAWJ,CAAC,CAAC;EACE,eAAe,EAAE,IAAI;EACrB,KAAK,EAAE,OAAO;CAAG;;AAbzB,AAeI,QAfI,CAeJ,CAAC,AAAA,MAAM,CAAC;EACJ,KAAK,EAAE,SAAS;CAAG;;AAG3B,AAAA,KAAK,CAAC;EACF,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;CAAG;;AAEnB,AAAA,QAAQ,CAAC;EACL,QAAQ,EAAE,QAAQ;EAClB,IAAI,EAAE,GAAG;EACT,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,IAAI;EACZ,WAAW,EAAE,KAAK;CAAG;;AAGzB,AAAA,QAAQ,CAAC;EACL,SAAS,EAAE,KAAK;EAChB,KAAK,EAAE,KAAK;EACZ,UAAU,EAAE,MAAM;EAClB,OAAO,EAAE,aAAa;EACtB,OAAO,EAAE,GAAG;EACZ,QAAQ,EAAE,QAAQ;EAClB,GAAG,EAAE,GAAG;CAAG;;AAIf,AAAA,QAAQ,CAAC,CAAC,CAAC;EACH,eAAe,EAAE,IAAI;EACrB,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;EACV,KAAK,EAAE,OAAO;CAAG;;AAEzB,AAAA,QAAQ,CAAC,CAAC,AAAA,MAAM,CAAC;EACb,KAAK,EAAE,SAAS;CAAG;;AAEvB,AAAA,KAAK,CAAC;EACF,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EACZ,WAAW,EAAE,KAAK;CAAG;;AAGzB,AAAA,SAAS,CAAC;EACN,cAAc,EAAE,QAAQ;EACxB,kBAAkB,EAAE,EAAE;EACtB,yBAAyB,EAAE,QAAQ;EACnC,yBAAyB,EAAE,WAAW;CAAG;;AAE7C,UAAU,CAAV,QAAU;EACN,IAAI;IACA,SAAS,EAAE,iBAAkB;;EACjC,GAAG;IACC,SAAS,EAAE,kBAAkB;;EACjC,EAAE;IACE,SAAS,EAAE,iBAAkB", "mappings": "AAAA,UAAU;EACN,WAAW,EAAE,QAAQ;EACrB,GAAG,EAAE,2CAA2C;;;AAGpD,AAAA,CAAC,CAAC;EACD,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;CAAG;;AAGd,AAAA,IAAI,CAAC;EACD,WAAW,EAAE,oBAAoB;EACjC,gBAAgB,EAAE,+BAA+B;EACjD,eAAe,EAAE,KAAK;EACtB,qBAAqB,EAAE,KAAK;EAC5B,mBAAmB,EAAE,MAAM;EAC3B,iBAAiB,EAAE,SAAS;EAC5B,cAAc,EAAE,SAAS;CAAG;;AAEhC,AAAA,MAAM,CAAC;EACH,MAAM,EAAE,mBAAmB;CAAG;;AAElC,AAAA,QAAQ,CAAC;EACL,SAAS,EAAE,GAAG;EACd,IAAI,EAAE,CAAC;EACP,WAAW,EAAE,GAAG;EAChB,cAAc,EAAE,IAAI;EACpB,QAAQ,EAAE,QAAQ;EAClB,UAAU,EAAE,MAAM;EAClB,GAAG,EAAE,GAAG;EACR,KAAK,EAAE,IAAI;EACX,cAAc,EAAE,SAAS;CAOA;;AAhB7B,AAWI,QAXI,CAWJ,CAAC,CAAC;EACE,eAAe,EAAE,IAAI;EACrB,KAAK,EAAE,OAAO;CAAG;;AAbzB,AAeI,QAfI,CAeJ,CAAC,AAAA,MAAM,CAAC;EACJ,KAAK,EAAE,SAAS;CAAG;;AAG3B,AACI,CADH,CACG,QAAQ,CAAC;EACL,OAAO,EAAE,IAAI;EACb,eAAe,EAAE,YAAY;CAAG;;AAGxC,AAAA,KAAK,CAAC;EACF,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;CAAG;;AAEnB,AAAA,QAAQ,CAAC;EACL,QAAQ,EAAE,QAAQ;EAClB,IAAI,EAAE,GAAG;EACT,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,IAAI;EACZ,WAAW,EAAE,KAAK;CAAG;;AAGzB,AAAA,QAAQ,CAAC;EACL,SAAS,EAAE,KAAK;EAChB,KAAK,EAAE,KAAK;EACZ,UAAU,EAAE,MAAM;EAClB,OAAO,EAAE,aAAa;EACtB,OAAO,EAAE,GAAG;EACZ,QAAQ,EAAE,QAAQ;EAClB,GAAG,EAAE,GAAG;CAAG;;AAGf,AAAA,QAAQ,CAAC,CAAC,CAAC;EACH,eAAe,EAAE,IAAI;EACrB,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;EACV,KAAK,EAAE,OAAO;CAAG;;AAEzB,AAAA,QAAQ,CAAC,CAAC,AAAA,MAAM,CAAC;EACb,KAAK,EAAE,SAAS;CAAG;;AAEvB,AAAA,KAAK,CAAC;EACF,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EACZ,WAAW,EAAE,KAAK;CAAG;;AAGzB,AAAA,SAAS,CAAC;EACN,cAAc,EAAE,QAAQ;EACxB,kBAAkB,EAAE,EAAE;EACtB,yBAAyB,EAAE,QAAQ;EACnC,yBAAyB,EAAE,WAAW;CAAG;;AAE7C,UAAU,CAAV,QAAU;EACN,IAAI;IACA,SAAS,EAAE,iBAAkB;;EACjC,GAAG;IACC,SAAS,EAAE,kBAAkB;;EACjC,EAAE;IACE,SAAS,EAAE,iBAAkB",
"sources": [ "sources": [
"main.sass" "main.sass"
], ],

View file

@ -6,7 +6,6 @@
* *
margin: 0 margin: 0
padding: 0 padding: 0
cursor: pointer
body body
@ -22,7 +21,7 @@ iframe
margin: 1.5% 1.5% 1.5% 1.5% margin: 1.5% 1.5% 1.5% 1.5%
.socials .socials
font-size: 4vh font-size: 3vh
left: 0 left: 0
line-height: 4vh line-height: 4vh
letter-spacing: 15px letter-spacing: 15px
@ -40,6 +39,12 @@ iframe
color: #a865ff81 color: #a865ff81
a
.socials
display: flex
justify-content: space-around
.logo .logo
width: auto width: auto
height: 10vh height: 10vh
@ -62,7 +67,6 @@ iframe
top: 95% top: 95%
.creator a .creator a
text-decoration: none text-decoration: none
margin: 0 margin: 0

View file

@ -49,6 +49,11 @@ app.use(
}) })
); );
function breakSocials(social) {
// if (typeof social !== String) throw new Error('This social media is not a string :eyes:')
return social.split('')
}
module.exports = async =>{ module.exports = async =>{
app.get('/', async (req, res) => { app.get('/', async (req, res) => {
res.render('index', { res.render('index', {
@ -58,18 +63,23 @@ module.exports = async =>{
social: [{ social: [{
name: 'Twitter', name: 'Twitter',
link: 'twitter.com/yaisor', link: 'twitter.com/yaisor',
character: breakSocials('Twitter')
}, { }, {
name: 'Soundcloud', name: 'Soundcloud',
link: 'soundcloud.com/yaisor', link: 'soundcloud.com/yaisor',
character: breakSocials('Soundcloud')
}, { }, {
name: 'Patreon', name: 'Patreon',
link: 'patreon.com/sorsor', link: 'patreon.com/sorsor',
character: breakSocials('Patreon')
}, { }, {
name: 'Bandcamp', name: 'Bandcamp',
link: 'sorsor.bandcamp.com/', link: 'sorsor.bandcamp.com/',
character: breakSocials('bandcamp')
}, { }, {
name: 'Youtube', name: 'Youtube',
link: 'youtube.com/sorsor', link: 'youtube.com/sorsor',
character: breakSocials('youtube')
}, },
{ {
name: 'Discord', name: 'Discord',

View file

@ -1,15 +1,22 @@
<div id="main"> <div id="main">
<section class="socials"> <section class="socials">
<div class="floating"> <div class="floating">
<img class="them" src="./assets/images/them.png" alt="Sor's Icon" srcset=""> <img class="them" src="./assets/images/them.png" alt="Sor's Icon" srcset="">
</div> </div>
<br> <br>
{{#each social}} {{#each social}}
<div id="{{name}}" ><a href="https://{{link}}">{{name}}</a></div> <div id="{{name}}" ><a href="https://{{link}}">
{{#each character}}
<span>{{this}}</span>
{{/each}}
</a></div>
{{/each}} {{/each}}
</section> </section>
</div>
</div> </div>
<iframe width="97%" height="20" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/723173407&color=%23a595ed&inverse=true&auto_play=false&show_user=true"></iframe> <div class="sor"> <iframe width="97%" height="20" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/723173407&color=%23a595ed&inverse=true&auto_play=false&show_user=true"></iframe> <div class="sor">
<div class="credits"> <div class="credits">
<img class="logo" src="./assets/images/sor_white.png" alt="Sor's Logo"> <img class="logo" src="./assets/images/sor_white.png" alt="Sor's Logo">
@ -17,5 +24,5 @@
</div> </div>
<div class="creator"> <div class="creator">
<p>made by <a href="https://wrwlf.co">wrwlf.co</a></p> <p><a href="https://wrwlf.co">wrwlf.co</a></p>
</div> </div>