emilia
/
personal-website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'master' into mobile-styling

This commit is contained in:
Emilia Allison 2022-01-22 02:59:01 -05:00
parent b615c98239 30eff7210a
commit d2bf4e64a4
Signed by: emilia
GPG Key ID: 71D938CBB74EF7EA
11 changed files with 3 additions and 418 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

119
src/css/about.css
View File

@ -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
src/css/about.css.map
View File

@ -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"}

22
src/css/anim.css
View File

@ -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
src/css/anim.css.map
View File

@ -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"}

98
src/css/global.css
View File

@ -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
src/css/global.css.map
View File

@ -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"}

171
src/css/index.css
View File

@ -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
src/css/index.css.map
View File

@ -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"}

3
src/css/responsive.css
View File

@ -1,3 +0,0 @@
/*# sourceMappingURL=responsive.css.map */

1
src/css/responsive.css.map
View File

@ -1 +0,0 @@
{"version":3,"sourceRoot":"","sources":[],"names":[],"mappings":"","file":"responsive.css"}

3
src/sass/global.sass
View File

@ -89,3 +89,6 @@ li
list-style-type: none
&:before
content: "- "
a
text-decoration: none