kapcioszek/twoplusgoo.de
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
Marcelina Szostak 2025-04-11 17:08:26 +02:00
commit 523220ce07
Signed by: kapcioszek
GPG Key ID: 5B07EB46181A963B
6 changed files with 82 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
index.html Normal file
View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
<title>twoplusgoo.de</title>
</head>
<body>
<img src="resources/logo/page_logo.png" alt="logo" class="logotyp"/>
<br><br><br><br>
<div>
<p>Page is under development and it is very underdeveloped yet.</p>
</div>
<footer class="stopka">
<a class="klik">blog</a>
<a class="klik">music</a>
<a class="klik">artwork</a>
<a class="klik">about</a>
</footer>
</body>
</html>

BIN
resources/bg/page_background.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 71 KiB

BIN
resources/fonts/RetroWild.otf Normal file
View File

Binary file not shown.

BIN
resources/fonts/WinkyRough-VariableFont_wght.ttf Normal file
View File

Binary file not shown.

BIN
resources/logo/page_logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

57
style.css Normal file
View File

@ -0,0 +1,57 @@
@font-face {
font-family: winky;
src: url('resources/fonts/WinkyRough-VariableFont_wght.ttf');
}
@font-face {
font-family: retrowild;
src: url('resources/fonts/RetroWild.otf');
}
body {
background-image: url('./resources/bg/page_background.png');
display: flex;
flex-direction: column;
min-height: 100vh;
}
.logotyp {
display: block;
margin-left: auto;
margin-right: auto;
width: 60%;
}
.stopka {
font-family: retrowild;
font-size: 350%;
text-align: center;
margin-top: auto;
margin-bottom: 5%;
}
.klik {
margin-left: 2%;
margin-right: 2%;
}
.klik:hover {
color: #3e5a4a;
}
p {
text-align: left;
}
div {
padding: 3%;
text-align: center;
font-family: winky;
font-size: 200%;
text-shadow: 0 0 1px;
border-radius: 25px;
border-style: dashed;
border-width: 10px;
background-color: #e5d8c3C9;
margin-top: 10%;
}