<!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>
