ADD: crude db_connector and image getter
This commit is contained in:
TheShinyMelon
parent
a1446192e3
commit
c14777fc05
@ -1,48 +0,0 @@
|
||||
<!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>
|
||||
BIN
public/fav.ico
BIN
public/fav.ico
Binary file not shown.
|
Before Width: | Height: | Size: 17 KiB |
File diff suppressed because one or more lines are too long
@ -3,15 +3,15 @@
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width initial-scale=1">
|
||||
<title>Present day... present time! AHAHAHAHA</title>
|
||||
<link rel="stylesheet" href="./stylesheet.css">
|
||||
<link rel="icon" href="./fav.ico">
|
||||
<link rel="stylesheet" href="./resources/stylesheet.css">
|
||||
<link rel="icon" href="./resources/fav.ico">
|
||||
</head>
|
||||
<body>
|
||||
<div style='height: 24vh;'></div>
|
||||
<a href='./index.php' class='logo_link'>
|
||||
<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'>
|
||||
<img src='./resources/img/8_spinning_30fps.gif' class='logo_gif'>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
|
||||
@ -1,92 +0,0 @@
|
||||
@font-face {
|
||||
font-family: 'sans';
|
||||
src: url('../resources/fonts/LiberationSans.woff') format('woff'),
|
||||
url('../resources/fonts/LiberationSans.ttf') format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'mono';
|
||||
src: url('../resources/fonts/LiberationMono.woff') format('woff'),
|
||||
url('../resources/fonts/LiberationMono.ttf') format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'hyper';
|
||||
src: url('../resources/fonts/RealityHyperRegular.woff') format('woff'),
|
||||
url('../resources/fonts/RealityHyperRegular.ttf') format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
|
||||
*, body {
|
||||
box-sizing: border-box;
|
||||
font-family: 'sans';
|
||||
color: white;
|
||||
background-color: black;
|
||||
}
|
||||
|
||||
.logo_font {
|
||||
color: #BFBFBF;
|
||||
font-family: 'hyper';
|
||||
font-size: 6rem;
|
||||
text-shadow: 0 1px 0 #17202A, 0 2px 0 #17202A,
|
||||
0 7px 0 #17202A, 0 8px 0 #17202A,
|
||||
0 11px 0 #17202A, 0 12px 0 #17202A;
|
||||
z-index: 999;
|
||||
padding-left: 4rem;
|
||||
}
|
||||
|
||||
.logo_gif {
|
||||
height: 8.5rem;
|
||||
margin: -4rem;
|
||||
z-index: 998;
|
||||
}
|
||||
|
||||
.logo_group {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
pointer-events: none;
|
||||
margin-bottom: -4rem;
|
||||
}
|
||||
|
||||
.logo_link {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.menu_bar {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-family: 'mono';
|
||||
font-size: 2rem;
|
||||
text-shadow: 0 1px 0 #17202A, 0 2px 0 #17202A,
|
||||
0 7px 0 #17202A, 0 8px 0 #17202A,
|
||||
0 11px 0 #17202A, 0 12px 0 #17202A;
|
||||
}
|
||||
|
||||
.menu_bar li {
|
||||
list-style-type: none;
|
||||
margin: 1rem;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 9.6 MiB |
Loading…
Reference in New Issue
Block a user