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.
+
+
+
+
+
+
+
+
+
+
+
\ 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.
-
-
-
-
- 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.
-
-
-
-= generateSubmenusHTML(completeScanDir("files"), " ") ?>
-
-
-
-
-
-
-
-
-
- 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
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
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$folderName
- $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 .
+
+
+
+
+
+
+
+
+
+
+
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.
-
-
-
-
- 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.
-
-
-
-= generateSubmenusHTML(completeScanDir("files"), " ") ?>
-
-
-
-
-
-
-
-
-
- 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 @@
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
+
+
+
+
+
+
+
+
+
+
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('= $chosen_background ?>');
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
+
+
+
+
Mastodon
+
PeerTube
+
YouTube
+
+
Discordserver
+
Scratch
+
+
+
+
+
+
+
+
+
+