Redesigned some things and made a post at Bla.
This commit is contained in:
parent
746437ff9d
commit
17bc1ea575
8 changed files with 292 additions and 142 deletions
|
|
@ -1,2 +1,3 @@
|
|||
RewriteRule .git 404.html
|
||||
RewriteRule .idea 404.html
|
||||
RewriteRule Alina 404.html
|
||||
|
|
|
|||
93
bla/index.html
Normal file
93
bla/index.html
Normal file
|
|
@ -0,0 +1,93 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de"><meta charset="utf-8">
|
||||
|
||||
<head>
|
||||
|
||||
<title>Bla - Wobblers Seite</title>
|
||||
|
||||
<link rel="icon" sizes="192x192" href="../profilbild-workbench.png">
|
||||
<link rel="stylesheet" href="../styles.css">
|
||||
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
|
||||
<script type="text/javascript" src="../script.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body style="background-color: #2e2e2e">
|
||||
|
||||
<div class="background" id="background">
|
||||
|
||||
<div class="topnav-placeholder"></div>
|
||||
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<p class="center-text big-text">Hier schreib ich irgendwas rein.</p>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<p class="fat-text">
|
||||
7.10.2023 - Macbook schrott
|
||||
</p>
|
||||
<p>
|
||||
Falls sich jemand mit Apple auskennt, bitte durchlesen:
|
||||
<br>
|
||||
Ich hab ein Macbook Pro 8.2 mit Macos und Lubuntu drauf.
|
||||
<br>
|
||||
Der Bildschirm ist einfach schwarz geworden, als meine Schwester daran Videos geschaut hat.
|
||||
<br>
|
||||
Die Lüfter des Laptops drehten sich jedoch ruhig weiter. Wir wollten ihn rebooten,
|
||||
<br>
|
||||
aber er ließ sich nicht normal ausschalten. Wenn man den Laptop einschaltet,
|
||||
<br>
|
||||
kommt man zwar noch in das Menü, wo man das System auswählen kann,
|
||||
<br>
|
||||
aber egal welches der Systeme man bootet, der Bildschirm friert ein.
|
||||
<br>
|
||||
(Bei Lubuntu ist der Screen Grau und geht nach ner Weile aus und bei Macos ist der Screen weiß.)
|
||||
<br>
|
||||
Irgendwann ist dann das Touchpad gebrochen. Das lag daran, dass sich der Akku aufgebläht hat.
|
||||
<br>
|
||||
Weil ich kein Risiko eingehen wollte, habe ich das Macbook dann nach draussen gestellt.
|
||||
<br>
|
||||
Da hat es leider einmal rauf genieselt. Ein paar Tage später habe ich dann einen verbogenen Schlitzschraubendreher gefunden,
|
||||
<br>
|
||||
mit dessen Hilfe ich die fiesen Schrauben, die den Akku festhalten rausgedreht habe.
|
||||
<br>
|
||||
Ich habe den Laptop noch einmal getestet und der Niesel scheint den Schaden nicht noch schlimmer gemacht zu haben.
|
||||
<br>
|
||||
Per SSH komme ich übrigens nicht auf den Laptop drauf. Ich weiß aber auch nicht mehr, ob ich überhaupt SSH installiert hatte.
|
||||
<br>
|
||||
Von der Fritz!Box wird er allerdings erkannt.
|
||||
<br>
|
||||
Falls das hier jemand liest, der sich mit sowas auskennt, bitte schreib mir ne E-Mail.
|
||||
</p>
|
||||
<br>
|
||||
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
getStringOfPageContent("../backgrounds", function(pageContent) {
|
||||
let backgrounds = getFilesInFolder(pageContent);
|
||||
randomBackground(backgrounds)
|
||||
});
|
||||
</script>
|
||||
|
||||
<div class="topnav-companion"></div>
|
||||
<div class="topnav">
|
||||
|
||||
<a class="topnav-inactive" href=".." title="EKNr1 Startseite">Startseite</a>
|
||||
<a class="topnav-inactive" href="../ueber-mich.html" title="Über mich">Über mich</a>
|
||||
<a class="topnav-inactive" href="../downloads.html" title="Downloads">Downloads</a>
|
||||
<a class="topnav-active" href="" title="Text!">Bla</a>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -19,14 +19,7 @@
|
|||
|
||||
<div class="background" id="background">
|
||||
|
||||
<div style="font-family:ubuntu;" class="topnav">
|
||||
|
||||
<a class="topnav-inactive" href="https://i21k.de/emil" title="EKNr1 Startseite">Startseite</a>
|
||||
<a class="topnav-inactive" href="ueber-mich.html" title="Über mich">Über mich</a>
|
||||
<a class="topnav-active" href="downloads.html" title="Downloads">Downloads</a>
|
||||
<a class="topnav-inactive" href="bla" title="Text!">Bla</a>
|
||||
|
||||
</div>
|
||||
<div class="topnav-placeholder"></div>
|
||||
|
||||
<p class="big-text center-text">Downloads</p>
|
||||
<br>
|
||||
|
|
@ -52,6 +45,16 @@
|
|||
});
|
||||
</script>
|
||||
|
||||
<div class="topnav-companion"></div>
|
||||
<div style="font-family:ubuntu;" class="topnav">
|
||||
|
||||
<a class="topnav-inactive" href="https://i21k.de/emil" title="EKNr1 Startseite">Startseite</a>
|
||||
<a class="topnav-inactive" href="ueber-mich.html" title="Über mich">Über mich</a>
|
||||
<a class="topnav-active" href="downloads.html" title="Downloads">Downloads</a>
|
||||
<a class="topnav-inactive" href="bla" title="Text!">Bla</a>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
|
||||
|
|
|
|||
27
index.html
27
index.html
|
|
@ -4,7 +4,7 @@
|
|||
|
||||
<head>
|
||||
|
||||
<title>EKNr1 Startseite</title>
|
||||
<title>Wobbelnde Seite</title>
|
||||
|
||||
<link rel="icon" sizes="192x192" href="profilbild-workbench.png">
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
|
|
@ -19,23 +19,16 @@
|
|||
|
||||
<div class="background" id="background">
|
||||
|
||||
<div class="topnav">
|
||||
<div class="topnav-placeholder"></div>
|
||||
|
||||
<a class="topnav-active" href="https://i21k.de/emil" title="EKNr1 Startseite">Startseite</a>
|
||||
<a class="topnav-inactive" href="ueber-mich.html" title="Über mich">Über mich</a>
|
||||
<a class="topnav-inactive" href="downloads.html" title="Downloads">Downloads</a>
|
||||
<a class="topnav-inactive" href="bla" title="Text!">Bla</a>
|
||||
|
||||
</div>
|
||||
|
||||
<p class="big-text">Willkommen auf meiner Website!</p>
|
||||
<p class="big-text">Seite von dem Wobbler</p>
|
||||
<p class="normal-text">
|
||||
Schreibt Verbesserungsvorschläge bitte an meine E-Mail:
|
||||
<a id="mail-addr" class="normal-link" href="mailto:emil@i21k.de" title="Einfach draufklicken und warten bis sich das Mailprogramm öffnet.">emil@i21k.de</a>
|
||||
<a class="normal-text background-text" href="javascript:copyText('emil@i21k.de');" title="Mailadresse kopieren">Copy!</a>
|
||||
<a class="normal-text" href="javascript:copyText('emil@i21k.de');" title="Mailadresse kopieren">Copy!</a>
|
||||
<br>
|
||||
oder schreibt sie in meinen
|
||||
<a class="normal-link" href ="https://discord.com/invite/8htpyBfdan" target="_blank" title="Mein Discord-Server">Discord-Server</a>.
|
||||
<a href ="https://discord.com/invite/8htpyBfdan" target="_blank" title="Mein Discord-Server">Discord-Server</a>.
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
|
@ -47,6 +40,16 @@
|
|||
});
|
||||
</script>
|
||||
|
||||
<div class="topnav-companion"></div>
|
||||
<div class="topnav">
|
||||
|
||||
<a class="topnav-active" href="" title="EKNr1 Startseite">Startseite</a>
|
||||
<a class="topnav-inactive" href="ueber-mich.html" title="Über mich">Über mich</a>
|
||||
<a class="topnav-inactive" href="downloads.html" title="Downloads">Downloads</a>
|
||||
<a class="topnav-inactive" href="bla" title="Text!">Bla</a>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -1,8 +1,7 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de"><meta charset="utf-8">
|
||||
|
||||
|
||||
<head>
|
||||
<head>
|
||||
|
||||
<title>Pythonskripte</title>
|
||||
|
||||
|
|
@ -12,21 +11,14 @@
|
|||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
|
||||
<script type="text/javascript" src="script.js"></script>
|
||||
|
||||
</head>
|
||||
</head>
|
||||
|
||||
|
||||
<body style="background-color: #2e2e2e";>
|
||||
<body style="background-color: #2e2e2e;">
|
||||
|
||||
<div class="background">
|
||||
|
||||
<div style="font-family:ubuntu;" class="topnav">
|
||||
|
||||
<a class="topnav-inactive" href="https://i21k.de/emil" title="EKNr1 Startseite">Startseite</a>
|
||||
<a class="topnav-inactive" href="ueber-mich.html" title="Über mich">Über mich</a>
|
||||
<a class="topnav-inactive" href="downloads.html" title="Downloads">Downloads</a>
|
||||
<a class="topnav-inactive" href="bla" title="Text!">Bla</a>
|
||||
|
||||
</div>
|
||||
<div class="topnav-placeholder"></div>
|
||||
|
||||
<dl>
|
||||
<dt class="normal-list">
|
||||
|
|
@ -62,7 +54,16 @@
|
|||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
<div class="topnav-companion"></div>
|
||||
<div style="font-family:ubuntu;" class="topnav">
|
||||
|
||||
<a class="topnav-inactive" href="https://i21k.de/emil" title="EKNr1 Startseite">Startseite</a>
|
||||
<a class="topnav-inactive" href="ueber-mich.html" title="Über mich">Über mich</a>
|
||||
<a class="topnav-inactive" href="downloads.html" title="Downloads">Downloads</a>
|
||||
<a class="topnav-inactive" href="bla" title="Text!">Bla</a>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -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)
|
||||
|
||||
|
|
|
|||
89
styles.css
89
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;
|
||||
}
|
||||
|
|
@ -17,23 +17,50 @@
|
|||
|
||||
<div class="background" id="background">
|
||||
|
||||
<div style="font-family:ubuntu;" class="topnav">
|
||||
<div class="topnav-placeholder"></div>
|
||||
|
||||
<a class="topnav-inactive" href="https://i21k.de/emil" title="EKNr1 Startseite">Startseite</a>
|
||||
<a class="topnav-active" href="ueber-mich.html" title="Über mich">Über mich</a>
|
||||
<a class="topnav-inactive" href="downloads.html" title="Downloads">Downloads</a>
|
||||
<a class="topnav-inactive" href="bla" title="Text!">Bla</a>
|
||||
<p class="big-text">Über mich</p>
|
||||
|
||||
</div>
|
||||
|
||||
<h1 class="normal-text">Über mich</h1>
|
||||
<p class="normal-text">
|
||||
Ich bin 14 Jahre alt, kann ein bisschen programmieren
|
||||
<p>
|
||||
Spiele, wenn ich grad Bock hab mal ein Spiel aus der Liste da unten.
|
||||
<br>
|
||||
und zocke gerne Spiele wie Minecraft.</p>
|
||||
<p class="tiny-text">Bischen wenig Text ;)</p>
|
||||
Sonst programmier ich was mit Python oder schau YouTube. Hab da auch n Paar Videos hochgeladen.
|
||||
<br>
|
||||
<p class="normal-text fat-text">Programmiersprachen:</p>
|
||||
Ich finde CSS und JavaScript total eklig, weshalb ich meistens zu faul bin, meine Website zu updaten.
|
||||
<br>
|
||||
Trotzdem kann ich gerne netten Leuten eine kleine Website basteln, falls diese sich gar nicht damit auskennen.
|
||||
<br>
|
||||
Hab mit Scratch angefangen, zu programmieren. Bin sogar mal auf die Startseite gekommen.
|
||||
<br>
|
||||
Jetzt mach ich auf Scratch nichts mehr.
|
||||
<br>
|
||||
Wenn du auch programmieren möchtest,
|
||||
<br>
|
||||
empfehle ich dir mit
|
||||
<a href="https://upbge.org" target="_blank" title="Blender zum programmieren von Computerspielen optimiert">UPBGE</a>
|
||||
oder einfach gleich mit
|
||||
<a href="https://python.org" target="_blank" title="Einfache und beliebteste Programmiersprache">Python</a>
|
||||
anzufangen.
|
||||
<br>
|
||||
Denn Scratch ist lahm und der Umstieg von Scratch auf eine richtige Programmiersprache
|
||||
<br>
|
||||
kann einem ordentlich das Gehirn verknoten.
|
||||
<br>
|
||||
Ich hab auch einen Raspberry Pi, auf dem ein Minecraft-Server, Terraria-Server und ein Discordbot läuft.
|
||||
<br>
|
||||
Leider hat der keine Domain und die IP ändert sich täglich.
|
||||
<br>
|
||||
Man kann aber auch einfach meinen Discord-Bot nach der IP fragen.
|
||||
<br>
|
||||
Dazu gibt man einfach
|
||||
<a href="javascript:copyText('!server ip');" title="Befehl kopieren">"!server ip"</a>
|
||||
in den Spam-Kanal meines Discord-Servers ein und der Bot antwortet mit der IP.
|
||||
<br>
|
||||
Ich bin übrigens 14.
|
||||
</p>
|
||||
<br>
|
||||
|
||||
<p class="fat-text">Programmiersprachen:</p>
|
||||
<p class="normal-text">
|
||||
- Python
|
||||
<br>
|
||||
|
|
@ -41,7 +68,8 @@
|
|||
<br>
|
||||
- Scratch
|
||||
</p>
|
||||
<p class="normal-text fat-text">Spiele:</p>
|
||||
<p class="normal-text fat-text">Spiele die ich spiele:</p>
|
||||
|
||||
<p class="normal-text">
|
||||
- Minecraft
|
||||
<br>
|
||||
|
|
@ -59,10 +87,15 @@
|
|||
<br>
|
||||
- SuperTux 2
|
||||
</p>
|
||||
<br>
|
||||
|
||||
<button class="normal-link-button" onclick="window.open('https://dizl.de/@eknr1', '_blank')" title="Mastodon">Mastodon</button>
|
||||
<button class="normal-link-button" onclick="window.open('https://peertube.art3mis.de/a/eknr01/', '_blank')" title="PeerTube">PeerTube</button>
|
||||
<button class="normal-link-button" onclick="window.open('https://www.youtube.com/@eknr1', '_blank')" title="YouTube">YouTube</button>
|
||||
<br>
|
||||
<button class="normal-link-button" onclick="window.open('https://discord.com/invite/8htpyBfdan', '_blank')" title="Mein Discordserver">Discordserver</button>
|
||||
<button class="normal-link-button" onclick="window.open('https://scratch.mit.edu/users/eknr1/', '_blank')" title="Scratch">Scratch</button>
|
||||
|
||||
<button class="ytbutton" onclick="window.open('https://www.youtube.com/@eknr1', '_blank')"title="YouTube">YouTube</button>
|
||||
<button class="scratchbutton" onclick="window.open('https://scratch.mit.edu/users/eknr1/', '_blank')"title="Scratch">Scratch</button>
|
||||
<button style="border-radius:5px;background-color:#5865f2;border-color:#5865f2;color:white;font-family:ubuntu;font-size:18px;cursor:pointer;" onclick="window.open('https://discord.com/invite/8htpyBfdan', '_blank')"title="Mein Discordserver">Discordserver</button>
|
||||
|
||||
</div>
|
||||
|
||||
|
|
@ -73,6 +106,16 @@
|
|||
});
|
||||
</script>
|
||||
|
||||
<div class="topnav-companion"></div>
|
||||
<div style="font-family:ubuntu;" class="topnav" id="topnav">
|
||||
|
||||
<a class="topnav-inactive" href="./" title="EKNr1 Startseite">Startseite</a>
|
||||
<a class="topnav-active" href="ueber-mich.html" title="Über mich">Über mich</a>
|
||||
<a class="topnav-inactive" href="downloads.html" title="Downloads">Downloads</a>
|
||||
<a class="topnav-inactive" href="bla" title="Text!">Bla</a>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Reference in a new issue