diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 138 |
1 files changed, 1 insertions, 137 deletions
@@ -1,137 +1 @@ -<!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> +<!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,</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> |