From f0254d23f8343481900cb2fb913fa61942bc1270 Mon Sep 17 00:00:00 2001 From: EKNr1 Date: Sat, 5 Oct 2024 18:43:06 +0200 Subject: [PATCH 01/35] File folders dont need to be gittet, so they dont need to be in this repo. --- .htaccess | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) 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 + From 39fdd8c95c1acc3fff81bd29232cffd89a7d35ef Mon Sep 17 00:00:00 2001 From: EKNr1 Date: Mon, 21 Oct 2024 13:18:46 +0200 Subject: [PATCH 02/35] Added some design features. --- styles.php | 16 +++++++++++++++- 1 file changed, 15 insertions(+), 1 deletion(-) diff --git a/styles.php b/styles.php index 97083b0..a1bd693 100644 --- a/styles.php +++ b/styles.php @@ -28,10 +28,11 @@ a { background-attachment: fixed; background-size: cover; min-height: 400px; + border-radius: 16px; } .text-background { - background-color: rgba(51, 51, 51, 0.4); + background-color: rgba(51, 51, 51, 0.2); padding: 10px; } @@ -41,6 +42,7 @@ a { width: 100%; position: fixed; top: 8px; + border-radius: 16px 0px; } .topnav-inactive { @@ -185,4 +187,16 @@ a { .search-folder { visibility: hidden; +} + +.glass { + backdrop-filter: blur(4px); + border-radius: 16px; + margin: 8px; +} + +.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); } \ No newline at end of file From fe4f2e7960125a7a72e8541854663080d128b025 Mon Sep 17 00:00:00 2001 From: EKNr1 Date: Mon, 21 Oct 2024 13:22:12 +0200 Subject: [PATCH 03/35] Just reformulated something. --- index.html | 29 ++++++++++++++++++----------- 1 file changed, 18 insertions(+), 11 deletions(-) diff --git a/index.html b/index.html index 9c3320e..f050874 100644 --- a/index.html +++ b/index.html @@ -5,7 +5,7 @@ Wobbelnde Seite - + @@ -21,21 +21,28 @@

Seite von dem Wobbler

-

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

- +
+

+ Hallo, ich bin der Wobbler. +
+ Ich kann ein wenig programmieren, am liebsten verwende ich Python. +
+ Ich verwende manchmal aber auch Kotlin, JavaScript, PHP, Lua, Bash, GDScript oder 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. +
+ Ich verwende kein Arch btw. sondern Linux Mint. + +

+
- Startseite + Start Über mich Downloads Bla From be3ac1551622c259215a4e15ddab25f7236b424e Mon Sep 17 00:00:00 2001 From: EKNr1 Date: Mon, 21 Oct 2024 13:27:06 +0200 Subject: [PATCH 04/35] I dont need these anymore. --- bla/index.html | 92 ---------------------------------------------- downloads.html | 52 -------------------------- pythonscripts.html | 57 ---------------------------- 3 files changed, 201 deletions(-) delete mode 100644 bla/index.html delete mode 100644 downloads.html delete mode 100644 pythonscripts.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/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/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 - -
- - - - From 75ca060d86e51d6b366585dfbfb76a27b788d287 Mon Sep 17 00:00:00 2001 From: EKNr1 Date: Mon, 21 Oct 2024 13:35:39 +0200 Subject: [PATCH 05/35] And that is also just junk. --- ueber-mich.html | 113 ------------------------------------------------ 1 file changed, 113 deletions(-) delete mode 100644 ueber-mich.html 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 -

