diff --git a/.htaccess b/.htaccess index 538a926..c55bfa1 100644 --- a/.htaccess +++ b/.htaccess @@ -1,3 +1,2 @@ RewriteRule .git 404.html -RewriteRule .idea 404.html -RewriteRule Alina 404.html + diff --git a/bla/index.html b/bla/index.html deleted file mode 100644 index e5ffb5f..0000000 --- a/bla/index.html +++ /dev/null @@ -1,92 +0,0 @@ - - - - - - Bla - Wobblers Seite - - - - - - - - -
- -
- -
-
-
-

Hier schreib ich irgendwas rein.

-
-
-
-
-
-
-
-
-

- 7.10.2023 - Macbook schrott -

-

- Falls sich jemand mit Apple auskennt, bitte durchlesen: -
- Ich hab ein Macbook Pro 8.2 mit Macos und Lubuntu drauf. -
- Der Bildschirm ist einfach schwarz geworden, als meine Schwester daran Videos geschaut hat. -
- Die Lüfter des Laptops drehten sich jedoch ruhig weiter. Wir wollten ihn rebooten, -
- aber er ließ sich nicht normal ausschalten. Wenn man den Laptop einschaltet, -
- kommt man zwar noch in das Menü, wo man das System auswählen kann, -
- aber egal welches der Systeme man bootet, der Bildschirm friert ein. -
- (Bei Lubuntu ist der Screen Grau und geht nach ner Weile aus und bei Macos ist der Screen weiß.) -
- Irgendwann ist dann das Touchpad gebrochen. Das lag daran, dass sich der Akku aufgebläht hat. -
- Weil ich kein Risiko eingehen wollte, habe ich das Macbook dann nach draussen gestellt. -
- Da hat es leider einmal rauf genieselt. Ein paar Tage später habe ich dann einen verbogenen Schlitzschraubendreher gefunden, -
- mit dessen Hilfe ich die fiesen Schrauben, die den Akku festhalten rausgedreht habe. -
- Ich habe den Laptop noch einmal getestet und der Niesel scheint den Schaden nicht noch schlimmer gemacht zu haben. -
- Per SSH komme ich übrigens nicht auf den Laptop drauf. Ich weiß aber auch nicht mehr, ob ich überhaupt SSH installiert hatte. -
- Von der Fritz!Box wird er allerdings erkannt. -
- Falls das hier jemand liest, der sich mit sowas auskennt, bitte schreib mir ne E-Mail. -

-

- Ich habe das Touchpad ausgebaut und jetzt läuft er wieder! Wahrscheinlich hatte der Akku es beschädigt. -
- Komischerweise funktioniert jetzt die Tastatur nicht mehr, aber im Grub funktioniert sie. -
- Ich vermute, das liegt daran, dass sich Tastatur und Touchpad denselben Chip teilen und der Grub nicht nach dem Touchpad fragt. -
- Ich werde mal ein neues Touchpad bestellen und gucken, ob es funktioniert. -

-
- -
- -
-
- - Startseite - Über mich - Downloads - Bla - -
- - - - \ No newline at end of file diff --git a/de.php b/de.php new file mode 100644 index 0000000..0dfb3ed --- /dev/null +++ b/de.php @@ -0,0 +1,145 @@ + + + + + + + + + Wobbelnde Seite + + + + + + + /* This CSS code is php generated. Hardcoding it would be a programming war crime. :3 */\n\n"; +echo generateCSSCode(completeScanDir("files")); +echo " "; +?> + + + + + + + + +
+ +
+ +

Seite von dem Wobbler

+
+

