pretty much working site
|
@ -1,21 +0,0 @@
|
|||
.XX {
|
||||
position: relative;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border: 1px solid red;
|
||||
}
|
||||
|
||||
.imageOne {
|
||||
z-index: 0;
|
||||
background: blue;
|
||||
-webkit-transform: rotate(30deg);
|
||||
transform: rotate(30deg);
|
||||
}
|
||||
|
||||
.imageTwo {
|
||||
z-index: 1;
|
||||
background: red;
|
||||
margin-top: -100px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
/*# sourceMappingURL=artwork.css.map */
|
|
@ -1,9 +0,0 @@
|
|||
{
|
||||
"version": 3,
|
||||
"mappings": "AAAA,AAAA,GAAG,CAAC;EACH,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,KAAK;EACb,MAAM,EAAE,aAAa;CACrB;;AAED,AAAA,SAAS,CAAC;EACT,OAAO,EAAE,CAAC;EACV,UAAU,EAAE,IAAI;EAChB,SAAS,EAAE,aAAa;CACxB;;AAED,AAAA,SAAS,CAAC;EACT,OAAO,EAAE,CAAC;EACV,UAAU,EAAE,GAAG;EACf,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,IAAI;CACjB",
|
||||
"sources": [
|
||||
"artwork.scss"
|
||||
],
|
||||
"names": [],
|
||||
"file": "artwork.css"
|
||||
}
|
|
@ -1,19 +0,0 @@
|
|||
.XX {
|
||||
position: relative;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border: 1px solid red;
|
||||
}
|
||||
|
||||
.imageOne {
|
||||
z-index: 0;
|
||||
background: blue;
|
||||
transform: rotate(30deg);
|
||||
}
|
||||
|
||||
.imageTwo {
|
||||
z-index: 1;
|
||||
background: red;
|
||||
margin-top: -100px;
|
||||
margin-left: 10px;
|
||||
}
|
|
@ -1,192 +0,0 @@
|
|||
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap");
|
||||
@import url("https://fonts.googleapis.com/css?family=Roboto&display=swap");
|
||||
body {
|
||||
background-color: black;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.light {
|
||||
color: black !important;
|
||||
background: white !important;
|
||||
}
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 5vh;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
padding: 30px 0 0 0;
|
||||
}
|
||||
|
||||
.toggle {
|
||||
cursor: -webkit-grab;
|
||||
cursor: grab;
|
||||
}
|
||||
|
||||
.subtitle {
|
||||
font-size: 3vh;
|
||||
bottom: 50px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
sub {
|
||||
font-size: 1vh;
|
||||
}
|
||||
|
||||
.center {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
padding: 90px 0 0 0;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
}
|
||||
|
||||
body.light a {
|
||||
color: black;
|
||||
}
|
||||
|
||||
#box {
|
||||
position: absolute;
|
||||
z-index: 999;
|
||||
border: 25px solid white;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
pointer-events: none;
|
||||
-webkit-transition: border-color 0.5s ease-in-out;
|
||||
transition: border-color 0.5s ease-in-out;
|
||||
}
|
||||
|
||||
body.light #box {
|
||||
position: absolute;
|
||||
z-index: 999;
|
||||
border: 25px solid black;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
pointer-events: none;
|
||||
-webkit-transition: border-color 0.5s ease-in-out;
|
||||
transition: border-color 0.5s ease-in-out;
|
||||
}
|
||||
|
||||
.monty:hover {
|
||||
color: #ff6d62;
|
||||
}
|
||||
|
||||
.monty:hover ~ #box {
|
||||
border-color: #ff6d62;
|
||||
}
|
||||
|
||||
.monty::-moz-selection {
|
||||
color: white;
|
||||
background-color: #ff6d62;
|
||||
}
|
||||
|
||||
.monty::selection {
|
||||
color: white;
|
||||
background-color: #ff6d62;
|
||||
}
|
||||
|
||||
body.light .monty::-moz-selection {
|
||||
color: black;
|
||||
background-color: #ff877c;
|
||||
}
|
||||
|
||||
body.light .monty::selection {
|
||||
color: black;
|
||||
background-color: #ff877c;
|
||||
}
|
||||
|
||||
.ryden:hover {
|
||||
color: #a8fd77;
|
||||
}
|
||||
|
||||
.ryden:hover ~ #box {
|
||||
border-color: #a8fd77;
|
||||
}
|
||||
|
||||
.ryden::-moz-selection {
|
||||
color: white;
|
||||
background-color: #a8fd77;
|
||||
}
|
||||
|
||||
.ryden::selection {
|
||||
color: white;
|
||||
background-color: #a8fd77;
|
||||
}
|
||||
|
||||
body.light .ryden::-moz-selection {
|
||||
color: black;
|
||||
background-color: #c2ff91;
|
||||
}
|
||||
|
||||
body.light .ryden::selection {
|
||||
color: black;
|
||||
background-color: #c2ff91;
|
||||
}
|
||||
|
||||
.thaldrin:hover {
|
||||
color: #ff995d;
|
||||
}
|
||||
|
||||
.thaldrin:hover ~ #box {
|
||||
border-color: #ff995d;
|
||||
}
|
||||
|
||||
.thaldrin::-moz-selection {
|
||||
color: white;
|
||||
background-color: #ff995d;
|
||||
}
|
||||
|
||||
.thaldrin::selection {
|
||||
color: white;
|
||||
background-color: #ff995d;
|
||||
}
|
||||
|
||||
body.light .thaldrin::-moz-selection {
|
||||
color: black;
|
||||
background-color: #ffb377;
|
||||
}
|
||||
|
||||
body.light .thaldrin::selection {
|
||||
color: black;
|
||||
background-color: #ffb377;
|
||||
}
|
||||
|
||||
.monty {
|
||||
font-size: 6vh;
|
||||
}
|
||||
|
||||
.ryden {
|
||||
font-size: 6vh;
|
||||
}
|
||||
|
||||
.thaldrin {
|
||||
font-size: 6vh;
|
||||
}
|
||||
/*# sourceMappingURL=lore.css.map */
|
|
@ -1,9 +0,0 @@
|
|||
{
|
||||
"version": 3,
|
||||
"mappings": "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",
|
||||
"sources": [
|
||||
"lore.scss"
|
||||
],
|
||||
"names": [],
|
||||
"file": "lore.css"
|
||||
}
|
|
@ -1,112 +0,0 @@
|
|||
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap');
|
||||
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
|
||||
$accent-color: red;
|
||||
|
||||
body {
|
||||
background-color: rgb(0, 0, 0);
|
||||
color: rgb(255, 255, 255);
|
||||
//font-size: 3vw;
|
||||
}
|
||||
|
||||
.light {
|
||||
color: black !important;
|
||||
background: white !important;
|
||||
}
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
}
|
||||
.title {
|
||||
//font-family: 'Source Sans Pro', sans-serif !important;
|
||||
font-size: 5vh;
|
||||
margin: 0;
|
||||
//bottom: 5px;
|
||||
// height: 1%;
|
||||
text-align: center;
|
||||
padding: 30px 0 0 0;
|
||||
}
|
||||
.toggle {
|
||||
cursor: grab;
|
||||
}
|
||||
.subtitle {
|
||||
//font-family: 'Source Sans Pro', sans-serif !important;
|
||||
font-size: 3vh;
|
||||
bottom: 50px;
|
||||
//height: 1%;
|
||||
text-align: center;
|
||||
}
|
||||
sub {
|
||||
font-size: 1vh;
|
||||
}
|
||||
|
||||
.center {
|
||||
//height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 90px 0 0 0;
|
||||
}
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
}
|
||||
|
||||
body.light a {
|
||||
color: black;
|
||||
}
|
||||
|
||||
#box {
|
||||
position: absolute;
|
||||
z-index: 999;
|
||||
border: 25px solid white;
|
||||
box-sizing: border-box;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
pointer-events: none;
|
||||
transition: border-color 0.5s ease-in-out;
|
||||
}
|
||||
|
||||
body.light #box {
|
||||
position: absolute;
|
||||
z-index: 999;
|
||||
border: 25px solid black;
|
||||
box-sizing: border-box;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
pointer-events: none;
|
||||
transition: border-color 0.5s ease-in-out;
|
||||
}
|
||||
|
||||
$accents: ("monty": #ff6d62, "ryden": #a8fd77, "thaldrin": #ff995d);
|
||||
$links: ('monty', 'ryden', 'thaldrin');
|
||||
$time: 2s;
|
||||
@each $link, $color in $accents {
|
||||
.#{$link}:hover {
|
||||
color: $color;
|
||||
|
||||
& ~ #box {
|
||||
border-color: $color;
|
||||
}
|
||||
}
|
||||
.#{$link}::selection {
|
||||
color: white;
|
||||
background-color: $color;
|
||||
}
|
||||
body.light .#{$link}::selection {
|
||||
//color: $color + 9a;
|
||||
color: black;
|
||||
background-color: $color + 26;
|
||||
}
|
||||
}
|
||||
@each $link in $links {
|
||||
.#{$link} {
|
||||
font-size: 6vh;
|
||||
}
|
||||
}
|
|
@ -1,13 +1,30 @@
|
|||
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap");
|
||||
@import url("https://fonts.googleapis.com/css?family=Roboto&display=swap");
|
||||
body {
|
||||
background-color: black;
|
||||
color: white;
|
||||
background-image: url("/assets/images/y.jpg");
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
@media only screen and (max-device-width: 1366px) {
|
||||
body {
|
||||
background-attachment: scroll;
|
||||
}
|
||||
}
|
||||
|
||||
.light {
|
||||
color: black !important;
|
||||
background: white !important;
|
||||
background-color: white;
|
||||
background-image: url("/assets/images/y.jpg");
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
* {
|
||||
|
@ -65,36 +82,33 @@ body.light a {
|
|||
color: black;
|
||||
}
|
||||
|
||||
/*
|
||||
#box {
|
||||
position: absolute;
|
||||
z-index: 999;
|
||||
border: 3vh solid black;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
pointer-events: none;
|
||||
-webkit-transition: border-color 0.5s ease-in-out;
|
||||
transition: border-color 0.5s ease-in-out;
|
||||
position: absolute;
|
||||
z-index: 999;
|
||||
border: 3vh solid black;
|
||||
box-sizing: border-box;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
pointer-events: none;
|
||||
transition: border-color 0.5s ease-in-out;
|
||||
}
|
||||
|
||||
body.light #box {
|
||||
position: absolute;
|
||||
z-index: 999;
|
||||
border: 3vh solid white;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
pointer-events: none;
|
||||
-webkit-transition: border-color 0.5s ease-in-out;
|
||||
transition: border-color 0.5s ease-in-out;
|
||||
position: absolute;
|
||||
z-index: 999;
|
||||
border: 3vh solid white;
|
||||
box-sizing: border-box;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
pointer-events: none;
|
||||
transition: border-color 0.5s ease-in-out;
|
||||
}
|
||||
|
||||
*/
|
||||
.twitter:hover {
|
||||
fill: #1da1f2 !important;
|
||||
}
|
||||
|
@ -131,40 +145,40 @@ body.light .twitter::selection {
|
|||
background-color: #37bbff;
|
||||
}
|
||||
|
||||
.keybase:hover {
|
||||
fill: #33a0ff !important;
|
||||
.trello:hover {
|
||||
fill: #0079bf !important;
|
||||
}
|
||||
|
||||
.keybase:hover ~ #box {
|
||||
border-color: #33a0ff;
|
||||
.trello:hover ~ #box {
|
||||
border-color: #0079bf;
|
||||
}
|
||||
|
||||
body.light a.keybase {
|
||||
body.light a.trello {
|
||||
fill: black;
|
||||
}
|
||||
|
||||
a.keybase {
|
||||
a.trello {
|
||||
fill: white;
|
||||
}
|
||||
|
||||
.keybase::-moz-selection {
|
||||
.trello::-moz-selection {
|
||||
color: white;
|
||||
background-color: #33a0ff;
|
||||
background-color: #0079bf;
|
||||
}
|
||||
|
||||
.keybase::selection {
|
||||
.trello::selection {
|
||||
color: white;
|
||||
background-color: #33a0ff;
|
||||
background-color: #0079bf;
|
||||
}
|
||||
|
||||
body.light .keybase::-moz-selection {
|
||||
body.light .trello::-moz-selection {
|
||||
color: black;
|
||||
background-color: #4dbaff;
|
||||
background-color: #1a93d9;
|
||||
}
|
||||
|
||||
body.light .keybase::selection {
|
||||
body.light .trello::selection {
|
||||
color: black;
|
||||
background-color: #4dbaff;
|
||||
background-color: #1a93d9;
|
||||
}
|
||||
|
||||
.discord:hover {
|
||||
|
@ -203,186 +217,6 @@ body.light .discord::selection {
|
|||
background-color: #8ca3f4;
|
||||
}
|
||||
|
||||
.mastodon:hover {
|
||||
fill: #3088d4 !important;
|
||||
}
|
||||
|
||||
.mastodon:hover ~ #box {
|
||||
border-color: #3088d4;
|
||||
}
|
||||
|
||||
body.light a.mastodon {
|
||||
fill: black;
|
||||
}
|
||||
|
||||
a.mastodon {
|
||||
fill: white;
|
||||
}
|
||||
|
||||
.mastodon::-moz-selection {
|
||||
color: white;
|
||||
background-color: #3088d4;
|
||||
}
|
||||
|
||||
.mastodon::selection {
|
||||
color: white;
|
||||
background-color: #3088d4;
|
||||
}
|
||||
|
||||
body.light .mastodon::-moz-selection {
|
||||
color: black;
|
||||
background-color: #4aa2ee;
|
||||
}
|
||||
|
||||
body.light .mastodon::selection {
|
||||
color: black;
|
||||
background-color: #4aa2ee;
|
||||
}
|
||||
|
||||
.twitch:hover {
|
||||
fill: #6441a4 !important;
|
||||
}
|
||||
|
||||
.twitch:hover ~ #box {
|
||||
border-color: #6441a4;
|
||||
}
|
||||
|
||||
body.light a.twitch {
|
||||
fill: black;
|
||||
}
|
||||
|
||||
a.twitch {
|
||||
fill: white;
|
||||
}
|
||||
|
||||
.twitch::-moz-selection {
|
||||
color: white;
|
||||
background-color: #6441a4;
|
||||
}
|
||||
|
||||
.twitch::selection {
|
||||
color: white;
|
||||
background-color: #6441a4;
|
||||
}
|
||||
|
||||
body.light .twitch::-moz-selection {
|
||||
color: black;
|
||||
background-color: #7e5bbe;
|
||||
}
|
||||
|
||||
body.light .twitch::selection {
|
||||
color: black;
|
||||
background-color: #7e5bbe;
|
||||
}
|
||||
|
||||
.gitdab:hover {
|
||||
fill: #faacb7 !important;
|
||||
}
|
||||
|
||||
.gitdab:hover ~ #box {
|
||||
border-color: #faacb7;
|
||||
}
|
||||
|
||||
body.light a.gitdab {
|
||||
fill: black;
|
||||
}
|
||||
|
||||
a.gitdab {
|
||||
fill: white;
|
||||
}
|
||||
|
||||
.gitdab::-moz-selection {
|
||||
color: white;
|
||||
background-color: #faacb7;
|
||||
}
|
||||
|
||||
.gitdab::selection {
|
||||
color: white;
|
||||
background-color: #faacb7;
|
||||
}
|
||||
|
||||
body.light .gitdab::-moz-selection {
|
||||
color: black;
|
||||
background-color: #ffc6d1;
|
||||
}
|
||||
|
||||
body.light .gitdab::selection {
|
||||
color: black;
|
||||
background-color: #ffc6d1;
|
||||
}
|
||||
|
||||
.github:hover {
|
||||
fill: #333 !important;
|
||||
}
|
||||
|
||||
.github:hover ~ #box {
|
||||
border-color: #333;
|
||||
}
|
||||
|
||||
body.light a.github {
|
||||
fill: black;
|
||||
}
|
||||
|
||||
a.github {
|
||||
fill: white;
|
||||
}
|
||||
|
||||
.github::-moz-selection {
|
||||
color: white;
|
||||
background-color: #333;
|
||||
}
|
||||
|
||||
.github::selection {
|
||||
color: white;
|
||||
background-color: #333;
|
||||
}
|
||||
|
||||
body.light .github::-moz-selection {
|
||||
color: black;
|
||||
background-color: #4d4d4d;
|
||||
}
|
||||
|
||||
body.light .github::selection {
|
||||
color: black;
|
||||
background-color: #4d4d4d;
|
||||
}
|
||||
|
||||
.gitlab:hover {
|
||||
fill: #e24329 !important;
|
||||
}
|
||||
|
||||
.gitlab:hover ~ #box {
|
||||
border-color: #e24329;
|
||||
}
|
||||
|
||||
body.light a.gitlab {
|
||||
fill: black;
|
||||
}
|
||||
|
||||
a.gitlab {
|
||||
fill: white;
|
||||
}
|
||||
|
||||
.gitlab::-moz-selection {
|
||||
color: white;
|
||||
background-color: #e24329;
|
||||
}
|
||||
|
||||
.gitlab::selection {
|
||||
color: white;
|
||||
background-color: #e24329;
|
||||
}
|
||||
|
||||
body.light .gitlab::-moz-selection {
|
||||
color: black;
|
||||
background-color: #fc5d43;
|
||||
}
|
||||
|
||||
body.light .gitlab::selection {
|
||||
color: black;
|
||||
background-color: #fc5d43;
|
||||
}
|
||||
|
||||
.ko-fi:hover {
|
||||
fill: #f16061 !important;
|
||||
}
|
||||
|
@ -455,6 +289,114 @@ body.light .patreon::selection {
|
|||
background-color: #ff826e;
|
||||
}
|
||||
|
||||
.instagram:hover {
|
||||
fill: #e4405f !important;
|
||||
}
|
||||
|
||||
.instagram:hover ~ #box {
|
||||
border-color: #e4405f;
|
||||
}
|
||||
|
||||
body.light a.instagram {
|
||||
fill: black;
|
||||
}
|
||||
|
||||
a.instagram {
|
||||
fill: white;
|
||||
}
|
||||
|
||||
.instagram::-moz-selection {
|
||||
color: white;
|
||||
background-color: #e4405f;
|
||||
}
|
||||
|
||||
.instagram::selection {
|
||||
color: white;
|
||||
background-color: #e4405f;
|
||||
}
|
||||
|
||||
body.light .instagram::-moz-selection {
|
||||
color: black;
|
||||
background-color: #fe5a79;
|
||||
}
|
||||
|
||||
body.light .instagram::selection {
|
||||
color: black;
|
||||
background-color: #fe5a79;
|
||||
}
|
||||
|
||||
.DeviantArt:hover {
|
||||
fill: #05cc47 !important;
|
||||
}
|
||||
|
||||
.DeviantArt:hover ~ #box {
|
||||
border-color: #05cc47;
|
||||
}
|
||||
|
||||
body.light a.DeviantArt {
|
||||
fill: black;
|
||||
}
|
||||
|
||||
a.DeviantArt {
|
||||
fill: white;
|
||||
}
|
||||
|
||||
.DeviantArt::-moz-selection {
|
||||
color: white;
|
||||
background-color: #05cc47;
|
||||
}
|
||||
|
||||
.DeviantArt::selection {
|
||||
color: white;
|
||||
background-color: #05cc47;
|
||||
}
|
||||
|
||||
body.light .DeviantArt::-moz-selection {
|
||||
color: black;
|
||||
background-color: #1fe661;
|
||||
}
|
||||
|
||||
body.light .DeviantArt::selection {
|
||||
color: black;
|
||||
background-color: #1fe661;
|
||||
}
|
||||
|
||||
.RedBubble:hover {
|
||||
fill: #e41321 !important;
|
||||
}
|
||||
|
||||
.RedBubble:hover ~ #box {
|
||||
border-color: #e41321;
|
||||
}
|
||||
|
||||
body.light a.RedBubble {
|
||||
fill: black;
|
||||
}
|
||||
|
||||
a.RedBubble {
|
||||
fill: white;
|
||||
}
|
||||
|
||||
.RedBubble::-moz-selection {
|
||||
color: white;
|
||||
background-color: #e41321;
|
||||
}
|
||||
|
||||
.RedBubble::selection {
|
||||
color: white;
|
||||
background-color: #e41321;
|
||||
}
|
||||
|
||||
body.light .RedBubble::-moz-selection {
|
||||
color: black;
|
||||
background-color: #fe2d3b;
|
||||
}
|
||||
|
||||
body.light .RedBubble::selection {
|
||||
color: black;
|
||||
background-color: #fe2d3b;
|
||||
}
|
||||
|
||||
a svg {
|
||||
max-width: 6ch;
|
||||
}
|
||||
|
@ -467,7 +409,7 @@ a svg {
|
|||
justify-content: center;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
width: 300px;
|
||||
width: 85vw;
|
||||
-webkit-transition: fill 1s ease-in-out;
|
||||
transition: fill 1s ease-in-out;
|
||||
}
|
||||
|
@ -485,100 +427,65 @@ divide {
|
|||
padding: 1vh;
|
||||
}
|
||||
|
||||
.portfolio:hover {
|
||||
.tos:hover {
|
||||
color: #5fff5f;
|
||||
background-color: rgba(200, 119, 119, 0.459);
|
||||
}
|
||||
|
||||
.portfolio:hover ~ #box {
|
||||
.tos:hover ~ #box {
|
||||
border-color: #5fff5f;
|
||||
}
|
||||
|
||||
.portfolio::-moz-selection {
|
||||
.tos::-moz-selection {
|
||||
color: white;
|
||||
background-color: #5fff5f;
|
||||
}
|
||||
|
||||
.portfolio::selection {
|
||||
.tos::selection {
|
||||
color: white;
|
||||
background-color: #5fff5f;
|
||||
}
|
||||
|
||||
body.light .portfolio::-moz-selection {
|
||||
body.light .tos::-moz-selection {
|
||||
color: black;
|
||||
background-color: #79ff79;
|
||||
}
|
||||
|
||||
body.light .portfolio::selection {
|
||||
body.light .tos::selection {
|
||||
color: black;
|
||||
background-color: #79ff79;
|
||||
}
|
||||
|
||||
.portfolio {
|
||||
.tos {
|
||||
font-size: 6vh;
|
||||
}
|
||||
|
||||
.lore:hover {
|
||||
color: #92a9f3;
|
||||
#credits {
|
||||
font-size: 2.5vh;
|
||||
display: table-caption;
|
||||
-webkit-writing-mode: vertical-rl;
|
||||
-ms-writing-mode: tb-rl;
|
||||
writing-mode: vertical-rl;
|
||||
padding: .5vh;
|
||||
color: #00000049;
|
||||
z-index: 999;
|
||||
cursor: pointer;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.lore:hover ~ #box {
|
||||
border-color: #92a9f3;
|
||||
#credits a {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: #a0040449;
|
||||
pointer-events: all;
|
||||
}
|
||||
|
||||
.lore::-moz-selection {
|
||||
color: white;
|
||||
background-color: #92a9f3;
|
||||
#credits a:hover {
|
||||
color: #d1363649;
|
||||
}
|
||||
|
||||
.lore::selection {
|
||||
color: white;
|
||||
background-color: #92a9f3;
|
||||
}
|
||||
|
||||
body.light .lore::-moz-selection {
|
||||
color: black;
|
||||
background-color: #acc3ff;
|
||||
}
|
||||
|
||||
body.light .lore::selection {
|
||||
color: black;
|
||||
background-color: #acc3ff;
|
||||
}
|
||||
|
||||
.lore {
|
||||
font-size: 6vh;
|
||||
}
|
||||
|
||||
.art:hover {
|
||||
color: #c974da;
|
||||
}
|
||||
|
||||
.art:hover ~ #box {
|
||||
border-color: #c974da;
|
||||
}
|
||||
|
||||
.art::-moz-selection {
|
||||
color: white;
|
||||
background-color: #c974da;
|
||||
}
|
||||
|
||||
.art::selection {
|
||||
color: white;
|
||||
background-color: #c974da;
|
||||
}
|
||||
|
||||
body.light .art::-moz-selection {
|
||||
color: black;
|
||||
background-color: #e38ef4;
|
||||
}
|
||||
|
||||
body.light .art::selection {
|
||||
color: black;
|
||||
background-color: #e38ef4;
|
||||
}
|
||||
|
||||
.art {
|
||||
font-size: 6vh;
|
||||
section:not(#credits) {
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
body.light h1::-moz-selection {
|
||||
|
@ -600,4 +507,22 @@ h1::selection {
|
|||
background-color: white;
|
||||
color: black;
|
||||
}
|
||||
|
||||
body::-webkit-scrollbar {
|
||||
width: 0;
|
||||
}
|
||||
|
||||
body::-webkit-scrollbar-track {
|
||||
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
|
||||
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
body::-webkit-scrollbar-thumb {
|
||||
background-color: darkgrey;
|
||||
outline: 1px solid slategrey;
|
||||
}
|
||||
|
||||
#twitter {
|
||||
margin: 5vh;
|
||||
}
|
||||
/*# sourceMappingURL=main.css.map */
|
|
@ -1,16 +1,33 @@
|
|||
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap');
|
||||
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
|
||||
$accent-color: red;
|
||||
|
||||
body {
|
||||
background-color: black;
|
||||
color: white;
|
||||
background-image: url('/assets/images/y.jpg');
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
//font-size: 3vw;
|
||||
}
|
||||
@media only screen and (max-device-width: 1366px) {
|
||||
body {
|
||||
background-attachment: scroll;
|
||||
}
|
||||
}
|
||||
|
||||
.light {
|
||||
color: black !important;
|
||||
background: white !important;
|
||||
background-color: white;
|
||||
background-image: url('/assets/images/y.jpg');
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
//background: white !important;
|
||||
}
|
||||
|
||||
* {
|
||||
|
@ -56,7 +73,7 @@ svg {
|
|||
body.light a {
|
||||
color: black;
|
||||
}
|
||||
|
||||
/*
|
||||
#box {
|
||||
position: absolute;
|
||||
z-index: 999;
|
||||
|
@ -82,18 +99,16 @@ body.light #box {
|
|||
pointer-events: none;
|
||||
transition: border-color 0.5s ease-in-out;
|
||||
}
|
||||
|
||||
*/
|
||||
$socials: (
|
||||
"twitter": #1da1f2,
|
||||
"keybase": #33a0ff,
|
||||
"trello": #0079bf,
|
||||
"discord": #7289da,
|
||||
"mastodon": #3088d4,
|
||||
"twitch": #6441a4,
|
||||
"gitdab":#faacb7,
|
||||
"github": #333,
|
||||
"gitlab": #e24329,
|
||||
"ko-fi": #f16061,
|
||||
"patreon": #f96854
|
||||
"patreon": #f96854,
|
||||
"instagram": #e4405f,
|
||||
"DeviantArt": #05cc47,
|
||||
"RedBubble": #e41321
|
||||
);
|
||||
|
||||
@each $site, $color in $socials {
|
||||
|
@ -131,7 +146,7 @@ a svg {
|
|||
text-align: center;
|
||||
justify-content: center;
|
||||
box-sizing: border-box;
|
||||
width: 300px;
|
||||
width: 85vw;
|
||||
transition: fill 1s ease-in-out;
|
||||
}
|
||||
|
||||
|
@ -148,12 +163,13 @@ divide {
|
|||
padding: 1vh;
|
||||
}
|
||||
|
||||
$accents: ("portfolio": #5fff5f, "lore": #92a9f3, "art": #c974da);
|
||||
$links: ('portfolio', 'lore', 'art');
|
||||
$accents: ("tos": #5fff5f);
|
||||
$links: ('tos');
|
||||
$time: 2s;
|
||||
@each $link, $color in $accents {
|
||||
.#{$link}:hover {
|
||||
color: $color;
|
||||
background-color: rgba(200, 119, 119, 0.459);
|
||||
|
||||
& ~ #box {
|
||||
border-color: $color;
|
||||
|
@ -173,6 +189,30 @@ $time: 2s;
|
|||
}
|
||||
}
|
||||
|
||||
#credits {
|
||||
font-size: 2.5vh;
|
||||
display: table-caption;
|
||||
writing-mode: vertical-rl;
|
||||
padding: .5vh;
|
||||
color: #00000049;
|
||||
z-index: 999;
|
||||
cursor: pointer;
|
||||
pointer-events: none;
|
||||
a {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: #a0040449;
|
||||
pointer-events: all;
|
||||
}
|
||||
a:hover {
|
||||
color: #d1363649;
|
||||
}
|
||||
}
|
||||
|
||||
section:not(#credits) {
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
body.light h1::selection {
|
||||
background-color: black;
|
||||
color: white;
|
||||
|
@ -182,3 +222,20 @@ h1::selection {
|
|||
background-color: white;
|
||||
color: black;
|
||||
}
|
||||
|
||||
body::-webkit-scrollbar {
|
||||
width: 0;
|
||||
}
|
||||
|
||||
body::-webkit-scrollbar-track {
|
||||
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
body::-webkit-scrollbar-thumb {
|
||||
background-color: darkgrey;
|
||||
outline: 1px solid slategrey;
|
||||
}
|
||||
|
||||
#twitter {
|
||||
margin: 5vh;
|
||||
}
|
||||
|
|
|
@ -1,289 +0,0 @@
|
|||
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap");
|
||||
@import url("https://fonts.googleapis.com/css?family=Roboto&display=swap");
|
||||
body {
|
||||
background-color: black;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.light {
|
||||
color: black !important;
|
||||
background: white !important;
|
||||
}
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: inherit;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 5vh;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
padding: 30px 0 0 0;
|
||||
}
|
||||
|
||||
.toggle {
|
||||
cursor: -webkit-grab;
|
||||
cursor: grab;
|
||||
}
|
||||
|
||||
.subtitle {
|
||||
font-size: 3vh;
|
||||
bottom: 50px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.coding {
|
||||
font-size: 7vh;
|
||||
font-style: italic;
|
||||
color: white;
|
||||
border-bottom: white 5px solid;
|
||||
}
|
||||
|
||||
body.light .coding {
|
||||
color: black !important;
|
||||
border-bottom: black 5px solid;
|
||||
}
|
||||
|
||||
sub {
|
||||
font-size: 1vh;
|
||||
}
|
||||
|
||||
.center {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
padding: 90px 0 0 0;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
}
|
||||
|
||||
body.light a {
|
||||
color: black;
|
||||
}
|
||||
|
||||
#box {
|
||||
position: absolute;
|
||||
z-index: 999;
|
||||
border: 3vh solid black;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
pointer-events: none;
|
||||
-webkit-transition: border-color 0.5s ease-in-out;
|
||||
transition: border-color 0.5s ease-in-out;
|
||||
}
|
||||
|
||||
body.light #box {
|
||||
position: absolute;
|
||||
z-index: 999;
|
||||
border: 3vh solid white;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
pointer-events: none;
|
||||
-webkit-transition: border-color 0.5s ease-in-out;
|
||||
transition: border-color 0.5s ease-in-out;
|
||||
}
|
||||
|
||||
.yiff:hover {
|
||||
color: #4043ff;
|
||||
}
|
||||
|
||||
.yiff:hover ~ #box {
|
||||
border-color: #4043ff;
|
||||
}
|
||||
|
||||
.yiff::-moz-selection {
|
||||
color: white;
|
||||
background-color: #4043ff;
|
||||
}
|
||||
|
||||
.yiff::selection {
|
||||
color: white;
|
||||
background-color: #4043ff;
|
||||
}
|
||||
|
||||
body.light .yiff::-moz-selection {
|
||||
color: black;
|
||||
background-color: #5a5dff;
|
||||
}
|
||||
|
||||
body.light .yiff::selection {
|
||||
color: black;
|
||||
background-color: #5a5dff;
|
||||
}
|
||||
|
||||
.thaldrin:hover {
|
||||
color: #ff9e42;
|
||||
}
|
||||
|
||||
.thaldrin:hover ~ #box {
|
||||
border-color: #ff9e42;
|
||||
}
|
||||
|
||||
.thaldrin::-moz-selection {
|
||||
color: white;
|
||||
background-color: #ff9e42;
|
||||
}
|
||||
|
||||
.thaldrin::selection {
|
||||
color: white;
|
||||
background-color: #ff9e42;
|
||||
}
|
||||
|
||||
body.light .thaldrin::-moz-selection {
|
||||
color: black;
|
||||
background-color: #ffb85c;
|
||||
}
|
||||
|
||||
body.light .thaldrin::selection {
|
||||
color: black;
|
||||
background-color: #ffb85c;
|
||||
}
|
||||
|
||||
.website:hover {
|
||||
color: #ff4885;
|
||||
}
|
||||
|
||||
.website:hover ~ #box {
|
||||
border-color: #ff4885;
|
||||
}
|
||||
|
||||
.website::-moz-selection {
|
||||
color: white;
|
||||
background-color: #ff4885;
|
||||
}
|
||||
|
||||
.website::selection {
|
||||
color: white;
|
||||
background-color: #ff4885;
|
||||
}
|
||||
|
||||
body.light .website::-moz-selection {
|
||||
color: black;
|
||||
background-color: #ff629f;
|
||||
}
|
||||
|
||||
body.light .website::selection {
|
||||
color: black;
|
||||
background-color: #ff629f;
|
||||
}
|
||||
|
||||
.art:hover {
|
||||
color: #1da1f2;
|
||||
}
|
||||
|
||||
.art:hover ~ #box {
|
||||
border-color: #1da1f2;
|
||||
}
|
||||
|
||||
.art::-moz-selection {
|
||||
color: white;
|
||||
background-color: #1da1f2;
|
||||
}
|
||||
|
||||
.art::selection {
|
||||
color: white;
|
||||
background-color: #1da1f2;
|
||||
}
|
||||
|
||||
body.light .art::-moz-selection {
|
||||
color: black;
|
||||
background-color: #37bbff;
|
||||
}
|
||||
|
||||
body.light .art::selection {
|
||||
color: black;
|
||||
background-color: #37bbff;
|
||||
}
|
||||
|
||||
.kaito:hover {
|
||||
color: #964b00;
|
||||
}
|
||||
|
||||
.kaito:hover ~ #box {
|
||||
border-color: #964b00;
|
||||
}
|
||||
|
||||
.kaito::-moz-selection {
|
||||
color: white;
|
||||
background-color: #964b00;
|
||||
}
|
||||
|
||||
.kaito::selection {
|
||||
color: white;
|
||||
background-color: #964b00;
|
||||
}
|
||||
|
||||
body.light .kaito::-moz-selection {
|
||||
color: black;
|
||||
background-color: #b0651a;
|
||||
}
|
||||
|
||||
body.light .kaito::selection {
|
||||
color: black;
|
||||
background-color: #b0651a;
|
||||
}
|
||||
|
||||
.yiff {
|
||||
font-size: 6vh;
|
||||
}
|
||||
|
||||
.thaldrin {
|
||||
font-size: 6vh;
|
||||
}
|
||||
|
||||
.website {
|
||||
font-size: 6vh;
|
||||
}
|
||||
|
||||
.art {
|
||||
font-size: 6vh;
|
||||
}
|
||||
|
||||
.kaito {
|
||||
font-size: 6vh;
|
||||
}
|
||||
|
||||
p::-moz-selection {
|
||||
color: black;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
p::selection {
|
||||
color: black;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
body.light p::-moz-selection {
|
||||
color: white;
|
||||
background-color: black;
|
||||
}
|
||||
|
||||
body.light p::selection {
|
||||
color: white;
|
||||
background-color: black;
|
||||
}
|
||||
/*# sourceMappingURL=portfolio.css.map */
|
|
@ -1,9 +0,0 @@
|
|||
{
|
||||
"version": 3,
|
||||
"mappings": "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",
|
||||
"sources": [
|
||||
"portfolio.scss"
|
||||
],
|
||||
"names": [],
|
||||
"file": "portfolio.css"
|
||||
}
|
|
@ -1,134 +0,0 @@
|
|||
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap');
|
||||
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
|
||||
$accent-color: red;
|
||||
|
||||
body {
|
||||
background-color: rgb(0, 0, 0);
|
||||
color: rgb(255, 255, 255);
|
||||
//font-size: 3vw;
|
||||
}
|
||||
|
||||
.light {
|
||||
color: black !important;
|
||||
background: white !important;
|
||||
}
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: inherit;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
}
|
||||
.title {
|
||||
//font-family: 'Source Sans Pro', sans-serif !important;
|
||||
font-size: 5vh;
|
||||
margin: 0;
|
||||
//bottom: 5px;
|
||||
// height: 1%;
|
||||
text-align: center;
|
||||
padding: 30px 0 0 0;
|
||||
}
|
||||
.toggle {
|
||||
cursor: grab;
|
||||
}
|
||||
.subtitle {
|
||||
//font-family: 'Source Sans Pro', sans-serif !important;
|
||||
font-size: 3vh;
|
||||
bottom: 50px;
|
||||
//height: 1%;
|
||||
text-align: center;
|
||||
}
|
||||
.coding {
|
||||
font-size: 7vh;
|
||||
font-style: italic;
|
||||
color: white;
|
||||
border-bottom: white 5px solid;
|
||||
}
|
||||
|
||||
body.light .coding {
|
||||
color: black !important;
|
||||
border-bottom: black 5px solid;
|
||||
}
|
||||
sub {
|
||||
font-size: 1vh;
|
||||
}
|
||||
|
||||
.center {
|
||||
//height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 90px 0 0 0;
|
||||
}
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
}
|
||||
|
||||
body.light a {
|
||||
color: black;
|
||||
}
|
||||
|
||||
#box {
|
||||
position: absolute;
|
||||
z-index: 999;
|
||||
border: 3vh solid black;
|
||||
box-sizing: border-box;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
pointer-events: none;
|
||||
transition: border-color 0.5s ease-in-out;
|
||||
}
|
||||
|
||||
body.light #box {
|
||||
position: absolute;
|
||||
z-index: 999;
|
||||
border: 3vh solid white;
|
||||
box-sizing: border-box;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
pointer-events: none;
|
||||
transition: border-color 0.5s ease-in-out;
|
||||
}
|
||||
|
||||
$accents: ("yiff": #4043ff, "thaldrin": #ff9e42, "website": #ff4885, "art": #1da1f2, "kaito": #964b00);
|
||||
$links: ('yiff', 'thaldrin', 'website', 'art', 'kaito');
|
||||
$time: 2s;
|
||||
@each $link, $color in $accents {
|
||||
.#{$link}:hover {
|
||||
color: $color;
|
||||
|
||||
& ~ #box {
|
||||
border-color: $color;
|
||||
}
|
||||
}
|
||||
.#{$link}::selection {
|
||||
color: white;
|
||||
background-color: $color;
|
||||
}
|
||||
body.light .#{$link}::selection {
|
||||
//color: $color + 9a;
|
||||
color: black;
|
||||
background-color: $color + 26;
|
||||
}
|
||||
}
|
||||
@each $link in $links {
|
||||
.#{$link} {
|
||||
font-size: 6vh;
|
||||
}
|
||||
}
|
||||
|
||||
p::selection {
|
||||
color: black;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
body.light p::selection {
|
||||
color: white;
|
||||
background-color: black;
|
||||
}
|
After Width: | Height: | Size: 1.3 MiB |
After Width: | Height: | Size: 994 KiB |
Before Width: | Height: | Size: 21 KiB After Width: | Height: | Size: 41 KiB |
Before Width: | Height: | Size: 526 KiB |
Before Width: | Height: | Size: 13 MiB |
Before Width: | Height: | Size: 9.8 MiB |
After Width: | Height: | Size: 4.0 MiB |
After Width: | Height: | Size: 298 KiB |
|
@ -1,4 +1,4 @@
|
|||
module.exports = {
|
||||
name: 'ry',
|
||||
name: 'X',
|
||||
updateToken: 'qwertzuiop1234567890'
|
||||
};
|
||||
|
|
|
@ -1,11 +0,0 @@
|
|||
var express = require('express');
|
||||
var art = express.Router();
|
||||
|
||||
art.get('/', (req, res) => {
|
||||
res.status(200).jsonp({
|
||||
site: 'art',
|
||||
done: false
|
||||
});
|
||||
});
|
||||
|
||||
module.exports = art;
|
|
@ -1,13 +0,0 @@
|
|||
var express = require('express');
|
||||
var lore = express.Router();
|
||||
const con = require('../constants');
|
||||
|
||||
lore.get('/', (req, res) => {
|
||||
res.render('story', {
|
||||
layout: 'lore',
|
||||
name: `${con.name}`,
|
||||
host: req.hostname
|
||||
});
|
||||
});
|
||||
|
||||
module.exports = lore;
|
21
routes/p.js
|
@ -1,21 +0,0 @@
|
|||
var express = require('express');
|
||||
var p = express.Router();
|
||||
const con = require('../constants');
|
||||
|
||||
p.get('/', (req, res) => {
|
||||
res.redirect('/portfolio');
|
||||
});
|
||||
p.get('/thaldrin', (req, res) => {
|
||||
res.redirect('https://gitdab.com/r/thaldrin');
|
||||
});
|
||||
p.get('/kaito', (req, res) => {
|
||||
res.redirect('https://github.com/codepupper/kaito');
|
||||
});
|
||||
p.get('/website', (req, res) => {
|
||||
res.redirect('https://gitdab.com/y/website');
|
||||
});
|
||||
p.get('/yiff', (req, res) => {
|
||||
res.redirect('https://github.com/codepupper/yiff');
|
||||
});
|
||||
|
||||
module.exports = p;
|
|
@ -1,21 +0,0 @@
|
|||
var express = require('express');
|
||||
var portfolio = express.Router();
|
||||
const con = require('../constants');
|
||||
|
||||
portfolio.get('/', (req, res) => {
|
||||
res.render('portfolio', {
|
||||
layout: 'portfolio',
|
||||
name: `${con.name} - portfolio`,
|
||||
host: req.hostname,
|
||||
portfolio: {
|
||||
code: [
|
||||
{ name: 'thaldrin', source: '/p/thaldrin' },
|
||||
{ name: 'kaito', source: '/p/kaito' },
|
||||
{ name: 'website', source: '/p/website' },
|
||||
{ name: 'yiff', source: '/p/yiff' }
|
||||
]
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
module.exports = portfolio;
|
59
server.js
|
@ -26,7 +26,7 @@ app.engine(
|
|||
helpers: {
|
||||
ifeq: function(a, b, options) {
|
||||
if (a === b) {
|
||||
return options.fn(this);
|
||||
return true;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -61,11 +61,6 @@ app.use(
|
|||
})
|
||||
);
|
||||
|
||||
app.use('/portfolio', require('./routes/portfolio'));
|
||||
app.use('/lore', require('./routes/lore'));
|
||||
app.use('/art', require('./routes/art'));
|
||||
app.use('/p', require('./routes/p'));
|
||||
|
||||
module.exports = (client) => {
|
||||
app.get('/', async (req, res) => {
|
||||
/* var ua = UA(req.headers['user-agent']);
|
||||
|
@ -74,57 +69,17 @@ module.exports = (client) => {
|
|||
layout: 'main',
|
||||
name: con.name,
|
||||
host: req.hostname,
|
||||
item: [ { name: 'portfolio', source: '/portfolio' } ],
|
||||
item: [ { name: 'TOS', source: '/tos' } ],
|
||||
social: [
|
||||
{ name: 'Twitter', color: '1DA1F2', link: 'twitter.com/codepupper', icon: simpleIcons.Twitter },
|
||||
{
|
||||
name: 'Mastodon',
|
||||
color: '3088d4',
|
||||
link: 'pounced-on.me/@code',
|
||||
icon: simpleIcons.Mastodon,
|
||||
verify: true
|
||||
},
|
||||
{ name: 'Twitter', color: '1DA1F2', link: 'twitter.com/floofydev', icon: simpleIcons.Twitter },
|
||||
{ name: 'Discord', color: '7289da', link: 'thaldr.in/discord', icon: simpleIcons.Discord },
|
||||
{ name: 'Twitch', color: '6441a4', link: 'twitch.tv/codepupper', icon: simpleIcons.Twitch },
|
||||
{ name: 'Keybase', color: '33a0ff', link: 'keybase.io/codepupper', icon: simpleIcons.Keybase },
|
||||
{ name: 'Gitdab', color: 'faacb7', link: 'gitdab.com/y', icon: simpleIcons.Git },
|
||||
{ name: 'Github', color: '333', link: 'github.com/codepupper', icon: simpleIcons.GitHub },
|
||||
{ name: 'Gitlab', color: 'E24329', link: 'gitlab.com/codepupper', icon: simpleIcons.GitLab },
|
||||
{ name: 'Ko-Fi', color: 'f16061', link: 'ko-fi.com/codepupper', icon: simpleIcons['Ko-fi'] },
|
||||
{ name: 'Patreon', color: '6441a4', link: 'patreon.com/ryden', icon: simpleIcons.Patreon }
|
||||
{ name: 'Twitter', link: 'twitter.com/CorgiYugy', icon: simpleIcons.Twitter },
|
||||
{ name: 'Instagram', link: 'instagram.com/CorgiYugy', icon: simpleIcons.Instagram },
|
||||
{ name: 'Patreon', link: 'Patreon.com/CorgiYugy', icon: simpleIcons.Patreon },
|
||||
{ name: 'Ko-Fi', link: 'ko-fi.com/CorgiYugy', icon: simpleIcons['Ko-fi'] },
|
||||
{ name: 'Trello', link: 'trello.com/b/PTh1X2bw/yugen-the-corgi-commisions', icon: simpleIcons.Trello }
|
||||
]
|
||||
});
|
||||
});
|
||||
|
||||
app.get('/update', async (req, res) => {
|
||||
//console.log(req.headers['user-agent']);
|
||||
if (req.headers.authorization === con.updateToken) {
|
||||
await exec('git pull')
|
||||
.then((r) => {
|
||||
console.log('Pulled latest changes');
|
||||
res.status(200).jsonp({
|
||||
success: true,
|
||||
message: 'Successfully pulled latest changes'
|
||||
});
|
||||
process.exit();
|
||||
//trying.edit('```fix\n' + r.stdout + '```');
|
||||
})
|
||||
.catch((error) => {
|
||||
res.status(400).jsonp({
|
||||
success: false,
|
||||
message: error.message
|
||||
});
|
||||
console.error(error);
|
||||
});
|
||||
} else {
|
||||
res.status(400).jsonp({
|
||||
success: false,
|
||||
message: 'You are not authorized to access this Endpoint'
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
app.listen(port /* , hostname */, () => {
|
||||
console.log(`[ Server ] Listening on ${port}`);
|
||||
});
|
||||
|
|
|
@ -1,11 +0,0 @@
|
|||
<body>
|
||||
<h1 class="title"><a href="/">{{name}}</a></h1>
|
||||
<h1 class="subtitle toggle">dark/light</h1>
|
||||
<div class="center">
|
||||
{{#each art}}
|
||||
<img src="http://{{this.image}}" width="{{this.aspect.w}}" height="{{this.aspect.h}}" alt="Image">
|
||||
{{/each}}
|
||||
</div>
|
||||
<div id="box"></div>
|
||||
</div>
|
||||
</body>
|
|
@ -1,8 +1,10 @@
|
|||
<body>
|
||||
<div class="center">
|
||||
<section id="credits">
|
||||
<p>made by <a href="https://floofy.dev" target="_blank" rel="yugen">floofy.dev</a></p>
|
||||
</section>
|
||||
<section id="home">
|
||||
<div class="center">
|
||||
<h1 class="title">{{name}}</h1>
|
||||
<h1 class="subtitle toggle">dark/light</h1>
|
||||
|
||||
{{#each item}}
|
||||
<a class="{{this.name}}" href="{{this.source}}">{{this.name}}</a>
|
||||
{{/each}}
|
||||
|
@ -17,11 +19,16 @@
|
|||
</svg></a>
|
||||
|
||||
{{/each}}
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div id="box"></div>
|
||||
</div>
|
||||
</section>
|
||||
{{!-- <div id="box"></div> --}}
|
||||
|
||||
<div class="center">
|
||||
<section id="twitter">
|
||||
<a class="twitter-timeline" data-width="700" data-height="600" data-dnt="true" data-theme="dark"
|
||||
href="https://twitter.com/CorgiYugy?ref_src=twsrc%5Etfw">Yugen's Tweets</a>
|
||||
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
|
||||
</section></div>
|
||||
</body>
|
|
@ -1,44 +0,0 @@
|
|||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible">
|
||||
<title>ry - artwork</title>
|
||||
<script src="../assets/js/main.js" async></script>
|
||||
{{!-- <script src="../assets/js/lore.js" async></script> --}}
|
||||
<link rel="stylesheet" type="text/css" href="../assets/css/portfolio.css" />
|
||||
<link rel="stylesheet" type="text/css" href="../assets/css/artwork.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="#e4778d">
|
||||
<meta property="og:title" content="ry - lore">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:url" content="https://{{host}}">
|
||||
<meta property="og:image" content="/images/icon.png">
|
||||
<meta property="og:description" content="here you can see my art">
|
||||
|
||||
|
||||
{{!-- <link rel="icon" type="image/png"
|
||||
href="https://raw.githubusercontent.com/EndlessHosting/assets/master/images/PFPs/code.png" sizes="32x32">
|
||||
<link rel="icon" type="image/png"
|
||||
href="https://raw.githubusercontent.com/EndlessHosting/assets/master/images/PFPs/code.png" sizes="96x96">
|
||||
<link rel="apple-touch-icon" sizes="180x180"
|
||||
href="https://raw.githubusercontent.com/EndlessHosting/assets/master/images/PFPs/code.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>
|
|
@ -1,44 +0,0 @@
|
|||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible">
|
||||
<title>ry - lore</title>
|
||||
<script src="../assets/js/main.js" async></script>
|
||||
{{!-- <script src="../assets/js/lore.js" async></script> --}}
|
||||
<link rel="stylesheet" type="text/css" href="../assets/css/lore.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="#e4778d">
|
||||
<meta property="og:title" content="ry - lore">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:url" content="https://{{host}}">
|
||||
{{!-- <meta property="og:image"
|
||||
content="https://raw.githubusercontent.com/EndlessHosting/assets/master/images/PFPs/code.png">
|
||||
--}} <meta property="og:description" content="hewwo -w-">
|
||||
|
||||
|
||||
{{!-- <link rel="icon" type="image/png"
|
||||
href="https://raw.githubusercontent.com/EndlessHosting/assets/master/images/PFPs/code.png" sizes="32x32">
|
||||
<link rel="icon" type="image/png"
|
||||
href="https://raw.githubusercontent.com/EndlessHosting/assets/master/images/PFPs/code.png" sizes="96x96">
|
||||
<link rel="apple-touch-icon" sizes="180x180"
|
||||
href="https://raw.githubusercontent.com/EndlessHosting/assets/master/images/PFPs/code.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>
|
|
@ -4,32 +4,21 @@
|
|||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible">
|
||||
<title>ry</title>
|
||||
<title>Yugen the Corgi | yugen.work</title>
|
||||
<script src="../assets/js/main.js" async></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="#e4778d">
|
||||
<meta property="og:title" content="ry">
|
||||
<meta property="og:title" content="yugen">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:url" content="https://{{host}}">
|
||||
{{!-- <meta property="og:image"
|
||||
content="https://raw.githubusercontent.com/EndlessHosting/assets/master/images/PFPs/code.png">
|
||||
--}} <meta property="og:description" content="hewwo -w-">
|
||||
<meta property="og:image" content="/assets/images/icon.jpg">
|
||||
<meta property="og:description" content="Socials, TOS & more">
|
||||
|
||||
|
||||
{{!-- <link rel="icon" type="image/png"
|
||||
href="https://raw.githubusercontent.com/EndlessHosting/assets/master/images/PFPs/code.png" sizes="32x32">
|
||||
<link rel="icon" type="image/png"
|
||||
href="https://raw.githubusercontent.com/EndlessHosting/assets/master/images/PFPs/code.png" sizes="96x96">
|
||||
<link rel="apple-touch-icon" sizes="180x180"
|
||||
href="https://raw.githubusercontent.com/EndlessHosting/assets/master/images/PFPs/code.png"> --}}
|
||||
<link rel="icon" type="image/png" href="/assets/images/icon.jpg" sizes="32x32">
|
||||
<link rel="icon" type="image/png" href="/assets/images/icon.jpg" sizes="96x96">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/assets/images/icon.jpg">
|
||||
<meta name="msapplication-TileColor" content="#ffffff">
|
||||
<meta name="msapplication-TileImage" content="/mstile-144x144.png">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
|
|
|
@ -1,44 +0,0 @@
|
|||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible">
|
||||
<title>ry - portfolio</title>
|
||||
<script src="../assets/js/main.js" async></script>
|
||||
{{!-- <script src="../assets/js/lore.js" async></script> --}}
|
||||
<link rel="stylesheet" type="text/css" href="../assets/css/portfolio.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="#e4778d">
|
||||
<meta property="og:title" content="ry - lore">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:url" content="https://{{host}}">
|
||||
{{!-- <meta property="og:image"
|
||||
content="https://raw.githubusercontent.com/EndlessHosting/assets/master/images/PFPs/code.png">
|
||||
--}} <meta property="og:description" content="hewwo -w-">
|
||||
|
||||
|
||||
{{!-- <link rel="icon" type="image/png"
|
||||
href="https://raw.githubusercontent.com/EndlessHosting/assets/master/images/PFPs/code.png" sizes="32x32">
|
||||
<link rel="icon" type="image/png"
|
||||
href="https://raw.githubusercontent.com/EndlessHosting/assets/master/images/PFPs/code.png" sizes="96x96">
|
||||
<link rel="apple-touch-icon" sizes="180x180"
|
||||
href="https://raw.githubusercontent.com/EndlessHosting/assets/master/images/PFPs/code.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>
|
|
@ -1,16 +0,0 @@
|
|||
<body>
|
||||
<h1 class="title" > <a href="/">{{name}}</a></h1>
|
||||
<h1 class="subtitle toggle">dark/light</h1>
|
||||
<div class="center">
|
||||
<p class="subtitle coding">Coding</p>
|
||||
{{!-- <br> --}}
|
||||
{{#each portfolio.code}}
|
||||
<a class="{{this.name}}" target="_blank" href="{{this.source}}">{{this.name}}</a>
|
||||
{{/each}}
|
||||
{{!-- <br> --}}
|
||||
<p class="subtitle coding">Art</p>
|
||||
{{!-- <br> --}}
|
||||
<a class="art" href="https://twitter.com/floofydev" target="_blank">@floofydev</a>
|
||||
<div id="box"></div>
|
||||
</div>
|
||||
</body>
|
|
@ -1,11 +0,0 @@
|
|||
<body>
|
||||
|
||||
<h1 class="title" > <a href="/">{{name}}</a></h1>
|
||||
<h1 class="subtitle toggle">dark/light</h1>
|
||||
<div class="center">
|
||||
<a class="monty" href="/lore/monty">monty</a>
|
||||
<a class="ryden" href="/lore/ryden">ryden</a>
|
||||
<a class="thaldrin" href="/lore/thaldrin">thaldrin</a>
|
||||
<div id="box"></div>
|
||||
</div>
|
||||
</body>
|