-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
30 lines (29 loc) · 2.93 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
<html>
<head>
<!-- Made by his gay friend David Leonard @realdavidops https://davidops.com -->
<!-- Photo by Yvette de Wit on Unsplash-->
<title>Hello, I'm Austin.</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" type="image/png" href="./favicon.ico">
<style>
/*!
* Font Awesome Free 5.5.0 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
*/@font-face{font-family:"afarley";font-style:normal;font-weight:normal;src:url(./webfonts/afarley.woff) format("woff")}.fab{font-family:"afarley"}.fa,.fab,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-facebook:before{content:"\02cc"}.fa-instagram:before{content:"\02ce"}.fa-linkedin:before{content:"\02ca"}.fa-spotify:before{content:"\02cd"}.fa-twitter:before{content:"\02cb"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}html{background:no-repeat url('./bg.jpg') center center fixed;background-size:cover;font-size:62.5%;font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif}body{font-size:1.5em;line-height:1.6;color:white}.header{margin-top:4rem;display:block;text-align:center}.header h1{font-size:4.0rem;line-height:1.2;letter-spacing:-.1rem;text-shadow:0 -1px 5px rgba(0,0,0,0.5);margin:0;margin-bottom:2rem;font-weight:bold;font-family:'afarley'}.header p{margin-top:0;margin-bottom:0;text-shadow:0 -1px 2px rgba(0,0,0,0.5)}.header p a{margin-left:8px;margin-right:8px;font-size:2.25em}.header p a:link{color:white;text-decoration:none}.header p a:active{color:white;text-decoration:none}.header p a:hover{color:white;text-decoration:none}.header p a:visited{color:white;text-decoration:none}.header p a svg{box-shadow:0 -1px 2px rgba(0,0,0,0.2)}.links{margin-top:-1em !important;}
</style>
</head>
<body>
<div class="header">
<h1>Austin Farley</h1>
<p>Music. Events. Tech.</p>
<p class="links">
<a href="https://twitter.com/farleyaustin"><i class="fab fa-twitter"></i></a>
<a href="https://www.linkedin.com/in/austinfarley/"><i class="fab fa-linkedin"></i></a>
<a href="https://open.spotify.com/user/1219708049"><i class="fab fa-spotify"></i></a>
<a href="https://www.instagram.com/coloradosoundguy/"><i class="fab fa-instagram"></i></a>
<a href="https://www.facebook.com/farley.austin"><i class="fab fa-facebook"></i></a>
</p>
</div>
</body>
</html>