-
Notifications
You must be signed in to change notification settings - Fork 0
/
design.html
109 lines (93 loc) · 3.5 KB
/
design.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
<!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>👀 my designs:</p></div>
<div class="gallery">
<div class="gallerycontainer"><a href="tumblr.html">
<img class="galleryart" src="img/design/tumblr/tumblr_cover.png"></a>
<p><a href="tumblr.html" target="_blank">💫 personal work</a></p>
<div class="tags">
<div class="tag">graphics</div>
</div>
</div>
<div class="gallerycontainer"><a href="spotify.html">
<img class="galleryart" src="img/design/spotify/spotify_cover.png"></a>
<p><a href="spotify.html" target="_blank">🎧 spotify: direct music sharing</a></p>
<div class="tags">
<div class="tag">ui_ux</div>
</div>
</div>
<div class="gallerycontainer"><a href="dp.html">
<img class="galleryart" src="img/design/dp/dp_cover.png"></a>
<p><a href="https://www.thedp.com/staff/linda-ting" target="_blank">📰 the daily pennsylvanian</a></p>
<div class="tags">
<div class="tag">graphics</div>
</div>
</div>
<div class="gallerycontainer"><a href="fnar264.html">
<img class="galleryart" src="img/design/fnar264/fnar_264_cover.png"></a>
<p><a href="fnar264.html" target="_blank">🖥 coursework: fnar264</a></p>
<div class="tags">
<div class="tag">graphics</div>
<div class="tag">data_viz</div>
</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>