pretty much working site
This commit is contained in:
monty
parent
f18820b035
commit
ab864ab8b1
35 changed files with 311 additions and 1408 deletions
|
|
@ -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 */
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -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;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue