Archiving old website

This commit is contained in:
The Wobbler 2024-10-05 16:39:36 +02:00
parent 8856faae67
commit f2e5d2feef
24 changed files with 285 additions and 120 deletions

0
backgrounds/eknr1_and_lottilx.png Executable file → Normal file
View file

Before

Width:  |  Height:  |  Size: 401 KiB

After

Width:  |  Height:  |  Size: 401 KiB

View file

@ -0,0 +1,14 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<html>
<head>
<title>Index of /backgrounds/halloween</title>
</head>
<body>
<h1>Index of /backgrounds/halloween</h1>
<ul><li><a href="/backgrounds/"> Parent Directory</a></li>
<li><a href="baum_01.png"> baum_01.png</a></li>
<li><a href="haus_01.png"> haus_01.png</a></li>
<li><a href="mineneingang_01.png"> mineneingang_01.png</a></li>
</ul>
</body></html>

55
backgrounds/index.html Normal file
View file

@ -0,0 +1,55 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<html>
<head>
<title>Index of /emil/backgrounds</title>
</head>
<body>
<h1>Index of /emil/backgrounds</h1>
<ul><li><a href="/emil/"> Parent Directory</a></li>
<li><a href="blender_test_01.png"> blender_test_01.png</a></li>
<li><a href="donox_anarchy_shader_01.png"> donox_anarchy_shader_01.png</a></li>
<li><a href="donox_anarchy_shader_02.png"> donox_anarchy_shader_02.png</a></li>
<li><a href="donox_anarchy_shader_03.png"> donox_anarchy_shader_03.png</a></li>
<li><a href="donox_anarchy_shader_04.png"> donox_anarchy_shader_04.png</a></li>
<li><a href="donox_anarchy_shader_05.png"> donox_anarchy_shader_05.png</a></li>
<li><a href="donox_anarchy_shader_06.png"> donox_anarchy_shader_06.png</a></li>
<li><a href="donox_anarchy_shader_07.png"> donox_anarchy_shader_07.png</a></li>
<li><a href="eknr1_and_lottilx.png"> eknr1_and_lottilx.png</a></li>
<li><a href="minecraft_with_shader_01.png"> minecraft_with_shader_01.png</a></li>
<li><a href="minecraft_with_shader_02.png"> minecraft_with_shader_02.png</a></li>
<li><a href="minecraft_with_shader_03.png"> minecraft_with_shader_03.png</a></li>
<li><a href="minecraft_with_shader_04.png"> minecraft_with_shader_04.png</a></li>
<li><a href="minecraft_with_shader_05.png"> minecraft_with_shader_05.png</a></li>
<li><a href="minecraft_with_shader_06.png"> minecraft_with_shader_06.png</a></li>
<li><a href="minecraft_with_shader_07.png"> minecraft_with_shader_07.png</a></li>
<li><a href="minecraft_with_shader_08.png"> minecraft_with_shader_08.png</a></li>
<li><a href="minecraft_with_shader_09.png"> minecraft_with_shader_09.png</a></li>
<li><a href="minecraft_with_shader_10.png"> minecraft_with_shader_10.png</a></li>
<li><a href="minecraft_with_shader_11.png"> minecraft_with_shader_11.png</a></li>
<li><a href="minecraft_with_shader_12.png"> minecraft_with_shader_12.png</a></li>
<li><a href="minecraft_with_shader_13.png"> minecraft_with_shader_13.png</a></li>
<li><a href="minecraft_with_shader_14.png"> minecraft_with_shader_14.png</a></li>
<li><a href="minecraft_with_shader_15.png"> minecraft_with_shader_15.png</a></li>
<li><a href="minecraft_with_shader_16.png"> minecraft_with_shader_16.png</a></li>
<li><a href="minecraft_with_shader_17.png"> minecraft_with_shader_17.png</a></li>
<li><a href="minecraft_with_shader_18.png"> minecraft_with_shader_18.png</a></li>
<li><a href="minecraft_with_shader_19.png"> minecraft_with_shader_19.png</a></li>
<li><a href="minecraft_with_shader_20.png"> minecraft_with_shader_20.png</a></li>
<li><a href="minecraft_with_shader_21.png"> minecraft_with_shader_21.png</a></li>
<li><a href="minecraft_with_shader_22.png"> minecraft_with_shader_22.png</a></li>
<li><a href="minecraft_with_shader_23.png"> minecraft_with_shader_23.png</a></li>
<li><a href="minecraft_with_shader_24.png"> minecraft_with_shader_24.png</a></li>
<li><a href="minecraft_with_shader_25.png"> minecraft_with_shader_25.png</a></li>
<li><a href="minecraft_with_shader_26.png"> minecraft_with_shader_26.png</a></li>
<li><a href="minecraft_with_shader_27.png"> minecraft_with_shader_27.png</a></li>
<li><a href="minecraft_with_shader_28.png"> minecraft_with_shader_28.png</a></li>
<li><a href="minecraft_with_shader_29.png"> minecraft_with_shader_29.png</a></li>
<li><a href="minecraft_with_shader_30.png"> minecraft_with_shader_30.png</a></li>
<li><a href="minecraft_with_shader_31.png"> minecraft_with_shader_31.png</a></li>
<li><a href="minetest_screenshot.jpg"> minetest_screenshot.jpg</a></li>
<li><a href="minetest_screenshot.png"> minetest_screenshot.png</a></li>
<li><a href="minetest_skyanarchy_everything_01.png"> minetest_skyanarchy_everything_01.png</a></li>
<li><a href="terraria_2_herzen.png"> terraria_2_herzen.png</a></li>
</ul>
</body></html>

