-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
379 lines (373 loc) · 16 KB
/
index.html
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
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://bootswatch.com/4/darkly/bootstrap.min.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?amily=Roboto+Mono&display=swap" rel="stylesheet">
<title>DOSArchive - A collection of Yasser Awad's DOS works</title>
<style>
body::-webkit-scrollbar {
width: 22px;
background-color: #333333;
}
body {
scrollbar-width: thick;
scrollbar-color: #333333;
}
body::-webkit-scrollbar-thumb {
border-radius: 16px;
border: 1px solid #cccccc;
background-color: #000000;
}
.h3,
h1 {
font-family: 'Roboto Mono', monospace;
}
</style>
</head>
<body>
<div id="main" class="container">
<div id="title" class="container text-center pt-5">
<h1 class="display-1">DOSArchive</h1>
<p class="h3 text-muted">A collection of Yasser Awad's DOS works that you can run...in your browser!</p>
<hr style="border-color: grey;" />
</div>
<div id="collection" class="container py-2">
<div class="row py-2">
<div class="col">
<div class="card">
<img src="images/ARABART-DEMO.EXE.png" class="card-img-top" alt="...">
<div class="card-body">
<h4 class="card-title m-0">ARABART - Demo</h4>
<p class="p-0 m-0 text-muted">Written in 1991</p>
<p class="pb-1 m-0 text-muted">Language: Assembly</p>
<p class="card-text text-justify">First written in 1991 and updated till 1993, Yasser wrote
the ARABART library which added Arabic support in the DOS graphic mode which allowed him
to create programs that display Arabic in different fonts, colors and styles. The
library supports auto-shaping (choosing which letter form to use, ie. connected from the
beginning, both sides, or end). This program serves as a demo to showcase all the
capabilities of the ARABART library.</p>
<a href="run.html?program=ARABART-DEMO.EXE" class="btn btn-primary">Launch</a>
</div>
</div>
</div>
<div class="col">
<div class="card">
<img src="images/ARABART-DEMO.EXE.png" class="card-img-top" alt="...">
<div class="card-body">
<h4 class="card-title m-0">ARABART - Editor</h4>
<p class="p-0 m-0 text-muted">Written in 1991</p>
<p class="pb-1 m-0 text-muted">Language: Assembly</p>
<p class="card-text text-justify">Written alongside the ARABART library, this demo allows
users to interactively try out the features of the ARABART library.</p>
<table class="table table-dark table-sm">
<thead>
<tr>
<th scope="col">Keypress</th>
<th scope="col">Effect</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">SHIFT + 1-4</th>
<td>Toggles italics/bold/underline/size.</td>
</tr>
<tr>
<th scope="row">SHIFT + Q,W,E,R</th>
<td>Selects between 4 different fonts.</td>
</tr>
<tr>
<th scope="row">SHIFT + C</th>
<td>Changes the color of the text.</td>
</tr>
</tbody>
</table>
<a href="run.html?program=ARABART-EDITOR.EXE" class="btn btn-primary">Launch</a>
</div>
</div>
</div>
<div class="col">
<div class="card">
<img src="images/ARABIC-DEMO.COM.png" class="card-img-top" alt="...">
<div class="card-body">
<h4 class="card-title m-0">ARABART - Commercial</h4>
<p class="p-0 m-0 text-muted">Written in 1991</p>
<p class="pb-1 m-0 text-muted">Language: Assembly</p>
<p class="card-text text-justify">Also alongside the ARABART library, this is the first
practical use of the library for a commercial demo. The commercial displays the name of
an egyptian computer hardware store along with other animated multi-colored slides.</p>
<a href="run.html?program=ARABIC-DEMO.COM" class="btn btn-primary">Launch</a>
</div>
</div>
</div>
</div>
<div class="row py-2">
<div class="col">
<div class="card">
<img src="images/DIGI_T.png" class="card-img-top" alt="...">
<div class="card-body">
<h4 class="card-title m-0">Digi-Test</h4>
<p class="p-0 m-0 text-muted">Written in 1993</p>
<p class="pb-1 m-0 text-muted">Language: C++, Assembly</p>
<p class="card-text text-justify">This software is a part of Yasser's
graduation project which involved the simulation and testing of digital circuits. This
software is the GUI of the graduation project, running on DOS. Additionally, this
graduation project included a custom made board and interface with the computer in order
to analyze, simulate and reveal faulty ICs. Despite still being able to construct and
simulate circuits, due to lack of hardware we cannot view the Truth Table generated or
analyze the circuit for faults. To see the circuit used in the graduation defense, load
the file "KEMYAM".</p>
<table class="table table-dark table-sm">
<thead>
<tr>
<th scope="col">Keypress</th>
<th scope="col">Effect</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">F10</th>
<td>Access the top menus.</td>
</tr>
<tr>
<th scope="row">INS</th>
<td>Begin drawing a wire/connector between 2 points.</td>
</tr>
<tr>
<th scope="row">DEL</th>
<td>Delete the component currently under the cursor.</td>
</tr>
</tbody>
</table>
<a href="run.html?program=DIGI_T-MAIN.EXE" class="btn btn-primary">Launch</a>
</div>
</div>
</div>
<div class="col">
<div class="card">
<img src="images/EDIT-EDIT.EXE.png" class="card-img-top" alt="...">
<div class="card-body">
<h4 class="card-title m-0">Text Editor - Sample GUI</h4>
<p class="p-0 m-0 text-muted">Written in 1993</p>
<p class="pb-1 m-0 text-muted">Language: C</p>
<p class="card-text text-justify">This text editor was Yasser's
interview assignment to join his first company for his first official professional job.
The assignment was to write a text editor that was capable of saving/loading, scrolling,
having a toggle-able insertion mode, and supporting cursor movement.</p>
<table class="table table-dark table-sm">
<thead>
<tr>
<th scope="col">Keypress</th>
<th scope="col">Effect</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">F10</th>
<td>Access the top menus.</td>
</tr>
<tr>
<th scope="row">INS</th>
<td>Toggle text insertion mode.</td>
</tr>
</tbody>
</table>
<a href="run.html?program=EDIT-EDIT.EXE" class="btn btn-primary">Launch</a>
</div>
</div>
</div>
<div class="col">
<div class="card">
<img src="images/EDIT-EDITOR.EXE.png" class="card-img-top" alt="...">
<div class="card-body">
<h4 class="card-title m-0">Text Editor - Demo</h4>
<p class="p-0 m-0 text-muted">Written in 1993</p>
<p class="pb-1 m-0 text-muted">Language: C</p>
<p class="card-text text-justify">This is an alternate windows-inspired version of the same
interview assignment that was given to Yasser. It still has all the features as the
other text editor, just a different interface.</p>
<table class="table table-dark table-sm">
<thead>
<tr>
<th scope="col">Keypress</th>
<th scope="col">Effect</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">F10</th>
<td>Access the top menus.</td>
</tr>
<tr>
<th scope="row">INS</th>
<td>Toggle text insertion mode.</td>
</tr>
</tbody>
</table>
<a href="run.html?program=EDIT-EDITOR.EXE" class="btn btn-primary">Launch</a>
</div>
</div>
</div>
</div>
<div class="row py-2">
<div class="col">
<div class="card">
<img src="images/FORM_X.png" class="card-img-top" alt="...">
<div class="card-body">
<h4 class="card-title m-0">Formula Solver</h4>
<p class="p-0 m-0 text-muted">Written in 1992</p>
<p class="pb-1 m-0 text-muted">Language: Assembly</p>
<p class="card-text text-justify">This formula solver is the result of a paid challenge to
write software that could emulate floating point mathematics in Assembly without using
the math co-processor capabilities. This was achieved using by using BCD (Binary Coded
Decimal) to represent floating point numbers. You can use this software to calculate the
results from almost any simple algebric equation.</p>
<a href="run.html?program=FORM_X-FORM_X.EXE" class="btn btn-primary">Launch</a>
</div>
</div>
</div>
<div class="col">
<div class="card">
<img src="images/KVC.png" class="card-img-top" alt="...">
<div class="card-body">
<h4 class="card-title m-0">KVC - Kemyam Virus Capture</h4>
<p class="p-0 m-0 text-muted">Written in 1993</p>
<p class="pb-1 m-0 text-muted">Language: C, Assembly</p>
<p class="card-text text-justify">This software was written as an antivirus for a locally
created virus in Egypt called Koko that would wipe infected computers' hard drives. Koko
was at the time undetected by any available antiviruses, so Yasser and his colleague
Ibrahim wrote this antivirus as a framework with hopes to expand it to include other
viruses in the future. To see this software in action, you can run the command
<code>KVC.EXE C:</code>
<p>
<a href="run.html?program=KVC-KVC.EXE" class="btn btn-primary">Launch</a>
</div>
</div>
</div>
<div class="col">
<div class="card">
<img src="images/NAMES.png" class="card-img-top" alt="...">
<div class="card-body">
<h4 class="card-title m-0">Kemyam - Group Names & Splash Screen</h4>
<p class="p-0 m-0 text-muted">Written in 1993</p>
<p class="pb-1 m-0 text-muted">Language: C, Assembly</p>
<p class="card-text text-justify">This splash screen was written alongside Yasser's
graduation project as a way to introduce the group members in an impressive and
eye-catching way.</p>
<a href="run.html?program=NAMES-NAMES.COM" class="btn btn-primary">Launch</a>
</div>
</div>
</div>
</div>
<div class="row py-2">
<div class="col">
<div class="card">
<img src="images/PESM.png" class="card-img-top" alt="...">
<div class="card-body">
<h4 class="card-title m-0">Arabic Basmallah Demo</h4>
<p class="p-0 m-0 text-muted">Written in 1991</p>
<p class="pb-1 m-0 text-muted">Language: Assembly</p>
<p class="card-text text-justify">Written to demonstrate the capabilities of the ARABART
library, this software prints out the Islamic phrase in various styles and colors.</p>
<a href="run.html?program=PESM-PESM.EXE" class="btn btn-primary">Launch</a>
</div>
</div>
</div>
<div class="col">
<div class="card">
<img src="images/PORTSAID.png" class="card-img-top" alt="...">
<div class="card-body">
<h4 class="card-title m-0">Port Said Computer Sytems - Splash Screen</h4>
<p class="p-0 m-0 text-muted">Written in 1993</p>
<p class="pb-1 m-0 text-muted">Language: C, Assembly</p>
<p class="card-text text-justify">This software was used as a boot screen for all computers
sold by PCS (Portsaid Computer Systems). Yasser gifted this software to the company and
in return he got his very first computer mouse, which at the time, was something very
new and rare.</p>
<a href="run.html?program=PORTSAID-PORTSAID.EXE" class="btn btn-primary">Launch</a>
</div>
</div>
</div>
<div class="col">
<div class="card">
<img src="images/SCREEN.png" class="card-img-top" alt="...">
<div class="card-body">
<h4 class="card-title m-0">Port Said IT Department - Splash Screen</h4>
<p class="p-0 m-0 text-muted">Written in 1991</p>
<p class="pb-1 m-0 text-muted">Language: Assembly</p>
<p class="card-text text-justify">Written as a gift during Yasser's internship at Portsaid's
Governorate IT Department, this software was used as a screensaver for all the computers
at this department.</p>
<a href="run.html?program=SCREEN-SCREEN.COM" class="btn btn-primary">Launch</a>
</div>
</div>
</div>
</div>
<div class="row py-2">
<div class="col">
<div class="card">
<img src="images/SUN.png" class="card-img-top" alt="...">
<div class="card-body">
<h4 class="card-title m-0">The Brave Sun</h4>
<p class="p-0 m-0 text-muted">Written in 1993</p>
<p class="pb-1 m-0 text-muted">Language: C, Assembly</p>
<p class="card-text text-justify">This software was Yasser's contribution to PC Middle East
programming competition for writing Arabic educational software. The software
demonstrates many things about the sun, including impressive animations. This
application won 3rd place in the competition, earning Yasser a cash prize and enterprise
software packages.</p>
<a href="run.html?program=SUN-SUN.EXE" class="btn btn-primary">Launch</a>
</div>
</div>
</div>
<div class="col">
<div class="card">
<img src="images/TAHER.png" class="card-img-top" alt="...">
<div class="card-body">
<h4 class="card-title m-0">TAHER</h4>
<p class="p-0 m-0 text-muted">Written in 1991</p>
<p class="pb-1 m-0 text-muted">Language: Assembly</p>
<p class="card-text text-justify">As part of a paid job to design software to print lab
results for a lab physician, Yasser wrote this software as an extra gift to be displayed
as the splash screen for the software, displaying the physician's name in fancy
calligraphic Arabic.</p>
<a href="run.html?program=TAHER-TAHER.COM" class="btn btn-primary">Launch</a>
</div>
</div>
</div>
<div class="col">
<div class="card">
<img src="images/WINKEY.png" class="card-img-top" alt="...">
<div class="card-body">
<h4 class="card-title m-0">WINKEY - Pressable Key Demo</h4>
<p class="p-0 m-0 text-muted">Written in 1992</p>
<p class="pb-1 m-0 text-muted">Language: Assembly</p>
<p class="card-text text-justify">Written as part of what was meant to become a windowing
library, this software is a demo of some of the features of the library, such as 3D
pop-out buttons with different animations when pressed.</p>
<a href="run.html?program=WINKEY-WINKEY.EXE" class="btn btn-primary">Launch</a>
</div>
</div>
</div>
</div>
</div>
<hr style="border-color: grey;" />
<div id="terminal" class="container text-center py-3">
<h3>Want to explore these programs interactively?</h3>
<p class="h5 text-muted">Click below to get an interactive DOS terminal with the entire archive!</p>
<a href="terminal.html" class="btn btn-primary">Go to Terminal</a>
</div>
</div>
<div id="footer" class="container-fluid text-center py-3 alert-dark">
<p class="text-muted">Written by Youssef Awad (<a href="https://github.com/DeadPackets">DeadPackets</a>) for my father <a href="https://www.linkedin.com/in/yasser-awad-0a88a35/">Yasser Awad</a>. Code available on Github <a href="https://github.com/DeadPackets/DOSArchive">here</a>.</p>
</div>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx"
crossorigin="anonymous"></script>
</body>
</html>