-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
120 lines (115 loc) · 6.16 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
108
109
110
111
112
113
114
115
116
117
118
119
120
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" >
<meta name = "description" content = "Gabriel Kahen's Portfolio Site">
<meta name = "author" content = "Gabriel Kahen">
<meta name = "keywords" content = "GabrielKahen, Gabriel Kahen, GabeKahen, Gabe Kahen">
<meta name = "application-name" content = "Gabriel Kahen Portfolio Site">
<title>Gabriel Kahen</title>
<link rel="icon" type="image/x-icon" href="icons/logo.png" alt = "Gabriel Kahen">
<link rel="stylesheet" href="styles.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,360;1,360&display=swap" rel="stylesheet">
</head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-8PZCH5LGRY"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-8PZCH5LGRY');
</script>
<body>
<div id = "tabs">
<img src = "icons/noicons.png" id = "tabimg">
<button class = "tab" id = "gabrielkahen" onclick = "reload()">
<img src = "icons/logo.png" class = "logo" alt = "Gabriel Kahen">
<div id = "gabetextforfade">
  Gabriel Kahen
</div>
</button>
<button class = "tab" id = "LinkedIn" onclick = "openLinkedin()">
<img src = "icons/linkedin.png" class = "logo" alt = "Gabe Kahen">
  LinkedIn
</button>
<button class = "tab" id = "GitHub" onclick = "openGithub()">
<img src = "icons/github.png" class = "logo" alt = "Gabriel Kahen">
  GitHub
</button>
<button class = "tab" id = "Email" onclick = "openEmail()">
<img src = "icons/gmail.png" class = "logo" alt = "Gabe Kahen">
  gabekahen@gmail.com
</button>
</div>
<div id = "url">
<button class = "mod" id = "arrow_back">
<img src = "icons/arrow_back.png" class = "modImg" alt = "Gabriel Kahen">
</button>
<button class = "mod" id = "arrow_forward">
<img src = "icons/arrow_forward.png" class = "modImg" alt = "Gabe Kahen">
</button>
<button class = "mod" id = "refresh" onclick = "reload()">
<img src = "icons/refresh.png" class = "modImg" alt = "Gabriel Kahen">
</button>
<input type = "text" id = "urlbar" value="gabrielkahen.com" onfocus= "this.select()">
<button id = "account" class = "hasTooltip" data-tooltip = "Gabriel Kahen">
<img src = "icons/logo-circle.png" id = "accountImg" alt = "Gabe Kahen">
<div id="tooltip" class="hidden">
</button>
<button class = "mod hasTooltip" id = "tripledots" onclick = "openTripledots()" data-tooltip = "coming soon">
<img src = "icons/tripledots.png" class = "modImg" alt = "Gabriel Kahen">
<div id="tooltip" class="hidden">
</button>
</div>
<div id = "bookmarks">
<button class = "bookmark" id = "twitter" onclick = "openTwitter()">
<img src = "icons/twitter.png" class = "bookmarkImg" id = "twitterImg" alt = "Gabe Kahen">
  Twitter
</button>
<button class = "bookmark" id = "chromakopia" onclick = "openChromakopia()">
<img src = "icons/chromakopia.png" class = "bookmarkImg" id = "chromakopiaImg" alt = "Gabe Kahen">
  Chromakopiafont
</button>
<button class = "bookmark" id = "easyvga" onclick = "openEasyVGA()">
<img src = "icons/easyvga.png" class = "bookmarkImg" id = "easyvgaImg" alt = "Gabe Kahen">
  EasyVGA
</button>
<button class = "bookmark" id = "monkeyarchive" onclick = "openMonkeyarchive()">
<img src = "icons/monkeyarchive.png" class = "bookmarkImg" id = "monkeyarchiveImg" alt = "Gabriel Kahen">
  monkeyarchive
</button>
</div>
<hr>
<div id = "body">
<button id = "orangelogo" class = "bodybutton hasTooltip" data-tooltip = "Gabriel Kahen">
<img src = "icons/logo-circle.png" id = "orangelogoImg" alt = "Gabe Kahen">
<div id="tooltip" class="hidden">
</button>
<button id = "dotsarray" class = "bodybutton hasTooltip" data-tooltip = "coming soon">
<img src = "icons/dotsarray.png" id = "dotsarrayImg" alt = "Gabriel Kahen">
<div id="tooltip" class="hidden">
</button>
<button id = "bodyGmail" class = "hasTooltip" data-tooltip = "gabekahen@gmail.com" onclick = "openEmail()">
Gmail
<div id="tooltip" class="hidden">
</button>
<img src = "icons/GABE.png" id = "gabelogo" alt = "Gabe Kahen">
<div id ="searchContainer">
<input type="text" id="searchInput" placeholder="Search" onfocus= "this.select()">
<img src = "icons/search.png" id = "searchIcon" alt = "Gabriel Kahen">
<div id = "searchHistory">
<div class="option" onclick = "history(1)" id = "history1"><img src = "icons/history.png" class = "historyIcon">    gabe kahen net worth</div>
<div class="option" onclick = "history(2)" id = "history2"><img src = "icons/history.png" class = "historyIcon">    gabe kahen height</div>
<div class="option" onclick = "history(3)" id = "history3"><img src = "icons/history.png" class = "historyIcon">    gabe kahen girlfriend?</div>
<div class="option" onclick = "history(4)" id = "history4"><img src = "icons/history.png" class = "historyIcon">    gabe kahen age</div>
<div class="option" onclick = "history(5)" id = "history5"><img src = "icons/history.png" class = "historyIcon">    gabe kahen SSN</div>
<div class="option" id = "buffer"></div>
</div>
</div>
</div>
<script src="script.js"></script>
</body>
</html>