Added all Files
2
.htaccess
Normal file
|
@ -0,0 +1,2 @@
|
|||
RewriteRule .git 404.html
|
||||
RewriteRule .idea 404.html
|
BIN
backgrounds/blender_test_01.png
Normal file
After Width: | Height: | Size: 3.3 MiB |
BIN
backgrounds/donox_anarchy_shader_01.png
Normal file
After Width: | Height: | Size: 1.5 MiB |
BIN
backgrounds/donox_anarchy_shader_02.png
Normal file
After Width: | Height: | Size: 1.3 MiB |
BIN
backgrounds/donox_anarchy_shader_03.png
Normal file
After Width: | Height: | Size: 1 MiB |
BIN
backgrounds/donox_anarchy_shader_04.png
Normal file
After Width: | Height: | Size: 1,014 KiB |
BIN
backgrounds/donox_anarchy_shader_05.png
Normal file
After Width: | Height: | Size: 1.1 MiB |
BIN
backgrounds/donox_anarchy_shader_06.png
Normal file
After Width: | Height: | Size: 1.7 MiB |
BIN
backgrounds/donox_anarchy_shader_07.png
Normal file
After Width: | Height: | Size: 1.7 MiB |
BIN
backgrounds/eknr1_and_lottilx.png
Executable file
After Width: | Height: | Size: 401 KiB |
BIN
backgrounds/minecraft_with_shader_01.png
Normal file
After Width: | Height: | Size: 1.8 MiB |
BIN
backgrounds/minecraft_with_shader_02.png
Normal file
After Width: | Height: | Size: 3.7 MiB |
BIN
backgrounds/minecraft_with_shader_03.png
Normal file
After Width: | Height: | Size: 2.9 MiB |
BIN
backgrounds/minecraft_with_shader_04.png
Normal file
After Width: | Height: | Size: 2.5 MiB |
BIN
backgrounds/minecraft_with_shader_05.png
Normal file
After Width: | Height: | Size: 2.4 MiB |
BIN
backgrounds/minecraft_with_shader_06.png
Normal file
After Width: | Height: | Size: 2.4 MiB |
BIN
backgrounds/minecraft_with_shader_07.png
Normal file
After Width: | Height: | Size: 2.4 MiB |
BIN
backgrounds/minecraft_with_shader_08.png
Normal file
After Width: | Height: | Size: 1.9 MiB |
BIN
backgrounds/minecraft_with_shader_09.png
Normal file
After Width: | Height: | Size: 2.3 MiB |
BIN
backgrounds/minecraft_with_shader_10.png
Normal file
After Width: | Height: | Size: 2.4 MiB |
BIN
backgrounds/minecraft_with_shader_11.png
Normal file
After Width: | Height: | Size: 3 MiB |
BIN
backgrounds/minecraft_with_shader_12.png
Normal file
After Width: | Height: | Size: 2.7 MiB |
BIN
backgrounds/minecraft_with_shader_13.png
Normal file
After Width: | Height: | Size: 2.7 MiB |
BIN
backgrounds/minecraft_with_shader_14.png
Normal file
After Width: | Height: | Size: 4.1 MiB |
BIN
backgrounds/minecraft_with_shader_15.png
Normal file
After Width: | Height: | Size: 4.3 MiB |
BIN
backgrounds/minecraft_with_shader_16.png
Normal file
After Width: | Height: | Size: 4.3 MiB |
BIN
backgrounds/minecraft_with_shader_17.png
Normal file
After Width: | Height: | Size: 4.3 MiB |
BIN
backgrounds/minecraft_with_shader_18.png
Normal file
After Width: | Height: | Size: 4.4 MiB |
BIN
backgrounds/minecraft_with_shader_19.png
Normal file
After Width: | Height: | Size: 4.2 MiB |
BIN
backgrounds/minecraft_with_shader_20.png
Normal file
After Width: | Height: | Size: 1.7 MiB |
BIN
backgrounds/minecraft_with_shader_21.png
Normal file
After Width: | Height: | Size: 2.2 MiB |
BIN
backgrounds/minecraft_with_shader_22.png
Normal file
After Width: | Height: | Size: 1.7 MiB |
BIN
backgrounds/minecraft_with_shader_23.png
Normal file
After Width: | Height: | Size: 4.1 MiB |
BIN
backgrounds/minecraft_with_shader_24.png
Normal file
After Width: | Height: | Size: 2.3 MiB |
BIN
backgrounds/minecraft_with_shader_25.png
Normal file
After Width: | Height: | Size: 3.5 MiB |
BIN
backgrounds/minecraft_with_shader_26.png
Normal file
After Width: | Height: | Size: 3 MiB |
BIN
backgrounds/minecraft_with_shader_27.png
Normal file
After Width: | Height: | Size: 1.5 MiB |
BIN
backgrounds/minecraft_with_shader_28.png
Normal file
After Width: | Height: | Size: 1.1 MiB |
BIN
backgrounds/minecraft_with_shader_29.png
Normal file
After Width: | Height: | Size: 1.2 MiB |
BIN
backgrounds/minecraft_with_shader_30.png
Normal file
After Width: | Height: | Size: 4.1 MiB |
BIN
backgrounds/minecraft_with_shader_31.png
Normal file
After Width: | Height: | Size: 2.3 MiB |
BIN
backgrounds/minetest_screenshot.jpg
Normal file
After Width: | Height: | Size: 114 KiB |
BIN
backgrounds/minetest_screenshot.png
Normal file
After Width: | Height: | Size: 685 KiB |
BIN
backgrounds/minetest_skyanarchy_everything_01.png
Normal file
After Width: | Height: | Size: 218 KiB |
BIN
backgrounds/terraria_2_herzen.png
Normal file
After Width: | Height: | Size: 342 KiB |
58
downloads.html
Normal file
|
@ -0,0 +1,58 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de"><meta charset="utf-8">
|
||||
|
||||
|
||||
<head>
|
||||
|
||||
<title>Downloads</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 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>
|
||||
|
||||
<p class="big-text center-text">Downloads</p>
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<a href="pythonscripts.html" class="normal-link-button" title='Skripte in der Programmiersprache "Python".'>
|
||||
Pythonskripte
|
||||
</a>
|
||||
|
||||
<a href="merge-box" class="normal-link-button" title="Ein 2D Videospiel">
|
||||
Merge Box
|
||||
</a>
|
||||
|
||||
<br>
|
||||
<br>
|
||||
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
getStringOfPageContent("backgrounds", function(pageContent) {
|
||||
let backgrounds = getFilesInFolder(pageContent);
|
||||
randomBackground(backgrounds)
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
|
||||
</html>
|
53
index.html
Normal file
|
@ -0,0 +1,53 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de"><meta charset="utf-8">
|
||||
|
||||
|
||||
<head>
|
||||
|
||||
<title>EKNr1 Startseite</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">
|
||||
|
||||
<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="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>
|
||||
<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>.
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
getStringOfPageContent("backgrounds", function(pageContent) {
|
||||
let backgrounds = getFilesInFolder(pageContent);
|
||||
randomBackground(backgrounds)
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
|
||||
</html>
|
BIN
lottilx/LottiLX-Skyblock.png
Normal file
After Width: | Height: | Size: 2.6 MiB |
32
lottilx/index.html
Normal file
|
@ -0,0 +1,32 @@
|
|||
<html lang="de"><meta charset="utf-8">
|
||||
|
||||
<head>
|
||||
|
||||
<title>LottiLX Startseite</title>
|
||||
<link rel="icon" sizes="192x192" href="https://r.n-mc.co/skin/face.png?id=13e2a04e89b4371c&scale=4">
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div style="background-repeat:no-repeat;background-attachment:fixed;background-size:cover;height:100%;background-image: url(LottiLX-Skyblock.png);">
|
||||
|
||||
<div style="font-family:ubuntu;" class="topnav">
|
||||
|
||||
<a class="active" href="https://i21k.de/emil/lottilx" title="LottiLX Startseite">Startseite</a>
|
||||
|
||||
</div>
|
||||
|
||||
<p class="bigtxt">Willkommen auf der Website!</p>
|
||||
<p class="normaltxt">Lol keine Ahnung was hier noch hin soll. ;)</p>
|
||||
|
||||
</div>
|
||||
|
||||
<div id="uebermich">
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
39
lottilx/styles.css
Normal file
|
@ -0,0 +1,39 @@
|
|||
body {
|
||||
background-color: #2e2e2e;
|
||||
}
|
||||
|
||||
.topnav {
|
||||
background-color: rgba(51, 51, 51, 0.863);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.topnav a {
|
||||
float: left;
|
||||
color: #f2f2f2;
|
||||
text-align: center;
|
||||
padding: 5px 16px;
|
||||
text-decoration: none;
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
.topnav a:hover {
|
||||
background-color: #ddd;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.topnav a.active {
|
||||
background-color: #04AA6D;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.normaltxt {
|
||||
font-size:18px;
|
||||
font-family:ubuntu;
|
||||
color:white;
|
||||
}
|
||||
|
||||
.bigtxt {
|
||||
font-size:20px;
|
||||
font-family:ubuntu;
|
||||
color:white;
|
||||
}
|
79
merge-box/index.html
Normal file
|
@ -0,0 +1,79 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de"><meta charset="utf-8">
|
||||
|
||||
|
||||
<head>
|
||||
|
||||
<title>Merge Box</title>
|
||||
|
||||
<link rel="icon" href="https://i21k.de/emil/files/Icons/merge_box_icon.png">
|
||||
|
||||
<link rel="stylesheet" href="https://i21k.de/emil/styles.css">
|
||||
|
||||
</head>
|
||||
|
||||
|
||||
<body style="background-color: #2e2e2e";>
|
||||
|
||||
<div style="background-image: url(https://i21k.de/emil/files/merge_box_background.png);">
|
||||
|
||||
<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>
|
||||
|
||||
</div>
|
||||
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<p class="big-text center-text background-text">Merge Box</p>
|
||||
|
||||
<br>
|
||||
|
||||
<p class="normal-text background-text">
|
||||
Merge Box ist ein Spiel, bei dem man Würfel verbinden muss,
|
||||
<br>
|
||||
damit sich daraus ein besserer ergibt, den man dann wieder verbinden kann und so weiter.
|
||||
<br>
|
||||
Ziel des Spiels ist es den eigenen Highscore oder auch den Cloud-Highscore zu knacken.
|
||||
</p>
|
||||
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<a href="https://gitlab.com/games120/merge_box" class="normal-text background-text" title="Merge Box GitLab Seite">
|
||||
<img src="https://gitlab.com/assets/favicon-72a2cad5025aa931d6ea56c3201d1f18e68a8cd39788c7c80d5b2b82aa5143ef.png" class="normal-emoji">
|
||||
Merge Box GitLab
|
||||
</a>
|
||||
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<a href="https://gitlab.com/games120/merge_box/-/blob/main/CHANGELOG.md" class="normal-link background-text" title="Merge Box Changelog">Changelog</a>
|
||||
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<p class="big-text center-text background-text">Downloads</p>
|
||||
|
||||
<br>
|
||||
|
||||
<p class="normal-text background-text">Versionen</p>
|
||||
|
||||
<a href="https://gitlab.com/games120/merge_box/-/archive/main/merge_box-main.zip?path=Merge_Box1.0" class="normal-link background-text" title="Merge Box Version 1.0">- Merge Box 1.0</a>
|
||||
<br>
|
||||
<a href="https://gitlab.com/games120/merge_box/-/archive/main/merge_box-main.zip?path=Merge_Box1.0.1" class="normal-link background-text" title="Merge Box Version 1.0.1">- Merge Box 1.0.1</a>
|
||||
<br>
|
||||
<a href="https://gitlab.com/games120/merge_box/-/archive/main/merge_box-main.zip?path=Merge_Box1.0.2" class="normal-link background-text" title="Merge Box Version 1.0.2">- Merge Box 1.0.2</a>
|
||||
|
||||
<br>
|
||||
<br>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
|
||||
</html>
|
BIN
profilbild-workbench.png
Executable file
After Width: | Height: | Size: 429 KiB |
68
pythonscripts.html
Normal file
|
@ -0,0 +1,68 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de"><meta charset="utf-8">
|
||||
|
||||
|
||||
<head>
|
||||
|
||||
<title>Pythonskripte</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">
|
||||
|
||||
<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>
|
||||
|
||||
<dl>
|
||||
<dt class="normal-list">
|
||||
<a href="https://i21k.de/emil/files/python/PyBrow" class="normal-link">* PyBrow</a>
|
||||
</dt>
|
||||
<dd class="normal-text">
|
||||
- Ein Webbrowser mit Python programmiert.
|
||||
<br>
|
||||
Downloaded eine Version aber mit den Settings und Icon.
|
||||
</dd>
|
||||
<dt class="normal-list">
|
||||
<a href="https://i21k.de/emil/files/python/winke-winke.py" class="normal-link">* Python Animation Test</a>
|
||||
</dt>
|
||||
<dd class="normal-text">
|
||||
- Ein kleiner Test einer Terminalanimation.
|
||||
</dd>
|
||||
<dt class="normal-list">
|
||||
<a href="https://i21k.de/emil/files/python/ematrix/" class="normal-link">* EMatrix</a>
|
||||
</dt>
|
||||
<dd class="normal-text">
|
||||
- Eine kleine einfache Matrix.
|
||||
<br>
|
||||
Downloaded eine Version aber ab der 1.1 mit den Settings
|
||||
</dd>
|
||||
</dl>
|
||||
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
getStringOfPageContent("backgrounds", function(pageContent) {
|
||||
let backgrounds = getFilesInFolder(pageContent);
|
||||
randomBackground(backgrounds)
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
|
||||
</html>
|
54
script.js
Normal file
|
@ -0,0 +1,54 @@
|
|||
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";
|
||||
}
|
||||
|
||||
function selectRandom(array) {
|
||||
let choosen = array[Math.floor(Math.random() * array.length)];
|
||||
return choosen;
|
||||
}
|
||||
|
||||
function copyText(text) {
|
||||
try {
|
||||
navigator.clipboard.writeText(text);
|
||||
console.log('Content copied to clipboard: "' + text + '"');
|
||||
} catch (error) {
|
||||
console.error('Failed to copy "' + text + '":', error);
|
||||
}
|
||||
}
|
||||
|
||||
function strBetweenStrings(startStr, endStr, str) {
|
||||
pos = str.indexOf(startStr) + startStr.length;
|
||||
return str.substring(pos, str.indexOf(endStr, pos));
|
||||
}
|
||||
|
||||
function getStringOfPageContent(url, callbackFunction) {
|
||||
$.get(url, function(data) {
|
||||
callbackFunction(data);
|
||||
});
|
||||
};
|
||||
|
||||
function getFilesInFolder(pageContent) { // Needs auto file indexing
|
||||
// console.log(pageContent);
|
||||
let contentArray = pageContent.split("\n");
|
||||
|
||||
let files = [];
|
||||
|
||||
for (let line in contentArray) {
|
||||
if (contentArray[line].includes("<li>")) {
|
||||
files.push(strBetweenStrings('"', '"', contentArray[line]));
|
||||
}
|
||||
}
|
||||
|
||||
files.shift();
|
||||
// console.log(files);
|
||||
|
||||
return files;
|
||||
};
|
||||
|
||||
// getStringOfPageContent("backgrounds", getFilesInFolder)
|
165
styles.css
Normal file
|
@ -0,0 +1,165 @@
|
|||
.p {
|
||||
font-family: ubuntu, arial;
|
||||
}
|
||||
|
||||
.background {
|
||||
background-image: url(backgrounds/eknr1_and_lottilx.png);
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: fixed;
|
||||
background-size: 100%;
|
||||
min-height: 400px;
|
||||
}
|
||||
|
||||
.topnav {
|
||||
background-color: rgba(51, 51, 51, 0.863);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.big-text {
|
||||
font-family: ubuntu, arial;
|
||||
color: white;
|
||||
font-size: 26px;
|
||||
}
|
||||
|
||||
.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(0,0,0,0.7);
|
||||
}
|
||||
|
||||
.normal-text {
|
||||
font-family: ubuntu, arial;
|
||||
color: white;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.normal-link {
|
||||
font-family: ubuntu, arial;
|
||||
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;
|
||||
text-decoration: none;
|
||||
font-size: 17px;
|
||||
border-style: inset;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
BIN
supertux.gif
Normal file
After Width: | Height: | Size: 20 KiB |
78
ueber-mich.html
Normal file
|
@ -0,0 +1,78 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de"><meta charset="utf-8">
|
||||
|
||||
<head>
|
||||
|
||||
<title>Über mich</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 style="font-family:ubuntu;" class="topnav">
|
||||
|
||||
<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>
|
||||
|
||||
</div>
|
||||
|
||||
<h1 class="normal-text">Über mich</h1>
|
||||
<p class="normal-text">
|
||||
Ich bin 14 Jahre alt, kann ein bisschen programmieren
|
||||
<br>
|
||||
und zocke gerne Spiele wie Minecraft.</p>
|
||||
<p class="tiny-text">Bischen wenig Text ;)</p>
|
||||
<br>
|
||||
<p class="normal-text fat-text">Programmiersprachen:</p>
|
||||
<p class="normal-text">
|
||||
- Python
|
||||
<br>
|
||||
- Kotlin
|
||||
<br>
|
||||
- Scratch
|
||||
</p>
|
||||
<p class="normal-text fat-text">Spiele:</p>
|
||||
<p class="normal-text">
|
||||
- Minecraft
|
||||
<br>
|
||||
- Terraria
|
||||
<br>
|
||||
- Factorio
|
||||
<br>
|
||||
- Minetest
|
||||
<br>
|
||||
- Robocraft
|
||||
<br>
|
||||
- AER: Memories of Old
|
||||
<br>
|
||||
- SuperTuxKart
|
||||
<br>
|
||||
- SuperTux 2
|
||||
</p>
|
||||
|
||||
<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>
|
||||
|
||||
<script type="text/javascript">
|
||||
getStringOfPageContent("backgrounds", function(pageContent) {
|
||||
let backgrounds = getFilesInFolder(pageContent);
|
||||
randomBackground(backgrounds)
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|