Skip to content

Commit c602576

Browse files
dae-vinitydae-vinity
committed
finally a website
0 parents  commit c602576

File tree

11 files changed

+191
-0
lines changed

11 files changed

+191
-0
lines changed

‎.htaccess‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
RewriteEngine on
2+
3+
RewriteCond %{THE_REQUEST} /([^.]+)\.html [NC]
4+
RewriteRule ^ /%1 [NC,L,R]
5+
6+
RewriteCond %{REQUEST_FILENAME}.html -f
7+
RewriteRule ^ %{REQUEST_URI}.html [NC,L]

‎about.html‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>daemon - the website</title>
5+
<link rel="stylesheet" href="main.css" />
6+
<link rel="preconnect" href="https://fonts.googleapis.com" />
7+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
8+
<link
9+
href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"
10+
rel="stylesheet"
11+
/>
12+
</head>
13+
<body></body>
14+
</html>

‎assets/logo.svg‎

Lines changed: 18 additions & 0 deletions
Loading

‎assets/loop.svg‎

Lines changed: 4 additions & 0 deletions
Loading

‎contact.html‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>daemon - the website</title>
5+
<link rel="stylesheet" href="main.css" />
6+
<link rel="preconnect" href="https://fonts.googleapis.com" />
7+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
8+
<link
9+
href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"
10+
rel="stylesheet"
11+
/>
12+
</head>
13+
<body></body>
14+
</html>

‎index.html‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>daemon - the website</title>
5+
<link rel="stylesheet" href="main.css" />
6+
<link rel="preconnect" href="https://fonts.googleapis.com" />
7+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
8+
<link
9+
href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"
10+
rel="stylesheet"
11+
/>
12+
</head>
13+
<body>
14+
<img src="assets/logo.svg" alt="dae-vinity.dev" class="logo" />
15+
<img src="assets/logo.svg" alt="dae-vinity.dev" class="logo effect" />
16+
<p class="directory">
17+
<a href="about" class="nah">ABOUT</a> / <a href="links">LINKS</a> /
18+
<a href="projects" class="nah">PROJECTS</a> /
19+
<a href="portfolio" class="nah">PORTFOLIO</a> /
20+
<a href="contact">CONTACT</a>
21+
</p>
22+
</body>
23+
</html>

‎index.js‎

Whitespace-only changes.

‎links.html‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>daemon - the website</title>
5+
<link rel="stylesheet" href="main.css" />
6+
<link rel="preconnect" href="https://fonts.googleapis.com" />
7+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
8+
<link
9+
href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"
10+
rel="stylesheet"
11+
/>
12+
</head>
13+
<body></body>
14+
</html>

‎main.css‎

Lines changed: 69 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,69 @@
1+
@keyframes scroll {
2+
from {
3+
background-position: 0px;
4+
}
5+
to {
6+
background-position: 128px;
7+
}
8+
}
9+
10+
@keyframes effect {
11+
from {
12+
opacity: 0%;
13+
width: 590px;
14+
left: calc(50% - 295px);
15+
top: calc(50% - 25px);
16+
}
17+
18+
to {
19+
opacity: 25%;
20+
width: 649px;
21+
left: calc(50% - 325px);
22+
top: calc(50% - 28px);
23+
}
24+
}
25+
26+
body {
27+
background-color: #000000;
28+
background-image: url(assets/loop.svg);
29+
animation-name: scroll;
30+
animation-duration: 2s;
31+
animation-iteration-count: infinite;
32+
animation-timing-function: linear;
33+
}
34+
35+
a {
36+
color: #ffffff;
37+
text-decoration: none;
38+
font-weight: 600;
39+
}
40+
41+
.logo {
42+
position: absolute;
43+
left: calc(50% - 295px);
44+
top: calc(50% - 25px);
45+
filter: drop-shadow(0px 0px 26px #ffffff80);
46+
}
47+
48+
.effect {
49+
animation-name: effect;
50+
animation-duration: 4s;
51+
animation-iteration-count: infinite;
52+
animation-direction: alternate;
53+
filter: none;
54+
}
55+
56+
.directory {
57+
position: absolute;
58+
top: calc(50% + 48px);
59+
width: 100%;
60+
text-align: center;
61+
62+
color: #ffffff;
63+
font-family: "Montserrat", sans-serif;
64+
font-size: 16px;
65+
}
66+
67+
.nah {
68+
color: #808080;
69+
}

‎portfolio.html‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>daemon - the website</title>
5+
<link rel="stylesheet" href="main.css" />
6+
<link rel="preconnect" href="https://fonts.googleapis.com" />
7+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
8+
<link
9+
href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"
10+
rel="stylesheet"
11+
/>
12+
</head>
13+
<body></body>
14+
</html>

0 commit comments

Comments
 (0)