commit 5598698f26cbd4cd0c1d797a44f3965aab483869 Author: Emilia Date: Fri Jan 21 18:46:15 2022 -0500 uhhh yeah (Initial commit) I forgot to use git until just now. oops. diff --git a/about.html b/about.html new file mode 100644 index 0000000..6db997d --- /dev/null +++ b/about.html @@ -0,0 +1,47 @@ + + + + Emilia Allison + + + +

+ About +

isn't that the page title?

+I'm not super keen on saying that much about myself on the internet. +Anyway, here's some information about myself, posted on the aforementioned internet. +

+I'm studying mathematics (with a focus on computation), and will hopefully be graduating in 2023. +

Opinions

A 100% exhaustive list, of course

+the modern internet is bloated +

i will contribute to this bloat

open source software is very cool

+linux distros don't matter +

btw i use

social media is kinda yucky

the military industrial complex

my taste in music is objectively just ok

+ + diff --git a/css/about.css b/css/about.css new file mode 100644 index 0000000..c45695f --- /dev/null +++ b/css/about.css @@ -0,0 +1,108 @@ +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; +} + +.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; +} + +.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 */ diff --git a/css/about.css.map b/css/about.css.map new file mode 100644 index 0000000..ab5dfda --- /dev/null +++ b/css/about.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["../sass/global.sass","../sass/anim.sass"],"names":[],"mappings":"AAYA;EANE;EACA;EACA;EACA;EACA;EAIA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EAEA;EAEA;EACA;EACA;;;AAEF;EAzBE;EACA;EACA;EACA;EACA;EAuBA;EACA;EACA,kBAjCS;EAkCT;;;AAEF;EACE;;AACA;EACE;EACA;;AAEF;EACE;EACA;;;AAEJ;EACE;;;AAGF;EACE,OArDc;EAsDd;EACA;EACA;EACA;;;AAEF;EACE,OA3DgB;EA4DhB;EACA;EACA;EACA;;;AAGF;EACE,OAnEgB;EAoEhB;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EAEE;;AACA;EACE;;;AC7EJ;EACE;IACE;;EACF;IACE;;;AAMJ;EACE,kBAdiB;EAejB;EACA;EACA;EACA;EARA;;;AAYF;EAEE","file":"about.css"} \ No newline at end of file diff --git a/css/anim.css b/css/anim.css new file mode 100644 index 0000000..84dd26d --- /dev/null +++ b/css/anim.css @@ -0,0 +1,22 @@ +@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 */ diff --git a/css/anim.css.map b/css/anim.css.map new file mode 100644 index 0000000..46ab43d --- /dev/null +++ b/css/anim.css.map @@ -0,0 +1 @@ +{"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"} \ No newline at end of file diff --git a/css/global.css b/css/global.css new file mode 100644 index 0000000..124427e --- /dev/null +++ b/css/global.css @@ -0,0 +1,87 @@ +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; +} + +.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; +} + +.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 */ diff --git a/css/global.css.map b/css/global.css.map new file mode 100644 index 0000000..731d9c3 --- /dev/null +++ b/css/global.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["../sass/global.sass"],"names":[],"mappings":"AAYA;EANE;EACA;EACA;EACA;EACA;EAIA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EAEA;EAEA;EACA;EACA;;;AAEF;EAzBE;EACA;EACA;EACA;EACA;EAuBA;EACA;EACA,kBAjCS;EAkCT;;;AAEF;EACE;;AACA;EACE;EACA;;AAEF;EACE;EACA;;;AAEJ;EACE;;;AAGF;EACE,OArDc;EAsDd;EACA;EACA;EACA;;;AAEF;EACE,OA3DgB;EA4DhB;EACA;EACA;EACA;;;AAGF;EACE,OAnEgB;EAoEhB;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EAEE;;AACA;EACE","file":"global.css"} \ No newline at end of file diff --git a/css/index.css b/css/index.css new file mode 100644 index 0000000..a8d11be --- /dev/null +++ b/css/index.css @@ -0,0 +1,145 @@ +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; +} + +.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; +} + +.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; +} +.name__subcontent a { + font-size: small; + display: none; + position: absolute; + margin-left: 5px; + margin-top: 5px; +} + +.links { + width: 40%; + height: 10%; + position: absolute; + bottom: 0; + z-index: 99; + display: flex; + justify-content: center; + align-items: center; +} +.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 */ diff --git a/css/index.css.map b/css/index.css.map new file mode 100644 index 0000000..78f1b9f --- /dev/null +++ b/css/index.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["../sass/global.sass","../sass/anim.sass","../sass/index.sass"],"names":[],"mappings":"AAYA;EANE;EACA;EACA;EACA;EACA;EAIA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EAEA;EAEA;EACA;EACA;;;AAEF;EAzBE;EACA;EACA;EACA;EACA;EAuBA;EACA;EACA,kBAjCS;EAkCT;;;AAEF;EACE;;AACA;EACE;EACA;;AAEF;EACE;EACA;;;AAEJ;EACE;;;AAGF;EACE,OArDc;EAsDd;EACA;EACA;EACA;;;AAEF;EACE,OA3DgB;EA4DhB;EACA;EACA;EACA;;;AAGF;EACE,OAnEgB;EAoEhB;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EAEE;;AACA;EACE;;;AC7EJ;EACE;IACE;;EACF;IACE;;;AAMJ;EACE,kBAdiB;EAejB;EACA;EACA;EACA;EARA;;;AAYF;EAEE;;;ACtBF;EACE;EAEA;;;AAEF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;;;AAGJ;EAEE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA","file":"index.css"} \ No newline at end of file diff --git a/img/noise.gif b/img/noise.gif new file mode 100644 index 0000000..1f13d22 Binary files /dev/null and b/img/noise.gif differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..70b593e --- /dev/null +++ b/index.html @@ -0,0 +1,38 @@ + + + + Emilia Allison + + + + +

