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
<!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="A demo shelf of projects with fantasy bite, arcade shine, and enough lore barnacles to slow a frigate.">
<title>Work | 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="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="project-1/index.html">Anashti Sul</a>
<a href="planes-of-power/index.html">Planes of Power</a>
<a href="ashbringer/index.html">Ashbringer</a>
</div>
<div class="link-list old-work">
<a href="mad-splash/index.html">Mad Splash</a>
<a href="battles-for-arthos/index.html">Battles for Arthos</a>
<a href="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 class="container">
<main class="page works-page">
<section class="hero">
<div class="content">
<h1 class="long">Weird <span class="highlight">worlds</span></h1>
<h2 class="long">wild <span class="highlight">adventures</span></h2>
<p class="copy">A demo shelf of projects with fantasy bite, arcade shine, and enough lore barnacles to slow a frigate.</p>
</div>
</section>
<section class="works-grid">
<a class="work-card" href="project-1/index.html">
<img src="../img/boxart/test1jpg.jpg" alt="">
<h2>Anashti Sul</h2>
<p>Sunken gods, reef cities, and blade-bright politics under a bad moon.</p>
</a>
<a class="work-card" href="planes-of-power/index.html">
<img src="../img/boxart/test2.jpg" alt="">
<h2>Planes of Power</h2>
<p>A planar strategy playground where empires surf the fault lines of magic.</p>
</a>
<a class="work-card" href="ashbringer/index.html">
<img src="../img/boxart/test3.jpg" alt="">
<h2>Ashbringer</h2>
<p>Firelit quests, broken crowns, and one sword with absolutely no chill.</p>
</a>
<a class="work-card" href="mad-splash/index.html">
<img src="../img/boxart/test4.jpg" alt="">
<h2>Mad Splash</h2>
<p>Fast water, bad ideas, and the sort of arcade chaos that leaves teeth marks.</p>
</a>
</section>
</main>
<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>