From 17bc1ea57598e25e30be9c933f7ec62ce4c387a8 Mon Sep 17 00:00:00 2001 From: EKNr1 Date: Sun, 8 Oct 2023 17:48:57 +0200 Subject: [PATCH] Redesigned some things and made a post at Bla. --- .htaccess | 1 + bla/index.html | 93 ++++++++++++++++++++++++++++++++++++++++++++++ downloads.html | 53 +++++++++++++------------- index.html | 29 ++++++++------- pythonscripts.html | 81 ++++++++++++++++++++-------------------- script.js | 9 +++-- styles.css | 89 +++++++++++++++++++++++--------------------- ueber-mich.html | 79 ++++++++++++++++++++++++++++++--------- 8 files changed, 292 insertions(+), 142 deletions(-) create mode 100644 bla/index.html diff --git a/.htaccess b/.htaccess index e13eccd..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..a6c9e86 --- /dev/null +++ b/bla/index.html @@ -0,0 +1,93 @@ + + + + + + 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. +

+
+ +
+ + + +
+
+ + Startseite + Über mich + Downloads + Bla + +
+ + + + \ No newline at end of file diff --git a/downloads.html b/downloads.html index 4af850b..6d2e116 100644 --- a/downloads.html +++ b/downloads.html @@ -4,44 +4,37 @@ - Downloads + Downloads - - + + - - + + -
+
-
- - Startseite - Über mich - Downloads - Bla - -
+
-

Downloads

-
-
+

Downloads

+
+
- - Pythonskripte - + + Pythonskripte + - - Merge Box - + + Merge Box + -
-
+
+
@@ -52,6 +45,16 @@ }); +
+
+ + Startseite + Über mich + Downloads + Bla + +
+ diff --git a/index.html b/index.html index 6403b31..829bc34 100644 --- a/index.html +++ b/index.html @@ -4,7 +4,7 @@ - EKNr1 Startseite + Wobbelnde Seite @@ -16,26 +16,19 @@ - +
-
+
- Startseite - Über mich - Downloads - Bla - -
- -

Willkommen auf meiner Website!

+

Seite von dem Wobbler

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

@@ -47,6 +40,16 @@ }); +
+
+ + Startseite + Über mich + Downloads + Bla + +
+ diff --git a/pythonscripts.html b/pythonscripts.html index d4e6008..6576f2f 100644 --- a/pythonscripts.html +++ b/pythonscripts.html @@ -1,57 +1,49 @@ - - + Pythonskripte - + - + - - + +
-
+
- Startseite - Über mich - Downloads - Bla - -
- -
-
- * 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 -
-
+
+
+ * 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 +
+
@@ -60,9 +52,18 @@ let backgrounds = getFilesInFolder(pageContent); randomBackground(backgrounds) }); - + - +
+
+ Startseite + Über mich + Downloads + Bla + +
+ + diff --git a/script.js b/script.js index 4576c77..4ed3b3a 100644 --- a/script.js +++ b/script.js @@ -2,10 +2,10 @@ function randomBackground(backgrounds) { let background = selectRandom(backgrounds); console.log("Choosen random background image:", background); - document.getElementById("background").style.backgroundImage = "url(backgrounds/" + background + ")"; - let div_height = document.getElementById("background").offsetHeight; - let half_div_height = (0 - div_height) / 2; - document.getElementById("background").style.backgroundPosition = "0% " + half_div_height.toString() + "px"; + document.getElementById("background").style.backgroundImage = "url(https://i21k.de/emil/backgrounds/" + background + ")"; +// let div_height = document.getElementById("background").offsetHeight; +// let half_div_height = (0 - div_height) / 2; +// document.getElementById("background").style.backgroundPosition = "0% " + half_div_height.toString() + "px"; } function selectRandom(array) { @@ -52,3 +52,4 @@ function getFilesInFolder(pageContent) { // Needs auto file indexing }; // getStringOfPageContent("backgrounds", getFilesInFolder) + diff --git a/styles.css b/styles.css index 8ce9f67..a86adbb 100644 --- a/styles.css +++ b/styles.css @@ -1,18 +1,39 @@ -.p { +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: 100%; + 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 { @@ -45,12 +66,28 @@ 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; @@ -66,13 +103,7 @@ } .background-text { - background-color: rgba(0,0,0,0.7); -} - -.normal-text { - font-family: ubuntu, arial; - color: white; - font-size: 16px; + background-color: rgba(51, 51, 51, 0.4); } .normal-link { @@ -80,46 +111,16 @@ color: #5865f2; } -.ytbutton { - border-radius: 5px; - background-color: #ff0000; - border-color: #ff0000; - color: white; - font-family: ubuntu; - font-size: 18px; - cursor: pointer; -} - -.scratchbutton { - border-radius: 5px; - background-color: #f7aa36; - border-color: white; - color: white; - font-family: ubuntu; - font-size: 18px; - cursor: pointer; -} - -.discordbutton { - border-radius: 5px; - background-color: #5865f2; - border-color: #5865f2; - color: white; - font-family: ubuntu; - font-size: 18px; - cursor: pointer; -} - .normal-link-button { font-family: ubuntu, arial; - float: left; color: #f2f2f2; background-color: rgba(51, 51, 51, 0.8); - text-align: center; - padding: 5px 16px; + 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 { @@ -163,3 +164,7 @@ background-color: rgba(51, 51, 51, 0.863); position: relative; } + +.search-folder { + visibility: hidden; +} \ No newline at end of file diff --git a/ueber-mich.html b/ueber-mich.html index 8da7819..40c539b 100644 --- a/ueber-mich.html +++ b/ueber-mich.html @@ -17,23 +17,50 @@
-
+
- Startseite - Über mich - Downloads - Bla - -
+

Über mich

-

Über mich

-

- Ich bin 14 Jahre alt, kann ein bisschen programmieren +

+ Spiele, wenn ich grad Bock hab mal ein Spiel aus der Liste da unten.
- und zocke gerne Spiele wie Minecraft.

-

Bischen wenig Text ;)

+ 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 14. +


-

Programmiersprachen:

+ +

Programmiersprachen:

- Python
@@ -41,7 +68,8 @@
- Scratch

-

Spiele:

+

Spiele die ich spiele:

+

- Minecraft
@@ -59,10 +87,15 @@
- SuperTux 2

- - - - +
+ + + + +
+ + +
@@ -73,6 +106,16 @@ }); +
+ +