diff --git a/.htaccess b/.htaccess index c55bfa1..538a926 100644 --- a/.htaccess +++ b/.htaccess @@ -1,2 +1,3 @@ RewriteRule .git 404.html - +RewriteRule .idea 404.html +RewriteRule Alina 404.html diff --git a/bla/index.html b/bla/index.html new file mode 100644 index 0000000..e5ffb5f --- /dev/null +++ b/bla/index.html @@ -0,0 +1,92 @@ + + + + + + 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 deleted file mode 100644 index 0dfb3ed..0000000 --- a/de.php +++ /dev/null @@ -1,145 +0,0 @@ - - - - - - - - - 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 new file mode 100644 index 0000000..9ebb8bd --- /dev/null +++ b/downloads.html @@ -0,0 +1,52 @@ + + + + + + + Downloads + + + + + + + + + + +
+ +
+ +

Downloads

+
+
+ + + Pythonskripte + + + + Merge Box + + +
+
+ +
+ +
+
+ + Startseite + Über mich + Downloads + Bla + +
+ + + + + diff --git a/file_viewer.php b/file_viewer.php deleted file mode 100644 index 77dd38c..0000000 --- a/file_viewer.php +++ /dev/null @@ -1,89 +0,0 @@ - $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 deleted file mode 100644 index f399fee..0000000 --- a/file_viewer_styles.css +++ /dev/null @@ -1,33 +0,0 @@ -.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 new file mode 100644 index 0000000..9c3320e --- /dev/null +++ b/index.html @@ -0,0 +1,48 @@ + + + + + + + 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 deleted file mode 100644 index f5f43ac..0000000 --- a/index.php +++ /dev/null @@ -1,138 +0,0 @@ - - - - - - - - - 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 414ad65..48f6823 100644 --- a/merge-box/index.html +++ b/merge-box/index.html @@ -8,7 +8,7 @@ - + @@ -19,8 +19,10 @@
- Wobbelnde Seite - Merge Box + Startseite + über mich + Downloads +

diff --git a/pythonscripts.html b/pythonscripts.html new file mode 100644 index 0000000..27262cd --- /dev/null +++ b/pythonscripts.html @@ -0,0 +1,57 @@ + + + + + + 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 a447dca..7cae7c7 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 new file mode 100644 index 0000000..67c5e4e --- /dev/null +++ b/styles.css @@ -0,0 +1,181 @@ +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 fb47d05..97083b0 100644 --- a/styles.php +++ b/styles.php @@ -8,72 +8,39 @@ 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: 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); + 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: rgb(120, 120, 255); + color: rgb(100, 100, 200); 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; - border-radius: 16px; - padding: 16px; - margin: 0px; - position: fixed; - overflow: auto; - top: 16px; - right: 16px; - bottom: 16px; - left: 16px; + min-height: 400px; } .text-background { - background-color: rgba(51, 51, 51, 0.2); + 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: 16px; - left: 16px; - right: 16px; - border-radius: 16px 16px 0px 0px; + top: 8px; } .topnav-inactive { @@ -83,7 +50,6 @@ hr { text-align: center; padding: 5px 16px; text-decoration: none; - text-shadow: none; font-size: 17px; } @@ -100,22 +66,6 @@ hr { 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 { @@ -138,14 +88,7 @@ hr { .big-text { font-family: ubuntu, arial; color: white; - font-size: 32px; -} - -.heading-text { - font-family: ubuntu, arial; - color: white; - font-size: 20px; - padding-left: 20px; + font-size: 26px; } .medium-text { @@ -155,7 +98,7 @@ hr { .tiny-text { font-family: ubuntu, arial; color: white; - font-size: 14px; + font-size: 10px; } .center-text { @@ -181,174 +124,65 @@ hr { text-decoration: none; } -.inline-text { - display: inline-block; - margin: 0px; +.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; -} - -.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 new file mode 100644 index 0000000..cb9a1f4 --- /dev/null +++ b/ueber-mich.html @@ -0,0 +1,113 @@ + + + + + + Ü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 + +
+ + + +