initial commit
This commit is contained in:
0
blob-animation.js
Normal file
0
blob-animation.js
Normal file
13
home.html
Normal file
13
home.html
Normal file
@ -0,0 +1,13 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<title>DAIALECT</title>
|
||||
<link rel="stylesheet" type="text/css" href="style.css">
|
||||
<script type="text/javascript" src="blob-animation.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="main-title">
|
||||
<h1>DAIA<br>LECT</h1>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
9
noise-texture.svg
Normal file
9
noise-texture.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 1.9 MiB |
41
style.css
Normal file
41
style.css
Normal file
@ -0,0 +1,41 @@
|
||||
body
|
||||
{
|
||||
background-color: #FFE49F;
|
||||
color: #E07A31;
|
||||
}
|
||||
|
||||
.main-title
|
||||
{
|
||||
font-family: "League Spartan Black";
|
||||
font-size: 200px;
|
||||
display: flex;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 60%;
|
||||
height: 200%;
|
||||
z-index: 100;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
body::before,
|
||||
body::after {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
content: '';
|
||||
width: 2048px;
|
||||
height: 2048px;
|
||||
z-index: 50;
|
||||
opacity:100%;
|
||||
}
|
||||
|
||||
body::before {
|
||||
background: url("noise-texture.svg");
|
||||
mix-blend-mode: soft-light;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user