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
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
|
<!DOCTYPE html><html lang=en><script>"serviceWorker"in navigator&&window.addEventListener("load",function(){navigator.serviceWorker.register("/sw.js").then(function(e){console.log("ServiceWorker registration successful with scope: ",e.scope)},function(e){console.log("ServiceWorker registration failed: ",e)})})</script><meta charset=UTF-8><meta content=origin name=referrer><meta content="Hi! This is my personal website and it also houses comprehensive guides about my projects"name=Description><meta content="width=device-width,initial-scale=1,minimal-ui"name=viewport><link href=manifest.json rel=manifest><link href=css/menu.css rel=stylesheet><meta content=#373B44 name=theme-color><link href=assets/apple-icon-57x57.png rel=apple-touch-icon sizes=57x57><link href=assets/apple-icon-60x60.png rel=apple-touch-icon sizes=60x60><link href=assets/apple-icon-72x72.png rel=apple-touch-icon sizes=72x72><link href=assets/apple-icon-76x76.png rel=apple-touch-icon sizes=76x76><link href=assets/apple-icon-114x114.png rel=apple-touch-icon sizes=114x114><link href=assets/apple-icon-120x120.png rel=apple-touch-icon sizes=120x120><link href=assets/apple-icon-144x144.png rel=apple-touch-icon sizes=144x144><link href=assets/apple-icon-152x152.png rel=apple-touch-icon sizes=152x152><link href=assets/apple-icon-180x180.png rel=apple-touch-icon sizes=180x180><link href=assets/android-icon-192x192.png rel=icon sizes=192x192 type=image/png><link href=assets/favicon-32x32.png rel=icon sizes=32x32 type=image/png><link href=assets/favicon-96x96.png rel=icon sizes=96x96 type=image/png><link href=assets/favicon-16x16.png rel=icon sizes=16x16 type=image/png><link href=/manifest.json rel=manifest><meta content=#373B44 name=msapplication-TileColor><meta content=assets/ms-icon-144x144.png name=msapplication-TileImage><script async src="https://www.googletagmanager.com/gtag/js?id=UA-108635191-1"></script><script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","UA-108635191-1")</script><title>Hi!</title><body><style>*{box-sizing:border-box}body{margin:0;font-weight:500;font-family:HelveticaNeue}section{width:100%;padding:0 7%;display:table;margin:0;max-width:none;background-color:#373b44;height:100vh}section:nth-of-type(2n){background-color:#3498db}.intro{height:90vh}.content{display:table-cell;vertical-align:middle}h1{font-size:3em;display:block;color:#fff;font-weight:300}p{font-size:1.5em;font-weight:500;color:#c3cad9}a{font-weight:700;color:#373b44;position:relative}a:hover{opacity:.8}a:active{top:1px}footer{padding:1% 5%;text-align:center;background-color:#373b44;color:#fff}footer a{color:#fe4b74;font-weight:500;text-decoration:none}@-webkit-keyframes letter-in{0%{top:1.2em}100%{top:0}}@keyframes letter-in{0%{top:1.2em}100%{top:0}}@-webkit-keyframes letter-out{0%{top:0}100%{top:-1.2em}}@keyframes letter-out{0%{top:0}100%{top:-1.2em}}div.changing-title{font-size:8vw;height:1.2em;position:relative;width:100%;overflow-y:hidden;margin-left:1em;transform:translate3d(0,0,0)}div.changing-title h1{font-size:1em;position:absolute;left:0;top:0;margin:0}div.changing-title h1 .letter{position:relative;top:1.2em}div.changing-title h1 .letter.in{-webkit-animation-name:letter-in;animation-name:letter-in;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}div.changing-title h1 .letter.out{top:0;-webkit-animation-name:letter-out;animation-name:letter-out;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards} #cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
margin: 0;
padding: 0;
border: 0;
list-style: none;
line-height: 1;
display: block;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
#cssmenu #menu-button {
display: none;
}
#cssmenu {
font-family: Montserrat, sans-serif;
background: #373B44;
}
#cssmenu > ul > li {
float: left;
}
#cssmenu.align-center > ul {
font-size: 0;
text-align: center;
}
#cssmenu.align-center > ul > li {
display: inline-block;
float: none;
}
#cssmenu.align-center ul ul {
text-align: left;
}
#cssmenu.align-right > ul > li {
float: right;
}
#cssmenu > ul > li > a {
padding: 17px;
font-size: 12px;
letter-spacing: 1px;
text-decoration: none;
color: #dddddd;
font-weight: 700;
text-transform: uppercase;
}
#cssmenu > ul > li:hover > a {
color: #ffffff;
}
#cssmenu > ul > li.has-sub > a {
padding-right: 30px;
}
#cssmenu > ul > li.has-sub > a:after {
position: absolute;
top: 22px;
right: 11px;
width: 8px;
height: 2px;
display: block;
background: #dddddd;
content: '';
}
#cssmenu > ul > li.has-sub > a:before {
position: absolute;
top: 19px;
right: 14px;
display: block;
width: 2px;
height: 8px;
background: #dddddd;
content: '';
-webkit-transition: all .25s ease;
transition: all .25s ease;
}
#cssmenu > ul > li.has-sub:hover > a:before {
top: 23px;
height: 0;
}
#cssmenu ul ul {
position: absolute;
left: -9999px;
}
#cssmenu.align-right ul ul {
text-align: right;
}
#cssmenu ul ul li {
height: 0;
-webkit-transition: all .25s ease;
transition: all .25s ease;
}
#cssmenu li:hover > ul {
left: auto;
}
#cssmenu.align-right li:hover > ul {
left: auto;
right: 0;
}
#cssmenu li:hover > ul > li {
height: 35px;
}
#cssmenu ul ul ul {
margin-left: 100%;
top: 0;
}
#cssmenu.align-right ul ul ul {
margin-left: 0;
margin-right: 100%;
}
#cssmenu ul ul li a {
border-bottom: 1px solid rgba(150, 150, 150, 0.15);
padding: 11px 15px;
width: 170px;
font-size: 12px;
text-decoration: none;
color: #dddddd;
font-weight: 400;
background: #373B44;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {
border-bottom: 0;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
color: #ffffff;
}</style><div id=cssmenu><ul><li><a href=#>Home</a><li class=active><a href=#>Projects</a><ul><li><a href=https://navanchauhan.github.io/Mjolnir>Mjölnir</a><li><a href=https://navanchauhan.github.io/Grub-Repair-Toolkit>GYGB</a></ul><li><a href=./Contact.html>Contact</a></ul></div><script async src=https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js></script><script async src=js/index.js></script><script async src=js/menu.js></script><section class=intro><div class=content><div class=changing-title><h1>Hi! I am Navan</h1></div></div></section><section><div class=content><h1>I started coding when I was 8 and ironically learnt C before HTML</h1></div></section><section><div class=content><h1>Funnily, I learnt C# before HTML</h1></div></section><section><div class=content><h1>See my <a href=https://github.com/navanchauhan>GitHub Repo.</a></h1></div></section><footer>Helped by countless designers, check source code for more info</footer>
|