View file

@ -6,10 +6,7 @@
<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>
<link rel="stylesheet" href="../styles.php">
</head>
@ -80,10 +77,6 @@
</div>
<script type="text/javascript">
setBackground("../");
</script>
<div class="topnav-companion"></div>
<div class="topnav">

View file

@ -5,12 +5,10 @@
<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>
<link rel="icon" sizes="192x192" href="profilbild-workbench.png">
<link rel="stylesheet" href="styles.php">
</head>
@ -38,10 +36,6 @@
</div>
<script type="text/javascript">
setBackground();
</script>
<div class="topnav-companion"></div>
<div style="font-family:ubuntu;" class="topnav">

View file

@ -7,9 +7,8 @@
<title>Wobbelnde Seite</title>
<link rel="icon" sizes="192x192" href="profilbild-workbench.png">
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="styles.php">
<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>
@ -33,10 +32,6 @@
</div>
<script type="text/javascript">
setBackground();
</script>
<div class="topnav-companion"></div>
<div class="topnav">

0
profilbild-workbench.png Executable file → Normal file
View file

Before

Width:  |  Height:  |  Size: 429 KiB

After

Width:  |  Height:  |  Size: 429 KiB

View file

@ -6,10 +6,7 @@
<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>
<link rel="stylesheet" href="styles.php">
</head>
@ -45,10 +42,6 @@
</div>
<script type="text/javascript">
setBackground();
</script>
<div class="topnav-companion"></div>
<div style="font-family:ubuntu;" class="topnav">

View file

@ -1,21 +1,3 @@
function randomBackground(backgrounds) {
let background = selectRandom(backgrounds);
console.log("Choosen random background image:", background);
if (!background.includes("backgrounds/")) {
background = "backgrounds/" + background
}
document.getElementById("background").style.backgroundImage = "url(" + 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 {
@ -25,66 +7,3 @@ function copyText(text) {
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;
};
function setBackground(bla = "") {
let currentDate = new Date();
let currentMonth = currentDate.getMonth();
let currentDay = currentDate.getDay();
if (currentMonth == 9) {
if (currentDay > 0 && currentDay < 20) {
getStringOfPageContent(bla + "backgrounds/halloween", function(pageContent) {
let backgrounds = getFilesInFolder(pageContent);
let backgroundNumber = 0;
while (backgroundNumber < backgrounds.length) {
backgrounds[backgroundNumber] = bla + "backgrounds/halloween/" + backgrounds[backgroundNumber];
backgroundNumber++;
}
randomBackground(backgrounds);
});
}
} else {
getStringOfPageContent("backgrounds", function(pageContent) {
let backgrounds = getFilesInFolder(pageContent);
randomBackground(backgrounds);
});
}
}
// getStringOfPageContent("backgrounds", getFilesInFolder)

View file

View file

View file

View file

View file

View file

View file

View file

View file

21
set_background.php Normal file
View file

@ -0,0 +1,21 @@
<?php
function scanAllDir($dir) {
$result = [];
foreach(scandir($dir) as $filename) {
if ($filename[0] === '.') continue;
$filePath = $dir . '/' . $filename;
if (is_dir($filePath)) {
foreach (scanAllDir($filePath) as $childFilename) {
$result[] = $filename . '/' . $childFilename;
}
} else {
$result[] = $filename;
}
}
return $result;
}
$backgrounds = scanAllDir("backgrounds");
$chosen_background = $backgrounds[array_rand($backgrounds)];
$chosen_background = "backgrounds/" . $chosen_background;
?>

188
styles.php Normal file
View file

@ -0,0 +1,188 @@
<?php
header("Content-type: text/css");
include "set_background.php";
?>
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: rgb(100, 100, 200);
text-decoration: none;
}
.background {
background-image: url('<?= $chosen_background ?>');
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;
}

View file

@ -6,10 +6,7 @@
<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>
<link rel="stylesheet" href="styles.php">
</head>
@ -101,10 +98,6 @@
</div>
<script type="text/javascript">
setBackground();
</script>
<div class="topnav-companion"></div>
<div style="font-family:ubuntu;" class="topnav" id="topnav">