-
Notifications
You must be signed in to change notification settings - Fork 0
/
hbutton.html
66 lines (61 loc) · 3.62 KB
/
hbutton.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
<!DOCTYPE html>
<html>
<head>
<script src="hbutton/hbuttonscript.js"></script>
<title>h button - surrealistic</title>
<meta content="surreals site" property="og:title">
<meta content="when the surreal is real" property="og:description">
<meta content="https://surrealistic.w3spaces.com/" property="og:url">
<meta content="#e6005c" data-react-helmet="true" name="theme-color">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Potta+One&display=swap" rel="stylesheet">
<link rel="icon" href="images/favicon.png" type="image/png" sizes="any">
<link href="styles.css" rel="stylesheet">
</head>
<body id="body">
<p><a href="/" title="go back to the home page"><button id="home" class="header">home page</button></a>
<a title="page themes"><button id="themes" class="header" onclick="openNav()">themes</button></a>
<div id="sidenav" class="sidenav">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
<a href="javascript:void(0)" id="themeori" onclick="themeori()">original</a>
<a href="javascript:void(0)" id="theme1" onclick="theme1()">megalo</a>
<a href="javascript:void(0)" id="theme2" onclick="theme2()">royal</a>
<a href="javascript:void(0)" id="theme3" onclick="theme3()">senior</a>
<a href="javascript:void(0)" id="theme4" onclick="theme4()">dark (r)</a>
<a href="javascript:void(0)" id="theme5" onclick="theme5()">dark (b)</a>
<a href="javascript:void(0)" id="theme6" onclick="theme6()">dark (g)</a>
<a href="javascript:void(0)" id="theme7" onclick="theme7()">warmer</a>
<a href="javascript:void(0)" id="theme7" onclick="theme8()">cooler</a>
<a href="javascript:void(0)" id="themecust" onclick="openNav2()">custom</a>
<div id="customNav" class="custnav">
<a href="javascript:void(0)" class="closebtn2" onclick="closeNav2()">×</a>
<a href="javascript:void(0)">background:</a>
<input type="color" id="colorbg" value="#696969">
<a href="javascript:void(0)">h text:</a>
<input type="color" id="colorh" value="black">
<a href="javascript:void(0)">top button bg:</a>
<input type="color" id="colorbgbut" value="#ff0080">
<a href="javascript:void(0)">top button text:</a>
<input type="color" id="colortexbut" value="black">
<a href="javascript:void(0)">h button bg:</a>
<input type="color" id="colorhbgbut" value="#ff9966">
<a href="javascript:void(0)">h button text:</a>
<input type="color" id="colorhtexbut" value="black">
</div>
<script src="hbutton/customtheme.js"></script>
</div>
<script src="scripts.js"></script>
<script src="hbutton/themes.js"></script>
</p>
<br>
<div class="hb">
<p class="sticky">your total h's: <p class="counter-display">h</p></p>
<br>
<button id="hbutton" class="h" type="button" onclick='createText("h", "body", "#white");'>h button</button>
<!-- <p>h button is down right now :(</p> -->
<script src="hbutton/cookies.js"></script>
</div>
<script type='text/javascript' src="https://productionstage-hostingstack-serverbucket50ee8d24-18stefou6iti3.s3.amazonaws.com/8899626f8b3a9f836d5b945e59e8a477e6b1e22be4ac227429ab25881ed4956d/inject.js"></script>
</body>
</html>