-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.htm
90 lines (86 loc) · 2.57 KB
/
index.htm
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
80
81
82
83
84
85
86
87
88
89
90
<html lang="en">
<head>
<meta charset="utf-8">
<title>Michael Neff — Digital and Code-Based Art</title>
<meta name="description" content="Art">
<meta name="author" content="Michael Neff">
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300&display=swap');
body {
background-color: rgb(48,48,48);
font-family: 'Inter', sans-serif;
margin: 10vh auto;
max-width: 40vh;
}
h1 {
font-size: 2rem;
color: rgba(2255,255,255,0.8);
}
h1 span {
color: rgba(255,255,255,0.4);
font-size: 0.75rem;
letter-spacing: 1px;
text-transform: uppercase;
}
h2 {
font-size: 0.75rem;
color: rgba(255,255,255,0.4);
margin-top: 2em;
}
ul {
font-size: 1.25rem;
line-height: 1.4rem;
list-style-type: none;
margin: 0 -0.5em;
padding: 0;
}
li {
margin: 0;
}
li a {
color: rgba(255,255,255,0.6);
padding: 8px;
text-decoration: none;
display: block;
}
li a:hover {
background-color: rgb(50,50,250,0.6);
border-radius: 3px;
}
</style>
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<div>
<h1>Michael Neff<br>
<span>Digital and Code-Based Art</span></h1>
<h2>2024</h2>
<ul>
<li><a href="obfuscate-2024/">Obfuscate</a></li>
<li><a href="the-wind-is-coming-2024/">The Wind is Coming (sketch)</a></li>
<li><a href="mail-art-5-self-portrait-2020-2024">Mail Art 5: Self-Portrait</a></li>
<li><a href="border-2024">Border (sketch)</a></li>
<li><a href="edge-of-perception-2024">Edge of Perception</a></li>
<li><a href="what-choice-do-i-have-2023-2024/">What Choice Do I Have? (sketch)</a></li>
<li><a href="this-is-the-end-2024/">This is the End</a></li>
<li><a href="all-the-grays-2017-2024">All the Grays</a></li>
</ul>
<h2>2023</h2>
<ul>
<li><a href="mail-art-4-a-record-of-your-failures-2023/">Mail Art 4: A Record of Your Failures</a></li>
<li><a href="dialog-2023/">Dialog</a></li>
<li><a href="notification-2023/">Notification</a></li>
<li><a href="ping-pong-2023/ping/">Ping / Pong</a></li>
<li><a href="mean-flag-1997-2023">Mean Flag</a></li>
</ul>
<h2>2017</h2>
<ul>
<li><a href="ghost-2017">Ghost</a></li>
<li><a href="cher-2017">Cher</a></li>
<li><a href="so-sad-2017">So Sad</a></li>
</ul>
</div>
</body>
</html>