ADD: zeug wird jetzt includiert
This commit is contained in:
parent
4a25cd5d06
commit
a1446192e3
48
linetest.html
Normal file
48
linetest.html
Normal 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
2
public/audio.php
Normal file
@ -0,0 +1,2 @@
|
||||
<?php
|
||||
echo('<h1>bong</h1>');
|
2
public/images.php
Normal file
2
public/images.php
Normal file
File diff suppressed because one or more lines are too long
@ -7,18 +7,49 @@
|
||||
<link rel="icon" href="./fav.ico">
|
||||
</head>
|
||||
<body>
|
||||
<div style='height: 20vh;'></div>
|
||||
<div style='height: 24vh;'></div>
|
||||
<a href='./index.php' class='logo_link'>
|
||||
<div class='logo_group'>
|
||||
<h1 class='logo_font'>LAYER</h1>
|
||||
<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;
|
||||
}
|
||||
?>
|
@ -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;
|
||||
}
|
Loading…
Reference in New Issue
Block a user