From f8eb6448a4d4f10dfa19bdf2c79691c0e9de55f3 Mon Sep 17 00:00:00 2001
From: oxi <74726611+oxi1224@users.noreply.github.com>
Date: Wed, 12 Oct 2022 21:31:12 +0300
Subject: change bad CSS + make text move
---
funny.js | 75 +++++++++++++++
index.html | 152 +++++++++++++++++++++++++++++++
styles.css | 304 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
3 files changed, 531 insertions(+)
create mode 100644 funny.js
create mode 100644 index.html
create mode 100644 styles.css
diff --git a/funny.js b/funny.js
new file mode 100644
index 0000000..5b43dcc
--- /dev/null
+++ b/funny.js
@@ -0,0 +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()
+ }
+ }
+
+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/index.html b/index.html
new file mode 100644
index 0000000..39085df
--- /dev/null
+++ b/index.html
@@ -0,0 +1,152 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
copy right something smething i forgor :skull:
+
+
+
+
+
+
+ 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)
+
+
+
+ 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/styles.css b/styles.css
new file mode 100644
index 0000000..d213064
--- /dev/null
+++ b/styles.css
@@ -0,0 +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;
+ 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