-
Notifications
You must be signed in to change notification settings - Fork 0
/
fnar264.html
122 lines (103 loc) · 3.94 KB
/
fnar264.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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<!DOCTYPE html>
<!--
(2020) linda s. ting
personal webpage coded for my own purposes;
please do not copy, redistribute, or claim as your own!
-->
<link rel="icon" type="image/png" href="img/icons/favicon.png">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-160968905-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-160968905-1');
</script>
<title>hiya!</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Ubuntu+Mono"/>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="nav">
<div class="nav-content">
<a href="index.html"><div class="nav-btn">
home
</div></a>
<a href="graphics.html"><div class="nav-btn">
code
</div></a>
<a href="research.html"><div class="nav-btn">
research
</div></a>
<div class="dropdown"><a href="design.html"><div class="nav-btn">design</div></a>
<div class="dropdown-content">
<a href="tumblr.html">tumblr</a><br/>
<a href="spotify.html">spotify</a><br/>
<a href="dp.html">the dp</a><br/>
<a href="fnar264.html">fnar 264</a><br/>
</div>
</div>
<a href="art.html"><div class="nav-btn">
art
</div></a>
<a href="about.html"><div class="nav-btn">
about
</div></a>
</div>
</div>
<div class="container">
<div class="gallerytitle"><p>🖥 fnar 264 (art, design, & digital culture):</p></div>
<div class="textcard">
<p><img src="img/design/fnar264/wearable.png" width="100%"></p>
<p style="text-align:center">wearable art: phone case</p>
<div class="tags">
<div class="tag">processing</div>
<div class="tag">illustrator</div>
<div class="tag">data_visualization</div>
</div>
</div>
<div class="gallery">
<div class="gallerycontainer"><img class="galleryart" src="img/design/fnar264/icons.png">
<p>icons: eating disorders (study)</p>
<div class="tags">
<div class="tag">illustrator</div>
</div>
</div>
<div class="gallerycontainer"><img class="galleryart" src="img/design/fnar264/cities.png">
<p>abstraction: cities (study)</p>
<div class="tags">
<div class="tag">illustrator</div>
</div>
</div>
<div class="gallerycontainer"><img class="galleryart" src="img/design/fnar264/proj1_3.png">
<p>icons: eating disorders (final)</p>
<div class="tags">
<div class="tag">illustrator</div>
</div>
</div>
<div class="gallerycontainer"><img class="galleryart" src="img/design/fnar264/proj1_2.png">
<p>abstraction: cities (final)</p>
<div class="tags">
<div class="tag">illustrator</div>
</div>
</div>
</div>
<div class="textcard">
<iframe src="https://upenn.app.box.com/embed/s/hzeo6ykfqoh3ubcy7brshh4l2ntv25xq?sortColumn=date&view=list" width="100%" height="500" frameborder="0" allowfullscreen webkitallowfullscreen msallowfullscreen></iframe> <p style="text-align:center">animation: <i>unmarked</i> by tim seibles</p>
<div class="tags">
<div class="tag">photoshop</div>
</div>
</div>
<div class="footer">
<p>
<a href="https://www.instagram.com/lindasfieldnotes/" target="_blank" title="instagram"><img class="icon" src="img/icons/instagram.svg"></a>
<a href="https://www.linkedin.com/in/lindating/" target="_blank" title="linkedin"><img class="icon" src="img/icons/linkedin.svg"></a>
<a href="https://github.com/linda-ting" target="_blank" title="github"><img class="icon" src="img/icons/github.svg"></a>
</p>
<p>made with 😘 in boston | linda s. ting</p>
</div>
</div>
</body>
</html>