hub-guides 0.0.0-stage → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.html +158 -0
- package/package.json +13 -4
- package/README.md +0 -3
package/index.html
ADDED
|
@@ -0,0 +1,158 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
6
|
+
<title>Game Guides - Hub Guides</title>
|
|
7
|
+
<meta name="robots" content="noindex, nofollow">
|
|
8
|
+
<style>
|
|
9
|
+
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
10
|
+
body {
|
|
11
|
+
font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
|
|
12
|
+
color: #fff;
|
|
13
|
+
background: linear-gradient(115deg, #2a5d9f 0%, #23548f 45%, #1d497c 100%);
|
|
14
|
+
min-height: 100vh;
|
|
15
|
+
}
|
|
16
|
+
.dots {
|
|
17
|
+
position: fixed; inset: 0; pointer-events: none;
|
|
18
|
+
background-image: radial-gradient(rgba(255,255,255,.05) 1.2px, transparent 1.2px);
|
|
19
|
+
background-size: 26px 26px;
|
|
20
|
+
}
|
|
21
|
+
header { text-align: center; padding: 44px 18px 10px; position: relative; }
|
|
22
|
+
header .badge {
|
|
23
|
+
display: inline-block; margin-bottom: 12px; padding: 6px 14px;
|
|
24
|
+
border: 1px solid rgba(255,255,255,.35); border-radius: 20px;
|
|
25
|
+
font-size: 12px; letter-spacing: 2.5px; text-transform: uppercase; color: #dbe9fb;
|
|
26
|
+
}
|
|
27
|
+
header h1 { font-weight: 300; font-size: clamp(28px, 4vw, 44px); }
|
|
28
|
+
header h1 b { font-weight: 700; }
|
|
29
|
+
header p { color: #b9d0ec; margin-top: 10px; font-size: 15px; }
|
|
30
|
+
.grid {
|
|
31
|
+
position: relative;
|
|
32
|
+
max-width: 960px; margin: 26px auto 20px; padding: 0 30px 30px;
|
|
33
|
+
display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 15px;
|
|
34
|
+
}
|
|
35
|
+
.g {
|
|
36
|
+
display: block; text-decoration: none; color: #fff;
|
|
37
|
+
background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14);
|
|
38
|
+
border-radius: 10px; padding: 24px 16px; text-align: center;
|
|
39
|
+
transition: background .2s, transform .2s;
|
|
40
|
+
}
|
|
41
|
+
.g:hover { background: rgba(255,255,255,.17); transform: translateY(-3px); }
|
|
42
|
+
.g .e { font-size: 38px; display: block; margin-bottom: 10px; }
|
|
43
|
+
.g .n { font-size: 16px; font-weight: 600; display: block; }
|
|
44
|
+
.g .d { font-size: 12px; color: #b9d0ec; margin-top: 5px; display: block; }
|
|
45
|
+
.back {
|
|
46
|
+
position: relative; text-align: center; padding: 4px 0 46px; font-size: 13.5px; color: #cfe0f5;
|
|
47
|
+
}
|
|
48
|
+
.back a { color: #9fd8ff; text-decoration: none; font-weight: 600; }
|
|
49
|
+
article { position: relative; max-width: 740px; margin: 10px auto 40px; padding: 0 26px; display: none; }
|
|
50
|
+
article.on { display: block; }
|
|
51
|
+
article h2 { font-size: 22px; font-weight: 700; margin-bottom: 12px; }
|
|
52
|
+
article h3 { font-size: 15px; color: #9fd8ff; margin: 18px 0 6px; }
|
|
53
|
+
article p, article li { font-size: 15px; line-height: 1.6; color: #dceafa; }
|
|
54
|
+
article ul { margin: 4px 0 4px 22px; }
|
|
55
|
+
article .tip {
|
|
56
|
+
background: rgba(47,159,224,.15); border: 1px solid rgba(47,159,224,.4);
|
|
57
|
+
border-radius: 10px; padding: 10px 14px; font-size: 13.5px; margin-top: 14px;
|
|
58
|
+
}
|
|
59
|
+
article section { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); border-radius: 12px; padding: 18px 20px; }
|
|
60
|
+
</style>
|
|
61
|
+
</head>
|
|
62
|
+
<body>
|
|
63
|
+
<div class="dots"></div>
|
|
64
|
+
<header>
|
|
65
|
+
<span class="badge">Library</span>
|
|
66
|
+
<h1>Game <b>Guides</b></h1>
|
|
67
|
+
<p>How to run, win and troubleshoot every game on the network.</p>
|
|
68
|
+
</header>
|
|
69
|
+
|
|
70
|
+
<div class="grid" id="cards"></div>
|
|
71
|
+
|
|
72
|
+
<div id="guides">
|
|
73
|
+
<article id="nzp">
|
|
74
|
+
<section>
|
|
75
|
+
<h2>🧟 NZ: Portable — Survival Guide</h2>
|
|
76
|
+
<p><b>NZ:Portable</b> is a fan web port of the Nazi Zombies PSP mod — wave-based zombie survival. The game files stream from the official NZ:P team CDN when you open the page, so the first load can take a few seconds.</p>
|
|
77
|
+
<h3>Basics</h3>
|
|
78
|
+
<ul>
|
|
79
|
+
<li>Move with WASD, aim with mouse, R to reload.</li>
|
|
80
|
+
<li>Buy off barriers early — wall guns are cheaper than the box.</li>
|
|
81
|
+
<li>Loop the map in a route; never get cornered by a doorway.</li>
|
|
82
|
+
</ul>
|
|
83
|
+
<h3>Survive longer</h3>
|
|
84
|
+
<ul>
|
|
85
|
+
<li>Headshots double points — always aim high once you have a decent gun.</li>
|
|
86
|
+
<li>Leave one zombie per round near the end for a box run.</li>
|
|
87
|
+
<li>Juggernog is the first thing to buy, always.</li>
|
|
88
|
+
<li>Use grenades to make crawlers when you need a pause.</li>
|
|
89
|
+
</ul>
|
|
90
|
+
<div class="tip">💡 If the screen stays black more than ~15s, reload the page — the CDN sometimes stalls. Your save may rely on browser storage, so don't clear site data.</div>
|
|
91
|
+
<div class="tip">🎮 Play it: <a href="#" onclick="this.href=GUIDE_LINKS.nzp">unpkg.com/nzp-full</a></div>
|
|
92
|
+
</section>
|
|
93
|
+
</article>
|
|
94
|
+
|
|
95
|
+
<article id="szgames">
|
|
96
|
+
<section>
|
|
97
|
+
<h2>🕻\uFE0F Sz Games — how the portal works</h2>
|
|
98
|
+
<p>Sz Games is a games portal home page. Its game pages load from the original sz-games hosting, so links behave like the real site — <b>you need internet access for them to load</b>.</p>
|
|
99
|
+
<h3>Tips</h3>
|
|
100
|
+
<ul>
|
|
101
|
+
<li>Flash and SWF games open through a special loader with built-in emulator support.</li>
|
|
102
|
+
<li>If a game shows white, give it a moment — big builds load slowest.</li>
|
|
103
|
+
<li>Keyboard-first games want standalone windows; open those links directly.</li>
|
|
104
|
+
</ul>
|
|
105
|
+
<div class="tip">💡 Every game's URL is reusable: <b>?game=/Games11/<name></b> at the end picks the game.</div>
|
|
106
|
+
<div class="tip">🎮 Play it: <a href="#" onclick="this.href=GUIDE_LINKS.sz">unpkg.com/sz-games</a></div>
|
|
107
|
+
</section>
|
|
108
|
+
</article>
|
|
109
|
+
|
|
110
|
+
<article id="collection">
|
|
111
|
+
<section>
|
|
112
|
+
<h2>🎮 The 11-game collection — one-line tips</h2>
|
|
113
|
+
<ul>
|
|
114
|
+
<li><b>Bendy and the Ink Machine</b> — ink-black horror; first load is ~130 MB, wait for LOADING to finish.</li>
|
|
115
|
+
<li><b>Bart Bash</b> — combo-hit first, it builds size fast.</li>
|
|
116
|
+
<li><b>Bee Swarm Simulator</b> — rotate fields; kingdom production sneaks up if you idle smart.</li>
|
|
117
|
+
<li><b>Gang Beasts</b> — throw players with X near ledges, then climb back out like a champion.</li>
|
|
118
|
+
<li><b>How to Fish</b> — pull the line exactly when the bar highlights.</li>
|
|
119
|
+
<li><b>Kerbal Space Program</b> — thrust-to-weight above 1.5 and stage early.</li>
|
|
120
|
+
<li><b>Little Big Planet</b> — the web port opens in a new tab by design — use the button.</li>
|
|
121
|
+
<li><b>PEAK</b> — stamina is the whole game: climb in bursts, rest on ledges.</li>
|
|
122
|
+
<li><b>Plague Inc</b> — go slow: full transmission first, symptoms dead last.</li>
|
|
123
|
+
</ul>
|
|
124
|
+
<div class="tip">🎮 The grid: <a href="#" onclick="this.href=GUIDE_LINKS.hg">unpkg.com/html-games</a></div>
|
|
125
|
+
</section>
|
|
126
|
+
</article>
|
|
127
|
+
</div>
|
|
128
|
+
|
|
129
|
+
<div class="back">🧭 Back to the <a href="https://unpkg.com/my-hub-site">Hub Site</a></div>
|
|
130
|
+
|
|
131
|
+
<script>
|
|
132
|
+
const GUIDE_LINKS = {
|
|
133
|
+
nzp: "https://unpkg.com/nzp-full",
|
|
134
|
+
sz: "https://unpkg.com/sz-games",
|
|
135
|
+
hg: "https://unpkg.com/html-games"
|
|
136
|
+
};
|
|
137
|
+
const CARDS = [
|
|
138
|
+
{ id: "nzp", e: "\u{1F9DF}", n: "NZ: Portable", d: "Zombies survival & pointers" },
|
|
139
|
+
{ id: "szgames", e: "\u{1F579}\uFE0F", n: "Sz Games", d: "Portal tips & loaders" },
|
|
140
|
+
{ id: "collection", e: "\u{1F3AE}", n: "The Collection", d: "One-line tips \u00d7 8" }
|
|
141
|
+
];
|
|
142
|
+
const grid = document.getElementById("cards");
|
|
143
|
+
CARDS.forEach(function (c) {
|
|
144
|
+
const a = document.createElement("a");
|
|
145
|
+
a.className = "g"; a.href = "#" + c.id;
|
|
146
|
+
a.onclick = function () { showGuide(c.id); return false; };
|
|
147
|
+
a.innerHTML = '<span class="e">' + c.e + '</span><span class="n">' + c.n + '</span><span class="d">' + c.d + '</span>';
|
|
148
|
+
grid.appendChild(a);
|
|
149
|
+
});
|
|
150
|
+
function showGuide(id) {
|
|
151
|
+
document.querySelectorAll("article").forEach(x => x.classList.remove("on"));
|
|
152
|
+
document.getElementById(id).classList.add("on");
|
|
153
|
+
document.getElementById(id).scrollIntoView({ behavior: "smooth" });
|
|
154
|
+
}
|
|
155
|
+
if (location.hash) { try { showGuide(location.hash.slice(1)); } catch (e) {} }
|
|
156
|
+
</script>
|
|
157
|
+
</body>
|
|
158
|
+
</html>
|
package/package.json
CHANGED
|
@@ -1,6 +1,15 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "hub-guides",
|
|
3
|
-
"version": "
|
|
4
|
-
"
|
|
5
|
-
"
|
|
6
|
-
|
|
3
|
+
"version": "1.1.0",
|
|
4
|
+
"description": "Guides for the games on the hub network: NZ Portable, Team Fortress 2, Sz Games and more.",
|
|
5
|
+
"main": "index.html",
|
|
6
|
+
"files": [
|
|
7
|
+
"index.html"
|
|
8
|
+
],
|
|
9
|
+
"keywords": [
|
|
10
|
+
"hub",
|
|
11
|
+
"links",
|
|
12
|
+
"games"
|
|
13
|
+
],
|
|
14
|
+
"license": "MIT"
|
|
15
|
+
}
|
package/README.md
DELETED