-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
59 lines (59 loc) · 2.27 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
<!DOCTYPE html>
<!--
BW Color Contrast AI - index.html
Author: Eric Liang
Author URI: https://www.eric-liang.com
Author Github URI: https://www.github.com/ewliang
Project Repository URI: https://github.com/ewliang/BW-Color-Contrast-AI
Description: The main UI for color contrast AI.
License: GPL v3.0
-->
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name = "viewport" content = "width=device-width, initial-scale = 1.0">
<meta http-equiv = "X-UA-Compatible" content = "ie=edge">
<title>BW Color Contrast AI | Eric Liang</title>
<link href = "style.css" rel = "stylesheet" type = "text/css">
</head>
<body>
<header>
<h1>BW Color Contrast AI</h1>
<span>Created by <a href = "https://www.eric-liang.com">Eric Liang</a></span>
<label for = "toggleTraining"><input type = "checkbox" id = "toggleTraining" checked>Enable Training?</label>
</header>
<main>
<div>
<div id = "blackBox">
<span id = "blackText">
<h3>Black Text</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Phasellus leo dolor, tempor ut nisl placerat, lacinia pretium
odio. Proin vel aliquam odio. Nullam iaculis, massa imperdiet
aliquet condimentum, dui urna tristique urna, ac ultricies libero
sem eu ante.
</p>
</span>
</div>
<div id = "whiteBox">
<span id = "whiteText">
<h3>White Text</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Phasellus leo dolor, tempor ut nisl placerat, lacinia pretium
odio. Proin vel aliquam odio. Nullam iaculis, massa imperdiet
aliquet condimentum, dui urna tristique urna, ac ultricies libero
sem eu ante.
</p>
</span>
</div>
</div>
</main>
<footer>
Copyright © <script type="text/javascript">document.write(new Date().getFullYear());</script> <a href = "https://www.eric-liang.com">Eric Liang</a>. All Rights Reserved.
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/brain/0.6.3/brain.min.js"></script>
<script type="text/javascript" src = "scripts.js"></script>
</body>
</html>