-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
73 lines (71 loc) · 3.53 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
<!doctype html>
<html class="no-js" lang="en-us">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>SL</title>
<link rel="icon" type="image/png" href="droplet-favicon.png" />
<link rel="icon" type="image/png" href="Droplet.png" />
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<!-- Stylesheets -->
<link rel="preconnect" href="https://rsms.me/">
<link rel="stylesheet" href="https://rsms.me/inter/inter.css">
<link rel="stylesheet" href="css/index.css">
<meta name="description" content="Personal Website">
</head>
<!--
Code-folding on Sublime Text
Fold all ⌘K, ⌘1
Fold lvl 2 ⌘K, ⌘2
Fold lvl 3 ⌘K, ⌘3
...
-->
<body>
<div class="page flexc">
<header>
<div class="container">
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="poems/poems.html">Poetry</a></li>
<li><a href="work/skills.html">Skills</a></li>
<li><a href="https://github.com/samliebl">GitHub</a></li>
<li><a href="https://soundcloud.com/boutiquebeats">I make music</a></li>
<li><a href="https://www.instagram.com/saminpractice/">Instagram</a></li>
</ul>
</nav>
</div>
</header>
<main>
<div class="container">
<div class="measure">
<p>Hi. Thanks for stopping by. I’m Sam and this is my homepage. 90s vibes.</p>
<p>I work; I write; I draw and do graphic design; I tinker with computer hardware and electronics; I code (at a <em>very</em> basic level, but I’m working on it).</p>
<p>I’m not really on any social media except <a class="old-school" href="https://linkedin.com/in/samliebl">LinkedIn</a> for work and lately, against my better judgement, <a class="old-school" href="https://www.instagram.com/saminpractice/">Instagram</a> for creative stuff. Oh, and you can also find the music I make on <a class="old-school" href="https://soundcloud.com/boutiquebeats">Soundcloud</a>. It’s instrumental hip hop, usually sample based, if you’re into that sort of thing.</p>
<p>This is me:</p>
</div>
<img class="img" src="https://saml.nyc3.cdn.digitaloceanspaces.com/sam_portrait_3.min.jpg">
<div class="mt1 measure">All thoughts, opinions and anything expressed whatsoever are mine and mine alone. They in no way represent any kind of position or endorsement of other parties, including, but not limited to, employers and clients.</div>
</div>
</main>
<footer>
<div class="container">
<hr>
<div class="flex spread">
<div class="inline center">
<small class="inter gray-200 light">© Sam Liebl <span class="tabular-nums" id="yearDisplay"></span>.</small>
</div>
<div class="inline center">
<em><small><a href="colophon.html">Colophon</a></small></em>
</div>
</div>
</div>
</footer>
</div>
<!-- Display the current year for the copyright footer -->
<script src="js/main.js"></script>
<script type="text/javascript">
displayCurrentYear();
</script>
</body>
</html>