-
-
Notifications
You must be signed in to change notification settings - Fork 12
/
Copy pathindex.html
138 lines (126 loc) · 5.45 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
<html>
<head>
<meta charset="UTF-8">
<meta name="description" content="Generate random colors">
<meta name="keywords" content="HTML, CSS, JavaScript, Colors">
<meta name="author" content="Jee Vang, Ph.D.">
<meta name="organization" content="One-Off Coder">
<title>Web Programming Demos</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<style>
* {
font-family: monospace;
}
body {
margin: 10px;
}
.center {
text-align: center;
}
.color-table {
margin: auto;
width: calc(100vw - 17px);
}
</style>
</head>
<body onload="init()">
<div class="jumbotron jumbotron-fluid">
<div class="container">
<h1 class="display-4">Web Programming Demos</h1>
<h4>
<a href="https://www.oneoffcoder.com" target="_blank">
One-Off Coder
</a>
</h4>
<p>
<b><i>"The best way to predict the future is to create it," President Abraham Lincoln.</i></b>
</p>
<hr class="my-4">
<p>
<a href="https://github.com/oneoffcoder/lightning-projects/tree/master/html/" target="_blank">
Source Code on GitHub
</a>
</p>
<img src="logo.png" />
</div>
</div>
<div class="alert alert-primary" role="alert">
The following are fun coding projects to learn. They test your skills from begginer, intermediate to
advanced. Some of the projects involve artificial intelligence and access to your multimedia devices
(e.g. web camera and speakers).
</div>
<div>
<ul class="list-group">
<li class="list-group-item">
<a href="checkers/index.html">Checkers</a>: Learn how to code checkers with HTML 5's drag and drop features.
</li>
<li class="list-group-item">
<a href="colors/index.html">Colors</a>: Have fun making colors out of tables.
</li>
<li class="list-group-item">
<a href="game-of-life/index.html">Game of Life</a>: Create artificial life according to Conway's Game of Life.
</li>
<li class="list-group-item">
<a href="guessing-game/index.html">Guessing Game</a>: Test your guessing skills by guessing numbers generated by
the computer.
</li>
<li class="list-group-item">
<a href="morse-code/index.html">Morse Code</a>: Master sound manipulation with web technologies and learn about
morse code.
</li>
<li class="list-group-item">
<a href="rps-game/index.html">Rock, Paper, Scissor</a>: Code the classic Rock, Paper, Scissor game.
</li>
<li class="list-group-item">
<a href="rps++/index.html">Rock, Paper, Scissor (Re-imagined)</a>: Use a double-dose of artificial intelligence to
challenge
the computer in an interactive game of Rock, Paper, Scissor.
</li>
<li class="list-group-item">
<a href="sign-language/index.html">Sign Language</a>: A fun and neat program to test your knowledge of sign
language
alphabets.
</li>
<li class="list-group-item">
<a href="slot-machine-game/index.html">Slot Machine</a>: Emulate a slot machine game.
</li>
<li class="list-group-item">
<a href="solar-system/index.html">Solar System</a>: Bring the solar system to life by coding it!
</li>
<li class="list-group-item">
<a href="tic-tac-toe/index.html">Tic-Tac-Toe</a>: Play tic-tac-toe against the computer.
</li>
</ul>
</div>
<br />
<div class="alert alert-success" role="alert">
Let One-Off Coder help you achieve a life-long journey of continous success in computer science and
coding.
<ul>
<li>
<a href="https://www.oneoffcoder.com">Website</a>
</li>
<li>
<a href="https://twitter.com/oneoffcoder">Twitter</a>
</li>
<li>
<a href="https://www.facebook.com/oneoffcoder">Facebook</a>
</li>
<li>
<a href="https://www.youtube.com/channel/UCCCv8Glpb2dq2mhUj5mcHCQ">YouTube</a>
</li>
</ul>
<b><i>"The best way to create the future is to code it," One-Off Coder.</i></b>
</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/[email protected]/dist/umd/popper.min.js"
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"
integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI"
crossorigin="anonymous"></script>
</body>
</html>