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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Explore games, writing, and worldbuilding projects built for players who love deep lore and bold adventures.">
<title>Sharkk</title>
<link rel="stylesheet" href="css/fonts.css">
<link rel="stylesheet" href="css/tokens.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="container">
<header id="main">
<a id="logo-link" href="index.html" aria-label="Sharkk home"></a>
<div class="content">
<nav>
<div class="nav-item">
<a href="work/index.html">
Work <svg class="nav-chevron" viewBox="0 0 42 42" aria-hidden="true" focusable="false">
<path d="M20.833,41.574l-20.674,-20.674l-0.159,-20.9l20.88,20.88l20.879,-20.88l-0.159,20.9l-20.674,20.674l-0,0.093l-0.046,-0.047l-0.047,0.047l0,-0.093Z" />
</svg>
</a>
<div class="nav-dropdown work-list">
<div class="link-list current-work">
<a href="work/project-1/index.html">Anashti Sul</a>
<a href="work/planes-of-power/index.html">Planes of Power</a>
<a href="work/ashbringer/index.html">Ashbringer</a>
</div>
<div class="link-list old-work">
<a href="work/mad-splash/index.html">Mad Splash</a>
<a href="work/battles-for-arthos/index.html">Battles for Arthos</a>
<a href="work/legendarium/index.html">Legendarium</a>
</div>
</div>
</div>
<div class="nav-item">
<a href="blog/index.html">
Blog </a>
</div>
<div class="nav-item">
<a href="about/index.html">
About </a>
</div>
</nav>
</div>
</header>
</div>
<div id="slider" class="">
<div class="slide">
<a href="index.html"></a>
</div>
</div>
<div class="container">
<main class="hero">
<section class="content">
<h1 class="welcome-heading"><span class="intro">Welcome to</span> <span class="highlight">Sharkk</span></h1>
<p class="copy">Explore games, writing, and worldbuilding projects built for players who love deep lore and bold adventures.</p>
<div class="actions">
<a class="button primary" href="work/index.html">View Work</a>
<a class="button secondary" href="about/index.html">About Sharkk</a>
</div>
</section>
</main>
<section class="boxart">
<a class="item" href="work/project-1/index.html">
<img src="img/boxart/test1jpg.jpg" alt="">
<span class="title">Anashti Sul</span>
</a>
<a class="item" href="work/planes-of-power/index.html">
<img src="img/boxart/test2.jpg" alt="">
<span class="title">Planes of Power</span>
</a>
<a class="item" href="work/ashbringer/index.html">
<img src="img/boxart/test3.jpg" alt="">
<span class="title">Ashbringer</span>
</a>
</section>
<footer class="footer">
<div class="brand">
<img src="img/sharkmark.svg" alt="" aria-hidden="true">
<p>© 2026 Sharkk. No wipeouts, just waves.</p>
</div>
<nav class="links">
<a href="privacy/index.html">Privacy</a>
<a href="legal/index.html">Legal</a>
</nav>
</footer>
</div>
<script src="js/nav-dropdown.js"></script>
<script src="js/blog-index.js"></script>
<script src="js/markdown-editor.js"></script>
</body>
</html>