Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
117 lines (103 sloc) 3.96 KB
<!DOCTYPE html>
<html lang="en">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src=""></script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-40401657-1');
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Nick Badal</title>
<meta name="description" content="Portfolio, links, contact info and more">
<meta name="image" content="">
<meta itemprop="name" content="Nick Badal">
<meta itemprop="description" content="Portfolio, links, contact info and more">
<meta itemprop="image" content="">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Nick Badal">
<meta name="twitter:description" content="Portfolio, links, contact info and more">
<meta name="twitter:site" content="@_nbadal">
<meta name="twitter:creator" content="@_nbadal">
<meta name="twitter:image:src" content="">
<meta name="og:title" content="Nick Badal">
<meta name="og:description" content="Portfolio, links, contact info and more">
<meta name="og:image" content="">
<meta name="og:url" content="">
<meta name="og:site_name" content="Nick Badal">
<meta name="og:type" content="website">
<link rel="stylesheet"
integrity="sha256-gvEnj2axkqIj4wbYhPjbWV7zttgpzBVEgHub9AAZQD4=" crossorigin="anonymous"/>
<link rel="stylesheet" href="">
<style type="text/css">
body {
background: #222;
.eye {
display: inline-block;
margin: 50px;
#eyes {
margin-top: 150px;
text-align: center;
#eyes img {
max-width: 100%;
height: auto;
#src {
display: inline-block;
position: fixed;
bottom: 0;
right: 0;
padding: 10px;
#src a {
font-family: 'Roboto', sans-serif;
font-weight: bold;
color: #555;
integrity="sha256-k2WSCIexGzOj3Euiig+TlR8gA0EmPjuc79OEeY5L45g=" crossorigin="anonymous"></script>
integrity="sha256-CAgJ3dV4c4eWFBbunpYeUQZiRlVuR4NsizhWMKgN2L4=" crossorigin="anonymous"></script>
<div id="eyes">
<div id="eye-in" class="eye">
<div class="front">
<img src="img/eye-closed.svg" alt="LinkedIn"/>
<div class="back">
<a href=""><img src="img/eye-in.svg" alt="LinkedIn"/></a>
<div id="eye-gh" class="eye">
<div class="front">
<img src="img/eye-closed.svg" alt="GitHub"/>
<div class="back">
<a href=""><img src="img/eye-gh.svg" alt="GitHub"/></a>
<div id="src">
<a href="">src</a>
<script type="text/javascript">
axis: 'x',
trigger: 'hover',
speed: 200