TheShinyMelon/layer-8
2
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ADD: zeug wird jetzt includiert

Browse Source
This commit is contained in:
TheShinyMelon 2023-11-16 23:37:16 +01:00
parent 4a25cd5d06
commit a1446192e3
5 changed files with 115 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
linetest.html Normal file
View File

@ -0,0 +1,48 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body {
margin: 0;
overflow: hidden;
}
.hover-trigger {
position: relative;
display: inline-block;
padding: 20px;
font-size: 18px;
cursor: pointer;
}
.hover-trigger:hover::before {
content: '';
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 2px;
background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet); /* Change colors as needed */
animation: drawLine 2s ease-in-out;
}
@keyframes drawLine {
0% {
width: 0;
left: 50%;
}
100% {
width: 100%;
left: 0;
}
}
</style>
</head>
<body>
<div class="hover-trigger">Hover me</div>
</body>
</html>

2
public/audio.php Normal file
View File

@ -0,0 +1,2 @@
<?php
echo('<h1>bong</h1>');

2
public/images.php Normal file
View File

File diff suppressed because one or more lines are too long

53
public/index.php
View File

@ -7,18 +7,49 @@
<link rel="icon" href="./fav.ico">
</head>
<body>
<div style='height: 20vh;'></div>
<div class='logo_group'>
<h1 class='logo_font'>LAYER</h1>
<img src='../resources/img/8_spinning_30fps.gif' class='logo_gif'>
</div>
<div style='height: 24vh;'></div>
<a href='./index.php' class='logo_link'>
<div class='logo_group'>
<h1 class='logo_font'>LAYER-</h1>
<img src='../resources/img/8_spinning_30fps.gif' class='logo_gif'>
</div>
</a>
<ul class='menu_bar'>
<li><a href='./index.php'>home</a></li>
<li><a>images</a></li>
<li><a>audio</a></li>
<li><a>video</a></li>
<li><a>text</a></li>
<li><a>about</a></li>
<li><a href='./index.php?el=images'>images</a></li>
<li><a href='./index.php?el=audio'>audio</a></li>
<li><a href='./index.php?el=video'>video</a></li>
<li><a href='./index.php?el=text'>text</a></li>
<li><a href='./index.php?el=about'>about</a></li>
</ul>
<div style='height: 4vh;'></div>
</body>
<?php
$el = isset($_GET['el']) ? $_GET['el'] : '';
switch($el) {
case 'images':
include('images.php');
break;
case 'audio':
include('audio.php');
break;
case 'video':
include('video.php');
break;
case 'text':
include('text.php');
break;
case 'about':
include('about.php');
break;
default:
break;
}
?>

23
public/stylesheet.css
View File

@ -38,12 +38,12 @@
0 7px 0 #17202A, 0 8px 0 #17202A,
0 11px 0 #17202A, 0 12px 0 #17202A;
z-index: 999;
padding-left: 6rem;
padding-left: 4rem;
}
.logo_gif {
height: 8rem;
margin: -1rem;
height: 8.5rem;
margin: -4rem;
z-index: 998;
}
@ -52,6 +52,11 @@
justify-content: center;
align-items: center;
pointer-events: none;
margin-bottom: -4rem;
}
.logo_link {
text-decoration: none;
}
.menu_bar {
@ -73,3 +78,15 @@
.menu_bar li a {
text-decoration: none;
}
.menu_bar li a:hover {
text-decoration: underline;
text-decoration-thickness: 5px;
text-decoration-color: #f3a041;
}
.menu_bar li a:active {
text-decoration: underline;
text-decoration-thickness: 6px;
text-decoration-color: #41a3f3;
}