Wobbl/Wobbly-Website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Ready improving!

Browse source
This commit is contained in:
The Wobbler 2024-10-22 16:36:30 +02:00
parent 7d688d5e18
commit 943ba9ab26
3 changed files with 47 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
index.html
View file

@ -38,11 +38,31 @@
</p> </p>
</div> </div>
<div class="glass inset"> <div class="glass inset">
<p class="normal-text"> <p class="fat-text">
Hier könnt ihr mich erreichen: Wenn ihr mal mit mir schreiben, zocken, mir helfen oder Projekten beitragen wollt:
<br>
<br>
<br>
<a href="javascript:copyText('emil@i21k.de')" class="button inout" title="The button copies the address.">E-Mail</a>
<br>
<br>
<br>
<a href="https://teapot.informationsanarchistik.de/Wobbl" target="_blank" class="button inout">Git (Forgejo)</a>
<br>
<br>
<br>
<a href="https://dizl.de/@eknr1" target="_blank" class="button inout">Mastodon</a>
<br>
<br>
<br>
<a href="https://peertube.art3mis.de/a/eknr01/" target="_blank" class="button inout">Peertube</a>
<br>
<br>
<br>
<a href="https://discord.com/invite/8htpyBfdan" target="_blank" class="button inout">Discord</a>
<br>
<br> <br>
<br> <br>
Email: emil@i21k.de
</p> </p>
</div> </div>
<div class="glass inset" id="mb-int"> <div class="glass inset" id="mb-int">
@ -62,7 +82,12 @@
dass ich für die Verbrechen, die in dem Code des Spiels stecken, nicht gerecht bestraft wurde. dass ich für die Verbrechen, die in dem Code des Spiels stecken, nicht gerecht bestraft wurde.
<br> <br>
Trotzdem kann man es spielen und ihr könnt es hier downloaden, wenn ihr wollt. Trotzdem kann man es spielen und ihr könnt es hier downloaden, wenn ihr wollt.
<a href="merge-box" class="normal-button">Download</a> <br>
<br>
<br>
<a href="merge-box" class="button inout">Download</a>
<br>
<br>
</p> </p>
</div> </div>
</div> </div>

8
merge-box/index.html
View file

@ -8,7 +8,7 @@
<link rel="icon" href="https://i21k.de/emil/files/Icons/merge_box_icon.png"> <link rel="icon" href="https://i21k.de/emil/files/Icons/merge_box_icon.png">
<link rel="stylesheet" href="https://i21k.de/emil/styles.css"> <link rel="stylesheet" href="https://i21k.de/emil/styles.php">
</head> </head>
@ -19,10 +19,8 @@
<div style="font-family:ubuntu;" class="topnav"> <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="https://i21k.de/emil">Wobbelnde Seite</a>
<a class="topnav-inactive" href="ueber-mich.html" title="über mich">über mich</a> <a class="topnav-active" href="">Merge Box</a>
<a class="topnav-inactive" href="downloads.html" title="Downloads">Downloads</a>
</div> </div>
<br> <br>

20
styles.php
View file

@ -27,8 +27,8 @@ a {
background-repeat: no-repeat; background-repeat: no-repeat;
background-attachment: fixed; background-attachment: fixed;
background-size: cover; background-size: cover;
min-height: 800px;
border-radius: 16px; border-radius: 16px;
padding: 10px;
} }
.text-background { .text-background {
@ -131,13 +131,13 @@ a {
} }
.glass { .glass {
backdrop-filter: blur(4px); backdrop-filter: blur(8px);
border-radius: 16px; border-radius: 16px;
margin: 32px 16px 64px; margin: 32px 16px 64px;
} }
.glassint { .glassint {
backdrop-filter: blur(4px); backdrop-filter: blur(8px);
border-radius: 16px; border-radius: 16px;
margin: 32px 16px 64px; margin: 32px 16px 64px;
animation-name: glassdiff; animation-name: glassdiff;
@ -156,13 +156,13 @@ a {
backdrop-filter: blur(2px); backdrop-filter: blur(2px);
} }
100% { 100% {
backdrop-filter: blur(4px); backdrop-filter: blur(8px);
} }
} }
@keyframes glassclear { @keyframes glassclear {
0% { 0% {
backdrop-filter: blur(4px); backdrop-filter: blur(8px);
} }
100% { 100% {
backdrop-filter: blur(2px); backdrop-filter: blur(2px);
@ -232,3 +232,13 @@ a {
color: white; color: white;
background-color: rgba(51, 51, 51, 0.2); background-color: rgba(51, 51, 51, 0.2);
} }
.button {
border: 4px solid rgba(255, 255, 255, 0.5);
border-radius: 16px;
margin: 0px 16px 16px 16px;
padding: 8px;
font-size: 16px;
text-align: center;
font-weight: bold;
}