+ Hallo, ich bin der Wobbler, ein Teenager aus Deutschland. +
+ Ich kann ein wenig programmieren, am liebsten verwende ich Python. +
+ Ich habe aber auch ein wenig Erfahrung in den Sprachen Kotlin, JavaScript, PHP, Lua, Bash, GDScript und C. +
+ Die Designsprachen HTML und CSS benutze ich auch manchmal, wobei mich CSS meistens zum ausrasten bringt. +
+ Jedoch umgehe ich JavaScript, auch wenn ich dafür CSS verwenden muss. +
+ Diese Website besteht aus nur einer Zeile Javascript, der Rest sind HTML, CSS und PHP. +
+ Ich verwende kein Arch BTW, sondern Linux Mint. +
+ Im Sommer kann man mich immer auf dem Fedicamp finden. +
+ Ich bin ein großer Fan von dezentralen Netzwerken wie Mastodon und kann es kaum erwarten, +
+ dass Forgejo auch bald föderationsfähig seien wird. + +

+
+
+

Pojekte

+ + Wobuzz +

Ein einfacher Audio-Player, geschrieben in Python und PyQT.

+
+ + Bread Editor +

Ein Biteditor, den ich mit PyQt programmiert habe.

+
+ + Wobbl Sand +

Eine einfache aber schöne Sandsimulation.

+
+ + Wobbl's Screensaver +

+ Ein einfaches Programm, +
+ welches alle .svg-Dateien in einem Ordner bildschirmschonermäßig durch das Fenster fliegen lässt. +

+
+ + Wobbl Tools +

Ein Modul, das ich für viele meiner Projekte brauche.

+
+
+

Wenn ihr mal mit mir schreiben, zocken, mir helfen oder Projekten beitragen wollt:

+ E-Mail +
+ XMPP +
+ Git (Forgejo) +
+ GitLab +

+ (Ich bin nicht mehr aktiv auf GitLab, +
+ da wir unsere eigene Forgejo-Instanz haben + und Forgejo auch bald Fediverse kompatibel seien wird.) +

+
+ Mastodon +
+ Peertube +
+ Discord +
+
+
+
+

+ Hab hier nen kleinen Datenschrottplatz an Mist, +
+ den ich mal mit irgendwem teilen musste und deshalb hier auf den Server geladen hab. +
+ Evtl. könnt ihr hier etwas brauchbares finden. +

+
+ + + +
+
+
+
+ +
+
+ + Start + Projekte + Deutsch + Englisch + Sprachen: + +
+ +

Lass es wobbeln!

+ + + + + diff --git a/downloads.html b/downloads.html deleted file mode 100644 index 9ebb8bd..0000000 --- a/downloads.html +++ /dev/null @@ -1,52 +0,0 @@ - - - - - - - Downloads - - - - - - - - - - -
- -
- -

Downloads

