Wobbly-Website/index.php

129 lines
4.8 KiB
PHP

<?php
header("Content-type: text/html");
include "file_viewer.php";
?>
<!DOCTYPE html>
<html lang="de"><meta charset="utf-8">
<head>
<title>Wobbelnde Seite</title>
<link rel="icon" sizes="192x192" href="profilbild-workbench.png">
<link rel="stylesheet" href="styles.php">
<link rel="stylesheet" href="file_viewer_styles.css">
<?php
echo " <style>
/* This CSS code is php generated. Hardcoding it would be a programming war crime. :3 */\n\n";
echo generateCSSCode(completeScanDir("files"));
echo " </style>";
?>
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<div class="background" id="background">
<div class="topnav-placeholder"></div>
<p class="big-text fat-text">Seite von dem Wobbler</p>
<div class="glass inset">
<p class="normal-text">
Hallo, ich bin der Wobbler.
<br>
Ich kann ein wenig programmieren, am liebsten verwende ich Python.
<br>
Ich habe aber auch ein wenig Erfahrung mit den Sprachen Kotlin, JavaScript, PHP, Lua, Bash, GDScript und C.
<br>
Die Designsprachen HTML und CSS benutze ich auch manchmal, wobei mich CSS meistens zum ausrasten bringt.
<br>
Jedoch umgehe ich JavaScript, auch wenn ich dafür CSS verwenden muss.
<br>
Ich verwende kein Arch BTW, sondern Linux Mint.
<br>
Im Sommer kann man mich immer auf dem <a href="https://fedi.camp" target="_blank">Fedicamp</a> finden.
<br>
Ich bin ein großer Fan von dezentralen Netzwerken wie Mastodon und kann es kaum erwarten,
<br>
dass <a href="https://forgejo.org" target="_blank">Forgejo</a> auch bald Föderationsfähig seien wird.
</p>
</div>
<div class="glass inset" id="projects">
<p class="fat-text heading-text">Pojekte</p>
<a href="https://teapot.informationsanarchistik.de/Wobbl/Bread_Editor" class="button inout" target="_blank">Bread Editor</a>
<p class="tiny-text">Ein biteditor, den ich mit PyQt programmiert habe.</p>
<hr class="inset">
<a href="https://teapot.informationsanarchistik.de/Wobbl/wobbl_sand" class="button inout" target="_blank">Wobbl Sand</a>
<p class="tiny-text">Eine einfache aber schöne Sandsimulation.</p>
<hr class="inset">
<a href="https://teapot.informationsanarchistik.de/Wobbl/Screensaver" class="button inout" target="_blank">Wobbl's Screensaver</a>
<p class="tiny-text">
Ein einfaches Programm,
<br>
welches alle .svg-Dateien in einem Ordner bildschirmschonermäßig durch das Fenster fliegen lässt.
</p>
<hr class="inset">
<a href="https://teapot.informationsanarchistik.de/Wobbl/wobbl_tools" class="button inout" target="_blank">Wobbl Tools</a>
<p class="tiny-text">Ein Modul, das ich für viele meiner Projekte brauche.</p>
</div>
<div class="glass inset">
<p class="heading-text fat-text">Wenn ihr mal mit mir schreiben, zocken, mir helfen oder Projekten beitragen wollt:</p>
<a href="javascript:copyText('emil@i21k.de')" class="button inout" title="The button copies the address.">E-Mail</a>
<br>
<a href="javascript:copyText('eknr1@jabber.ccc.de')" class="button inout" title="The button copies the address.">XMPP</a>
<br>
<a href="https://teapot.informationsanarchistik.de/Wobbl" target="_blank" class="button inout">Git (Forgejo)</a>
<br>
<a href="https://gitlab.com/EKNr1" target="_blank" class="button inout">GitLab</a>
<p class="tiny-text inline-text">
(Ich bin nicht mehr aktiv auf GitLab,
<br>
da Forgejo viel besser ist und auch bald Fediverse kompatibel seien wird.)
</p>
<br>
<a href="https://dizl.de/@eknr1" target="_blank" class="button inout">Mastodon</a>
<br>
<a href="https://peertube.art3mis.de/a/eknr01/" target="_blank" class="button inout">Peertube</a>
<br>
<a href="https://discord.com/invite/8htpyBfdan" target="_blank" class="button inout">Discord</a>
<br>
<br>
</div>
<div class="glass inset">
<p>
Hab hier nen kleinen Datenschrottplatz an Mist,
<br>
den ich mal mit irgendwem teilen musste und deshalb hier auf den Server geladen hab.
<br>
Evtl. könnt ihr hier etwas brauchbares finden.
</p>
<div class="glass inset">
<?= generateSubmenusHTML(completeScanDir("files"), " ") ?>
<br>
</div>
</div>
</div>
<div class="topnav-companion"></div>
<div class="topnav">
<a class="topnav-active" href="">Start</a>
<a class="topnav-inactive" href="#projects">Projekte</a>
</div>
</body>
</html>