https://jonathanzong.com/

1<!DOCTYPE html>
2<html>
3  <head>
4  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5  <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0">
6  <link rel="preconnect" href="https://fonts.googleapis.com">
7  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
8  <link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;900&family=Roboto+Mono:wght@400;700&display=swap" rel="stylesheet">
9
10  <!-- Google tag (gtag.js) -->
11  <!--

11 <script async src="https://www.googletagmanager.com/gtag/js?id=

11G-0KLVRJ7XS4

11"></script>
12  

12<script>
13    

13window.dataLayer = window.dataLayer || [];
14    function gtag(){dataLayer.push(arguments);}
15    gtag('js', new Date());
16
17    gtag('config', '

17G-0KLVRJ7XS4

17');
18  

18</script>

18 -->
19
20  

20<script data-goatcounter="https://jzong.goatcounter.com/count"
21    async src="//gc.zgo.at/count.js"></script>

21
22
23  <title>Jonathan Zong</title>
24  <link rel="stylesheet" href="/stylesheets/reset.css">
25  <link rel="stylesheet" href="/stylesheets/style.css">
26
27  <link rel="canonical" href="https://jonathanzong.com/">
28
29  <meta property="og:type" content="article" />
30  <meta property="og:title" content="" />
31  <meta property="og:url" content="https://jonathanzong.com/" />
32  
33    <meta property="og:image" content="http://jonathanzong.com/images/blog/placeholder.png" />
34  
35  <meta name="twitter:card" content="summary_large_image">
36  <meta name="twitter:creator" content="@ohnobackspace" />
37  <meta name="twitter:title" content="" />
38
39  
40</head>
41
42  <body>
43    <div class="container">
44      <div class="row">
45        <div class="col-xs-12 col-md-offset-2 col-md-8">
46          <nav id="navbar" class="meta-text">
47  <ul class="nav navbar-nav navbar-right">
48    <li><a class="nav-current"  title="Home">Home</a></li>
49    <li><a  href="https://data-and-design.org" title="Research">Research</a></li>
50    <li><a  href="/bio" title="Bio">Bio</a></li>
51    <li><a  href="/cv" title="CV">CV</a></li>
52    <li><a  href="/projects"  title="Projects">Projects</a></li>
53    <li><a  href="/blog"  title="Blog">Blog</a></li>
54  </ul>
55  <div class="clear"></nav>
56</nav>
57
58          

58<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

58
59          

59<script src="//cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.16/p5.min.js"></script>

59
60          <meta name="description" content="Jonathan Zong is a researcher and visual artist."/>
61
62<div class="index-intro">
63  <h1>Jona<span id="kern-t">t</span>han Zong</h1>
64  <p>researcher + visual artist</p>
65  <div class='index-links meta-text'>
66    <ul>
67      <li>
68        <a href="https://data-and-design.org">Data & Design Group</a>
69      </li>
70      <li>
71        

71<script type="text/javascript">
72          <!--
73          // Email obfuscator script 2.1 by Tim Williams, University of Arizona
74          // Random encryption key feature by Andrew Moulden, Site Engineering Ltd
75          // This code is freeware provided these four comment lines remain intact
76          // A wizard to generate this code is at http://www.jottings.com/obfuscator/
77          { coded = "[email protected]"
78            key = "E1QLNjra2B6mlMR0iHOfuCbZxso4yvnGUpDhSFI3ePz8Wkg5q9TXY7JcVdtwKA"
79            shift=coded.length
80            link=""
81            for (i=0; i<coded.length; i++) {
82              if (key.indexOf(coded.charAt(i))==-1) {
83                ltr = coded.charAt(i)
84                link += (ltr)
85              }
86              else {
87                ltr = (key.indexOf(coded.charAt(i))-shift+key.length) % key.length
88                link += (key.charAt(ltr))
89              }
90            }
91          document.write("<a href='mailto:"+link+"' title='Email' target='_blank'>Email</a>")
92          }
93          //-->
94        </script>

94
95      </li>
96      <li>
97        <a href="https://www.are.na/jonathan-zong">Arena</a>
98      </li>
99      <li>
100        <a href="https://github.com/jonathanzong">Github</a>
101      </li>
102      <li>
103        <a href="https://bsky.app/profile/jonathanzong.com">Bluesky</a>
104      </li>
105      <li>
106        <a href="https://www.linkedin.com/in/jonathanzong/">LinkedIn</a>
107      </li>
108      <li>
109        <a href="/cv">CV</a>
110      </li>
111    </ul>
112  </div>
113</div>
114

115<script src="/javascripts/index.js"></script>

115
116
117
118        </div>
119      </div>
120    </div>
121
122  </body>
123</html>