diff options
Diffstat (limited to 'static')
| -rw-r--r-- | static/dontasktoask/index.css | 23 | ||||
| -rw-r--r-- | static/dontasktoask/index.html | 23 | ||||
| -rw-r--r-- | static/fuckrust/index.html | 3 | ||||
| -rw-r--r-- | static/index.html | 153 | ||||
| -rw-r--r-- | static/myhumor/index.css | 45 | ||||
| -rw-r--r-- | static/myhumor/index.html | 28 | ||||
| -rw-r--r-- | static/myshit/font/index.html | 22 | ||||
| -rw-r--r-- | static/myshit/index.css | 66 | ||||
| -rw-r--r-- | static/myshit/index.html | 61 | ||||
| -rw-r--r-- | static/opinion/index.html | 31 | ||||
| -rw-r--r-- | static/stfu/index.html | 31 | ||||
| -rw-r--r-- | static/stfu1/index.html | 31 | ||||
| -rw-r--r-- | static/styles.css | 299 |
13 files changed, 816 insertions, 0 deletions
diff --git a/static/dontasktoask/index.css b/static/dontasktoask/index.css new file mode 100644 index 0000000..30fd036 --- /dev/null +++ b/static/dontasktoask/index.css @@ -0,0 +1,23 @@ +@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap'); +html{ +background-color: #36393f; +} +.img{ + margin-left: -0.5%; + width: 40%; + height: auto; +} +h1{ + font-family: 'Roboto', cursive; + font-weight: 900; + color: #ffffff; +} +.text{ + /* put text to the right of the image */ + margin-left: 40%; + margin-top: -30%; + /*make the text centered*/ + text-align: center; + + +} diff --git a/static/dontasktoask/index.html b/static/dontasktoask/index.html new file mode 100644 index 0000000..b7bd10e --- /dev/null +++ b/static/dontasktoask/index.html @@ -0,0 +1,23 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta content="dont ask to ask" property="og:title" /> + <meta content="seriously, dont do it" property="og:description" /> + <meta content="https://exhq.github.io/dontasktoask" property="og:url" /> + <meta content="https://cdn.discordapp.com/attachments/917977729322872853/982962439937224774/bad.png" property="og:image" /> + <meta charset="UTF-8"> + <link rel="stylesheet" href="index.css"> + <meta http-equiv="X-UA-Compatible" content="IE=edge"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Dont Ask To Ask</title> +</head> +<body> + <h1 class="header"> dont ask to ask</h1> + <div class="test"> + <img class="img" src="https://cdn.discordapp.com/attachments/917977729322872853/982952359724482580/unknown.png?size=4096" alt="fuck you"> + <h1 class="text"> its annoying, it makes everyone mad, just dont do it</h1> + </div> + + +</body> +</html> diff --git a/static/fuckrust/index.html b/static/fuckrust/index.html new file mode 100644 index 0000000..5845c29 --- /dev/null +++ b/static/fuckrust/index.html @@ -0,0 +1,3 @@ +<meta content="shut the fuck up" property="og:title" /> +<meta content="Fuck you. You useless piece of shit. You absolute waste of space and air. You uneducated, ignorant, idiotic dumb swine, you’re an absolute embarrassment to humanity and all life as a whole. The magnitude of your failure just now is so indescribably massive that one hundred years into the future your name will be used as moniker of evil for heretics. Even if all of humanity put together their collective intelligence there is no conceivable way they could have thought up a way to fuck up on the unimaginable scale you just did. When Jesus died for our sins, he must not have seen the sacrilegious act we just witnessed you performing, because if he did he would have forsaken humanity long ago so that your birth may have never become reality. After you die, your skeleton will be displayed in a museum after being scientifically researched so that all future generations may learn not to generate your bone structure, because every tiny detail anyone may have in common with you degrades them to a useless piece of trash and a burden to society. No wonder your father questioned whether or not your were truly his son, for you'd have to not be a waste of carbon matter for anyone to love you like a family member. Your birth made it so that mankind is worse of in every way you can possibly imagine, and you have made it so that society can never really recover into a state of organization. Everything has forever fallen into a bewildering chaos, through which unrecognizable core, you can only find misfortune. I would say the apocalypse is upon us but this is merely the closest word humans have for the sheer scale of horror that is now reality. You have forever condemned everyone you love and know into an eternal state of suffering, worse than any human concept of hell. You are such an unholy being, that if you step within a one hundred foot radius of a holy place or a place that has ever been deemed important by anyone, your distorted sac religious soul will ruin whatever meaning it ever had beyond repair. You are an idiotic, shiteating, dumbass ape and no one has ever loved you. Rhodes Island would have been better off if you'd never joined us. You are a lying, backstabbing, cowardly useless piece of shit and I hate you with every single part of my being. Even this worlds finest writers and poets from throughout the ages could never hope to accurately describe the scale on which you just fucked up, and how incredibly idiotic you are. Anyone that believes in any religion out there should now realize that they have been wrong this entire time, for if divine beings were real, they would never have allowed a being such as you to stain the earth and this universe. In the future there will be horror stories made about you, with the scariest part of them being that the reader has to realize that such an indescribable monster actually exists, and that the horrific events from the movie have actually taken place in the same world that they live in right now. You are the absolute embodiment of everything that has ever been wrong on this earth, yet you manage to make it so that that is only a small part of the evil that is your being. Never in the history of mankind has there been anyone that could have predicted such an eldrich abomination, but here you are. It’s hard to believe that I am seeing such an incredible failure with my own eyes, but here I am, so unfortunately I cannot deny your existence. Even if I did my very best, my vocabulary is not able to describe the sheer magnitude of the idiotic mistake that is you. Even if time travel some day will be invented, there still would not be a single soul willing to go back in time to before this moment to fix history, because having to witness such incredible horrors if they failed would have to many mental and physical drawbacks that not even the bravest soul in history would be willing to risk it. I cannot imagine the pure dread your mother must have felt when she had to carry a baby for nine months and then giving birth to such a wretched monster as you. Not a single word of the incoherent, illogical rambling you may be wanting to do to defend yourself or apologize would ever be able to make up for what you just did. The countries of the world would have wanted to make laws preventing such a terrible event like this from ever happening again, but sadly this is not possible since your horrific actions just now have shattered every form of order this world once had, making concepts such as laws irrelevant. Right from the moment I first set my eyes on you I knew you were an absolute abomination of everything that is wrong with humanity. I was hoping I would have been able to prevent your evil from being released upon this world by tagging along and keeping my eye on you, but it is clear to me now that not even the greatest efforts would have been able to prevent a terrible event in this scale from occurring. You are the worst human being, or even just being in general, that I have ever had the misfortune of witnessing. Events like the infected plague apparently only happened with the goal of teaching humanity to survive such a horrible event as the one you just created, but not even mankind’s greatest trials were able to even slightly prepare anyone for the insufferable evil you have just created. If you ever had them, your children would be preemptively killed to protect this universe from the possibility of anyone in your bloodline being even half as bad as you are, except you will never be able to have children, because not a single human being will ever want to come within a hundred mile radius of you and anything you have ever touched. You are a colossal disappointment not only to your parents, but to your ancestors and entire bloodline. The disgusting mistake that you have just made is so incredibly terrible that everyone who would ever be to hear about it would spontaneously feel an indescribable mixture of immense anger, fear and anxiety that emotionally and physically they would never truly be the same ever again. The sheer scale of your mistake, if ever to be materialized, would not only surpass the size of the world, but it would reach far beyond the edges of the known, and almost certainly the unknown universe. I could sit here and write paragraphs, nay, books describing your immense failure, yet even if I were to dedicate my life to describing the reality of what has just gone down here, and I would spend every moment of it until my heart stops beating working as hard and efficiently as possible, yet there is not even a snowballs chance in hell that I would be able to come close to transcribing the absolute shitshow you have just released upon the world. You are an irresponsible, idiotic, disgusting, unloved, horrible excuse for a living being who’s soul contains less humanity than every ginger in history combined. The absolute disgust I feel when thinking about anything that has even a slight resemblance to anything that might have to do with you and your unholy actions is so incredibly great that when I am honest about it I think that even I do not posses a consciousness great enough to comprehend my own feelings about it. When people of Columbia fought to break free from Lungmen, countless soldiers fought and lost their lives in favor of a chance at a better future for their children, they did not give their lives to have you fuck the world up beyond repair to the degree that you are doing right now. Honestly, even when technology advances and studies on the subject become more and more accurate, I do not think humanity will ever truly be able to understand what your failure actually means for the universe. My hate for you and everything you stand for is so much deeper than the depths of Shambala that you could probably take the entire Lungmen population down there and back up around twenty million times before you would have sunk to the end of my hate, and honestly, I do not want to exaggerate, but I think that that insult was low balling it such a massive amount that all mountains in this world combined would not be able to stack up to this imprecise judgement in light of the fact that when being honest, my hate is almost certainly bottomless. There is no one in this world that has ever loved you, and especially after what you just did, no one will ever love you in the future either. There is no hope that your idiotic behavior and especially your crooked soul will ever change for the better, and in fact quite the opposite might be true. By making the mistake that you just did, you have shown me that you are so incredibly hopeless that you will only devolve into a more idiotic and wretched creature than you already are. The only possible way in which your future would be brighter than the black hole your existence currently is would exclusively be because there is absolutely no conceivable way that you would even be able to sink lower than the pathetic place your current failure has put you in." property="og:description" /> +fuck rust diff --git a/static/index.html b/static/index.html new file mode 100644 index 0000000..0683f1e --- /dev/null +++ b/static/index.html @@ -0,0 +1,153 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <link rel="stylesheet" href="styles.css" /> + <meta charset="UTF-8" /> + <meta http-equiv="X-UA-Compatible" content="IE=edge" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + <title>exhq shitposts</title> + <meta content="best website (real)" property="og:title" /> + <meta content="echo's shitty website" property="og:description" /> + <meta content="https://exhq.github.io" property="og:url" /> + <meta + content="https://cdn.discordapp.com/attachments/832652653292027904/967009610907144223/Untitled.png" + property="og:image" + /> + <meta content="#43B581" data-react-helmet="true" name="theme-color" /> + </head> + <body> + <div class="topnav"> + <a class="active" href="#home">Home</a> + <a href="#ticd">Things i <u>cant</u> do </a> + <a href="#contact">Contact me / About me</a> + </div> + + <div class="downnav"> + <h3 class="imsotired">copy right something smething i forgor :skull:</h3> + </div> + <div id="home"></div> + <br /> + <br /> + <h1 class="header"> + have you ever wanted a "developer"<br /> + that <span class="empty"></span> nothing other than standing around being + useless? + </h1> + <img + class="me" + src="https://cdn.discordapp.com/attachments/917977729322872853/967004653147553802/me.png" + alt="me" + /> + <h2 class="mebeinguseless">a picture of me being useless</h2> + <h1 class="data">i <u>CANNOT</u> program:</h1> + + <div class="languages-wrapper"> + <div> + <img + class="javaimg" + src="https://cdn.discordapp.com/attachments/917977729322872853/973143267677978634/clang.png" + alt="" + /> + <span class="notjava">its 2022, at least use c++</span> + </div> + <div> + <img + class="javaimg" + src="https://cdn.discordapp.com/attachments/832652653292027904/973146727689379860/clang.png" + alt="" + style="margin-left: 0;" + /> + <span class="notjava">its 2022, at least use java</span> + </div> + <div> + <img + class="javaimg" + src="https://cdn.discordapp.com/attachments/917977729322872853/967023902939283456/go.png" + alt="" + /> + <span class="notjava">you should<b class="go"> go </b>get some bitches</span> + </div> + <div> + <img + class="javaimg" + src="https://cdn.discordapp.com/attachments/917977729322872853/967023935713607751/R.png" + alt="" + /> + <span class="notjava">this is not centered and idk how to fix it</span> + </div> + <div> + <img + class="javaimg" + src="https://cdn.discordapp.com/attachments/917977729322872853/967009849680486410/ruby.png" + alt="" + /> + <span class="notjava">who the fuck unironically uses ruby?</span> + </div> + <div> + <img + class="rustimg" + src="https://cdn.discordapp.com/attachments/917977729322872853/967024017812897883/rust.png" + alt="" + style="margin-left: 0;" + /> + <span class="notjava">:sOmEOneSAIdRUst: shut the fuck up ÅĠěŜŋżųŹ¢¶Ěá</span> + </div> + <div style="grid-column: span 2;"> + <img + class="javaimg jsimg" + src="https://cdn.discordapp.com/attachments/918571703137894421/999223367750127616/Unofficial_JavaScript_logo_2.svg.png" + alt="" + /> + <span class="notjava">([][[]]+[])[+!+[]]+(!![]+[][(![]+[])[+[]]+(![]+[])[!+[]+!+[]]+(![]+[])[+!+[]]+(!![]+[])[+[]]])[+!+[]+[+[]]]</span> + </div> + </div> + + <div id="about"></div> + <br /> + <h1 class="data" id="ticd">i <u>CANNOT</u> be:</h1> + <span class="being">⋅useful</span> + <br /> + <span class="being">⋅productive</span> + <br /> + <span class="being">⋅fun</span> + <br /> + <span class="being">⋅smart</span> + <br /> + <span class="being">⋅creative</span> + <br /> + <span class="being" + >⋅ < Dot Operator, Unicode number: U+22C5, Unicode version: 1.1 + (1993)</span + > + <br /> + <br /> + <h1 class="data" id="contact"> + contact me<a class="shh" href="https://pastebin.com/uuqnLybA">:</a> + </h1> + <div id="a"> + <img + class="cover" + src="https://cdn.discordapp.com/attachments/917977729322872853/967060708695085136/itworks.png" + alt="" + /> + </div> + <div id="b"><span class="runaway">click here for contacts</span></div> + <br /> + <br /> + <h1 class="data">about me:</h1> + <p class="aboutme">bored 18 yo who makes shitty stuff</p> + <div class="tooltip"> + (hover for exact age) + <span class="tooltiptext">2004, 06th aug</span> + </div> + <p class="aboutme"> + i wuv u so so so so so so so much oxi og <3 muah <br /> + i have had multiple sexual intercourses with your mother, she's hot <br /> + i'm also a big fan of + <a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ"> avengers </a> + </p> + <br /> + <br /> + <br /> + </body> +</html> diff --git a/static/myhumor/index.css b/static/myhumor/index.css new file mode 100644 index 0000000..f43a7f8 --- /dev/null +++ b/static/myhumor/index.css @@ -0,0 +1,45 @@ +@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'); + +:root{ + --title-color: #ff80a4; + --text-color: #ff2674; + --background-color: #202124; + --nav-background-color: #333; +} +h2{ + text-align: center; + color: var(--title-color); + font-family: 'fira sans', serif; +} + +.headeridfk{ + text-align: center; + color: var(--title-color); + font-family: 'fira sans', serif; +} + +html, body{ + scroll-behavior: smooth; + background-color: var(--background-color); +} + +p{ + font-family: 'google sans'; + color: var(--text-color); + font-size: larger; +} + +.fuckingcentered{ + margin: 0 auto; + margin-top: 150%; + margin-left: 3%; + margin-right: 3%; + +} + +b{ + color: #ffd100; + font-size: larger; +} diff --git a/static/myhumor/index.html b/static/myhumor/index.html new file mode 100644 index 0000000..ed20ccb --- /dev/null +++ b/static/myhumor/index.html @@ -0,0 +1,28 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta content="explanation" property="og:title" /> + <meta content="really sensitive stuff about me" property="og:description" /> + <meta content="https://exhq.github.io/myhumor" property="og:url" /> + <meta charset="UTF-8"> + <meta http-equiv="X-UA-Compatible" content="IE=edge"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>explanation</title> + <link rel="stylesheet" href="index.css"> +</head> +<body> + <h1 class="headeridfk">TW: suicidal thoughts, self harm </h1> + <h2>if you're ok with that, scroll down</h2> + <div class="fuckingcentered"> <p> + it might shock you to know, that i am actually not doing ok mentally /hj <br> + because of my *interesting* behaviour/humor, im constantly being gatekept/harassed into leaving communities that i really want to be part of. <br> + that has led me into having suicidal thoughts, constantly hurting myself, and having close to 0 self confidence. <br> + before you ask, yes. i am getting help, after my HRT request, im being monitored by multiple doctors, i am on antidepressants and im seeing multiple therapists <br> + my way of handling with all of this is humor, hiding my depressed side with horrible jokes, which really arent funny, but its just my way of dealing with all of the things that are happening to me, which brings me to my point: <b>almost everything i do/say is sarcastic/ironic unless i state it otherwise. do not take most of my words seriously. i did not mean to offend anyone, i love you <3.</b> + please dont act harshly with me, that really doesnt help my current state. i know its a lot to ask for, but i really dont have any ideas what to do + + + + </p> </div> +</body> +</html> diff --git a/static/myshit/font/index.html b/static/myshit/font/index.html new file mode 100644 index 0000000..51d3de1 --- /dev/null +++ b/static/myshit/font/index.html @@ -0,0 +1,22 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <style> + video{ + width: 70%; + height: auto; + } + </style> + <meta property="og:type" content="video.other"> + <meta property="og:video:url" content="https://cdn.discordapp.com/attachments/917977729322872853/986609440495116358/toe_eyed_cabbage.mp4"> + <meta charset="UTF-8"> + <meta http-equiv="X-UA-Compatible" content="IE=edge"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>fuck you</title> +</head> +<body> + <video controls autoplay> + <source src="https://cdn.discordapp.com/attachments/917977729322872853/986609440495116358/toe_eyed_cabbage.mp4" type="video/mp4"> + </video> +</body> +</html> diff --git a/static/myshit/index.css b/static/myshit/index.css new file mode 100644 index 0000000..8089392 --- /dev/null +++ b/static/myshit/index.css @@ -0,0 +1,66 @@ +@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'); +/* Color variables */ +:root{ + --background-color: #202124; + --text-color: #ff80a4; + --link-color: #94216a; +} + +html, body{ + scroll-behavior: smooth; + background-color: var(--background-color); +} + +.header{ + font-family: 'fira sans', serif; + color: var(--text-color); + text-align: center; +} + +.notheader{ + font-family: 'fira sans', serif; + color: var(--text-color); + text-align: center; + font-size: small; +} + +.center{ + margin: auto; + width: 60%; + padding: 10px; + text-align: center; +} + +b{ + font-size: 140%; + color: #7f0622; +} + +h3{ + margin-top: 0%; + font-family: 'fira sans', serif; + color: var(--text-color); + /*text-align: center;*/ + font-size: small; +} + +.desktop{ + width: 100%; + height: auto; +} + +.font{ + color: #10d275; + font-size: xx-large; + text-decoration: none; + font-family: 'google sans'; +} + +.link{ + color: var(--link-color); + text-decoration: none; + font-family: 'google sans'; + font-size: larger; +}
\ No newline at end of file diff --git a/static/myshit/index.html b/static/myshit/index.html new file mode 100644 index 0000000..270b503 --- /dev/null +++ b/static/myshit/index.html @@ -0,0 +1,61 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta content="heres my shit" property="og:title" /> + <meta content="stop asking for fuck's sake" property="og:description" /> + <meta content="https://exhq.github.io/myshit" property="og:url" /> + <meta content="https://cdn.discordapp.com/attachments/917977729322872853/986613945055989800/kannafu.png" property="og:image" /> + <meta charset="UTF-8"> + <meta http-equiv="X-UA-Compatible" content="IE=edge"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>my shit</title> + <link rel="stylesheet" href="index.css"> +</head> +<body> + <h1 class="header">my shit</h1> + <h2 class="notheader">everything i use is here, including <b>FONT</b>, background, scripts, etc</h2> + + +<div class="center"> + <h3>my current setup:</h2> + <img class="desktop" src="https://cdn.discordapp.com/attachments/917977729322872853/986582682618183700/unknown.png?size=4096" alt="its my motherfucking desktop, you mf with yo slow ass internet"> + <img class="desktop" src="https://cdn.discordapp.com/attachments/917977729322872853/986589302517547008/unknown.png?size=4096" alt="its my motherfucking desktop, you mf with yo slow ass internet"> + <br> + <br> + <br> + <br> + <br> + <!-- open the file "among.html" in the same folder--> + + <a class="font" href="https://exhq.github.io/myshit/font/">if you just want the font, click here</a> + <br> + <br> + <br> + <br> + <br> + <a class="link" href="https://cdn.discordapp.com/attachments/917977729322872853/986591695728685076/kitty.conf"> kitty config </a> + <br> + <br> + <a class="link" href="https://cdn.discordapp.com/attachments/917977729322872853/986591695544139826/colors.conf"> kitty config (colors) </a> + <br> + <br> + <a class="link" href="https://marketplace.visualstudio.com/items?itemName=ftsamoyed.theme-pink-cat-boo">vsc theme</a> + <br> + <br> + <a class="link" href="https://github.com/adi1090x/polybar-themes">polybar theme: blocks</a> + <br> + <br> + <a class="link" href="https://cdn.discordapp.com/attachments/917977729322872853/986594242606559242/weebshit1.jpg">background</a> + <br> + <br> + <a class="link" href="https://cdn.discordapp.com/attachments/917977729322872853/986594601961939034/config.conf">picom config</a> + <br> + <br> + <a class="link" href="https://cdn.discordapp.com/attachments/917977729322872853/986596434084257812/configPB">i3 config</a> +</div> + + + + +</body> +</html> diff --git a/static/opinion/index.html b/static/opinion/index.html new file mode 100644 index 0000000..54d3d39 --- /dev/null +++ b/static/opinion/index.html @@ -0,0 +1,31 @@ +<!DOCTYPE html> +<html> + <head> + <style> + html{ + background-color: #2a2b2f; + color: #fff; +} +video{ + position: absolute; + width: 50%; + left: 0px; + top: 0px; + +} +img{ + width: 90%; + height: 90%; +} + </style> + <meta property="og:type" content="video.other"> + <meta property="og:video:url" content="https://cdn.discordapp.com/attachments/918571622049411133/1008279167676190780/nice_opinion.mp4"> + </head> + <body> + <img src="https://cdn.discordapp.com/attachments/917977729322872853/970639692322209792/sdfsdfsdfsdf.png" alt=""> + <video controls autoplay> + + <source src="https://cdn.discordapp.com/attachments/918571622049411133/1008279167676190780/nice_opinion.mp4" type="video/mp4"> +</video> + </body> +</html> diff --git a/static/stfu/index.html b/static/stfu/index.html new file mode 100644 index 0000000..f57211f --- /dev/null +++ b/static/stfu/index.html @@ -0,0 +1,31 @@ +<!DOCTYPE html> +<html> + <head> + <style> + html{ + background-color: #2a2b2f; + color: #fff; +} +video{ + position: absolute; + width: 50%; + left: 0px; + top: 0px; + +} +img{ + width: 90%; + height: 90%; +} + </style> + <meta property="og:type" content="video.other"> + <meta property="og:video:url" content="https://cdn.discordapp.com/attachments/917977729322872853/970393085722886184/stfu.mp4"> + </head> + <body> + <img src="https://cdn.discordapp.com/attachments/917977729322872853/970639692322209792/sdfsdfsdfsdf.png" alt=""> + <video controls autoplay> + + <source src="https://cdn.discordapp.com/attachments/917977729322872853/970393085722886184/stfu.mp4" type="video/mp4"> +</video> + </body> +</html> diff --git a/static/stfu1/index.html b/static/stfu1/index.html new file mode 100644 index 0000000..10ceac9 --- /dev/null +++ b/static/stfu1/index.html @@ -0,0 +1,31 @@ +<!DOCTYPE html> +<html> + <head> + <style> + html{ + background-color: #2a2b2f; + color: #fff; +} +video{ + position: absolute; + width: 50%; + left: 0px; + top: 0px; + +} +img{ + width: 90%; + height: 90%; +} + </style> + <meta property="og:type" content="video.other"> + <meta property="og:video:url" content="https://cdn.discordapp.com/attachments/917977729322872853/984794750869733396/stfu2.mp4"> + </head> + <body> + <img src="https://cdn.discordapp.com/attachments/917977729322872853/970639692322209792/sdfsdfsdfsdf.png" alt=""> + <video controls autoplay> + + <source src="https://cdn.discordapp.com/attachments/917977729322872853/984794750869733396/stfu2.mp4" type="video/mp4"> +</video> + </body> +</html> diff --git a/static/styles.css b/static/styles.css new file mode 100644 index 0000000..98c1c93 --- /dev/null +++ b/static/styles.css @@ -0,0 +1,299 @@ +@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; +} + +.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{ + 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 { + margin-left: 20%; +} + + +.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; + } +} |