-
-
- - - Pythonskripte - - - - Merge Box - - -
-
- -
- -
-
- - Startseite - Über mich - Downloads - Bla - -
- - - - - diff --git a/file_viewer.php b/file_viewer.php new file mode 100644 index 0000000..77dd38c --- /dev/null +++ b/file_viewer.php @@ -0,0 +1,89 @@ + $filename) { + if (is_array($filename)) { // $filename is either a filename or an array of filenames, if so, it represents a directory + $randomColor = "rgba(" . rand(0, 255) . ", " . rand(0, 255) . ", " . rand(0, 255); + + $useableName = str_replace("/", "_", $path); + echo " #input_$useableName:checked + .submenu_$useableName, + .submenu_$useableName:hover { + display: block; + background-color: $randomColor, 0.5); + } + + .label_$useableName { + background-color: $randomColor, 0.5); + }\n\n"; + + generateCSSCode($filename); + } + } + } + + function generateSubmenusHTML($directory, $indentation) { + foreach ($directory as $path => $filename) { + if ($filename !== "README.txt") { + $useableName = str_replace("/", "_", $path); // CSS classes cant contain slashes + + if (is_array($filename)) { + $pathFragments = explode("/", $path); // i wanted to just use end(explode("/", $path)) but PHP doesnt like it. + $folderName = end($pathFragments); + echo " $indentation + $indentation + $indentation + $indentation
\n"; + + } else { + if ($filename !== "README.txt") { + echo " $indentation$filename\n"; + } + } + } + } + } +?> \ No newline at end of file diff --git a/file_viewer_styles.css b/file_viewer_styles.css new file mode 100644 index 0000000..f399fee --- /dev/null +++ b/file_viewer_styles.css @@ -0,0 +1,33 @@ +.submenu { + display: none; + margin: 0px 0px 0px 16px; + padding: 0px 0px 16px 0px; + border: 2px solid rgba(255, 255, 255, 0.3); + border-radius: 0px 16px 16px 16px; + background-color: rgba(46, 46, 46, 0.5); + mix-blend-mode: color; + backdrop-filter: none; +} + +.submenu:target { + display: block; +} + +.file-link { + padding: 16px 16px 0px 16px; + display: block; +} + +.hacked-checkbox { + position: absolute; + left: -100vw; +} + +.hcb-label { + padding: 8px 16px; + margin: 16px 0px 0px 16px; + cursor: pointer; + border-radius: 16px 16px 0px 0px; + border: 2px solid rgba(255, 255, 255, 0.3); + display: inline-block; +} \ No newline at end of file diff --git a/index.html b/index.html deleted file mode 100644 index 9c3320e..0000000 --- a/index.html +++ /dev/null @@ -1,48 +0,0 @@ - - - - - - - Wobbelnde Seite - - - - - - - - - - - -
- -
- -

Seite von dem Wobbler

-

- Schreibt Verbesserungsvorschläge bitte an meine E-Mail: - emil@i21k.de - Copy! -
- oder schreibt sie in meinen - Discord-Server. -

- -
- -
-
- - Startseite - Über mich - Downloads - Bla - -
- - - - - diff --git a/index.php b/index.php new file mode 100644 index 0000000..f5f43ac --- /dev/null +++ b/index.php @@ -0,0 +1,138 @@ + + + + + + + + + Wobbly Website + + + + + + + /* This CSS code is php generated. Hardcoding it would be a programming war crime. :3 */\n\n"; +echo generateCSSCode(completeScanDir("files")); +echo " "; +?> + + + + + + + + +
+ +
+ +

The Wobbler's Website

+
+

+ Hi, I am The Wobbler, a teenager from germany. +
+ I can program a little bit, preferably with Python. +
+ But I also have some experience with the languages Kotlin, JavaScript, PHP, Lua, Bash, GDScript and C. +
+ I do also use the design-languages HTML and CSS sometimes, although CSS usually drives me crazy. +
+ However, I bypass JavaScript, even if i have to use CSS instead. +
+ BTW this Website only consists of a single line of JavaScript, the rest is HTML, CSS and PHP. +
+ I don't use Arch BTW, I use Linux Mint. +
+ In the summer, you can always find me on the Fedicamp. +
+ I am a big fan of decentralized networks and can't wait for Forgejo + to become capable of federation. +

+
+
+

Pojects

+ + Wobuzz +

A simple audio player written in Python and PyQt.

+
+ + Bread Editor +

A bit-editor, made with PyQt.

+
+ + Wobbl Sand +

A simple falling sand simulation written in Python.

+
+ + Wobbl's Screensaver +

+ A simple program that lets svg images from a specific folder hover through the window screensaver-like. +

+
+ + Wobbl Tools +

A Python module i need for some of my projects.

+
+
+

If you want to text me, game with me, help me or contribute to one of my Projects:

+ E-Mail +
+ XMPP +
+ Git (Forgejo) +
+ GitLab +

+ (I am no longer active on GitLab because we have our own + Forgejo-Instance + and Forgejo will be capable of federation soon.) +

+
+ Mastodon +
+ Peertube +
+ Discord +
+
+
+
+

+ Here I have a little data-junkyard of scrap I had to share with someone and therefore put it here., +
+ Maybe you can find something usable here. +

+
+ + + +
+
+
+
+ +
+
+ + Start + Projects + German + English + Languages: + +
+ +

Let it wobble!

+ + + + + diff --git a/merge-box/index.html b/merge-box/index.html index 48f6823..414ad65 100644 --- a/merge-box/index.html +++ b/merge-box/index.html @@ -8,7 +8,7 @@ - + @@ -19,10 +19,8 @@
- Startseite - über mich - Downloads - + Wobbelnde Seite + Merge Box

diff --git a/pythonscripts.html b/pythonscripts.html deleted file mode 100644 index 27262cd..0000000 --- a/pythonscripts.html +++ /dev/null @@ -1,57 +0,0 @@ - - - - - - Pythonskripte - - - - - - - - - -
- -
- -

- * PyBrow -

-

- - Ein Webbrowser mit Python programmiert. -
- Downloaded eine Version aber mit den Settings und Icon. -

-

- * Python Animation Test -

-

- - Ein kleiner Test einer Terminalanimation. -

-

- * EMatrix -

-

- - Eine kleine einfache Matrix. -
- Downloaded eine Version aber ab der 1.1 mit den Settings -

- -
- -
-
- - Startseite - Über mich - Downloads - Bla - -
- - - - diff --git a/set_background.php b/set_background.php index 7cae7c7..a447dca 100644 --- a/set_background.php +++ b/set_background.php @@ -2,7 +2,7 @@ function scanAllDir($dir) { $result = []; foreach(scandir($dir) as $filename) { - if ($filename[0] === '.') continue; + if ($filename[0] == '.') continue; $filePath = $dir . '/' . $filename; if (is_dir($filePath)) { foreach (scanAllDir($filePath) as $childFilename) { diff --git a/styles.css b/styles.css deleted file mode 100644 index 67c5e4e..0000000 --- a/styles.css +++ /dev/null @@ -1,181 +0,0 @@ -html:not([data-scroll='0']) .topnav { - position: fixed; -} - -p { - font-family: ubuntu, arial; - padding-left: 20px; - color: white; - font-size: 16px; - text-shadow: 0px 0px 16px rgb(0, 0, 0), 0px 0px 16px rgb(0, 0, 0), 0px 0px 16px rgb(0, 0, 0); -} - -a { - font-family: ubuntu, arial; - color: #5865f2; -} - -.background { - background-image: url(backgrounds/eknr1_and_lottilx.png); - background-repeat: no-repeat; - background-attachment: fixed; - background-size: cover; - min-height: 400px; -} - -.text-background { - background-color: rgba(51, 51, 51, 0.4); - padding: 10px; -} - -.topnav { - background-color: rgba(51, 51, 51, 0.863); - overflow: hidden; - width: 100%; - position: fixed; - top: 8px; -} - -.topnav-inactive { - font-family: ubuntu, arial; - float: left; - color: #f2f2f2; - text-align: center; - padding: 5px 16px; - text-decoration: none; - font-size: 17px; -} - -.topnav-inactive:hover { - background-color: #ddd; - color: black; -} - -.topnav-active { - font-family: ubuntu, arial; - background-color: #04AA6D; - color: white; - float: left; - padding: 5px 16px; - text-decoration: none; - font-size: 17px; -} - -.scriptsinactive:hover { - background-color: #ddd; - color: black; -} - -.topnav-placeholder { - height: 20px; -} - -.topnav-companion { - position: fixed; - top: 0px; - background-color: #2e2e2e; - height: 8px; - width: 100%; -} - -.big-text { - font-family: ubuntu, arial; - color: white; - font-size: 26px; -} - -.medium-text { - font-family: ubuntu, arial; -} - -.tiny-text { - font-family: ubuntu, arial; - color: white; - font-size: 10px; -} - -.center-text { - text-align: center; -} - -.fat-text { - font-weight: bold; -} - -.background-text { - background-color: rgba(51, 51, 51, 0.4); -} - -.inactive-text { - color: rgb(255, 255, 255, 0.5); - text-decoration: line-through; - transition: color 0.5s, text-decoration 0.5s; -} - -.inactive-text:hover { - color: white; - text-decoration: none; -} - -.normal-link { - font-family: ubuntu, arial; - color: #5865f2; -} - -.normal-link-button { - font-family: ubuntu, arial; - color: #f2f2f2; - background-color: rgba(51, 51, 51, 0.8); - padding: 5px 8px; - text-decoration: none; - font-size: 17px; - border-style: inset; - border-width: 4px; - border-color: rgba(51, 51, 204, 0.8) rgba(51, 51, 204, 0.8) rgba(153, 255, 102, 0.8) rgba(153, 255, 102, 0.8 ); -} - -.normal-link-button:hover { - background-color: rgba(240, 240, 240, 0.6); - cursor: pointer; -} - -.normal-emoji { - height: 16px; - width: 16px; - align: center; -} - -.pythonscripts { - background-color: rgba(51, 51, 51, 0.863); - width: 160px; - height: 32px; -} - -.merge_box { - font-family: ubuntu; - color: white; - font-size: 18px; - padding: 5px 16px; - background-color: rgba(51, 51, 51, 0.863); - position: relative; - left: 50%; -} - -.normal-list { - font-family: ubuntu; - color: white; - font-size: 18px; -} - -.program { - font-family: ubuntu; - color: white; - font-size: 18px; - padding: 5px 16px; - background-color: rgba(51, 51, 51, 0.863); - position: relative; -} - -.search-folder { - visibility: hidden; -} \ No newline at end of file diff --git a/styles.php b/styles.php index 97083b0..fb47d05 100644 --- a/styles.php +++ b/styles.php @@ -8,39 +8,72 @@ html:not([data-scroll='0']) .topnav { position: fixed; } +* { + font-family: ubuntu, arial; + font-size: 16px; + text-color: white; + text-shadow: 4px 4px 8px rgb(0, 0, 0), -4px 4px 8px rgb(0, 0, 0), -4px -4px 8px rgb(0, 0, 0), 4px -4px 8px rgb(0, 0, 0); +} + +body { + background-color: #2e2e2e; +} + p { font-family: ubuntu, arial; padding-left: 20px; color: white; font-size: 16px; - text-shadow: 0px 0px 16px rgb(0, 0, 0), 0px 0px 16px rgb(0, 0, 0), 0px 0px 16px rgb(0, 0, 0); + text-shadow: 4px 4px 8px rgb(0, 0, 0), -4px 4px 8px rgb(0, 0, 0), -4px -4px 8px rgb(0, 0, 0), 4px -4px 8px rgb(0, 0, 0); } a { font-family: ubuntu, arial; - color: rgb(100, 100, 200); + color: rgb(120, 120, 255); text-decoration: none; } +label { + font-family: ubuntu, arial; + font-size: 16px; + color: white; + text-shadow: 4px 4px 8px rgb(0, 0, 0), -4px 4px 8px rgb(0, 0, 0), -4px -4px 8px rgb(0, 0, 0), 4px -4px 8px rgb(0, 0, 0); +} + +hr { + margin: 0px 8px 16px 8px; + border: 1px solid rgba(255, 255, 255, 0.5); +} + .background { background-image: url(''); background-repeat: no-repeat; background-attachment: fixed; background-size: cover; - min-height: 400px; + border-radius: 16px; + padding: 16px; + margin: 0px; + position: fixed; + overflow: auto; + top: 16px; + right: 16px; + bottom: 16px; + left: 16px; } .text-background { - background-color: rgba(51, 51, 51, 0.4); + background-color: rgba(51, 51, 51, 0.2); padding: 10px; } .topnav { background-color: rgba(51, 51, 51, 0.863); overflow: hidden; - width: 100%; position: fixed; - top: 8px; + top: 16px; + left: 16px; + right: 16px; + border-radius: 16px 16px 0px 0px; } .topnav-inactive { @@ -50,6 +83,7 @@ a { text-align: center; padding: 5px 16px; text-decoration: none; + text-shadow: none; font-size: 17px; } @@ -66,6 +100,22 @@ a { padding: 5px 16px; text-decoration: none; font-size: 17px; + text-shadow: none; +} + +.topnav-text { + font-family: ubuntu, arial; + float: left; + color: #f2f2f2; + text-align: center; + padding: 5px 16px; + text-decoration: none; + text-shadow: none; + font-size: 17px; +} + +.align-right { + float: right; } .scriptsinactive:hover { @@ -88,7 +138,14 @@ a { .big-text { font-family: ubuntu, arial; color: white; - font-size: 26px; + font-size: 32px; +} + +.heading-text { + font-family: ubuntu, arial; + color: white; + font-size: 20px; + padding-left: 20px; } .medium-text { @@ -98,7 +155,7 @@ a { .tiny-text { font-family: ubuntu, arial; color: white; - font-size: 10px; + font-size: 14px; } .center-text { @@ -124,65 +181,174 @@ a { text-decoration: none; } -.normal-link { - font-family: ubuntu, arial; - color: #5865f2; -} - -.normal-link-button { - font-family: ubuntu, arial; - color: #f2f2f2; - background-color: rgba(51, 51, 51, 0.8); - padding: 5px 8px; - text-decoration: none; - font-size: 17px; - border-style: inset; - border-width: 4px; - border-color: rgba(51, 51, 204, 0.8) rgba(51, 51, 204, 0.8) rgba(153, 255, 102, 0.8) rgba(153, 255, 102, 0.8 ); -} - -.normal-link-button:hover { - background-color: rgba(240, 240, 240, 0.6); - cursor: pointer; -} - -.normal-emoji { - height: 16px; - width: 16px; - align: center; -} - -.pythonscripts { - background-color: rgba(51, 51, 51, 0.863); - width: 160px; - height: 32px; -} - -.merge_box { - font-family: ubuntu; - color: white; - font-size: 18px; - padding: 5px 16px; - background-color: rgba(51, 51, 51, 0.863); - position: relative; - left: 50%; -} - -.normal-list { - font-family: ubuntu; - color: white; - font-size: 18px; -} - -.program { - font-family: ubuntu; - color: white; - font-size: 18px; - padding: 5px 16px; - background-color: rgba(51, 51, 51, 0.863); - position: relative; +.inline-text { + display: inline-block; + margin: 0px; } .search-folder { visibility: hidden; +} + +.glass { + backdrop-filter: blur(16px); + border-radius: 16px; + margin: 32px 16px 64px; +} + +.glassint { + backdrop-filter: blur(8px); + border-radius: 16px; + margin: 32px 16px 64px; + animation-name: glassdiff; + animation-duration: 0.3s; +} + +.glassint:hover { + backdrop-filter: blur(2px); + border-radius: 16px; + animation-name: glassclear; + animation-duration: 0.3s; +} + +@keyframes glassdiff { + 0% { + backdrop-filter: blur(2px); + } + 100% { + backdrop-filter: blur(8px); + } +} + +@keyframes glassclear { + 0% { + backdrop-filter: blur(8px); + } + 100% { + backdrop-filter: blur(2px); + } +} + +.inset { + box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.2) inset, + -4px -4px 4px rgba(255, 255, 255, 0.2) inset; + border: 1px solid rgba(255, 255, 255, 0.2); +} + +.inout { + box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.2) inset, + -4px -4px 4px rgba(255, 255, 255, 0.2) inset; + border: 1px solid rgba(255, 255, 255, 0.2); + animation-name: pushins; + animation-duration: 0.3s; +} + +.inout:hover { + box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.2), + -4px -4px 4px rgba(255, 255, 255, 0.2); + animation-name: pullins; + animation-duration: 0.3s; +} + +@keyframes pushins { + 0% { + box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.2), + -4px -4px 4px rgba(255, 255, 255, 0.2); + } + 50% { + box-shadow: 6px 6px 6px rgba(0, 0, 0, 0), + -4px -4px 4px rgba(255, 255, 255, 0); + } + 51% { + box-shadow: 6px 6px 6px rgba(0, 0, 0, 0) inset, + -4px -4px 4px rgba(255, 255, 255, 0) inset; + } + 100% { + box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.2) inset, + -4px -4px 4px rgba(255, 255, 255, 0.2) inset; + } +} + +@keyframes pullins { + 0% { + box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.2) inset, + -4px -4px 4px rgba(255, 255, 255, 0.2) inset; + } + 50% { + box-shadow: 6px 6px 6px rgba(0, 0, 0, 0) inset, + -4px -4px 4px rgba(255, 255, 255, 0) inset; + } + 51% { + box-shadow: 6px 6px 6px rgba(0, 0, 0, 0), + -4px -4px 4px rgba(255, 255, 255, 0); + } + 100% { + box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.2), + -4px -4px 4px rgba(255, 255, 255, 0.2); + } +} + +.ascii-art { + color: white; + background-color: rgba(51, 51, 51, 0.2); +} + +.button { + border: 2px solid rgba(255, 255, 255, 0.5); + border-radius: 16px; + margin: 4px 8px 4px 16px; + padding: 8px; + font-size: 16px; + text-align: center; + font-weight: bold; + display: inline-block; +} + +::-webkit-scrollbar { + width: 16px; +} + +::-webkit-scrollbar-track { + box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.2) inset, + -4px -4px 4px rgba(255, 255, 255, 0.2) inset; + border: 1px solid rgba(255, 255, 255, 0.2); + border-radius: 0px 16px 16px 0px; +} + +::-webkit-scrollbar-thumb { + backdrop-filter: blur(16px); + border-radius: 0px 16px 16px 0px; + background-color: rgba(4, 170, 109, 0.4); +} + +.hacked-checkbox { + position: absolute; + left: -100vw; +} + +.hcb-label { + padding: 8px 16px; + margin: 16px 0px 0px 16px; + cursor: pointer; + border-radius: 16px 16px 0px 0px; + border: 2px solid rgba(255, 255, 255, 0.3); + display: inline-block; +} + +@keyframes wobbl-animation { + 0% {transform: skew(-10deg, -10deg);} + 25% {transform: skew(-10deg, 10deg);} + 50% {transform: skew(10deg, 10deg);} + 75% {transform: skew(10deg, -10deg);} + 100% {transform: skew(-10deg, -10deg);} +} + +.hover-wobble { + bottom: 16px; + right: 32px; + position: fixed; +} + +body:has(.hover-wobble:hover) .background { + animation: wobbl-animation 0.5s infinite; } \ No newline at end of file diff --git a/ueber-mich.html b/ueber-mich.html deleted file mode 100644 index cb9a1f4..0000000 --- a/ueber-mich.html +++ /dev/null @@ -1,113 +0,0 @@ - - - - - - Über mich - - - - - - - - -
- -
- -

Über mich

- -

- Spiele, wenn ich grad Bock hab mal ein Spiel aus der Liste da unten. -
- Sonst programmier ich was mit Python oder schau YouTube. Hab da auch n Paar Videos hochgeladen. -
- Ich finde CSS und JavaScript total eklig, weshalb ich meistens zu faul bin, meine Website zu updaten. -
- Trotzdem kann ich gerne netten Leuten eine kleine Website basteln, falls diese sich gar nicht damit auskennen. -
- Hab mit Scratch angefangen, zu programmieren. Bin sogar mal auf die Startseite gekommen. -
- Jetzt mach ich auf Scratch nichts mehr. -
- Wenn du auch programmieren möchtest, -
- empfehle ich dir mit - UPBGE - oder einfach gleich mit - Python - anzufangen. -
- Denn Scratch ist lahm und der Umstieg von Scratch auf eine richtige Programmiersprache -
- kann einem ordentlich das Gehirn verknoten. -
- Ich hab auch einen Raspberry Pi, auf dem ein Minecraft-Server, Terraria-Server und ein Discordbot läuft. -
- Leider hat der keine Domain und die IP ändert sich täglich. -
- Man kann aber auch einfach meinen Discord-Bot nach der IP fragen. -
- Dazu gibt man einfach - "!server ip" - in den Spam-Kanal meines Discord-Servers ein und der Bot antwortet mit der IP. -
- Ich bin übrigens grad 14 Jahre alt. -

-
- -

Programmiersprachen:

-

- - Python -
- - Kotlin -
- - Scratch -

-

Spiele die ich spiele:

- -

- - Minecraft -
- - Minetest -
- - Terraria -
- - Factorio -
- - Minetest -
- - Robocraft -
- - SuperTuxKart -
- - SuperTux 2 -
- - Skillwarz -

-
- - - - -
- - - - -
- -
-
- - Startseite - Über mich - Downloads - Bla - -
- - - -