Browse Source

update name and socials

master
hokkqi 2 weeks ago
parent
commit
78494542ad
34 changed files with 3620 additions and 3642 deletions
  1. +18
    -18
      assets/css/_functions.scss
  2. +20
    -20
      assets/css/artwork.css
  3. +8
    -8
      assets/css/artwork.css.map
  4. +19
    -19
      assets/css/artwork.scss
  5. +191
    -191
      assets/css/lore.css
  6. +8
    -8
      assets/css/lore.css.map
  7. +112
    -112
      assets/css/lore.scss
  8. +602
    -602
      assets/css/main.css
  9. +8
    -8
      assets/css/main.css.map
  10. +184
    -184
      assets/css/main.scss
  11. +288
    -288
      assets/css/portfolio.css
  12. +8
    -8
      assets/css/portfolio.css.map
  13. +134
    -134
      assets/css/portfolio.scss
  14. +1
    -1
      assets/js/lore.js
  15. +32
    -32
      assets/js/main.js
  16. +4
    -4
      constants.js
  17. +1495
    -1495
      package-lock.json
  18. +28
    -28
      package.json
  19. +11
    -11
      routes/art.js
  20. +13
    -13
      routes/lore.js
  21. +34
    -21
      routes/p.js
  22. +9
    -9
      routes/portfolio.js
  23. +3
    -3
      run.js
  24. +9
    -9
      run.sh
  25. +109
    -112
      server.js
  26. +40
    -72
      socials.js
  27. +10
    -10
      views/artwork.hbs
  28. +26
    -26
      views/index.hbs
  29. +43
    -43
      views/layouts/artwork.hbs
  30. +43
    -43
      views/layouts/lore.hbs
  31. +42
    -42
      views/layouts/main.hbs
  32. +43
    -43
      views/layouts/portfolio.hbs
  33. +15
    -15
      views/portfolio.hbs
  34. +10
    -10
      views/story.hbs

+ 18
- 18
assets/css/_functions.scss View File

@@ -1,19 +1,19 @@
@mixin centerer($horizontal: true, $vertical: true) {
position: absolute;
@if ($horizontal and $vertical) {
top: 50%;
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 centerer($horizontal: true, $vertical: true) {
position: absolute;
@if ($horizontal and $vertical) {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
@else if ($horizontal) {
left: 50%;
transform: translate(-50%, 0);
}
@else if ($vertical) {
top: 50%;
transform: translate(0, -50%);
}
}

+ 20
- 20
assets/css/artwork.css View File

@@ -1,21 +1,21 @@
.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;
}
.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 */

+ 8
- 8
assets/css/artwork.css.map View File

@@ -1,9 +1,9 @@
{
"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"
{
"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"
}

+ 19
- 19
assets/css/artwork.scss View File

@@ -1,19 +1,19 @@
.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;
}
.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;
}

+ 191
- 191
assets/css/lore.css View File

@@ -1,192 +1,192 @@
@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;
}
@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 */

+ 8
- 8
assets/css/lore.css.map View File

@@ -1,9 +1,9 @@
{
"version": 3,
"mappings": "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",
"sources": [
"lore.scss"
],
"names": [],
"file": "lore.css"
{
"version": 3,
"mappings": "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",
"sources": [
"lore.scss"
],
"names": [],
"file": "lore.css"
}

+ 112
- 112
assets/css/lore.scss View File

@@ -1,112 +1,112 @@
@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;
}
}
@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;
}
}

+ 602
- 602
assets/css/main.css
File diff suppressed because it is too large
View File


+ 8
- 8
assets/css/main.css.map
File diff suppressed because it is too large
View File


+ 184
- 184
assets/css/main.scss View File