-
- - - - -
- - - - -
- -
- - - - - From 05f8fb27501f92a5961be8f1f240e9ed7c3c7b20 Mon Sep 17 00:00:00 2001 From: EKNr1 Date: Mon, 21 Oct 2024 13:39:00 +0200 Subject: [PATCH 06/35] Removed some unnecessary style classes. --- styles.php | 59 ------------------------------------------------------ 1 file changed, 59 deletions(-) diff --git a/styles.php b/styles.php index a1bd693..53cc60a 100644 --- a/styles.php +++ b/styles.php @@ -126,65 +126,6 @@ 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; -} - .search-folder { visibility: hidden; } From b464a05884c749620ae72ff72f6c892a439d1858 Mon Sep 17 00:00:00 2001 From: EKNr1 Date: Tue, 22 Oct 2024 15:35:45 +0200 Subject: [PATCH 07/35] Made some fancy styles. --- index.php | 81 ++++++++++++++++++++++++++++++++++++++++++++++++++++ styles.php | 83 ++++++++++++++++++++++++++++++++++++++++++++++++++++-- 2 files changed, 162 insertions(+), 2 deletions(-) create mode 100644 index.php diff --git a/index.php b/index.php new file mode 100644 index 0000000..c10f086 --- /dev/null +++ b/index.php @@ -0,0 +1,81 @@ + + + + + + + Wobbelnde Seite + + + + + + + + + + + +
+ +
+ +

Seite von dem Wobbler

+
+

+ Hallo, ich bin der Wobbler. +
+ Ich kann ein wenig programmieren, am liebsten verwende ich Python. +
+ Ich verwende manchmal aber auch Kotlin, JavaScript, PHP, Lua, Bash, GDScript oder 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. +
+ Ich verwende kein Arch btw. sondern Linux Mint. + +

+
+
+

+ Hier könnt ihr mich erreichen: +
+
+ Email: emil@i21k.de +

+
+
+

+ Merge Box wurde ursprünglich von einem Typ benutzernamens "Debiankaios" auf Scratch entwickelt. +
+ Damals fand ich das Spiel ganz gut und habs in Python nachprogrammiert. +
+ Da wusste ich noch nicht, dass der Entwickler das spiel schon in Lua nachgeschrieben hat. +
+ Jedenfalls war das das erste Spiel, das ich in Python geschrieben habe, +
+ daher ist es äußerst unperformant, was vermutlich an den tausenden Einzügen im Code liegt. +
+ Heutzutage würde mein Code deutlich sauberer aussehen und ich bin froh, +
+ dass ich für die Verbrechen, die in dem Code des Spiels stecken, nicht gerecht bestraft wurde. +
+ Trotzdem kann man es spielen und ihr könnt es hier downloaden, wenn ihr wollt. + Download +

+
+
+ +
+
+ + Start + Merge Box + +
+ + + + + diff --git a/styles.php b/styles.php index 53cc60a..d01c5d0 100644 --- a/styles.php +++ b/styles.php @@ -27,7 +27,7 @@ a { background-repeat: no-repeat; background-attachment: fixed; background-size: cover; - min-height: 400px; + min-height: 800px; border-radius: 16px; } @@ -133,11 +133,90 @@ a { .glass { backdrop-filter: blur(4px); border-radius: 16px; - margin: 8px; + margin: 32px 16px 64px; + animation-name: glassdiff; + animation-duration: 0.3s; +} + +.glass:hover { + backdrop-filter: blur(0px); + border-radius: 16px; + animation-name: glassclear; + animation-duration: 0.3s; +} + +@keyframes glassdiff { + 0% { + backdrop-filter: blur(0px); + } + 100% { + backdrop-filter: blur(4px); + } +} + +@keyframes glassclear { + 0% { + backdrop-filter: blur(4px); + } + 100% { + backdrop-filter: blur(0px); + } } .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); + animation-name: pushins; + animation-duration: 0.3s; +} + +.inset: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); } \ No newline at end of file From 7176ac2a951aa61fa4371bd5abb6d60b75eaf512 Mon Sep 17 00:00:00 2001 From: EKNr1 Date: Tue, 22 Oct 2024 15:37:28 +0200 Subject: [PATCH 08/35] That wasnt neccessary. --- index.html | 34 ++++++++++++++++++++++++++++++---- 1 file changed, 30 insertions(+), 4 deletions(-) diff --git a/index.html b/index.html index f050874..c10f086 100644 --- a/index.html +++ b/index.html @@ -19,7 +19,7 @@
- +

