This repository has been archived by the owner on Dec 29, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathhexidecimal_color_codes.html
53 lines (53 loc) · 1.62 KB
/
hexidecimal_color_codes.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
<!--
/**
* file: hexidecimal_color_codes.html
* type: Hyper-Text-Markup-Language
* date: 10_JULY_2023
* author: karbytes
* license: PUBLIC_DOMAIN
*/
-->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HEXIDECIMAL_COLOR_CODES</title>
<link rel="stylesheet" href="karbytes_aesthetic.css">
<script src="hexidecimal_color_codes.js"></script>
<script src="time_stamp.js"></script>
<style>
.green_input_element {
background: #000000;
color: #00ff00;
border-color: #00ff00;
}
.green_input_element:hover {
background: #00ff00;
color: #000000;
}
.tile_text {
background: #000000;
color: #00ffff;
}
</style>
</head>
<body onload="initialize_application()">
<h1>HEXIDECIMAL_COLOR_CODES</h1>
<p>1) Select a color skew from the expandable menu.</p>
<p class="console">COLOR_SKEW :=
<select class="green_input_element" id="color_skew_menu">
<option value="none" selected>NONE</option>
<option value="red">RED</option>
<option value="green">GREEN</option>
<option value="blue">BLUE</option>
</select>
</p>
<p>
2) Click the GENERATE button to generate a grid comprised of 3 rows and 3 columns
of randomly colored tiles according to the selected color skew.
</p>
<p><input class="green_input_element" type="button" value="GENERATE" onclick="generate_color_grid()"></p>
<div id="output"><p>???</p></div>
<div id="time_stamped_events" class="console"><p>???</p></div>
</body>
</html>