@@ -1,184 +1,184 @@
@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;
//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: 13vh;
margin: 0;
}
.subtitle {
//font-family: 'Source Sans Pro', sans-serif !important;
font-size: 3vh;
bottom: 50px;
//height: 1%;
text-align: center;
cursor: grab;
}
sub {
font-size: 1vh;
}
.center {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
a {
text-decoration: none;
color: white;
display: inline-block;
}
svg {
margin: 0;
padding: 0;
}
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;
}
$socials: (
"twitter": #1da1f2,
"keybase": #33a0ff,
"discord": #7289da,
"mastodon": #3088d4,
"twitch": #6441a4,
"gitdab":#faacb7,
"github": #333,
"gitlab": #e24329,
"ko-fi": #f16061,
"patreon": #f96854
);
@each $site, $color in $socials {
.#{$site}:hover {
fill: $color !important;
& ~ #box {
border-color: $color;
}
}
body.light a.#{$site} {
fill: black;
}
a.#{$site} {
fill: white;
}
.#{$site}::selection {
color: white;
background-color: $color;
}
body.light .#{$site}::selection {
//color: $color + 9a;
color: black;
background-color: $color + 26;
}
}
a svg {
max-width: 6ch;
}
.socials {
font-size: 2vh;
text-align: center;
justify-content: center;
box-sizing: border-box;
width: 300px;
transition: fill 1s ease-in-out;
}
a {
margin: 2vh;
}
divide {
display: block;
height: 1vh;
border: 0;
border-top: 0px solid rgba(204, 204, 204, 0);
margin: 1vh 0;
padding: 1vh;
}
$accents: ("portfolio": #5fff5f, "lore": #92a9f3, "art": #c974da);
$links: ('portfolio', 'lore', 'art');
$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;
}
.#{$link} {
font-size: 6vh;
}
}
body.light h1::selection {
background-color: black;
color: white;
}
h1::selection {
background-color: white;
color: black;
}
@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;
//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: 13vh;
margin: 0;
}
.subtitle {
//font-family: 'Source Sans Pro', sans-serif !important;
font-size: 3vh;
bottom: 50px;
//height: 1%;
text-align: center;
cursor: grab;
}
sub {
font-size: 1vh;
}
.center {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
a {
text-decoration: none;
color: white;
display: inline-block;
}
svg {
margin: 0;
padding: 0;
}
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;
}
$socials: (
"twitter": #1da1f2,
"keybase": #33a0ff,
"discord": #7289da,
"mastodon": #3088d4,
"twitch": #6441a4,
"gitdab":#faacb7,
"github": #333,
"gitlab": #e24329,
"ko-fi": #f16061,
"patreon": #f96854
);
@each $site, $color in $socials {
.#{$site}:hover {
fill: $color !important;
& ~ #box {
border-color: $color;
}
}
body.light a.#{$site} {
fill: black;
}
a.#{$site} {
fill: white;
}
.#{$site}::selection {
color: white;
background-color: $color;
}
body.light .#{$site}::selection {
//color: $color + 9a;
color: black;
background-color: $color + 26;
}
}
a svg {
max-width: 6ch;
}
.socials {
font-size: 2vh;
text-align: center;
justify-content: center;
box-sizing: border-box;
width: 300px;
transition: fill 1s ease-in-out;
}
a {
margin: 2vh;
}
divide {
display: block;
height: 1vh;
border: 0;
border-top: 0px solid rgba(204, 204, 204, 0);
margin: 1vh 0;
padding: 1vh;
}
$accents: ("portfolio": #5fff5f, "lore": #92a9f3, "art": #c974da);
$links: ('portfolio', 'lore', 'art');
$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;
}
.#{$link} {
font-size: 6vh;
}
}
body.light h1::selection {
background-color: black;
color: white;
}
h1::selection {
background-color: white;
color: black;
}

+ 288
- 288
assets/css/portfolio.css View File

@@ -1,289 +1,289 @@
@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;
}
@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 */

+ 8
- 8
assets/css/portfolio.css.map View File

@@ -1,9 +1,9 @@
{
"version": 3,
"mappings": "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",
"sources": [
"portfolio.scss"
],
"names": [],
"file": "portfolio.css"
{
"version": 3,
"mappings": "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",
"sources": [
"portfolio.scss"
],
"names": [],
"file": "portfolio.css"
}

+ 134
- 134
assets/css/portfolio.scss View File

@@ -1,134 +1,134 @@
@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;
}
@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;
}

+ 1
- 1
assets/js/lore.js View File

@@ -1 +1 @@
console.log('Lore Page');
console.log('Lore Page');

+ 32
- 32
assets/js/main.js View File

@@ -1,32 +1,32 @@
let scheme = window.matchMedia(`(prefers-color-scheme: dark)`);
let theme = window.localStorage.getItem('prefer-light');
let title = document.getElementsByClassName('title')[0];
let body = document.getElementsByTagName('body')[0];
let toggle = document.getElementsByClassName('toggle')[0];
if (theme === 'yes') {
body.classList.add('light');
} else if (theme === 'no') {
console.log('User does not like light, removing Light');
body.classList.remove('light');
} else {
if (scheme) {
body.classList.remove('light');
console.log('User has not yet visited, but prefers dark');
} else {
body.classList.add('light');
console.log('User has not yet visited, but prefers light');
}
}
toggle.addEventListener('click', (e) => {
//console.log(e);
body.classList.toggle('light');
if (body.classList.contains('light')) {
window.localStorage.setItem('prefer-light', 'yes');
console.log('user likes light');
} else {
window.localStorage.setItem('prefer-light', 'no');
console.log('user likes dark');
}
});
let scheme = window.matchMedia(`(prefers-color-scheme: dark)`);
let theme = window.localStorage.getItem('prefer-light');
let title = document.getElementsByClassName('title')[0];
let body = document.getElementsByTagName('body')[0];
let toggle = document.getElementsByClassName('toggle')[0];
if (theme === 'yes') {
body.classList.add('light');
} else if (theme === 'no') {
console.log('User does not like light, removing Light');
body.classList.remove('light');
} else {
if (scheme) {
body.classList.remove('light');
console.log('User has not yet visited, but prefers dark');
} else {
body.classList.add('light');
console.log('User has not yet visited, but prefers light');
}
}
toggle.addEventListener('click', (e) => {
//console.log(e);
body.classList.toggle('light');
if (body.classList.contains('light')) {
window.localStorage.setItem('prefer-light', 'yes');
console.log('user likes light');
} else {
window.localStorage.setItem('prefer-light', 'no');
console.log('user likes dark');
}
});

+ 4
- 4
constants.js View File

@@ -1,4 +1,4 @@
module.exports = {
name: 'ry',
updateToken: 'qwertzuiop1234567890'
};
module.exports = {
name: "hokkqi",
updateToken: "qwertzuiop1234567890",
};

+ 1495
- 1495
package-lock.json
File diff suppressed because it is too large
View File