diff --git a/assets/crt.gif b/assets/crt.gif deleted file mode 100644 index 870f8f7..0000000 Binary files a/assets/crt.gif and /dev/null differ diff --git a/assets/crt2.gif b/assets/crt2.gif deleted file mode 100644 index 93c76e6..0000000 Binary files a/assets/crt2.gif and /dev/null differ diff --git a/assets/darkness.png b/assets/darkness.png deleted file mode 100644 index 7fece16..0000000 Binary files a/assets/darkness.png and /dev/null differ diff --git a/assets/dvd.png b/assets/dvd.png deleted file mode 100644 index 624be0a..0000000 Binary files a/assets/dvd.png and /dev/null differ diff --git a/assets/hi.png b/assets/hi.png deleted file mode 100644 index f47d4e9..0000000 Binary files a/assets/hi.png and /dev/null differ diff --git a/assets/japan-calm-pond.jpg b/assets/japan-calm-pond.jpg deleted file mode 100644 index a3c4229..0000000 Binary files a/assets/japan-calm-pond.jpg and /dev/null differ diff --git a/assets/planet-outline.svg b/assets/planet-outline.svg new file mode 100644 index 0000000..550d5a4 --- /dev/null +++ b/assets/planet-outline.svg @@ -0,0 +1 @@ +Planet \ No newline at end of file diff --git a/assets/polygon-scatter-pond.svg b/assets/polygon-scatter-pond.svg deleted file mode 100644 index df37aff..0000000 --- a/assets/polygon-scatter-pond.svg +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/assets/polygon-scatter.svg b/assets/polygon-scatter.svg deleted file mode 100644 index a141640..0000000 --- a/assets/polygon-scatter.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/assets/progmode.gif b/assets/progmode.gif deleted file mode 100644 index fb7a93d..0000000 Binary files a/assets/progmode.gif and /dev/null differ diff --git a/assets/samantha/animegirl.jpeg b/assets/samantha/animegirl.jpeg deleted file mode 100644 index 0128e72..0000000 Binary files a/assets/samantha/animegirl.jpeg and /dev/null differ diff --git a/assets/samantha/refined.jpeg b/assets/samantha/refined.jpeg deleted file mode 100644 index 1889d66..0000000 Binary files a/assets/samantha/refined.jpeg and /dev/null differ diff --git a/assets/smug.gif b/assets/smug.gif deleted file mode 100644 index 5cf0c96..0000000 Binary files a/assets/smug.gif and /dev/null differ diff --git a/assets/special/EpicFortniteHacks.exe b/assets/special/EpicFortniteHacks.exe deleted file mode 100644 index e69de29..0000000 diff --git a/assets/transflag.gif b/assets/transflag.gif deleted file mode 100644 index 0f98044..0000000 Binary files a/assets/transflag.gif and /dev/null differ diff --git a/index.html b/index.html index 7826da2..6d502e5 100644 --- a/index.html +++ b/index.html @@ -5,13 +5,61 @@ Home - - - \ No newline at end of file + + + +
+
+ +
+ + + + + + + + + + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..d289f8b --- /dev/null +++ b/style.css @@ -0,0 +1,71 @@ +@import url('https://fonts.googleapis.com/css2?family=Martian+Mono&display=swap'); +* +{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: 'Martian', monospace; +} +body +{ + background:#2b272b; +} +.navigation +{ + position: fixed; + inset: 20px 0 20px 20px; + width: 105px; + background: #332e33; + transition: 0.5s; + display: flex; + justify-content: center; + align-items: center; +} +.navigation.open +{ + width: 250px; +} +.navigation .menuToggle +{ + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 60px; + border-bottom: 1px solid rgba(0,0,0,0.25); + cursor: pointer; + display: flex; + align-items: center; + justify-content: flex-start; + padding: 0 23px; +} +.navigation .menuToggle::before +{ + content: ''; + position: absolute; + width: 30px; + height: 2px; + background: #413b41; + transform: translateY(-8px); + transition: 0.5s; +} +.navigation.open .menuToggle::before +{ + transform: translateY(0px) rotate(45deg); +} +.navigation .menuToggle::after +{ + content: ''; + position: absolute; + width: 30px; + height: 2px; + background: #413b41; + transform: translateY(8px); + transition: 0.5s; + box-shadow: 0 -8px 0 #413b41; +} +.navigation.open .menuToggle::after +{ + transform: translateY(0px) rotate(-45deg); + box-shadow: 0 0 0 #413b41; +} \ No newline at end of file