From 6cb1388253adc0b6001a144ed9b2f213529160f9 Mon Sep 17 00:00:00 2001 From: echo <91651232+exhq@users.noreply.github.com> Date: Wed, 12 Oct 2022 22:11:55 +0330 Subject: ffs oxi --- static/funny.js | 143 +++++++------ static/index.html | 309 ++++++++++++++------------- static/styles.css | 611 +++++++++++++++++++++++++++--------------------------- 3 files changed, 530 insertions(+), 533 deletions(-) (limited to 'static') diff --git a/static/funny.js b/static/funny.js index eff3abb..5b43dcc 100644 --- a/static/funny.js +++ b/static/funny.js @@ -1,68 +1,75 @@ -var titles = [ - "i work out", - "funny", - "Kara Kara Kara no Kara", - "26047", - "Can I Friend You On Bassbook? Lol", - "im gay", - "cognrjatulations !!!", - "futanari", - "ubuntu (ew)", - "phantoms are annoying", - "/give @a hugs 999999", - "please add command support vendy", - "mrekk", - "women fear me", - "fish fear me", - "men turn their eyes away from me", - "as i walk no beast dares makes a sound", - "i am alone in this barren earth", - "uptown funk you up", - "stackoverflow my beloved", - "*thrusts into you*", - "also what are these for?", - "its morbing time", - "bungling bungus", - "rate this base.apk Architecture splits: \nconfig.arm64_v8a.apk \nconfig.armeabi_v7a.apk \nconfig.x86_64.apk \n config.x86.apk \n DPI splits: \n config.hdpi.apk \n config.xxhdpi.apk \n Language splits: \nconfig.de.apk \n config.en.apk", - "Now explode", - "“message logger when”", - "A wild ⛧artificialmusik appeared.", - "IS THAT A MOTHERUCFKCING JOJOI REFERENCE???//?", - "Cats are not ducks", - "just farted", - "ReeK - Making Zurek While Getting A Flandre Fumo Shoved Up My A-", - "what the fuck is an lsp log", - "'ewwo evewypony", - "also, what the fuck is a mustard", - "727", - "WYFSI", - "that time i reincarnated as a toilet in another world", - "vim >>>>>> emacs", - "also try out archlinux.org", - "how to print [[this, this, and, this, all, together as a single string]]?", - "😢", - "None.", - "deez nuts", - "trolley", - -] - -document.title = titles[Math.floor(Math.random()*titles.length)]; - -//button bs -bool = false -var audio -if (new Date().getMonth() === 9){ - console.log("boo") - audio = new Audio('boo.mp3') -} else { - audio = new Audio('for-maeve.mp3') -} -function no() { - bool = !bool - if(bool){ - audio.play() - } else { - audio.pause() - } - } +var titles = [ + "i work out", + "funny", + "Kara Kara Kara no Kara", + "26047", + "Can I Friend You On Bassbook? Lol", + "im gay", + "cognrjatulations !!!", + "futanari", + "ubuntu (ew)", + "phantoms are annoying", + "/give @a hugs 999999", + "please add command support vendy", + "mrekk", + "women fear me", + "fish fear me", + "men turn their eyes away from me", + "as i walk no beast dares makes a sound", + "i am alone in this barren earth", + "uptown funk you up", + "stackoverflow my beloved", + "*thrusts into you*", + "also what are these for?", + "its morbing time", + "bungling bungus", + "rate this base.apk Architecture splits: \nconfig.arm64_v8a.apk \nconfig.armeabi_v7a.apk \nconfig.x86_64.apk \n config.x86.apk \n DPI splits: \n config.hdpi.apk \n config.xxhdpi.apk \n Language splits: \nconfig.de.apk \n config.en.apk", + "Now explode", + "“message logger when”", + "A wild ⛧artificialmusik appeared.", + "IS THAT A MOTHERUCFKCING JOJOI REFERENCE???//?", + "Cats are not ducks", + "just farted", + "ReeK - Making Zurek While Getting A Flandre Fumo Shoved Up My A-", + "what the fuck is an lsp log", + "'ewwo evewypony", + "also, what the fuck is a mustard", + "727", + "WYFSI", + "that time i reincarnated as a toilet in another world", + "vim >>>>>> emacs", + "also try out archlinux.org", + "how to print [[this, this, and, this, all, together as a single string]]?", + "😢", + "None.", + "deez nuts", + "trolley", + +] + +document.title = titles[Math.floor(Math.random()*titles.length)]; + +//button bs +bool = false +var audio +if (new Date().getMonth() === 9){ + console.log("boo") + audio = new Audio('boo.mp3') +} else { + audio = new Audio('for-maeve.mp3') +} +function no() { + bool = !bool + if(bool){ + audio.play() + } else { + audio.pause() + } + } + +const swapElm = document.getElementById('b'); +swapElm.addEventListener('mouseover', () => { + const prev = swapElm.style.transform; + if (!prev || prev === 'translateX(0px)') swapElm.style.transform = 'translateX(200%)'; + else swapElm.style.transform = 'translateX(0px)'; +}); \ No newline at end of file diff --git a/static/index.html b/static/index.html index ab3df99..39085df 100644 --- a/static/index.html +++ b/static/index.html @@ -1,157 +1,152 @@ - - - - - - - - - - - - - - - - -
- Home - Things i cant do - Contact me / About me - do you want to bless your ears? - try neOwOfetch :) - -
- -
-

