index.html

<!-- COMMON TAGS -->
<meta charset="utf-8">
<title>Orange & Spoon</title>
<!-- Search Engine -->
<meta name="description" content="Orange & Spoon is the art, design, and research partnership of Eric Li and Jonathan Zong.">
<meta name="image" content="http://orange-spoon.studio/images/os.jpg">
<!-- Schema.org for Google -->
<meta itemprop="name" content="Orange & Spoon">
<meta itemprop="description" content="Orange & Spoon is the art, design, and research partnership of Eric Li and Jonathan Zong.">
<meta itemprop="image" content="http://orange-spoon.studio/images/os.jpg">
<!-- Twitter -->
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Orange & Spoon">
<meta name="twitter:description" content="Orange & Spoon is the art, design, and research partnership of Eric Li and Jonathan Zong.">
<meta name="twitter:site" content="@orangeandspoon">
<meta name="twitter:image:src" content="http://orange-spoon.studio/images/os.jpg">
<!-- Open Graph general (Facebook, Pinterest & Google+) -->
<meta name="og:title" content="Orange & Spoon">
<meta name="og:description" content="Orange & Spoon is the art, design, and research partnership of Eric Li and Jonathan Zong.">
<meta name="og:image" content="http://orange-spoon.studio/images/os.jpg">
<meta name="og:url" content="http://orange-spoon.studio/">
<meta name="og:site_name" content="Orange & Spoon">
<meta name="og:type" content="website">

<link rel="stylesheet" type="text/css" href="./css/reset.css">
<link rel="stylesheet" type="text/css" href="./css/styles.css">

<div class="book">
  <div class="book-page book-left">
    <p>
      Orange & Spoon
      <img src="images/os.jpg"/>
      is the art, design, and research partnership of
      <a href="http://eric.young.li/">Eric Li</a> and
      <a href="http://jonathanzong.com/">Jonathan Zong</a>.
    </p>
    <p>
      <ul>
        <li><a href="mailto:orangespoonstudio@gmail.com">Email Us</a></li>
        <li><a href="https://twitter.com/orangeandspoon">Tweet Us</a></li>
      </ul>
    </p>
  </div>
  <div class="book-page book-right">
    <div class="img-wrap">
      <img src="images/primer.jpg"/>
      <div class="img-attribution">Photo by <a href="http://kathleenma.com/">Kathleen Ma</a></div>
    </div>
    We made
    <ul>
      <li><a href="https://interface-your-face.tumblr.com/">interface your face</a>,</li>
      <li><a href="http://w-t-f.info/">w-t-f</a>,</li>
      <li><a href="http://arts.princeton.edu/news/2018/03/wtf-jonathan-zong-eric-li/">a conversation</a>.</li>
    </ul>
  </div>
</div>

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-109489967-5"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-109489967-5');
</script>