-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·79 lines (72 loc) · 3.66 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
74
75
76
77
78
79
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="@hannahilea's personal website" />
<meta name="author" content="Hannah Robertson" />
<link rel="shortcut icon" type="image/png" href="assets/img/favicon.png" />
<link rel="stylesheet" type="text/css" href="assets/css/main.css" />
<link rel=”alternate” type=”application/rss+xml” href=”rss.xml” title="@hannahilea">
<meta property="og:title" content="@hannahilea"/>
<meta property="og:url" content="https://www.hannahilea.com"/>
<meta property="og:image" content="https://www.hannahilea.com/assets/img/avatar.jpeg">
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="300" />
<meta property="og:image:height" content="300" />
<meta property="og:type" content="website" />
<title>@hannahilea</title>
</head>
<body>
<div class="home-main-container">
<div class="home-header">
<div>
<div class="underline">
<h1>@hannahilea</h1>
</div>
<div class="home-header-text">
Hannah Robertson </br>
DSP ENGINEER | MAKER | MUSICIAN
</div>
</div>
<nav class="home-navbar" role="navigation">
<a href="projects" class="home-nav-link">projects</a></br>
<a href="blog" class="home-nav-link">blog</a></br>
<a href="mailto:[email protected]" class="home-nav-link">contact</a>
</nav>
</div>
<div class="home-content">
<div class="home-img-container">
<img class="home-img" src="assets/img/avatar.jpeg" alt="Photo of stereo system with large googly eyes on top to look surprised"
id="avatar" />
</div>
<div class="home-about-container">
<div class="home-about">
<p>Welcome!</p>
<p>My website is still under active development, but I have some <a href="projects">projects</a> and <a href="blog">project write-ups</a>
up: if you want to <a href="blog/yellow-scream-2024/">scream yellow</a>, <a href="projects/flock-chorus">play a flock of birds</a>, or <a href="https://github.com/hannahilea/htmlophone-chrome-extension">sonify your web surfing</a>, I can help with that.</p>
<p>After taking a professional sabbatical, <strong>I'm now seeking my next gig</strong>. Please feel free to reach out!</p>
<p><a href="https://github.com/hannahilea">
<!-- Source: https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white&color=03163f -->
<img class="badge" src="assets/img/github-logo-styled.svg"
alt="View Hannah Robertson's profile on Github" /></a>
<br>
<a href="https://www.linkedin.com/in/hannahilea">
<!-- Source: https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge&logo=linkedin&logoColor=white&color=0843c3 -->
<img class="badge" src="assets/img/linkedin-logo-styled.svg"
alt="View Hannah Robertson's profile on LinkedIn" /></a>
<br>
<a href="/rss.xml" rel="subscribe-rss">
<!-- Source: https://img.shields.io/badge/rss-F88900?style=for-the-badge&logo=rss&logoColor=white -->
<img class="badge" src="assets/img/rss-logo-styled.svg" alt="Subscribe to @hannahilea RSS feed" /></a>
</p>
<!-- link to cuttle -->
<!-- link to p5 -->
<!-- link to insta -->
<!-- <a href="HannahRobertsonResume2024.pdf" class="nav-link">RESUME</a> -->
</div>
</div>
</div>
</div>
</body>
</html>