Seite von dem Wobbler

@@ -37,15 +37,41 @@

+
+

+ Hier könnt ihr mich erreichen: +
+
+ Email: emil@i21k.de +

+
+
+

+ Merge Box wurde ursprünglich von einem Typ benutzernamens "Debiankaios" auf Scratch entwickelt. +
+ Damals fand ich das Spiel ganz gut und habs in Python nachprogrammiert. +
+ Da wusste ich noch nicht, dass der Entwickler das spiel schon in Lua nachgeschrieben hat. +
+ Jedenfalls war das das erste Spiel, das ich in Python geschrieben habe, +
+ daher ist es äußerst unperformant, was vermutlich an den tausenden Einzügen im Code liegt. +
+ Heutzutage würde mein Code deutlich sauberer aussehen und ich bin froh, +
+ dass ich für die Verbrechen, die in dem Code des Spiels stecken, nicht gerecht bestraft wurde. +
+ Trotzdem kann man es spielen und ihr könnt es hier downloaden, wenn ihr wollt. + Download +

+
Start - Über mich - Downloads - Bla + Merge Box
From 999bb95de1e5222ca48fab069c485b6f54185f16 Mon Sep 17 00:00:00 2001 From: EKNr1 Date: Tue, 22 Oct 2024 15:44:48 +0200 Subject: [PATCH 09/35] Improved the design. --- styles.php | 22 +++++++++++++++++----- 1 file changed, 17 insertions(+), 5 deletions(-) diff --git a/styles.php b/styles.php index d01c5d0..91e499f 100644 --- a/styles.php +++ b/styles.php @@ -134,12 +134,18 @@ a { backdrop-filter: blur(4px); border-radius: 16px; margin: 32px 16px 64px; +} + +.glassint { + backdrop-filter: blur(4px); + border-radius: 16px; + margin: 32px 16px 64px; animation-name: glassdiff; animation-duration: 0.3s; } -.glass:hover { - backdrop-filter: blur(0px); +.glassint:hover { + backdrop-filter: blur(2px); border-radius: 16px; animation-name: glassclear; animation-duration: 0.3s; @@ -147,7 +153,7 @@ a { @keyframes glassdiff { 0% { - backdrop-filter: blur(0px); + backdrop-filter: blur(2px); } 100% { backdrop-filter: blur(4px); @@ -159,7 +165,7 @@ a { backdrop-filter: blur(4px); } 100% { - backdrop-filter: blur(0px); + backdrop-filter: blur(2px); } } @@ -167,11 +173,17 @@ a { 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; } -.inset:hover { +.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; From 52d22e09eeba37d2a8e7b3dd70def858d6d2a959 Mon Sep 17 00:00:00 2001 From: EKNr1 Date: Tue, 22 Oct 2024 16:36:30 +0200 Subject: [PATCH 10/35] Ready improving! --- index.html | 33 +++++++++++++++++++++++++++++---- merge-box/index.html | 8 +++----- styles.php | 20 +++++++++++++++----- 3 files changed, 47 insertions(+), 14 deletions(-) diff --git a/index.html b/index.html index c10f086..6cb9fb4 100644 --- a/index.html +++ b/index.html @@ -38,11 +38,31 @@

-

- Hier könnt ihr mich erreichen: +

+ Wenn ihr mal mit mir schreiben, zocken, mir helfen oder Projekten beitragen wollt: +
+
+
+ E-Mail +
+
+
+ Git (Forgejo) +
+
+
+ Mastodon +
+
+
+ Peertube +
+
+
+ Discord +


- Email: emil@i21k.de

@@ -62,7 +82,12 @@ dass ich für die Verbrechen, die in dem Code des Spiels stecken, nicht gerecht bestraft wurde.
Trotzdem kann man es spielen und ihr könnt es hier downloaden, wenn ihr wollt. - Download +
+
+
+ Download +
+

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/styles.php b/styles.php index 91e499f..72ef95c 100644 --- a/styles.php +++ b/styles.php @@ -27,8 +27,8 @@ a { background-repeat: no-repeat; background-attachment: fixed; background-size: cover; - min-height: 800px; border-radius: 16px; + padding: 10px; } .text-background { @@ -131,13 +131,13 @@ a { } .glass { - backdrop-filter: blur(4px); + backdrop-filter: blur(8px); border-radius: 16px; margin: 32px 16px 64px; } .glassint { - backdrop-filter: blur(4px); + backdrop-filter: blur(8px); border-radius: 16px; margin: 32px 16px 64px; animation-name: glassdiff; @@ -156,13 +156,13 @@ a { backdrop-filter: blur(2px); } 100% { - backdrop-filter: blur(4px); + backdrop-filter: blur(8px); } } @keyframes glassclear { 0% { - backdrop-filter: blur(4px); + backdrop-filter: blur(8px); } 100% { backdrop-filter: blur(2px); @@ -231,4 +231,14 @@ a { .ascii-art { color: white; background-color: rgba(51, 51, 51, 0.2); +} + +.button { + border: 4px solid rgba(255, 255, 255, 0.5); + border-radius: 16px; + margin: 0px 16px 16px 16px; + padding: 8px; + font-size: 16px; + text-align: center; + font-weight: bold; } \ No newline at end of file From f94ecb3a59523bc7fb66fa1dcb3fd3885e51cc14 Mon Sep 17 00:00:00 2001 From: EKNr1 Date: Tue, 22 Oct 2024 16:59:47 +0200 Subject: [PATCH 11/35] Small design improvement --- styles.php | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles.php b/styles.php index 72ef95c..5e24267 100644 --- a/styles.php +++ b/styles.php @@ -234,7 +234,7 @@ a { } .button { - border: 4px solid rgba(255, 255, 255, 0.5); + border: 2px solid rgba(255, 255, 255, 0.5); border-radius: 16px; margin: 0px 16px 16px 16px; padding: 8px; From d21e99b7159533919dfd8f82503fca0e2d1bec78 Mon Sep 17 00:00:00 2001 From: EKNr1 Date: Tue, 22 Oct 2024 17:00:27 +0200 Subject: [PATCH 12/35] We dont need that anymore. --- index.php | 81 ------------------------------------------------------- 1 file changed, 81 deletions(-) delete mode 100644 index.php diff --git a/index.php b/index.php deleted file mode 100644 index c10f086..0000000 --- a/index.php +++ /dev/null @@ -1,81 +0,0 @@ - - - - - - - Wobbelnde Seite - - - - - - - - - - - -
- -
- -

Seite von dem Wobbler

-
-

- Hallo, ich bin der Wobbler. -
- Ich kann ein wenig programmieren, am liebsten verwende ich Python. -
- Ich verwende manchmal aber auch Kotlin, JavaScript, PHP, Lua, Bash, GDScript oder 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. -
- Ich verwende kein Arch btw. sondern Linux Mint. - -

-
-
-

- Hier könnt ihr mich erreichen: -
-
- Email: emil@i21k.de -

-
-
-

- Merge Box wurde ursprünglich von einem Typ benutzernamens "Debiankaios" auf Scratch entwickelt. -
- Damals fand ich das Spiel ganz gut und habs in Python nachprogrammiert. -
- Da wusste ich noch nicht, dass der Entwickler das spiel schon in Lua nachgeschrieben hat. -
- Jedenfalls war das das erste Spiel, das ich in Python geschrieben habe, -
- daher ist es äußerst unperformant, was vermutlich an den tausenden Einzügen im Code liegt. -
- Heutzutage würde mein Code deutlich sauberer aussehen und ich bin froh, -
- dass ich für die Verbrechen, die in dem Code des Spiels stecken, nicht gerecht bestraft wurde. -
- Trotzdem kann man es spielen und ihr könnt es hier downloaden, wenn ihr wollt. - Download -

-
-
- -
-
- - Start - Merge Box - -
- - - - - From 1272b6fabefdd49709a074c5d1f519f6539a7ad0 Mon Sep 17 00:00:00 2001 From: EKNr1 Date: Wed, 23 Oct 2024 15:57:25 +0200 Subject: [PATCH 13/35] Added text about old Pybang game and refactored a little. --- index.html | 74 ++++++++++++++++++++++++++++++++---------------------- 1 file changed, 44 insertions(+), 30 deletions(-) diff --git a/index.html b/index.html index 6cb9fb4..66b365f 100644 --- a/index.html +++ b/index.html @@ -38,32 +38,35 @@

-

- Wenn ihr mal mit mir schreiben, zocken, mir helfen oder Projekten beitragen wollt: -
-
-
- E-Mail -
-
-
- Git (Forgejo) -
-
-
- Mastodon -
-
-
- Peertube -
-
-
- Discord -
-
+

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

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

+ Ich bin nicht mehr aktiv auf GitLab,
+ da Forgejo viel besser ist und auch bald Fediverse kompatibel seien wird.

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

@@ -82,13 +85,24 @@ dass ich für die Verbrechen, die in dem Code des Spiels stecken, nicht gerecht bestraft wurde.
Trotzdem kann man es spielen und ihr könnt es hier downloaden, wenn ihr wollt. -
-
-
- Download -
-

+
+ Download +
+
+
+
+
+

+ Ein weiteres Projekt war "PyBang". +
+ Ich wollte dem Spiel noch mehrere Modi hinzufügen, doch es blieb nur ein vier-gewinnt-Spiel. +

+
+ PyBang +
+
+
From 875a83e245ca3d557f4385522ccc5f98dfd38bb7 Mon Sep 17 00:00:00 2001 From: EKNr1 Date: Wed, 23 Oct 2024 16:04:13 +0200 Subject: [PATCH 14/35] Added XMPP address. --- index.html | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/index.html b/index.html index 66b365f..57ae9b2 100644 --- a/index.html +++ b/index.html @@ -44,6 +44,10 @@


+ XMPP +
+
+
Git (Forgejo)

From 26fe255e5995c86339629598a45c8c9ea1d4b8d8 Mon Sep 17 00:00:00 2001 From: EKNr1 Date: Fri, 25 Oct 2024 16:44:47 +0200 Subject: [PATCH 15/35] Deleted old styles.css, dont need that. --- styles.css | 181 ----------------------------------------------------- 1 file changed, 181 deletions(-) delete mode 100644 styles.css 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 From 108cb3617aaac474ff7d1ccc753419c38a98ee64 Mon Sep 17 00:00:00 2001 From: EKNr1 Date: Fri, 25 Oct 2024 18:03:01 +0200 Subject: [PATCH 16/35] Made some style changes. --- index.html | 4 ++-- styles.php | 18 ++++++++++++++++++ 2 files changed, 20 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index 57ae9b2..928e1c9 100644 --- a/index.html +++ b/index.html @@ -14,12 +14,12 @@ - +
- +

Seite von dem Wobbler

diff --git a/styles.php b/styles.php index 5e24267..60dca7c 100644 --- a/styles.php +++ b/styles.php @@ -8,6 +8,17 @@ html:not([data-scroll='0']) .topnav { position: fixed; } +* { + font-family: ubuntu, arial; + font-size: 16px; + text-color: white; + text-shadow: 0px 0px 16px rgb(0, 0, 0), 0px 0px 16px rgb(0, 0, 0), 0px 0px 16px rgb(0, 0, 0); +} + +body { + background-color: #2e2e2e +} + p { font-family: ubuntu, arial; padding-left: 20px; @@ -22,6 +33,13 @@ a { text-decoration: none; } +label { + font-family: ubuntu, arial; + font-size: 16px; + color: white; + text-shadow: 0px 0px 16px rgb(0, 0, 0), 0px 0px 16px rgb(0, 0, 0), 0px 0px 16px rgb(0, 0, 0); +} + .background { background-image: url(''); background-repeat: no-repeat; From 28b091a9fdd1237c7c144dfcaa5cdb4e768fe18d Mon Sep 17 00:00:00 2001 From: EKNr1 Date: Fri, 25 Oct 2024 23:00:53 +0200 Subject: [PATCH 17/35] Created a file viewer and integrated it into the website. --- file_viewer.php | 50 +++++++++++++++++++++++++++++++++++++++++ file_viewer_styles.css | 22 ++++++++++++++++++ index.html => index.php | 24 ++++++++++++++++++++ 3 files changed, 96 insertions(+) create mode 100644 file_viewer.php create mode 100644 file_viewer_styles.css rename index.html => index.php (86%) diff --git a/file_viewer.php b/file_viewer.php new file mode 100644 index 0000000..ea9e8a9 --- /dev/null +++ b/file_viewer.php @@ -0,0 +1,50 @@ + $filename) { + if (is_array($filename)) { // $filename is either a filename or an array of filenames, if so, it represents a directory + $useableName = str_replace("/", "_", $path); + echo "#input_$useableName:checked + .submenu_$useableName, + .submenu_$useableName:hover { + display: block; + }\n"; + + generateCSSCode($filename); + } + } + } + + function generateSubmenusHTML($directory, $indentation) { + foreach ($directory as $path => $filename) { + $useableName = str_replace("/", "_", $path); // CSS classes cant contain slashes + + if (is_array($filename)) { + $folderName = end(explode("/", $path)); + echo " $indentation + $indentation + $indentation

\n"; + generateSubmenusHTML($filename, "$indentation "); + echo " $indentation
+ $indentation
\n"; + } else { + echo " $indentation$filename\n"; + } + echo " $indentation
\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..dd63e95 --- /dev/null +++ b/file_viewer_styles.css @@ -0,0 +1,22 @@ +.submenu { + display: none; + margin: 8px 0px 0px; + padding: 16px 0px 0px 16px; +} + +.file-link { + padding: 0px 16px 0px 16px; + display: block; +} + +.hacked-checkbox { + position: absolute; + left: -100vw; +} + +.hcb-label { + padding: 8px 16px; + margin: 16px; + cursor: pointer; + border-radius: 16px 16px 0px 0px; +} \ No newline at end of file diff --git a/index.html b/index.php similarity index 86% rename from index.html rename to index.php index 928e1c9..2310508 100644 --- a/index.html +++ b/index.php @@ -1,3 +1,9 @@ + + @@ -8,6 +14,14 @@ + + + + /* This CSS code is php generated. Hardcoding it would be a programming war crime. :3 */\n\n "; +echo generateCSSCode(completeScanDir("files")); +echo " "; +?> @@ -108,6 +122,16 @@

+
+

+ Hab hier nen kleinen Datenschrottplatz an Mist, +
+ den ich mal mit irgendwem teilen musste und ich deshalb hier auf den Server geladen hab. +

+ + + +
From 9e61f81983f82b405932073cf520d294c48e9f97 Mon Sep 17 00:00:00 2001 From: EKNr1 Date: Fri, 25 Oct 2024 23:07:24 +0200 Subject: [PATCH 18/35] Improved the files description. --- index.php | 2 ++ 1 file changed, 2 insertions(+) diff --git a/index.php b/index.php index 2310508..24417e1 100644 --- a/index.php +++ b/index.php @@ -127,6 +127,8 @@ echo " "; Hab hier nen kleinen Datenschrottplatz an Mist,
den ich mal mit irgendwem teilen musste und ich deshalb hier auf den Server geladen hab. +
+ Evtl. könnt ihr hier etwas brauchbares finden.

From 9bd82d0334171b0ed41ef6c2f889f78870dc3103 Mon Sep 17 00:00:00 2001 From: EKNr1 Date: Fri, 25 Oct 2024 23:24:56 +0200 Subject: [PATCH 19/35] Improved text shadows. --- styles.php | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/styles.php b/styles.php index 60dca7c..854a07d 100644 --- a/styles.php +++ b/styles.php @@ -12,7 +12,7 @@ html:not([data-scroll='0']) .topnav { font-family: ubuntu, arial; font-size: 16px; text-color: white; - 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: 0px 0px 32px rgb(0, 0, 0), 0px 0px 32px rgb(0, 0, 0), 0px 0px 32px rgb(0, 0, 0); } body { @@ -24,12 +24,12 @@ p { 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; } From 1fe010c4f9c54f1c1e9b7af926fbe6e3e4431816 Mon Sep 17 00:00:00 2001 From: EKNr1 Date: Fri, 25 Oct 2024 23:32:11 +0200 Subject: [PATCH 20/35] Improved text shadows a bit more. --- styles.php | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/styles.php b/styles.php index 854a07d..ec9d0fa 100644 --- a/styles.php +++ b/styles.php @@ -12,7 +12,7 @@ html:not([data-scroll='0']) .topnav { font-family: ubuntu, arial; font-size: 16px; text-color: white; - text-shadow: 0px 0px 32px rgb(0, 0, 0), 0px 0px 32px rgb(0, 0, 0), 0px 0px 32px 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); } body { @@ -37,7 +37,7 @@ label { font-family: ubuntu, arial; font-size: 16px; color: white; - 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); } .background { From 2a16bb8c8d7d239caf3a34ae262f132fafa3396d Mon Sep 17 00:00:00 2001 From: EKNr1 Date: Fri, 25 Oct 2024 23:45:09 +0200 Subject: [PATCH 21/35] Little style improvement again. --- file_viewer_styles.css | 1 + 1 file changed, 1 insertion(+) diff --git a/file_viewer_styles.css b/file_viewer_styles.css index dd63e95..303fc52 100644 --- a/file_viewer_styles.css +++ b/file_viewer_styles.css @@ -19,4 +19,5 @@ margin: 16px; cursor: pointer; border-radius: 16px 16px 0px 0px; + border: 2px solid rgba(255, 255, 255, 0.3); } \ No newline at end of file From 220109d1a826236cd535e9c097b032fc37363e26 Mon Sep 17 00:00:00 2001 From: EKNr1 Date: Sat, 26 Oct 2024 13:41:17 +0200 Subject: [PATCH 22/35] Added function to read description and made some style changes. --- file_viewer.php | 23 +++++++++++++++++++++-- file_viewer_styles.css | 2 ++ index.php | 15 +++++++++------ styles.php | 12 ++++++++++++ 4 files changed, 44 insertions(+), 8 deletions(-) diff --git a/file_viewer.php b/file_viewer.php index ea9e8a9..4a2692c 100644 --- a/file_viewer.php +++ b/file_viewer.php @@ -18,10 +18,13 @@ function generateCSSCode($directory) { foreach ($directory as $path => $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.1); }\n"; generateCSSCode($filename); @@ -35,14 +38,30 @@ if (is_array($filename)) { $folderName = end(explode("/", $path)); - echo " $indentation + echo " $indentation $indentation $indentation
\n"; + + if (file_exists("$path/README.txt")) { // show description text if there is a README.txt + echo " $indentation

Beschreibung:

\n"; + + $readmeFile = fopen("$path/README.txt", "r"); + $readmeContent = fread($readmeFile, filesize("$path/README.txt")); + echo " $indentation
+$readmeContent
+        $indentation
+ $indentation
\n"; + fclose($readmeFile); + } + generateSubmenusHTML($filename, "$indentation "); echo " $indentation
$indentation
\n"; + } else { - echo " $indentation$filename\n"; + if ($filename !== "README.txt") { + echo " $indentation$filename\n"; + } } echo " $indentation
\n"; } diff --git a/file_viewer_styles.css b/file_viewer_styles.css index 303fc52..ad9d581 100644 --- a/file_viewer_styles.css +++ b/file_viewer_styles.css @@ -2,6 +2,8 @@ display: none; margin: 8px 0px 0px; padding: 16px 0px 0px 16px; + border: 2px solid rgba(255, 255, 255, 0.3); + background-color: rgba(46, 46, 46, 0.5) } .file-link { diff --git a/index.php b/index.php index 24417e1..079f985 100644 --- a/index.php +++ b/index.php @@ -123,16 +123,19 @@ echo " ";
-

- Hab hier nen kleinen Datenschrottplatz an Mist, +

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

+

- den ich mal mit irgendwem teilen musste und ich deshalb hier auf den Server geladen hab. -
- Evtl. könnt ihr hier etwas brauchbares finden. -

+
diff --git a/styles.php b/styles.php index ec9d0fa..70f8212 100644 --- a/styles.php +++ b/styles.php @@ -40,6 +40,11 @@ label { 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 16px 0px 0px; + border: 1px solid rgba(255, 255, 255, 0.5); +} + .background { background-image: url(''); background-repeat: no-repeat; @@ -111,6 +116,13 @@ label { font-size: 26px; } +.heading-text { + font-family: ubuntu, arial; + color: white; + font-size: 20px; + padding-left: 20px; +} + .medium-text { font-family: ubuntu, arial; } From 1bf6ac14e4c51aadbae2c678043246d6e1d6f80f Mon Sep 17 00:00:00 2001 From: EKNr1 Date: Sat, 26 Oct 2024 13:49:53 +0200 Subject: [PATCH 23/35] Made a little style change again. --- file_viewer.php | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/file_viewer.php b/file_viewer.php index 4a2692c..c8ba9a5 100644 --- a/file_viewer.php +++ b/file_viewer.php @@ -24,7 +24,7 @@ echo "#input_$useableName:checked + .submenu_$useableName, .submenu_$useableName:hover { display: block; - background-color: $randomColor, 0.1); + background-color: $randomColor, 0.2); }\n"; generateCSSCode($filename); From 89f9b43f57215c7538dcd4b31233871a75b6105d Mon Sep 17 00:00:00 2001 From: EKNr1 Date: Sat, 26 Oct 2024 14:22:45 +0200 Subject: [PATCH 24/35] And made some small style changes again. --- file_viewer.php | 6 +++--- file_viewer_styles.css | 4 ++++ index.php | 2 +- 3 files changed, 8 insertions(+), 4 deletions(-) diff --git a/file_viewer.php b/file_viewer.php index c8ba9a5..64d2bf7 100644 --- a/file_viewer.php +++ b/file_viewer.php @@ -21,11 +21,11 @@ $randomColor = "rgba(" . rand(0, 255) . ", " . rand(0, 255) . ", " . rand(0, 255); $useableName = str_replace("/", "_", $path); - echo "#input_$useableName:checked + .submenu_$useableName, + echo " #input_$useableName:checked + .submenu_$useableName, .submenu_$useableName:hover { display: block; background-color: $randomColor, 0.2); - }\n"; + }\n\n"; generateCSSCode($filename); } @@ -40,7 +40,7 @@ $folderName = end(explode("/", $path)); echo " $indentation $indentation - $indentation
\n"; + $indentation