-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
54 lines (54 loc) · 1.7 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
<html>
<head>
<link rel="stylesheet" href="style.css" />
<script
src="https://kit.fontawesome.com/9707863929.js"
crossorigin="anonymous"
></script>
</head>
<body>
<div class="titlebar">
<div class="nav">
<button class="nav-button">
<i class="fa-solid fa-chevron-left fa-lg"></i>
</button>
<button class="nav-button">
<i class="fa-solid fa-chevron-right fa-lg"></i>
</button>
<button class="nav-button">
<i class="fa-solid fa-rotate-right fa-lg"></i>
</button>
<button class="nav-button" onclick="addNewTab()">
<i class="fa-solid fa-plus fa-lg"></i>
</button>
</div>
<div id="addressbar" disabled>
<i class="fa-solid fa-lock"></i>
<input type="text" id="urlbox" value="https://weirdorconfusing.com" />
</div>
<div id="tabs">
<div class="tab-header">
<button class="tab" onclick="showUrlbox()">
<img src="https://theuselessweb.com/favicon.ico" />
<p>Weird or Confusing</p>
</button>
<button class="close"><i class="fa-solid fa-xmark fa-sm"></i></button>
</div>
<div class="tab-header">
<button class="tab tab-inactive" onclick="showUrlbox()">
<img src="https://theuselessweb.com/favicon.ico" />
<p>Weird or Confusing</p>
</button>
<button class="close"><i class="fa-solid fa-xmark fa-sm"></i></button>
</div>
</div>
<div class="controls">
<button><i class="fa-solid fa-window-minimize fa-sm"></i></button>
<button><i class="fa-regular fa-window-maximize fa-sm"></i></button>
<button><i class="fa-solid fa-xmark fa-lg"></i></button>
</div>
</div>
<iframe src="https://weirdorconfusing.com"></iframe>
<script src="script.js"></script>
</body>
</html>