-
Notifications
You must be signed in to change notification settings - Fork 0
/
tumblr.html
128 lines (110 loc) · 4.37 KB
/
tumblr.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
123
124
125
126
127
128
<!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 tumblr:</p></div>
<div class="textcard">
<p>I taught myself how to use Photoshop back in middle school because I wanted to learn
how to make fandom graphics for my Tumblr blog. Here are some of my favorites. :~)</p>
</div>
<div class="gallery">
<div class="gallerycontainer">
<img class="galleryart" src="img/design/tumblr/pjm_1.png">
<img class="galleryart" src="img/design/tumblr/pjm_2.png">
<img class="galleryart" src="img/design/tumblr/pjm_3.png">
<img class="galleryart" src="img/design/tumblr/pjm_4.png">
<p>serendipity</p>
</div>
<div class="gallerycontainer">
<img class="galleryart" src="img/design/tumblr/woodz_1.png">
<img class="galleryart" src="img/design/tumblr/woodz_2.gif">
<img class="galleryart" src="img/design/tumblr/woodz_3.png">
<img class="galleryart" src="img/design/tumblr/woodz_4.png">
<p>different</p>
</div>
<div class="gallerycontainer">
<img class="galleryart" src="img/design/tumblr/jhs_1.png">
<img class="galleryart" src="img/design/tumblr/jhs_2.gif">
<img class="galleryart" src="img/design/tumblr/jhs_3.jpeg">
<p>daydream</p>
</div>
<div class="gallerycontainer">
<img class="galleryart" src="img/design/tumblr/ksj_3.png">
<img class="galleryart" src="img/design/tumblr/ksj_2.png">
<img class="galleryart" src="img/design/tumblr/ksj_1.png">
<p>epiphany</p>
</div>
<div class="gallerycontainer">
<img class="galleryart" src="img/design/tumblr/kth_1.gif">
<p>singularity</p>
</div>
<div class="gallerycontainer">
<img class="galleryart" src="img/design/tumblr/myg_1.jpeg" style="width: 46%">
<img class="galleryart" src="img/design/tumblr/myg_2.jpeg" style="width: 46%">
<img class="galleryart" src="img/design/tumblr/myg_3.jpeg" style="width: 46%">
<img class="galleryart" src="img/design/tumblr/myg_4.jpeg" style="width: 46%">
<p>give it to me</p>
</div>
<div class="gallerycontainer">
<img class="galleryart" src="img/design/tumblr/bst_1.png" style="width: 46%">
<img class="galleryart" src="img/design/tumblr/bst_2.png" style="width: 46%">
<p>blood sweat & tears</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>