testing stuff
This commit is contained in:
parent
fd364b7dd7
commit
17236b2405
5 changed files with 38 additions and 10 deletions
|
@ -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;
|
||||||
|
|
|
@ -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"
|
||||||
],
|
],
|
||||||
|
|
|
@ -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
|
||||||
|
|
10
server.js
10
server.js
|
@ -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',
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in a new issue