Modernized code for better readability
[qbasicapps.git] / index.html
1 <!doctype html>
2 <html lang="en">
3 <head>
4 <title>QBasicApps - collection of applications mostly written in MS QBasic for DOS environment</title>
5 <!-- 2019-01-20 Sun 03:14 -->
6 <meta charset="utf-8">
7 <meta name="viewport" content="width=device-width, initial-scale=1">
8 <meta name="generator" content="Org-mode">
9 <meta name="author" content="Svjatoslav Agejenko">
10 <link href="https://bootswatch.com/3/darkly/bootstrap.min.css" rel="stylesheet">
11 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
12 <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script>
13 <style type="text/css">
14 footer {background-color: #111 !important;}
15 pre {background-color: #111; color: #ccc;}
16 </style>
17 <style type="text/css">
18 /* org mode styles on top of twbs */
19
20 html {
21     position: relative;
22     min-height: 100%;
23 }
24
25 body {
26     font-size: 18px;
27     margin-bottom: 105px;
28 }
29
30 footer {
31     position: absolute;
32     bottom: 0;
33     width: 100%;
34     height: 101px;
35     background-color: #f5f5f5;
36 }
37
38 footer > div {
39     padding: 10px;
40 }
41
42 footer p {
43     margin: 0 0 5px;
44     text-align: center;
45     font-size: 16px;
46 }
47
48 #table-of-contents {
49     margin-top: 20px;
50     margin-bottom: 20px;
51 }
52
53 blockquote p {
54     font-size: 18px;
55 }
56
57 pre {
58     font-size: 16px;
59 }
60
61 .footpara {
62     display: inline-block;
63 }
64
65 figcaption {
66   font-size: 16px;
67   color: #666;
68   font-style: italic;
69   padding-bottom: 15px;
70 }
71
72 /* from twbs docs */
73
74 .bs-docs-sidebar.affix {
75     position: static;
76 }
77 @media (min-width: 768px) {
78     .bs-docs-sidebar {
79         padding-left: 20px;
80     }
81 }
82
83 /* All levels of nav */
84 .bs-docs-sidebar .nav > li > a {
85     display: block;
86     padding: 4px 20px;
87     font-size: 14px;
88     font-weight: 500;
89     color: #999;
90 }
91 .bs-docs-sidebar .nav > li > a:hover,
92 .bs-docs-sidebar .nav > li > a:focus {
93     padding-left: 19px;
94     color: #A1283B;
95     text-decoration: none;
96     background-color: transparent;
97     border-left: 1px solid #A1283B;
98 }
99 .bs-docs-sidebar .nav > .active > a,
100 .bs-docs-sidebar .nav > .active:hover > a,
101 .bs-docs-sidebar .nav > .active:focus > a {
102     padding-left: 18px;
103     font-weight: bold;
104     color: #A1283B;
105     background-color: transparent;
106     border-left: 2px solid #A1283B;
107 }
108
109 /* Nav: second level (shown on .active) */
110 .bs-docs-sidebar .nav .nav {
111     display: none; /* Hide by default, but at >768px, show it */
112     padding-bottom: 10px;
113 }
114 .bs-docs-sidebar .nav .nav > li > a {
115     padding-top: 1px;
116     padding-bottom: 1px;
117     padding-left: 30px;
118     font-size: 12px;
119     font-weight: normal;
120 }
121 .bs-docs-sidebar .nav .nav > li > a:hover,
122 .bs-docs-sidebar .nav .nav > li > a:focus {
123     padding-left: 29px;
124 }
125 .bs-docs-sidebar .nav .nav > .active > a,
126 .bs-docs-sidebar .nav .nav > .active:hover > a,
127 .bs-docs-sidebar .nav .nav > .active:focus > a {
128     padding-left: 28px;
129     font-weight: 500;
130 }
131
132 /* Nav: third level (shown on .active) */
133 .bs-docs-sidebar .nav .nav .nav {
134     padding-bottom: 10px;
135 }
136 .bs-docs-sidebar .nav .nav .nav > li > a {
137     padding-top: 1px;
138     padding-bottom: 1px;
139     padding-left: 40px;
140     font-size: 12px;
141     font-weight: normal;
142 }
143 .bs-docs-sidebar .nav .nav .nav > li > a:hover,
144 .bs-docs-sidebar .nav .nav .nav > li > a:focus {
145     padding-left: 39px;
146 }
147 .bs-docs-sidebar .nav .nav .nav > .active > a,
148 .bs-docs-sidebar .nav .nav .nav > .active:hover > a,
149 .bs-docs-sidebar .nav .nav .nav > .active:focus > a {
150     padding-left: 38px;
151     font-weight: 500;
152 }
153
154 /* Show and affix the side nav when space allows it */
155 @media (min-width: 992px) {
156     .bs-docs-sidebar .nav > .active > ul {
157         display: block;
158     }
159     /* Widen the fixed sidebar */
160     .bs-docs-sidebar.affix,
161     .bs-docs-sidebar.affix-bottom {
162         width: 213px;
163     }
164     .bs-docs-sidebar.affix {
165         position: fixed; /* Undo the static from mobile first approach */
166         top: 20px;
167     }
168     .bs-docs-sidebar.affix-bottom {
169         position: absolute; /* Undo the static from mobile first approach */
170     }
171     .bs-docs-sidebar.affix .bs-docs-sidenav,.bs-docs-sidebar.affix-bottom .bs-docs-sidenav {
172         margin-top: 0;
173         margin-bottom: 0
174     }
175 }
176 @media (min-width: 1200px) {
177     /* Widen the fixed sidebar again */
178     .bs-docs-sidebar.affix-bottom,
179     .bs-docs-sidebar.affix {
180         width: 263px;
181     }
182 }
183 </style>
184 <script type="text/javascript">
185 $(function() {
186     'use strict';
187
188     $('.bs-docs-sidebar li').first().addClass('active');
189
190     $(document.body).scrollspy({target: '.bs-docs-sidebar'});
191
192     $('.bs-docs-sidebar').affix();
193 });
194 </script>
195 </head>
196 <body>
197 <div id="content" class="container">
198 <div class="row"><div class="col-md-9"><h1 class="title">QBasicApps - collection of applications mostly written in MS QBasic for DOS environment</h1>
199
200 <div id="outline-container-sec-1" class="outline-2">
201 <h2 id="sec-1"><span class="section-number-2">1</span> General</h2>
202 <div class="outline-text-2" id="text-1">
203 <ul class="org-ul">
204 <li>This program is free software: you can redistribute it and/or modify
205 it under the terms of the <a href="https://www.gnu.org/licenses/lgpl.html">GNU Lesser General Public License</a> as
206 published by the Free Software Foundation, either version 3 of the
207 License, or (at your option) any later version.
208 </li>
209
210 <li>Program author:
211 <ul class="org-ul">
212 <li>Svjatoslav Agejenko
213 </li>
214 <li>Homepage: <a href="https://svjatoslav.eu">https://svjatoslav.eu</a>
215 </li>
216 <li>Email: <a href="mailto://svjatoslav@svjatoslav.eu">mailto://svjatoslav@svjatoslav.eu</a>
217 </li>
218 </ul>
219 </li>
220
221 <li><a href="https://www.svjatoslav.eu/projects/">Other software projects hosted at svjatoslav.eu</a>
222 </li>
223 </ul>
224 </div>
225
226 <div id="outline-container-sec-1-1" class="outline-3">
227 <h3 id="sec-1-1"><span class="section-number-3">1.1</span> Source code</h3>
228 <div class="outline-text-3" id="text-1-1">
229 <ul class="org-ul">
230 <li><a href="https://www2.svjatoslav.eu/gitweb/?p=qbasicapps.git;a=snapshot;h=HEAD;sf=tgz">Download latest snapshot in TAR GZ format</a>
231 </li>
232
233 <li><a href="https://www2.svjatoslav.eu/gitweb/?p=qbasicapps.git;a=summary">Browse Git repository online</a>
234 </li>
235
236 <li>Clone Git repository using command:
237 <pre class="example">
238 git clone https://www2.svjatoslav.eu/git/qbasicapps.git
239
240 </pre>
241 </li>
242 </ul>
243 </div>
244 </div>
245 </div>
246
247 <div id="outline-container-sec-2" class="outline-2">
248 <h2 id="sec-2"><span class="section-number-2">2</span> Content</h2>
249 <div class="outline-text-2" id="text-2">
250 <p>
251 This collection contains lots of applications:
252 </p>
253 <ul class="org-ul">
254 <li>Games.
255 </li>
256 <li>Graphics tests (2D/3D/4D).
257 </li>
258 <li>Algorithms tests.
259 </li>
260 <li>Utilities.
261 </li>
262 </ul>
263
264 <p>
265 I wrote them long time ago mostly in QBasic, some in x86 assembly for
266 use under DOS operating system.
267 </p>
268
269
270 <p>
271 Few sample applications from the package:
272 </p>
273 </div>
274 <div id="outline-container-sec-2-1" class="outline-3">
275 <h3 id="sec-2-1"><span class="section-number-3">2.1</span> Checkers</h3>
276 <div class="outline-text-3" id="text-2-1">
277 <p>
278 Play checkers against the computer with any board size and any amount
279 of caps. Does thinking by recursively testing many possible scenarios
280 with any depth.
281 </p>
282
283 <p>
284 Since it is slow QBasic implementation, it isn't practical to play
285 with many caps or big thinking depth, for reasonable responce time.
286 </p>
287
288 <p>
289 See directory:
290 </p>
291 <pre class="example">
292 games/checkers
293
294 </pre>
295
296
297 <figure>
298 <p><img src="games/checkers/screenshot.png" class="img-responsive" alt="screenshot.png">
299 </p>
300 </figure>
301 </div>
302 </div>
303
304 <div id="outline-container-sec-2-2" class="outline-3">
305 <h3 id="sec-2-2"><span class="section-number-3">2.2</span> Platform game</h3>
306 <div class="outline-text-3" id="text-2-2">
307 <p>
308 Jump around, collect coins and dont touch snails! Inspired by Super
309 Mario Bros.
310 </p>
311
312 <p>
313 See directory:
314 </p>
315 <pre class="example">
316 games/platform
317
318 </pre>
319
320
321 <figure>
322 <p><img src="games/platform/screenshot.png" class="img-responsive" alt="screenshot.png">
323 </p>
324 </figure>
325 </div>
326 </div>
327
328 <div id="outline-container-sec-2-3" class="outline-3">
329 <h3 id="sec-2-3"><span class="section-number-3">2.3</span> 3D Synthezier</h3>
330 <div class="outline-text-3" id="text-2-3">
331 <p>
332 Parses scene definition language and creates 3D world based on
333 it. Result will be in a <a href="https://en.wikipedia.org/wiki/Wavefront_.obj_file">wavefront obj file</a>, witch can be then
334 visualized using external renderer.
335 </p>
336
337 <p>
338 See directory:
339 </p>
340 <pre class="example">
341 graphics/3D/3D Synthezier
342
343 </pre>
344
345
346 <figure>
347 <p><img src="graphics/3D/3D Synthezier/doc/rectangular city, 1.jpeg" class="img-responsive" alt="rectangular city, 1.jpeg">
348 </p>
349 </figure>
350
351
352 <figure>
353 <p><img src="graphics/3D/3D Synthezier/doc/hexagonal city, 2.jpeg" class="img-responsive" alt="hexagonal city, 2.jpeg">
354 </p>
355 </figure>
356
357 <p>
358 <a href="graphics/3D/3D Synthezier/doc/index.html">Read more</a>
359 </p>
360 </div>
361 </div>
362 </div>
363 </div><div class="col-md-3"><nav id="table-of-contents">
364 <div id="text-table-of-contents" class="bs-docs-sidebar">
365 <ul class="nav">
366 <li><a href="#sec-1">1. General</a>
367 <ul class="nav">
368 <li><a href="#sec-1-1">1.1. Source code</a></li>
369 </ul>
370 </li>
371 <li><a href="#sec-2">2. Content</a>
372 <ul class="nav">
373 <li><a href="#sec-2-1">2.1. Checkers</a></li>
374 <li><a href="#sec-2-2">2.2. Platform game</a></li>
375 <li><a href="#sec-2-3">2.3. 3D Synthezier</a></li>
376 </ul>
377 </li>
378 </ul>
379 </div>
380 </nav>
381 </div></div></div>
382 <footer id="postamble" class="">
383 <div><p class="author">Author: Svjatoslav Agejenko</p>
384 <p class="date">Created: 2019-01-20 Sun 03:14</p>
385 <p class="creator"><a href="http://www.gnu.org/software/emacs/">Emacs</a> 26.1 (<a href="http://orgmode.org">Org-mode</a> 9.1.9)</p>
386 </div>
387 </footer>
388 </body>
389 </html>