text: <!DOCTYPE html>
  <html prefix="og: http://ogp.me/ns#">
  <head>
      <meta charset='utf-8'>
      <title>Texture | {{ page.title }}</title>
      <link rel='stylesheet' href='/stylesheets/main.css' type='text/css'/>
      <link rel='stylesheet' href='/stylesheets/media.css' type='text/css'/>
      <link rel="stylesheet" href='/stylesheets/pygments.css' type='text/css'/>
      <link rel="apple-touch-icon" sizes="57x57" href="/static/images/favicon/apple-icon-57x57.png">
      <link rel="apple-touch-icon" sizes="60x60" href="/static/images/favicon/apple-icon-60x60.png">
      <link rel="apple-touch-icon" sizes="72x72" href="/static/images/favicon/apple-icon-72x72.png">
      <link rel="apple-touch-icon" sizes="76x76" href="/static/images/favicon/apple-icon-76x76.png">
      <link rel="apple-touch-icon" sizes="114x114" href="/static/images/favicon/apple-icon-114x114.png">
      <link rel="apple-touch-icon" sizes="120x120" href="/static/images/favicon/apple-icon-120x120.png">
      <link rel="apple-touch-icon" sizes="144x144" href="/static/images/favicon/apple-icon-144x144.png">
      <link rel="apple-touch-icon" sizes="152x152" href="/static/images/favicon/apple-icon-152x152.png">
      <link rel="apple-touch-icon" sizes="180x180" href="/static/images/favicon/apple-icon-180x180.png">
      <link rel="icon" type="image/png" sizes="192x192"  href="/static/images/favicon/android-icon-192x192.png">
      <link rel="icon" type="image/png" sizes="32x32" href="/static/images/favicon/favicon-32x32.png">
      <link rel="icon" type="image/png" sizes="96x96" href="/static/images/favicon/favicon-96x96.png">
      <link rel="icon" type="image/png" sizes="16x16" href="/static/images/favicon/favicon-16x16.png">
      <link rel="manifest" href="/static/images/favicon/manifest.json">
      <meta name="msapplication-TileColor" content="#ffffff">
      <meta name="msapplication-TileImage" content="/static/images/favicon/ms-icon-144x144.png">
      <meta name="theme-color" content="#ffffff">
      <meta name='viewport' content='width=480'>
      <meta property="og:title" content="{{ page.title }}" />
      <meta property="og:site_name" content="Texture">
      <meta property='og:description' content='Texture'>
      <meta property='og:image' content='http://texturegroup.org/static/asyncdisplaykit-og-image.png'>
      <meta property='og:url' content="http://texturegroup.org{{ page.url }}">
      <meta property='og:type' content='website'>
      <script type="text/javascript" src="//use.typekit.net/vqa1hcx.js"></script>
      <script type="text/javascript">{'try{Typekit.load();}catch(e){}'}</script>
      <script src="/static/toggle.js"></script>
      <link href='https://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
      {% if jekyll.environment == 'production' %}
      {% include analytics.html %}
      {% endif %}
  </head>
  <body>
  <div class="texture-banner">
    <div class="container">
      <p class="announcement">AsyncDisplayKit is now Texture! <a class="learn-more-link" href="https://medium.com/@Pinterest_Engineering/introducing-texture-a-new-home-for-asyncdisplaykit-e7c003308f50" rel="noopener noreferrer" target="_blank">LEARN MORE</a></p>
    </div>
  </div>
  <header>
  	<div class="container">
  		<h1 id="logo">
              <a href="/">
                  <img src="{{ "/static/images/logo.svg" | relative_url }}" alt="Texture">
              </a>
          </h1>
  		<nav>
  			<ul>
  				<li><a href="/docs/getting-started.html" {% if (page.layout == 'docs') %} class="active" {% endif %}>docs</a></li>
  				<li><a href="/slack.html" {% if (page.layout == 'slack') %} class="active" {% endif %}>slack</a></li>
  				<li><a href="/showcase.html" {% if (page.layout == 'showcase') %} class="active" {% endif %}>showcase</a></li>
  				<li><a href="/appledocs.html" {% if (page.layout == 'appledocs') %} class="active" {% endif %}>api</a></li>
  				<li><a href="http://github.com/texturegroup/texture">github</a></li>
  	    	</ul>
  		</nav>
  	</div>
  </header>
  