Skip to content

Commit 1ca43d6

Browse files
marekmaskarinecmarekmaskarinec
committed
init commit
0 parents  commit 1ca43d6

File tree

14 files changed

+720
-0
lines changed

14 files changed

+720
-0
lines changed

‎build‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
#!/bin/sh
2+
3+
cd site
4+
5+
for f in $(find -name \*.md); do
6+
CONVED=`echo $f | cut -d. -f-2`.html
7+
echo BU "$f -> $CONVED"
8+
lowdown --html-no-skiphtml --html-no-escapehtml <$f | mmtt > $CONVED
9+
SITE_PATH=$CONVED SITE_SRC=$f mmtt <../template.html > ../$CONVED
10+
rm -f $CONVED
11+
done
12+

‎dl/index.html‎

Lines changed: 153 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,153 @@
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>Tophat downloads</title>
7+
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
8+
<link rel="stylesheet" href="/style.css">
9+
</head>
10+
<body>
11+
<div class="text-bg-dark">
12+
<div class="container">
13+
<header
14+
class="d-flex flex-wrap justify-content-center py-3 mb-4 border-bottom"
15+
>
16+
<a href="/" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-decoration-none">
17+
<img src="/logo-white.png" class="bi me-2 no-aa" height="32" />
18+
</a>
19+
20+
<ul class="nav nav-pills">
21+
<li class="nav-item"><a href="/" class="nav-link text-white
22+
"
23+
>
24+
Home
25+
</a></li>
26+
<li class="nav-item"><a href="https://docs.th.mrms.cz" class="nav-link text-white"
27+
>
28+
Docs
29+
</a></li>
30+
<li class="nav-item"><a href="/dl" class="nav-link text-white
31+
active"
32+
>
33+
Downloads
34+
</a></li>
35+
<li class="nav-item"><a
36+
href="https://sr.ht/~mrms/tophat"
37+
class="nav-link text-white"
38+
>
39+
SourceHut
40+
</a></li>
41+
</ul>
42+
</header>
43+
</div>
44+
</div>
45+
46+
<div class="container">
47+
<h1 id="Tophat%20downloads">Tophat downloads</h1>
48+
49+
<p>See the <a href="https://docs.th.mrms.cz/installation.html">install guide</a> for help
50+
with installation.</p>
51+
52+
<div class="row mt-5">
53+
<div class="col">
54+
<div class="card shadow-sm p-3">
55+
<h2>Current Stable - v0.9 (recommended)</h2>
56+
<div class="card-body">
57+
<div class="card-text">
58+
<p>
59+
This is the latest release.
60+
61+
</p>
62+
<ul>
63+
<li>
64+
signal.um rework
65+
</li>
66+
<li>
67+
anim.um rework
68+
</li>
69+
<li>
70+
add nav.um
71+
</li>
72+
<li>
73+
add canvas.drawQuad
74+
</li>
75+
<li>
76+
windows build support (by ~ske)
77+
</li>
78+
<li>
79+
window utility functions
80+
</li>
81+
</ul>
82+
</div>
83+
<div class="d-flex justify-content-between align-items-center">
84+
<div class="btn-group">
85+
<a type="button" class="btn btn-sm btn-outline-secondary">Play</a>
86+
<a type="button" class="btn btn-sm btn-outline-secondary">View source</a>
87+
</div>
88+
</div>
89+
</div>
90+
</div>
91+
</div>
92+
<div class="col">
93+
<div class="card shadow-sm p-3">
94+
<h2>Unstable (Not recommended)</h2>
95+
<div class="card-body">
96+
<div class="card-text">
97+
<p>
98+
Built automatically from the `main` branch on every
99+
push. It contains the newest features, but main contain
100+
bugs and unannounced API changes.
101+
</p>
102+
</div>
103+
<div class="d-flex justify-content-between align-items-center">
104+
<div class="btn-group">
105+
<a type="button" class="btn btn-sm btn-outline-secondary">Play</a>
106+
<a type="button" class="btn btn-sm btn-outline-secondary">View source</a>
107+
</div>
108+
</div>
109+
</div>
110+
</div>
111+
</div>
112+
<div class="col">
113+
<div class="card shadow-sm p-3">
114+
<h2>stable v0.8</h2>
115+
<div class="card-body">
116+
<div class="card-text">
117+
</div>
118+
<div class="d-flex justify-content-between align-items-center">
119+
<div class="btn-group">
120+
<a type="button" class="btn btn-sm btn-outline-secondary">Play</a>
121+
<a type="button" class="btn btn-sm btn-outline-secondary">View source</a>
122+
</div>
123+
</div>
124+
</div>
125+
</div>
126+
</div>
127+
</div>
128+
</div>
129+
130+
131+
<div class="container">
132+
<footer class="d-flex flex-wrap justify-content-between align-items-center py-3 my-4 border-top">
133+
<p class="col-md-4 mb-0 text-muted">© 2022 Marek Maškarinec</p>
134+
135+
<a href="/" class="col-md-4 d-flex align-items-center justify-content-center mb-3 mb-md-0 me-md-auto link-dark text-decoration-none">
136+
<img src="/logo.png" class="bi me-2 no-aa" height="24" />
137+
</a>
138+
139+
<ul class="nav col-md-4 justify-content-end">
140+
<li class="nav-item"><a href="/" class="nav-link px-2 text-muted">Home</a></li>
141+
<li class="nav-item"><a href="https://docs.th.mrms.cz" class="nav-link px-2
142+
text-muted">Docs</a></li>
143+
<li class="nav-item"><a href="/dl" class="nav-link px-2
144+
text-muted">Downloads</a></li>
145+
<li class="nav-item"><a href="https://sr.ht/~mrms/tophat"
146+
class="nav-link px-2 text-muted">SourceHut</a></li>
147+
</ul>
148+
</footer>
149+
</div>
150+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"></script>
151+
</body>
152+
</html>
153+

