Merge branch 'master' into mobile-styling
This commit is contained in:
commit
d2bf4e64a4
|
@ -1,119 +0,0 @@
|
||||||
body {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
flex-direction: column;
|
|
||||||
align-content: center;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
padding: 0 0 0 0;
|
|
||||||
margin: 0 0 0 0;
|
|
||||||
overflow: hidden;
|
|
||||||
background-color: black;
|
|
||||||
--is-mobile: 0;
|
|
||||||
}
|
|
||||||
@media (pointer: coarse) {
|
|
||||||
body {
|
|
||||||
--is-mobile: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.overlay {
|
|
||||||
width: 100%;
|
|
||||||
height: 100vh;
|
|
||||||
position: fixed;
|
|
||||||
opacity: 0.03;
|
|
||||||
z-index: 1;
|
|
||||||
background-image: url("/img/noise.gif");
|
|
||||||
}
|
|
||||||
|
|
||||||
.outerdiv {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
flex-direction: column;
|
|
||||||
align-content: center;
|
|
||||||
width: 90%;
|
|
||||||
height: 100vh;
|
|
||||||
background-color: #091519;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
@media (pointer: coarse) {
|
|
||||||
.outerdiv {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.contentholder {
|
|
||||||
justify-content: flex-start;
|
|
||||||
}
|
|
||||||
.contentholder div {
|
|
||||||
width: 30em;
|
|
||||||
margin: 1% 0;
|
|
||||||
}
|
|
||||||
.contentholder .contentholder__topfiller {
|
|
||||||
height: 5%;
|
|
||||||
background-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content {
|
|
||||||
z-index: 100;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
color: #F5A9B8;
|
|
||||||
font-family: serif;
|
|
||||||
font-size: xx-large;
|
|
||||||
margin: 5px 5px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
h2 {
|
|
||||||
color: #FFFFFF;
|
|
||||||
font-family: serif;
|
|
||||||
font-size: medium;
|
|
||||||
margin-top: -8px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
p, li {
|
|
||||||
color: #FFFFFF;
|
|
||||||
font-family: sans-serif;
|
|
||||||
font-size: large;
|
|
||||||
text-align: left;
|
|
||||||
margin: 5px 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
ol {
|
|
||||||
margin: 0px 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
li {
|
|
||||||
list-style-type: none;
|
|
||||||
}
|
|
||||||
li:before {
|
|
||||||
content: "- ";
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes gradient-bg {
|
|
||||||
from {
|
|
||||||
background-position: 0%;
|
|
||||||
}
|
|
||||||
to {
|
|
||||||
background-position: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
mark.rainbow, mark.internet {
|
|
||||||
background-image: repeating-linear-gradient(to left, red, violet, indigo, blue, green, yellow, orange, red, violet);
|
|
||||||
background-size: 1000% 1000%;
|
|
||||||
color: transparent;
|
|
||||||
-webkit-background-clip: text;
|
|
||||||
-webkit-text-fill-color: transparent;
|
|
||||||
animation: gradient-bg 4s linear infinite;
|
|
||||||
}
|
|
||||||
|
|
||||||
mark.internet {
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*# sourceMappingURL=about.css.map */
|
|
|
@ -1 +0,0 @@
|
||||||
{"version":3,"sourceRoot":"","sources":["../sass/global.sass","../sass/responsive.sass","../sass/anim.sass"],"names":[],"mappings":"AAcA;EANE;EACA;EACA;EACA;EACA;EAIA;EACA;EACA;EACA;EACA;EACA;EAEA;;ACnBA;EDUF;IAWI;;;;AAEJ;EACE;EACA;EAEA;EAEA;EACA;EACA;;;AAEF;EA7BE;EACA;EACA;EACA;EACA;EA2BA;EACA;EACA,kBArCS;EAsCT;;ACtCA;EDiCF;IAQI;;;;AAEJ;EACE;;AACA;EACE;EACA;;AAEF;EACE;EACA;;;AAEJ;EACE;;;AAGF;EACE,OA5Dc;EA6Dd;EACA;EACA;EACA;;;AAEF;EACE,OAlEgB;EAmEhB;EACA;EACA;EACA;;;AAGF;EACE,OA1EgB;EA2EhB;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EAEE;;AACA;EACE;;;AEtFJ;EACE;IACE;;EACF;IACE;;;AAMJ;EACE,kBAdiB;EAejB;EACA;EACA;EACA;EARA;;;AAYF;EAEE","file":"about.css"}
|
|
|
@ -1,22 +0,0 @@
|
||||||
@keyframes gradient-bg {
|
|
||||||
from {
|
|
||||||
background-position: 0%;
|
|
||||||
}
|
|
||||||
to {
|
|
||||||
background-position: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
mark.rainbow, mark.internet {
|
|
||||||
background-image: repeating-linear-gradient(to left, red, violet, indigo, blue, green, yellow, orange, red, violet);
|
|
||||||
background-size: 1000% 1000%;
|
|
||||||
color: transparent;
|
|
||||||
-webkit-background-clip: text;
|
|
||||||
-webkit-text-fill-color: transparent;
|
|
||||||
animation: gradient-bg 4s linear infinite;
|
|
||||||
}
|
|
||||||
|
|
||||||
mark.internet {
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*# sourceMappingURL=anim.css.map */
|
|
|
@ -1 +0,0 @@
|
||||||
{"version":3,"sourceRoot":"","sources":["../sass/anim.sass"],"names":[],"mappings":"AAIA;EACE;IACE;;EACF;IACE;;;AAMJ;EACE,kBAdiB;EAejB;EACA;EACA;EACA;EARA;;;AAYF;EAEE","file":"anim.css"}
|
|
|
@ -1,98 +0,0 @@
|
||||||
body {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
flex-direction: column;
|
|
||||||
align-content: center;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
padding: 0 0 0 0;
|
|
||||||
margin: 0 0 0 0;
|
|
||||||
overflow: hidden;
|
|
||||||
background-color: black;
|
|
||||||
--is-mobile: 0;
|
|
||||||
}
|
|
||||||
@media (pointer: coarse) {
|
|
||||||
body {
|
|
||||||
--is-mobile: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.overlay {
|
|
||||||
width: 100%;
|
|
||||||
height: 100vh;
|
|
||||||
position: fixed;
|
|
||||||
opacity: 0.03;
|
|
||||||
z-index: 1;
|
|
||||||
background-image: url("/img/noise.gif");
|
|
||||||
}
|
|
||||||
|
|
||||||
.outerdiv {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
flex-direction: column;
|
|
||||||
align-content: center;
|
|
||||||
width: 90%;
|
|
||||||
height: 100vh;
|
|
||||||
background-color: #091519;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
@media (pointer: coarse) {
|
|
||||||
.outerdiv {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.contentholder {
|
|
||||||
justify-content: flex-start;
|
|
||||||
}
|
|
||||||
.contentholder div {
|
|
||||||
width: 30em;
|
|
||||||
margin: 1% 0;
|
|
||||||
}
|
|
||||||
.contentholder .contentholder__topfiller {
|
|
||||||
height: 5%;
|
|
||||||
background-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content {
|
|
||||||
z-index: 100;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
color: #F5A9B8;
|
|
||||||
font-family: serif;
|
|
||||||
font-size: xx-large;
|
|
||||||
margin: 5px 5px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
h2 {
|
|
||||||
color: #FFFFFF;
|
|
||||||
font-family: serif;
|
|
||||||
font-size: medium;
|
|
||||||
margin-top: -8px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
p, li {
|
|
||||||
color: #FFFFFF;
|
|
||||||
font-family: sans-serif;
|
|
||||||
font-size: large;
|
|
||||||
text-align: left;
|
|
||||||
margin: 5px 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
ol {
|
|
||||||
margin: 0px 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
li {
|
|
||||||
list-style-type: none;
|
|
||||||
}
|
|
||||||
li:before {
|
|
||||||
content: "- ";
|
|
||||||
}
|
|
||||||
|
|
||||||
/*# sourceMappingURL=global.css.map */
|
|
|
@ -1 +0,0 @@
|
||||||
{"version":3,"sourceRoot":"","sources":["../sass/global.sass","../sass/responsive.sass"],"names":[],"mappings":"AAcA;EANE;EACA;EACA;EACA;EACA;EAIA;EACA;EACA;EACA;EACA;EACA;EAEA;;ACnBA;EDUF;IAWI;;;;AAEJ;EACE;EACA;EAEA;EAEA;EACA;EACA;;;AAEF;EA7BE;EACA;EACA;EACA;EACA;EA2BA;EACA;EACA,kBArCS;EAsCT;;ACtCA;EDiCF;IAQI;;;;AAEJ;EACE;;AACA;EACE;EACA;;AAEF;EACE;EACA;;;AAEJ;EACE;;;AAGF;EACE,OA5Dc;EA6Dd;EACA;EACA;EACA;;;AAEF;EACE,OAlEgB;EAmEhB;EACA;EACA;EACA;;;AAGF;EACE,OA1EgB;EA2EhB;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EAEE;;AACA;EACE","file":"global.css"}
|
|
|
@ -1,171 +0,0 @@
|
||||||
body {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
flex-direction: column;
|
|
||||||
align-content: center;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
padding: 0 0 0 0;
|
|
||||||
margin: 0 0 0 0;
|
|
||||||
overflow: hidden;
|
|
||||||
background-color: black;
|
|
||||||
--is-mobile: 0;
|
|
||||||
}
|
|
||||||
@media (pointer: coarse) {
|
|
||||||
body {
|
|
||||||
--is-mobile: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.overlay {
|
|
||||||
width: 100%;
|
|
||||||
height: 100vh;
|
|
||||||
position: fixed;
|
|
||||||
opacity: 0.03;
|
|
||||||
z-index: 1;
|
|
||||||
background-image: url("/img/noise.gif");
|
|
||||||
}
|
|
||||||
|
|
||||||
.outerdiv {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
flex-direction: column;
|
|
||||||
align-content: center;
|
|
||||||
width: 90%;
|
|
||||||
height: 100vh;
|
|
||||||
background-color: #091519;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
@media (pointer: coarse) {
|
|
||||||
.outerdiv {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.contentholder {
|
|
||||||
justify-content: flex-start;
|
|
||||||
}
|
|
||||||
.contentholder div {
|
|
||||||
width: 30em;
|
|
||||||
margin: 1% 0;
|
|
||||||
}
|
|
||||||
.contentholder .contentholder__topfiller {
|
|
||||||
height: 5%;
|
|
||||||
background-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content {
|
|
||||||
z-index: 100;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
color: #F5A9B8;
|
|
||||||
font-family: serif;
|
|
||||||
font-size: xx-large;
|
|
||||||
margin: 5px 5px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
h2 {
|
|
||||||
color: #FFFFFF;
|
|
||||||
font-family: serif;
|
|
||||||
font-size: medium;
|
|
||||||
margin-top: -8px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
p, li {
|
|
||||||
color: #FFFFFF;
|
|
||||||
font-family: sans-serif;
|
|
||||||
font-size: large;
|
|
||||||
text-align: left;
|
|
||||||
margin: 5px 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
ol {
|
|
||||||
margin: 0px 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
li {
|
|
||||||
list-style-type: none;
|
|
||||||
}
|
|
||||||
li:before {
|
|
||||||
content: "- ";
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes gradient-bg {
|
|
||||||
from {
|
|
||||||
background-position: 0%;
|
|
||||||
}
|
|
||||||
to {
|
|
||||||
background-position: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
mark.rainbow, mark.internet {
|
|
||||||
background-image: repeating-linear-gradient(to left, red, violet, indigo, blue, green, yellow, orange, red, violet);
|
|
||||||
background-size: 1000% 1000%;
|
|
||||||
color: transparent;
|
|
||||||
-webkit-background-clip: text;
|
|
||||||
-webkit-text-fill-color: transparent;
|
|
||||||
animation: gradient-bg 4s linear infinite;
|
|
||||||
}
|
|
||||||
|
|
||||||
mark.internet {
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.name {
|
|
||||||
margin-top: -10vh;
|
|
||||||
z-index: 100;
|
|
||||||
}
|
|
||||||
|
|
||||||
.name__subcontent {
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
@media (pointer: coarse) {
|
|
||||||
.name__subcontent {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.name__subcontent a {
|
|
||||||
font-size: small;
|
|
||||||
display: none;
|
|
||||||
position: absolute;
|
|
||||||
margin-left: 5px;
|
|
||||||
margin-top: 5px;
|
|
||||||
}
|
|
||||||
@media (pointer: coarse) {
|
|
||||||
.name__subcontent a {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.links {
|
|
||||||
width: 40%;
|
|
||||||
height: 10%;
|
|
||||||
position: absolute;
|
|
||||||
bottom: 0;
|
|
||||||
z-index: 99;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
@media (pointer: coarse) {
|
|
||||||
.links {
|
|
||||||
width: 80%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.links .links__sub {
|
|
||||||
height: 6vh;
|
|
||||||
width: 15%;
|
|
||||||
margin: 3%;
|
|
||||||
display: table-cell;
|
|
||||||
text-align: center;
|
|
||||||
vertical-align: middle;
|
|
||||||
font-size: 6vh;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*# sourceMappingURL=index.css.map */
|
|
|
@ -1 +0,0 @@
|
||||||
{"version":3,"sourceRoot":"","sources":["../sass/global.sass","../sass/responsive.sass","../sass/anim.sass","../sass/index.sass"],"names":[],"mappings":"AAcA;EANE;EACA;EACA;EACA;EACA;EAIA;EACA;EACA;EACA;EACA;EACA;EAEA;;ACnBA;EDUF;IAWI;;;;AAEJ;EACE;EACA;EAEA;EAEA;EACA;EACA;;;AAEF;EA7BE;EACA;EACA;EACA;EACA;EA2BA;EACA;EACA,kBArCS;EAsCT;;ACtCA;EDiCF;IAQI;;;;AAEJ;EACE;;AACA;EACE;EACA;;AAEF;EACE;EACA;;;AAEJ;EACE;;;AAGF;EACE,OA5Dc;EA6Dd;EACA;EACA;EACA;;;AAEF;EACE,OAlEgB;EAmEhB;EACA;EACA;EACA;;;AAGF;EACE,OA1EgB;EA2EhB;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EAEE;;AACA;EACE;;;AEtFJ;EACE;IACE;;EACF;IACE;;;AAMJ;EACE,kBAdiB;EAejB;EACA;EACA;EACA;EARA;;;AAYF;EAEE;;;ACtBF;EACE;EAEA;;;AAEF;EACE;;AFLA;EEIF;IAII;;;AAEF;EACE;EACA;EACA;EACA;EACA;;AFfF;EEUA;IAQI;;;;AAGN;EAEE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AF/BA;EEqBF;IAaI;;;AAEF;EACE;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA","file":"index.css"}
|
|
|
@ -1,3 +0,0 @@
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=responsive.css.map */
|
|
|
@ -1 +0,0 @@
|
||||||
{"version":3,"sourceRoot":"","sources":[],"names":[],"mappings":"","file":"responsive.css"}
|
|
|
@ -89,3 +89,6 @@ li
|
||||||
list-style-type: none
|
list-style-type: none
|
||||||
&:before
|
&:before
|
||||||
content: "- "
|
content: "- "
|
||||||
|
|
||||||
|
a
|
||||||
|
text-decoration: none
|
||||||
|
|
Loading…
Reference in New Issue