-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
136 lines (127 loc) · 7.02 KB
/
Copy pathindex.html
File metadata and controls
136 lines (127 loc) · 7.02 KB
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
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="MH Toolkit builds cross-platform tools for classic Monster Hunter emulation, overlays, saves, and multiplayer on macOS and Android." />
<meta property="og:title" content="MH Toolkit" />
<meta property="og:description" content="Cross-platform toolkit for classic Monster Hunter emulation on macOS and Android." />
<meta property="og:image" content="https://mhtoolkit.github.io/assets/logo.png" />
<meta property="og:url" content="https://mhtoolkit.github.io" />
<title>MH Toolkit</title>
<link rel="icon" href="assets/logo.png" />
<link rel="stylesheet" href="assets/design-tokens.css" />
<style>
:root {
color-scheme: dark;
--bg: var(--surface-window);
--panel: var(--surface-sidebar);
--panel-strong: var(--surface-content);
--text: var(--label-primary);
--muted: var(--label-secondary);
--line: var(--separator);
--accent-2: var(--state-success);
--shadow: rgba(0, 0, 0, 0.35);
}
* { box-sizing: border-box; }
body {
margin: 0;
min-height: 100vh;
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
background:
radial-gradient(circle at 18% 15%, rgba(77, 210, 255, 0.24), transparent 32rem),
radial-gradient(circle at 82% 18%, rgba(137, 255, 203, 0.16), transparent 28rem),
linear-gradient(145deg, #050910 0%, #071019 48%, #0a1722 100%);
color: var(--text);
}
a { color: inherit; }
.shell { width: min(1120px, calc(100% - 40px)); margin: 0 auto; }
header { padding: 28px 0 18px; }
nav { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.brand { display: flex; align-items: center; gap: 14px; font-weight: 800; letter-spacing: 0.02em; }
.brand img { width: 44px; height: 44px; border-radius: 14px; box-shadow: 0 12px 28px var(--shadow); }
.links { display: flex; gap: 14px; color: var(--muted); font-size: 14px; }
.links a { text-decoration: none; }
.links a:hover { color: var(--text); }
.hero { padding: 78px 0 52px; display: grid; grid-template-columns: 1.25fr 0.75fr; gap: 40px; align-items: center; }
.eyebrow { color: var(--accent-2); text-transform: uppercase; letter-spacing: 0.16em; font-size: 12px; font-weight: 800; }
h1 { margin: 16px 0 18px; font-size: clamp(44px, 8vw, 92px); line-height: 0.92; letter-spacing: -0.07em; }
.lead { margin: 0; max-width: 720px; color: var(--muted); font-size: clamp(18px, 2.4vw, 24px); line-height: 1.55; }
.actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 30px; }
.button { padding: 13px 18px; border-radius: 999px; text-decoration: none; font-weight: 800; border: 1px solid var(--line); background: var(--panel); }
.button.primary { background: linear-gradient(135deg, var(--accent), var(--accent-2)); color: #041014; border: 0; }
.logo-card { border: 1px solid var(--line); border-radius: 36px; background: var(--panel); padding: 34px; box-shadow: 0 24px 80px var(--shadow); backdrop-filter: blur(18px); }
.logo-card img { width: 100%; border-radius: 30px; display: block; }
.grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; padding: 18px 0 56px; }
.card { border: 1px solid var(--line); border-radius: 24px; background: var(--panel); padding: 22px; min-height: 190px; }
.card h2 { margin: 0 0 12px; font-size: 20px; }
.card p { margin: 0; color: var(--muted); line-height: 1.65; }
.status { margin: 0 0 80px; padding: 24px; border: 1px solid var(--line); border-radius: 28px; background: var(--panel-strong); color: var(--muted); }
.status strong { color: var(--text); }
footer { padding: 36px 0 48px; border-top: 1px solid var(--line); color: var(--muted); font-size: 14px; }
@media (max-width: 820px) {
.hero { grid-template-columns: 1fr; padding-top: 46px; }
.logo-card { max-width: 360px; }
.grid { grid-template-columns: 1fr; }
nav { align-items: flex-start; flex-direction: column; }
}
</style>
</head>
<body>
<header class="shell">
<nav>
<a class="brand" href="/" aria-label="MH Toolkit home">
<img src="assets/logo.png" alt="MH Toolkit Nemessix shield logo" />
<span>MH Toolkit</span>
</a>
<div class="links" role="navigation" aria-label="Project navigation">
<a href="#projects">Projects</a>
<a href="https://github.com/MHToolkit/mh-toolkit">Releases</a>
<a href="https://github.com/MHToolkit">GitHub</a>
</div>
</nav>
</header>
<main class="shell">
<section class="hero">
<div>
<div class="eyebrow">macOS · Android · classic hunting tools</div>
<h1>MH Toolkit</h1>
<p class="lead">An organization-level toolkit ecosystem for classic Monster Hunter emulation: focused repositories for overlays, emulator integration, saves, multiplayer, content tooling, and coordinated releases for macOS and Android.</p>
<div class="actions">
<a class="button primary" href="https://github.com/MHToolkit/mh-toolkit">View the hub</a>
<a class="button" href="https://github.com/MHToolkit">GitHub organization</a>
</div>
</div>
<div class="logo-card" aria-hidden="true">
<img src="assets/logo.png" alt="" />
</div>
</section>
<section class="grid" id="projects" aria-label="Project areas">
<article class="card project-link">
<h2><a href="https://github.com/MHToolkit/nemessix">Nemessix</a></h2>
<p>A capability-driven Nintendo engine platform with a unified library and platform-native multiplayer coordination.</p>
</article>
<article class="card project-link">
<h2><a href="https://github.com/MHToolkit/mh-overlay">MH Overlay</a></h2>
<p>Fail-closed, version-aware battle information with native macOS and Android presentation.</p>
</article>
<article class="card project-link">
<h2><a href="https://github.com/MHToolkit/mh-save-sync">MH Save Sync</a></h2>
<p>Encrypted, conflict-preserving save history with explicit queue and recovery states.</p>
</article>
<article class="card project-link">
<h2><a href="https://github.com/MHToolkit/mh-field-map">MH Field Map</a></h2>
<p>Accessible field reference and map states designed for online and offline use.</p>
</article>
<article class="card project-link">
<h2><a href="https://github.com/MHToolkit/mh-toolkit">Coordinated releases</a></h2>
<p>Exact repository identities, platform support evidence, artifact hashes, and setup paths.</p>
</article>
</section>
<p class="status" data-state="planning" role="status"><strong>Status:</strong> active platform development. Compatibility remains fail-closed until each product and artifact has reproducible evidence.</p>
</main>
<footer class="shell">
© 2026 MH Toolkit · Built on GitHub Pages
</footer>
</body>
</html>