‎img/pomodoro.png‎

18.2 KB
Loading

‎img/proped.png‎

5.21 KB
Loading

‎img/space-shooter.png‎

12.3 KB
Loading

‎img/tetris.png‎

18.8 KB
Loading

‎index.html‎

Lines changed: 228 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,228 @@
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></div></title>
7+
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
8+
<link rel="stylesheet" href="/style.css">
9+
</head>
10+
<body>
11+
<div class="text-bg-dark">
12+
<div class="container">
13+
<header
14+
class="d-flex flex-wrap justify-content-center py-3 mb-4 border-bottom"
15+
>
16+
<a href="/" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-decoration-none">
17+
<img src="/logo-white.png" class="bi me-2 no-aa" height="32" />
18+
</a>
19+
20+
<ul class="nav nav-pills">
21+
<li class="nav-item"><a href="/" class="nav-link text-white
22+
active"
23+
>
24+
Home
25+
</a></li>
26+
<li class="nav-item"><a href="https://docs.th.mrms.cz" class="nav-link text-white"
27+
>
28+
Docs
29+
</a></li>
30+
<li class="nav-item"><a href="/dl" class="nav-link text-white
31+
"
32+
>
33+
Downloads
34+
</a></li>
35+
<li class="nav-item"><a
36+
href="https://sr.ht/~mrms/tophat"
37+
class="nav-link text-white"
38+
>
39+
SourceHut
40+
</a></li>
41+
</ul>
42+
</header>
43+
</div>
44+
</div>
45+
46+
<div class="container">
47+
<p></div></p>
48+
49+
<div class="px-4 py-5 my-5 text-center">
50+
<img class="d-block mx-auto mb-4 no-aa" src="/logo.png" alt="" height="128">
51+
<h1 class="display-5 fw-bold">Tophat Game Library</h1>
52+
<div class="col-lg-6 mx-auto">
53+
<p class="lead mb-4">A 2D Game Library for Umka</p>
54+
<div class="d-grid gap-2 d-sm-flex justify-content-sm-center">
55+
<button type="button" class="btn btn-primary btn-lg px-4 gap-3">Documentation</button>
56+
<button type="button" class="btn btn-outline-secondary btn-lg px-4">Downloads</button>
57+
</div>
58+
</div>
59+
</div>
60+
61+
<div class="container px-4 py-5" id="featured-3">
62+
<div class="row g-4 py-5 row-cols-1 row-cols-lg-3">
63+
<div class="feature col">
64+
<h3 class="fs-2">Made for programmers</h3>
65+
<p>
66+
Tophat allows you to do everything programatically and doesn't
67+
force you to work with annoying editors. However if you need
68+
to do a lot of editing you can use
69+
<a href="https://git.sr.ht/~mrms/proped">PropEd</a>, or make your own
70+
specialized editor.
71+
</p>
72+
<a href="#" class="icon-link d-inline-flex align-items-center">
73+
Learn about the API
74+
</a>
75+
</div>
76+
<div class="feature col">
77+
<h3 class="fs-2">Modular design</h3>
78+
<p>
79+
Tophat includes many built-in modules. Some are necessary, but
80+
most of them are optional and just extend the few base ones.
81+
If you don't like some of them, you can implement your own
82+
ones using native C extensions.
83+
</p>
84+
<a href="#" class="icon-link d-inline-flex align-items-center">
85+
Learn about extensions
86+
</a>
87+
</div>
88+
<div class="feature col">
89+
<h3 class="fs-2">Open Source and hackable</h3>
90+
<p>
91+
Tophat's source is open and licensed under BSD-3. The source
92+
code is small, under 10k lines (excluding dependencies).
93+
</p>
94+
<a href="#" class="icon-link d-inline-flex align-items-center">
95+
Browse the source
96+
</a>
97+
</div>
98+
</div>
99+
</div>
100+
101+
<div class="text-white discord-box pt-5 pb-5 mb-5">
102+
<div class="container">
103+
<h2>Join us on Discord.</h2>
104+
<a href="#" class="btn btn-outline-light">Join Discord</a>
105+
</div>
106+
</div>
107+
108+
<div class="container mb-5">
109+
<h2>Play (with) the examples</h2>
110+
111+
<div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3">
112+
<div class="col">
113+
<div class="card shadow-sm">
114+
<img class="card-img-top no-aa" widht="100%"
115+
src="/img/space-shooter.png"
116+
/>
117+
<div class="card-body">
118+
<p class="card-text">
119+
The space shooter is an arcade game, where you have to
120+
shoot enemies before they descend down the screen. It shows
121+
the basics of game development in tophat, featuring things
122+
like movement, collision handling, particles and GUI.
123+
</p>
124+
<div class="d-flex justify-content-between align-items-center">
125+
<div class="btn-group">
126+
<button type="button" class="btn btn-sm btn-outline-secondary">Play</button>
127+
<button type="button" class="btn btn-sm btn-outline-secondary">View source</button>
128+
</div>
129+
</div>
130+
</div>
131+
</div>
132+
</div>
133+
134+
<div class="col">
135+
<div class="card shadow-sm">
136+
<img class="card-img-top no-aa" widht="100%"
137+
src="/img/tetris.png"
138+
/>
139+
<div class="card-body">
140+
<p class="card-text">
141+
This is an implementation of a famous block game only using
142+
the canvas.um module to draw graphics. It show many ways
143+
to add special effects to your games.
144+
</p>
145+
<div class="d-flex justify-content-between align-items-center">
146+
<div class="btn-group">
147+
<button type="button" class="btn btn-sm btn-outline-secondary">Play</button>
148+
<button type="button" class="btn btn-sm btn-outline-secondary">View source</button>
149+
</div>
150+
</div>
151+
</div>
152+
</div>
153+
</div>
154+
155+
<div class="col">
156+
<div class="card shadow-sm">
157+
<img class="card-img-top no-aa" widht="100%"
158+
src="/img/pomodoro.png"
159+
/>
160+
<div class="card-body">
161+
<p class="card-text">
162+
A pomodoro timer made in tophat. It features a custom GUI
163+
system with fancy transitions and nine-patch rect based controls.
164+
</p>
165+
<div class="d-flex justify-content-between align-items-center">
166+
<div class="btn-group">
167+
<button type="button" class="btn btn-sm btn-outline-secondary">Play</button>
168+
<button type="button" class="btn btn-sm btn-outline-secondary">View source</button>
169+
</div>
170+
</div>
171+
</div>
172+
</div>
173+
</div>
174+
</div>
175+
</div>
176+
177+
<div class="container">
178+
179+
<div class="row">
180+
<div class="col">
181+
<h2>Edit your games using PropEd</h2>
182+
<p>
183+
PropEd is a customizable editor written in and for tophat. It
184+
can properties of types configured using Umka. There are
185+
already type definitions included for tophat's basic types.
186+
</p>
187+
188+
<p>
189+
PropEd is still in early stages of development, but I hope it
190+
will be more usable when I release this website :P.
191+
</p>
192+
193+
<a href="https://git.sr.ht/~mrms/proped" class="btn btn-outline-primary">
194+
Try PropEd
195+
</a>
196+
</div>
197+
198+
<div class="col">
199+
<img src="/img/proped.png" class="no-aa" widht="100%" />
200+
</div>
201+
</div>
202+
</div>
203+
</div>
204+
205+
206+
<div class="container">
207+
<footer class="d-flex flex-wrap justify-content-between align-items-center py-3 my-4 border-top">
208+
<p class="col-md-4 mb-0 text-muted">© 2022 Marek Maškarinec</p>
209+
210+
<a href="/" class="col-md-4 d-flex align-items-center justify-content-center mb-3 mb-md-0 me-md-auto link-dark text-decoration-none">
211+
<img src="/logo.png" class="bi me-2 no-aa" height="24" />
212+
</a>
213+
214+
<ul class="nav col-md-4 justify-content-end">
215+
<li class="nav-item"><a href="/" class="nav-link px-2 text-muted">Home</a></li>
216+
<li class="nav-item"><a href="https://docs.th.mrms.cz" class="nav-link px-2
217+
text-muted">Docs</a></li>
218+
<li class="nav-item"><a href="/dl" class="nav-link px-2
219+
text-muted">Downloads</a></li>
220+
<li class="nav-item"><a href="https://sr.ht/~mrms/tophat"
221+
class="nav-link px-2 text-muted">SourceHut</a></li>
222+
</ul>
223+
</footer>
224+
</div>
225+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"></script>
226+
</body>
227+
</html>
228+

‎logo-white.png‎

368 Bytes
Loading

‎logo.png‎

368 Bytes
Loading

0 commit comments

Comments
 (0)