-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
98 lines (91 loc) · 4.67 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mortis Project</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div>
<div class="wave"></div>
<div class="wave"></div>
<div class="wave"></div>
</div>
<header>
<h1>Mortis Projects</h1>
<section class="clock">
<div class="clock-container">
<p id="date"></p>
</div>
</section>
<a class="Contact" href="https://discord.gg/caBfGn58Q2" target="_blank">Discord Server</a>
</header>
<h2>My Socials</h2>
<section id="social-links">
<nav>
<ul>
<li>
<a href="https://x.com/MortisDG" target="_blank" class="icon-link">
<svg width="24" height="24" fill="currentColor">
<path
d="M22 5.892a8.178 8.178 0 0 1-2.355.635 4.074 4.074 0 0 0 1.8-2.235 8.343 8.343 0 0 1-2.605.981A4.13 4.13 0 0 0 15.85 4a4.068 4.068 0 0 0-4.1 4.038c0 .31.035.618.105.919A11.705 11.705 0 0 1 3.4 4.734a4.006 4.006 0 0 0 1.268 5.392 4.165 4.165 0 0 1-1.859-.5v.05A4.057 4.057 0 0 0 6.1 13.635a4.192 4.192 0 0 1-1.856.07 4.108 4.108 0 0 0 3.831 2.807A8.36 8.36 0 0 1 2 18.184 11.732 11.732 0 0 0 8.291 20 11.502 11.502 0 0 0 19.964 8.5c0-.177 0-.349-.012-.523A8.143 8.143 0 0 0 22 5.892Z" />
</svg>
<span>Twitter</span>
</a>
</li>
<li>
<a href="https://soundcloud.com/mortisdg" target="_blank" class="icon-link">
<svg width="24" height="24" fill="currentColor">
<path
d="M22 5.892a8.178 8.178 0 0 1-2.355.635 4.074 4.074 0 0 0 1.8-2.235 8.343 8.343 0 0 1-2.605.981A4.13 4.13 0 0 0 15.85 4a4.068 4.068 0 0 0-4.1 4.038c0 .31.035.618.105.919A11.705 11.705 0 0 1 3.4 4.734a4.006 4.006 0 0 0 1.268 5.392 4.165 4.165 0 0 1-1.859-.5v.05A4.057 4.057 0 0 0 6.1 13.635a4.192 4.192 0 0 1-1.856.07 4.108 4.108 0 0 0 3.831 2.807A8.36 8.36 0 0 1 2 18.184 11.732 11.732 0 0 0 8.291 20 11.502 11.502 0 0 0 19.964 8.5c0-.177 0-.349-.012-.523A8.143 8.143 0 0 0 22 5.892Z" />
</svg>
<span>SoundCloud</span>
</a>
</li>
<li>
<a href="https://www.youtube.com/@-MortisMusic" target="_blank" class="icon-link">
<svg width="24" height="24" fill="currentColor">
<path
d="M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z" />
</svg>
<span>YouTube</span>
</a>
</li>
</ul>
</nav>
</section>
<h3>Current Projects</h3>
<section id="Uploads">
<div class="scale">
<div class="project-grid">
<a href="projects/TAS.html" class="project-item">
<div class="caption">Jak 3 Hero Mode TAS</div>
<img src="projects/images/TAS.png" alt="Project 1">
</a>
<a href="projects/jak3nohit.html" class="project-item">
<div class="caption">Jak 3 No Hit</div>
<img src="projects/images/nohit.png" alt="Project 2">
</a>
<a href="projects/music.html" class="project-item">
<div class="caption">Music Projects</div>
<img src="projects/images/music.png" alt="Project 3">
</a>
<a href="projects/InputDisplay/index.html" class="project-item">
<div class="caption">Input Display</div>
<img src="projects/images/Input.png" alt="Project 4">
</a>
<a href="projects/speedrunwrapped.html" class="project-item">
<div class="caption">Speedrun Wrapped</div>
<img src="projects/images/Input.png" alt="Project 5">
</a>
<a href="projects/NumberMatch/index.html" class="project-item">
<div class="caption">Number Match</div>
<img src="projects/images/Input.png" alt="Project 5">
</a>
</div>
</div>
</section>
</body>
<script src="script.js"></script>
</html>