-
Notifications
You must be signed in to change notification settings - Fork 0
/
art.html
103 lines (86 loc) · 4.45 KB
/
art.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
<!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 artwork:</p>
<p style="color: #000; font-weight: 500; font-size: 14px">👉 [ <a href="https://www.instagram.com/lindasfieldnotes/" target="_blank">instagram</a> ]</p>
</div>
<div class="gallery">
<div class="gallerycontainer"><img class="galleryart" src="img/art/hair.jpg"><p>a good hair day</p></div>
<div class="gallerycontainer"><img class="galleryart" src="img/art/her.jpg"><p>this land is her land</p></div>
<div class="gallerycontainer"><img class="galleryart" src="img/art/fancy.png"><p>fancy meeting you</p></div>
<div class="gallerycontainer"><img class="galleryart" src="img/art/inked.png"><p>inked</p></div>
<div class="gallerycontainer"><img class="galleryart" src="img/art/linda.png"><p>linda</p></div>
<div class="gallerycontainer"><img class="galleryart" src="img/art/monica_2.png"><p>monica</p></div>
<div class="gallerycontainer"><img class="galleryart" src="img/art/metamorphosis.jpg"><p>metamorphosis</p></div>
<div class="gallerycontainer"><img class="galleryart" src="img/art/eat.png"><p>you are what you eat</p></div>
<div class="gallerycontainer"><img class="galleryart" src="img/art/beehive_2.png"><p>the hive</p></div>
<div class="gallerycontainer"><img class="galleryart" src="img/art/memory_lane.png"><p>memory lane</p></div>
<div class="gallerycontainer"><img class="galleryart" src="img/art/dizzy_2.png"><p>dizzy</p></div>
<div class="gallerycontainer"><img class="galleryart" src="img/art/yellow.png"><p>yellow journalism</p></div>
<div class="gallerycontainer"><img class="galleryart" src="img/art/smile.png"><p>smile</p></div>
<div class="gallerycontainer"><img class="galleryart" src="img/art/seat.png"><p>take a seat</p></div>
<div class="gallerycontainer"><img class="galleryart" src="img/art/un1_2017.png"><p>untitled 1, 2017</p></div>
<div class="gallerycontainer"><img class="galleryart" src="img/art/alone.png"><p>home alone</p></div>
<div class="gallerycontainer"><img class="galleryart" src="img/art/triad.png"><p>triad (1)</p></div>
<div class="gallerycontainer"><img class="galleryart" src="img/art/triad_2.jpg"><p>triad (2)</p></div>
<div class="gallerycontainer"><img class="galleryart" src="img/art/un2_2017.png"><p>untitled 2, 2017</p></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>