-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
73 lines (69 loc) · 2.42 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 lang="en">
<head>
<title>{{ site.author }} / {{ site.tagline }}</title>
<meta name="author" content="{{ site.author }}">
<meta name="description" content="{{ site.description }}">
<meta name="keywords" content="{{ site.keywords }}">
{% include head.html %}
<link rel="stylesheet" href="https://unpkg.com/xp.css" />
</head>
<body>
<main class="content">
<div class="container-home">
<a title="{{ site.author }}" href="{{ site.baseurl | append: " /" }}">{{ site.author }}</a>
<section class="projects">
Projects I have worked on
<ul class="projects-list">
{% for item in site.categories.projects reversed %}
<div class="window bg-modal" style="margin: 32px">
<div class="title-bar flex">
<div class="title-bar-text">
{{ item.project.title }}
</div>
<div class="title-bar-controls">
<button aria-label="Minimize"></button>
<button aria-label="Maximize"></button>
<button class="close-dialog" aria-label="Close"></button>
</div>
</div>
<div class="window-body">
<h1>This was easy.</h1>
</div>
</div>
<div class="window" style="margin: 32px">
<div class="title-bar flex">
<div class="title-bar-text">
{{ item.project.title }}
</div>
<div class="title-bar-controls">
<button aria-label="Minimize"></button>
<button class="open-dialog" aria-label="Maximize"></button>
<button aria-label="Close"></button>
</div>
</div>
<div class="window-body">
<p>Type: {{ item.project.type }}</p>
<p>Tech: {{ item.project.tech }}</p>
<section class="field-row" style="justify-content: flex-end">
<button><a href="{{ item.url | prepend: site.baseurl }}">Learn More</a></button>
</section>
</div>
</div>
{% endfor %}
</ul>
</section>
<a title="{{ site.email }}" href="mailto:{{ site.email }}">Email</a>
<ul>
<li><a title="LinkedIn" href="{{ site.linkedin }}" target="_blank">LinkedIn</a></li>
<li><a title="Instagram" href="{{ site.linkedin }}" target="_blank">Instagram</a></li>
<li><a title="Soundcloud" href="{{ site.linkedin }}" target="_blank">Soundcloud</a></li>
<li><a title="MixCloud" href="{{ site.linkedin }}" target="_blank">Soundcloud</a></li>
</ul>
</div>
</main>
<script src="{{"/assets/scripts/home.js" | prepend: site.baseurl }}"></script>
</body>
</html>