-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
107 lines (72 loc) · 4.63 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
<!DOCTYPE html>
<html>
<head id="head">
<title>Home - thiccaxe.net</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="/assets/styles/styles.css" type="text/css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="UTF-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script>
<script src="/assets/scripts/scripts.js"></script>
</head>
<body id="body">
<header>
<div class="navigation">
<button>
<span onclick="openNav()"><i class="material-icons">add</i><i class="material-icons">home</i></span>
</button>
<div id='overlay-container' class="overlay">
<div id='close-overlay-mobile'>
<a href="javascript:void(0);" class="closebtn" onclick="closeNav()"><i class="material-icons">clear</i>ㅤㅤㅤ</a>
</div>
<div class="overlay-content">
<a href="javascript:void(0);" onclick="goTo('/');"><i class="material-icons">home</i> Home</a>
<a href="javascript:void(0);" onclick="goTo('/item/');"><i class="material-icons">view_quilt</i> item</a>
<a href="javascript:void(0);" onclick="goTo('Toggle Theme');" id='darkmodetoggle'><i class="material-icons">check_box_outline_blank</i> Dark Mode</a>
<a href="javascript:void(0);" onclick="goTo('Show Tools');"><i class="material-icons">code</i> Dev Tools</a>
<div id="close-overlay-desktop">
<a href="javascript:void(0);" onclick="closeNav()"><i class="material-icons">clear</i></a>
</div>
</div>
</div>
<div id='ntfn-container' class="ntfn">
<div id='close-ntfn-mobile'>
<a href="javascript:void(0);" class="ntfn-closebtn" onclick="closeNTFN()">ㅤㅤㅤ<i class="material-icons">clear</i></a>
</div>
<div class="ntfn-content" id="ntfn-content">
<div id="close-ntfn-desktop">
<a href="javascript:void(0);" class="ntfn-closebtn" onclick="closeNTFN()"><i class="material-icons">clear</i></a>
</div>
</div>
</div>
<div class='titletext'>
<span>Home - thiccaxe.net</span>
</div>
</div>
</header>
<div class="tabs">
<div class="tab">
<button class="tablinks" onclick="loadHTML(event, 'Navigation')" id="TAB:Navigation">Navigation</button>
<button class="tablinks" onclick="loadHTML(event, 'About')" id="TAB:About">About</button>
<button class="tablinks" onclick="loadHTML(event, 'Ipsum')" id="TAB:Ipsum">Ipsum</button>
</div>
<div id="TABCONTENT:Navigation" class="tabcontent">
<p></p>
<h4>Welcome to thiccaxe.net!</h4>
<p>Navigation is easy. There are tabs listed side-by-side above. Currently, the "Navigation" tab is open. Click on a tab to read it's contents.</p>
<p>In the top left corner, you will find a <i class="material-icons">add</i>. Click on it to open the main menu.</p>
</div>
<div id="TABCONTENT:About" class="tabcontent">
<p></p>
<p>Welcome to thiccaxe.net! Here, you can find random stuff.</p>
<p>This page is mainly to give me some experience in web development skills</p>
<p>As of now, the main content on this website will be about item.</p>
</div>
<div id="TABCONTENT:Ipsum" class="tabcontent">
<p></p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
</body>
</html>