+ + +

mathematics enjoyer

pgp: + + 8CBC 050E 7BBB 8779 ECCD 4207 4B33 E52E 3BD2 5455 +

bottom text

+ + 📄 + + + 🌜 + + + 💻 + + + 📠 + +

+ + diff --git a/js/index.js b/js/index.js new file mode 100644 index 0000000..e84207d --- /dev/null +++ b/js/index.js @@ -0,0 +1,9 @@ +const pgp_p = document.getElementById('pgp_p') +const pgp_a = document.getElementById('pgp_a') +pgp_p.onmouseover = function() {pgp_a.style.display = "inline";} +pgp_p.onmouseout = function() {pgp_a.style.display = "none";} + +const moon = document.getElementById('moonlink'); +console.log(moon); +moon.onmouseover = function() {moon.innerHTML = "🌛"} +moon.onmouseout = function() {moon.innerHTML = "🌜"} diff --git a/sass/about.sass b/sass/about.sass new file mode 100644 index 0000000..969e2f3 --- /dev/null +++ b/sass/about.sass @@ -0,0 +1,2 @@ +@import 'global' +@import 'anim' diff --git a/sass/anim.sass b/sass/anim.sass new file mode 100644 index 0000000..4c69706 --- /dev/null +++ b/sass/anim.sass @@ -0,0 +1,26 @@ +// GRADIENTS (you might need them!) +$rainbow-gradient: repeating-linear-gradient(to left, red, violet, indigo, blue, green, yellow, orange, red, violet) + +// ANIMATIONS (love to see them) +@keyframes gradient-bg + from + background-position: 0% + to + background-position: 100% + +@mixin rainbow-text() + animation: gradient-bg 4s linear infinite + +// MARKS +mark.rainbow + background-image: $rainbow-gradient + background-size: 1000% 1000% + color: transparent + -webkit-background-clip: text + -webkit-text-fill-color: transparent + @include rainbow-text() + +// ALIASES +mark.internet + @extend .rainbow + font-weight: bold diff --git a/sass/global.sass b/sass/global.sass new file mode 100644 index 0000000..4d310a8 --- /dev/null +++ b/sass/global.sass @@ -0,0 +1,82 @@ +$primary-color: #F5A9B8 +$secondary-color: #FFFFFF +$outer-bg: #091519 +$inner-bg: #112932 + +@mixin div-center() + display: flex + justify-content: center + align-items: center + flex-direction: column + align-content: center + +body + @include div-center() + width: 100% + height: 100% + padding: 0 0 0 0 + margin: 0 0 0 0 + overflow: hidden + background-color: black + +.overlay + width: 100% + height: 100vh + + position: fixed + + opacity: 0.03 + z-index: 1 + background-image: url('/img/noise.gif') + +.outerdiv + @include div-center() + width: 90% + height: 100vh + background-color: $outer-bg + flex-direction: column + +.contentholder + justify-content: flex-start + div + width: 30em + margin: 1% 0 + + .contentholder__topfiller + height: 5% + background-color: transparent + +.content + z-index: 100 + + +h1 + color: $primary-color + font-family: serif + font-size: xx-large + margin: 5px 5px + text-align: center + +h2 + color: $secondary-color + font-family: serif + font-size: medium + margin-top: -8px + text-align: center + + +p + color: $secondary-color + font-family: sans-serif + font-size: large + text-align: left + margin: 5px 0px + +ol + margin: 0px 0px + +li + @extend p + list-style-type: none + &:before + content: "- " diff --git a/sass/index.sass b/sass/index.sass new file mode 100644 index 0000000..089e455 --- /dev/null +++ b/sass/index.sass @@ -0,0 +1,42 @@ +@import 'global' +@import 'anim' + +.name + margin-top: -10vh + + z-index: 100 + +.name__subcontent + text-align: left + + a + font-size: small + display: none + position: absolute + margin-left: 5px + margin-top: 5px + + +.links + //background-color: rgba(255,0,0,.2) + width: 40% + height: 10% + position: absolute + bottom: 0 + + z-index: 99 + display: flex + justify-content: center + align-items: center + + .links__sub + height: 6vh + width: 15% + margin: 3% + + display: table-cell + text-align: center + vertical-align: middle + + font-size: 6vh + text-decoration: none