copy right something smething i forgor :skull:

-
-
-
-
-

- have you ever wanted a "developer"
- that nothing other than standing around being - useless? -

- me -

a picture of me being useless

-

i CANNOT program:

- -
-
- - its 2022, at least use c++ -
-
- - its 2022, at least use java -
-
- - this joke was removed due to 1984 -
-
- - this is not centered and idk how to fix it -
-
- - who the fuck unironically uses ruby? -
-
- - :sOmEOneSAIdRUst: shut the fuck up ÅĠěŜŋżųŹ¢¶Ěá -
-
- - ([][[]]+[])[+!+[]]+(!![]+[][(![]+[])[+[]]+(![]+[])[!+[]+!+[]]+(![]+[])[+!+[]]+(!![]+[])[+[]]])[+!+[]+[+[]]] -
-
- -
-
-

i CANNOT be:

- ⋅useful -
- ⋅productive -
- ⋅fun -
- ⋅smart -
- ⋅creative -
- ⋅ < Dot Operator, Unicode number: U+22C5, Unicode version: 1.1 - (1993) -
-
-

- contact me: -

-
- -
-
click here for contacts
-
-
-

about me:

-

bored 18 yo who makes shitty stuff

-
- (hover for exact age) - 2004, 06th aug -
-

- i wuv u so so so so so so so much oxi og <3 muah
- i have had multiple sexual intercourses with your mother, she's hot
- i'm also a big fan of - avengers -

-
-
-
- - + + + + + + + + + + + + + + + + +
+ Home + Things i cant do + Contact me / About me + do you want to bless your ears? + try neOwOfetch :) + +
+ +
+

copy right something smething i forgor :skull:

+
+
+
+
+

+ have you ever wanted a "developer"
+ that nothing other than standing around being + useless? +

+ me +

a picture of me being useless

+

i CANNOT program:

+ +
+
+ + its 2022, at least use c++ +
+
+ + its 2022, at least use java +
+
+ + this joke was removed due to 1984 +
+
+ + this is not centered and idk how to fix it +
+
+ + who the fuck unironically uses ruby? +
+
+ + :sOmEOneSAIdRUst: shut the fuck up ÅĠěŜŋżųŹ¢¶Ěá +
+
+ + ([][[]]+[])[+!+[]]+(!![]+[][(![]+[])[+[]]+(![]+[])[!+[]+!+[]]+(![]+[])[+!+[]]+(!![]+[])[+[]]])[+!+[]+[+[]]] +
+
+ +
+
+

i CANNOT be:

+ ⋅useful +
+ ⋅productive +
+ ⋅fun +
+ ⋅smart +
+ ⋅creative +
+ ⋅ < Dot Operator, Unicode number: U+22C5, Unicode version: 1.1 + (1993) +
+
+

+ contact me: +

+
click here for contacts
+
+
+

about me:

+

bored 18 yo who makes shitty stuff

+
+ (hover for exact age) + 2004, 06th aug +
+

+ i wuv u so so so so so so so much oxi og <3 muah
+ i have had multiple sexual intercourses with your mother, she's hot
+ i'm also a big fan of + avengers +

+
+
+
+ + diff --git a/static/styles.css b/static/styles.css index 300cada..d213064 100644 --- a/static/styles.css +++ b/static/styles.css @@ -1,309 +1,304 @@ -@import url('https://fonts.googleapis.com/css2?family=Lora&display=swap'); -@import url('https://fonts.googleapis.com/css?family=Fira+Sans&display=swap'); -@import url('https://fonts.googleapis.com/css?family=Google+Sans&display=swap'); - -/* Declare color variables */ -:root{ - --title-color: #ff80a4; - --text-color: #ff2674; - --background-color: #202124; - --nav-background-color: #333; -} - -/* make the scrolling smooth */ -html, body{ - scroll-behavior: smooth; - overflow-x: hidden; -} - -.header{ - color: var(--background-color); - padding: 10px; - font-size: 40px; - font-weight: bold; - text-align: center; - font-family: 'google sans', serif; - animation: colorchange 7s infinite alternate; -} - -.java{ - vertical-align: middle; - font-size: 10px; -} - -.javaimg{ - margin-left: 20%; - width: 50px; - height: 50px; - vertical-align: middle; -} - -.rustimg{ - margin-left: 2.6%; - width: 50px; - height: 50px; - vertical-align: middle; -} - -.topnav{ - /* make the navbar follow the scroll */ - position: fixed; - top: 0; - left: 0; - margin: auto; - border: 1px solid var(--background-color); - box-shadow: 0px 0px 10px var(--background-color); - z-index: 1; - background-color: var(--nav-background-color); - overflow: hidden; - width: 100%; -} - -.downnav{ - /* make the navbar follow the scroll */ - position: fixed; - bottom: 0; - left: 0; - width: 100%; - margin: auto; - overflow: hidden; - border: 1px solid var(--background-color); - box-shadow: 0px 0px 6px var(--background-color); - z-index: 1; - background-color: var(--nav-background-color); -} - -.imsotired{ - margin-left: 1%; - font-family: 'fira sans', serif; - color: var(--title-color); -} - -.topnav a{ - user-select: none; - float: left; - color: #f2f2f2; - text-align: center; - padding: 14px 16px; - text-decoration: none; - font-family: "google sans"; - font-size: 15px; -} - -.topnav a:hover{ - background-color: #ddd; - color: black; -} - -.topnav a.active{ - background-color: var(--title-color); - color: white; -} - -.java{ - width: 5%; - font-family: 'fira sans', serif; - color: var(--title-color); - padding: 10px; - font-size: 40px; - font-weight: bold; - margin-left: 10%; - margin-top: 30px; -} - -.notjava{ - margin-left: 3%; - font-family: 'fira sans'; - color: var(--text-color); -} - -.data{ - font-family: 'fira sans', serif; - color: var(--title-color); - padding: 10px; - font-size: 40px; - font-weight: bold; - margin-left: 10%; - margin-top: 30px; -} - -.header span::before{ - pointer-events: all; - content: "does "; - color: #fff; - animation: colorchange 5s infinite alternate; -} - -.being{ - margin-left: 11%; - font-family: 'fira sans'; - color: var(--text-color); - font-size: 120% -} - - -.tooltip{ - position: relative; - display: inline-block; - margin-left: 13%; - font-family: 'fira sans'; - color: var(--text-color); - font-size: 120% -} - -.tooltip .tooltiptext{ - visibility: hidden; - width: 120px; - color: var(--title-color); - text-align: center; - border-radius: 6px; - padding: 5px 0; - position: absolute; - z-index: 1; - border:0px solid black; - bottom: 100%; - left: 50%; - margin-left: -60px; - background-color:#ff267665; - opacity: 0; - transition: opacity 1s; -} - -.tooltip:hover .tooltiptext{ - visibility: visible; - opacity: 1; -} - -.shh{ -text-decoration: none; -font-family: 'fira sans'; -font-size: 120%; -color: var(--title-color); -} - -.aboutme{ - margin-left: 13%; - font-family: 'fira sans'; - color: var(--text-color); - font-size: 120% -} - -.goimg{ - width: 50px; - height: 50px; - vertical-align: middle; - margin-left: 10%; -} - -@keyframes colorchange{ - 0% { - color: #16171a; - } - 10% { - color: #7f0622; - } - 20% { - color: #d62411; - } - 30% { - color: #ff8426; - } - 40% { - color: #ffd100; - } - 50% { - color: #fafdff; - } - 60% { - color: #ff80a4; - } - 70% { - color: #ff2674; - } - 80% { - color: #94216a; - } - 90% { - color: #234975; - } - 100% { - color: pink; - } - } - -.mebeinguseless{ - color: var(--title-color); - padding: 10px; - font-size: 15px; - font-weight: bold; - text-align: center; - font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; -} - -.runaway{ - color: var(--text-color); - padding: 10px; - font-size: 15px; - font-weight: bold; - text-align: center; - margin-left: 10%; - font-family: 'fira sans'; -} - -.cover{ - position: absolute; - left: 10.5%; - -} - -#a:hover + #b { - transform: translateX(40%); -} -#b{ - transform: translateX(0); - transition: transform 0 300ms linear - -} - - -.me{ - width: 50%; - margin-left: 25%; - transform: scale(0.75); - margin-bottom: -60px -} - -html{ - background-color: var(--background-color); -} - -.go{ - font-weight: 9000; - font-size: 120%; -} - - -.languages-wrapper{ - display: grid; - grid-template-columns: repeat(2, 1fr); - grid-template-rows: repeat(3, 1fr); -} - -.jsimg { - margin-left: 10%; -} - -@media only screen and (max-width: 900px) { - /* .data{ - margin-left: 0 - } */ - .javaimg{ - margin-left: 0; - } - .jsimg { - margin-left: 0; - } -} -.none{ - display: none; +@import url('https://fonts.googleapis.com/css2?family=Lora&display=swap'); +@import url('https://fonts.googleapis.com/css?family=Fira+Sans&display=swap'); +@import url('https://fonts.googleapis.com/css?family=Google+Sans&display=swap'); + +/* Declare color variables */ +:root{ + --title-color: #ff80a4; + --text-color: #ff2674; + --background-color: #202124; + --nav-background-color: #333; +} + +/* make the scrolling smooth */ +html, body{ + scroll-behavior: smooth; + overflow-x: hidden; +} + +.header{ + color: var(--background-color); + padding: 10px; + font-size: 40px; + font-weight: bold; + text-align: center; + font-family: 'google sans', serif; + animation: colorchange 7s infinite alternate; +} + +.java{ + vertical-align: middle; + font-size: 10px; +} + +.javaimg{ + margin-left: 20%; + width: 50px; + height: 50px; + vertical-align: middle; +} + +.rustimg{ + margin-left: 2.6%; + width: 50px; + height: 50px; + vertical-align: middle; +} + +.topnav{ + /* make the navbar follow the scroll */ + position: fixed; + top: 0; + left: 0; + margin: auto; + border: 1px solid var(--background-color); + box-shadow: 0px 0px 10px var(--background-color); + z-index: 1; + background-color: var(--nav-background-color); + overflow: hidden; + width: 100%; +} + +.downnav{ + /* make the navbar follow the scroll */ + position: fixed; + bottom: 0; + left: 0; + width: 100%; + margin: auto; + overflow: hidden; + border: 1px solid var(--background-color); + box-shadow: 0px 0px 6px var(--background-color); + z-index: 1; + background-color: var(--nav-background-color); +} + +.imsotired{ + margin-left: 1%; + font-family: 'fira sans', serif; + color: var(--title-color); +} + +.topnav a{ + user-select: none; + float: left; + color: #f2f2f2; + text-align: center; + padding: 14px 16px; + text-decoration: none; + font-family: "google sans"; + font-size: 15px; +} + +.topnav a:hover{ + background-color: #ddd; + color: black; +} + +.topnav a.active{ + background-color: var(--title-color); + color: white; +} + +.java{ + width: 5%; + font-family: 'fira sans', serif; + color: var(--title-color); + padding: 10px; + font-size: 40px; + font-weight: bold; + margin-left: 10%; + margin-top: 30px; +} + +.notjava{ + margin-left: 3%; + font-family: 'fira sans'; + color: var(--text-color); +} + +.data{ + font-family: 'fira sans', serif; + color: var(--title-color); + padding: 10px; + font-size: 40px; + font-weight: bold; + margin-left: 10%; + margin-top: 30px; +} + +.header span::before{ + pointer-events: all; + content: "does "; + color: #fff; + animation: colorchange 5s infinite alternate; +} + +.being{ + margin-left: 11%; + font-family: 'fira sans'; + color: var(--text-color); + font-size: 120% +} + + +.tooltip{ + position: relative; + display: inline-block; + margin-left: 13%; + font-family: 'fira sans'; + color: var(--text-color); + font-size: 120% +} + +.tooltip .tooltiptext{ + visibility: hidden; + width: 120px; + color: var(--title-color); + text-align: center; + border-radius: 6px; + padding: 5px 0; + position: absolute; + z-index: 1; + border:0px solid black; + bottom: 100%; + left: 50%; + margin-left: -60px; + background-color:#ff267665; + opacity: 0; + transition: opacity 1s; +} + +.tooltip:hover .tooltiptext{ + visibility: visible; + opacity: 1; +} + +.shh{ +text-decoration: none; +font-family: 'fira sans'; +font-size: 120%; +color: var(--title-color); +} + +.aboutme{ + margin-left: 13%; + font-family: 'fira sans'; + color: var(--text-color); + font-size: 120% +} + +.goimg{ + width: 50px; + height: 50px; + vertical-align: middle; + margin-left: 10%; +} + +@keyframes colorchange{ + 0% { + color: #16171a; + } + 10% { + color: #7f0622; + } + 20% { + color: #d62411; + } + 30% { + color: #ff8426; + } + 40% { + color: #ffd100; + } + 50% { + color: #fafdff; + } + 60% { + color: #ff80a4; + } + 70% { + color: #ff2674; + } + 80% { + color: #94216a; + } + 90% { + color: #234975; + } + 100% { + color: pink; + } + } + +.mebeinguseless{ + color: var(--title-color); + padding: 10px; + font-size: 15px; + font-weight: bold; + text-align: center; + font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; +} + +.runaway{ + color: var(--text-color); + padding: 10px; + font-size: 15px; + font-weight: bold; + text-align: center; + white-space: no-wrap; + font-family: 'fira sans'; +} + +.cover{ + position: absolute; + left: 10.5%; + +} + +#b { + width: fit-content; + margin-left: 10vw; +} + +.me{ + width: 50%; + margin-left: 25%; + transform: scale(0.75); + margin-bottom: -60px +} + +html{ + background-color: var(--background-color); +} + +.go{ + font-weight: 9000; + font-size: 120%; +} + + +.languages-wrapper{ + display: grid; + grid-template-columns: repeat(2, 1fr); + grid-template-rows: repeat(3, 1fr); +} + +.jsimg { + margin-left: 10%; +} + +@media only screen and (max-width: 900px) { + /* .data{ + margin-left: 0 + } */ + .javaimg{ + margin-left: 0; + } + .jsimg { + margin-left: 0; + } +} +.none{ + display: none; } \ No newline at end of file -- cgit