Anatomical “fugitive sheets” are illustrations of the body designed to display internal organs and structures using paper flaps. Their name arose from the frequency with which the accompanying sheets were torn or misplaced. This site reimagines the fugitive sheet as a misplaced code-snippet, framed within a randomly generated cut-out.
<!doctype html> <!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]--> <!--[if IE 7]><html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]--> <!--[if IE 8]><html class="no-js lt-ie9" lang="en"> <![endif]--> {% comment%}<!--[if IE 9 ]><html class="ie9 no-js"> <![endif]-->{% endcomment %} <!--[if (gt IE 9)|!(IE)]><!--> <html class="no-js"> <!--<![endif]--> <head> <meta charset="utf-8" /> <!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1' /><![endif]--> <title> {% if template == 'index' %}{% if page_title contains 'Welcome' %}{{ shop.name }} – Welcome{% else %}{{ page_title }}{% endif %}{% elsif template == '404' %}Page Not Found{% elsif page_title contains shop.name %}{{ page_title }}{% else %}{{ page_title }} – {{ shop.name }}{% endif %} </title> {% if page_description %} <meta name="description" content="{{ page_description }}" /> {% endif %} <link rel="canonical" href="{{ canonical_url }}" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> {% include 'open-graph-tags' %} <!-- For third-generation iPad with high-resolution Retina display: --> <link rel="apple-touch-icon-precomposed" href="{{ 'apple-touch-icon-precomposed.png' | asset_url }}"> <link rel="shortcut icon" href="{{ 'favicon.ico' | asset_url }}" type="image/x-icon" /> <link rel="shortcut icon" href="{{ 'favicon-x16.png' | asset_url }}" type="image/x-icon" /> {{ content_for_header }} {{ 'style.css' | asset_url | stylesheet_tag }} {% if template contains 'customers' %} {{ 'shopify_common.js' | shopify_asset_url | script_tag }} {{ 'customer_area.js' | shopify_asset_url | script_tag }} {% endif %} <!--[if lt IE 8]> {{ 'json2.js' | shopify_asset_url | script_tag }} <![endif]--> {{ 'option_selection.js' | shopify_asset_url | script_tag }} {{ '//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js' | script_tag }} <!--[if lt IE 10]> {{ 'ie-old.css' | asset_url | stylesheet_tag }} {{ '//html5shiv.googlecode.com/svn/trunk/html5.js' | script_tag }} <![endif]--> <!--[if IE]> {{ 'ie.css' | asset_url | stylesheet_tag }} <![endif]--> {% if template == "index" %} {{ 'jquery.flexslider.js' | asset_url | script_tag }} {% endif %} </head> <body id="{{ page_title | handle }}" class="{% if customer %}customer-logged-in {% endif %}template-{{ template | replace: '.', ' ' | truncatewords: 1, '' | handle }}" > <!--[if lt IE 9]> <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a>.</p> <![endif]--> <header> <div class="content"> <ul class="social" role="navigation"> {% if settings.use_facebook %}<li><i class="fa fa-facebook-square"></i><a target="_blank" href="http://{{ settings.fb_id | remove: 'http://'}}">Facebook</a></li>{% endif %} {% if settings.use_twitter %}<li><i class="fa fa-twitter"></i><a target="_blank" href="http://twitter.com/{{ settings.twitter_id }}">Twitter</a></li>{% endif %} {% if shop.customer_accounts_enabled %} {% if customer %} <li><i class="fa fa-user"></i><a href="/account">My Account</a></li> {% else %} <li><i class="fa fa-user"></i>{{ 'Log in' | customer_login_link }}</li> {% endif %} {% endif %} </ul> <div id="mainhead"> <a id="logo" href="/" role="banner"> {% comment %}{{ 'logo.png' | asset_url | img_tag: shop.name }}{% endcomment %} {% comment %}<img sizes="(max-width: 860px) 100%, (max-width: 1060px) 100%" srcset="{{ 'logo.png' | asset_url }} 400w, {{ 'logo-tablet.png' | asset_url }} 300wo" alt="Shop Name" />{% endcomment %} <picture> <!--[if IE 9]><video style="display: none;"><![endif]--> <source srcset="{{ 'logo-medium.png' | asset_url }}" media="(min-width: 961px)"> <source srcset="{{ 'logo-tablet.png' | asset_url }}" media="(min-width: 800px)"> <source srcset="{{ 'logo-tablet.png' | asset_url }}"> <!--[if IE 9]></video><![endif]--> <img srcset="{{ 'logo-medium.png' | asset_url }}" alt="Shop Logo"> </picture> </a><!-- #logo --> <h1 id="site-title"> <a href="/">{{ shop.name }}</a> </h1> <ul class="social" id="social-tablet" role="navigation"> {% if settings.use_facebook %}<li><i class="fa fa-facebook-square"></i><a target="_blank" href="http://{{ settings.fb_id | remove: 'http://'}}">Facebook</a></li>{% endif %} {% if settings.use_twitter %}<li><i class="fa fa-twitter"></i><a target="_blank" href="http://twitter.com/{{ settings.twitter_id }}">Twitter</a></li>{% endif %} {% if shop.customer_accounts_enabled %} {% if customer %} <li><i class="fa fa-user"></i><a href="/account">My Account</a></li> {% else %} <li><i class="fa fa-user"></i>{{ 'Log in' | customer_login_link }}</li> {% endif %} {% endif %} </ul> <nav data-responsive-comment-insert="afterbegin" data-responsive-comment-media="(min-width: 401px)" role="navigation"> <!-- <ul class="nav"> {% for link in linklists.main-menu.links %} {% assign has_sub_menu = false %} {% assign has_sub_categories = false %} {% assign parent_link_active = false %} {% assign child_list_handle = link.title | handle %} {% if linklists[child_list_handle] and linklists[child_list_handle].links.size > 0 %} {% assign has_sub_menu = true %} {% for l in linklists[child_list_handle].links %} {% if page_title == l.title %} {% assign parent_link_active = true %} {% endif %} {% endfor %} {% elsif link.type == 'collection_link' and link.object.all_tags.size > 0 %} {% assign has_sub_categories = true %} {% endif %} <li class="nav-item{% if forloop.first %} first{% elsif forloop.last %} last{% endif %}{% if link.active or parent_link_active %} active{% endif %}{% if has_sub_menu or has_sub_categories %} has-dropdown{% endif %}"> {% assign collection = collections.frontpage %} {% if collection.all_products_count <= 1 %} {% if link.title == 'Catalog' %} {% for product in collection.products %} {% if template contains 'product' %} <div class="hidden">{{ link.title | link_to: link.url | replace: 'Catalog', 'Products' }}</div> {%else%} {{ link.title | link_to: product.url | replace: 'Catalog', 'Products' }} {% endif %} {% endfor %} {% else %} {{ link.title | link_to: link.url }} {% endif %} {% else %} {{ link.title | link_to: link.url | replace: 'Catalog', 'Products' }} {% endif %} {% if has_sub_menu or has_sub_categories %} <ul class="sub-nav"> <li class="sub-nav-niblet"></li> {% if has_sub_menu %} {% for l in linklists[child_list_handle].links %} <li class="sub-nav-item{% if forloop.first %} first{% elsif forloop.last %} last{% endif %}{% if l.active %} active{% endif %}"> <a class="{% if forloop.first %}first{% elsif forloop.last %}last{% endif %}" href="{{ l.url }}">{{ l.title }}</a> </li> {% endfor %} {% elsif has_sub_categories %} {% for tag in link.object.all_tags %} <li class="sub-nav-item{% if forloop.first %} first{% elsif forloop.last %} last{% endif %}{% if current_tags contains tag %} active{% endif %}"> <a class="{% if forloop.first %}first{% elsif forloop.last %}last{% endif %}" href="{{ link.url }}/{{ tag | handle }}">{{ tag }}</a> </li> {% endfor %} {% endif %} </ul> {% endif %} </li> {% endfor %} </ul> --> </nav> <div id="nav-mobile"> <div id="nav-mobile-button" ><i class="fa fa-bars"></i>Menu</div> <a class="checkout-link" href="/cart"><i class="fa fa-shopping-cart"></i><span>{{ cart.item_count }} {{ cart.item_count | pluralize: 'item', 'items' }} ({{ cart.total_price | money }})</span></a> <button id="search-tab" type="button"><i class="fa fa-search"></i></button> </div> <div id="mobile-menus"> <form action="/search" method="get" id="search-form" role="search"> <input type="hidden" name="type" value="product" /> <div class="search-box"> <input name="q" type="text" id="search-field" value="{{ search.terms | escape }}" /> <i class="fa fa-search"></i> </div> <input type="submit" id="search-submit" value="Go" /> </form> <div id="mobile-nav"> <ul class="nav"> {% for link in linklists.main-menu.links %} {% assign has_sub_menu = false %} {% assign has_sub_categories = false %} {% assign parent_link_active = false %} {% assign child_list_handle = link.title | handle %} {% if linklists[child_list_handle] and linklists[child_list_handle].links.size > 0 %} {% assign has_sub_menu = true %} {% for l in linklists[child_list_handle].links %} {% if page_title == l.title %} {% assign parent_link_active = true %} {% endif %} {% endfor %} {% elsif link.type == 'collection_link' and link.object.all_tags.size > 0 %} {% assign has_sub_categories = true %} {% endif %} <li class="nav-item{% if forloop.first %} first{% elsif forloop.last %} last{% endif %}{% if link.active or parent_link_active %} active{% endif %}{% if has_sub_menu or has_sub_categories %} has-dropdown{% endif %}"> {% assign collection = collections.frontpage %} {% if collection.all_products_count <= 1 %} {% if link.title == 'Catalog' %} {% for product in collection.products %} {% if template contains 'product' %} <div class="hidden">{{ link.title | link_to: link.url | replace: 'Catalog', 'Products' }}</div> {%else%} {{ link.title | link_to: product.url | replace: 'Catalog', 'Products' }} {% endif %} {% endfor %} {% else %} {{ link.title | link_to: link.url }} {% endif %} {% else %} {{ link.title | link_to: link.url | replace: 'Catalog', 'Products' }} {% endif %} {% if has_sub_menu or has_sub_categories %} <ul class="sub-nav"> <li class="sub-nav-niblet"></li> {% if has_sub_menu %} {% for l in linklists[child_list_handle].links %} <li class="sub-nav-item{% if forloop.first %} first{% elsif forloop.last %} last{% endif %}{% if l.active %} active{% endif %}"> <a class="{% if forloop.first %}first{% elsif forloop.last %}last{% endif %}" href="{{ l.url }}">{{ l.title }}</a> </li> {% endfor %} {% elsif has_sub_categories %} {% for tag in link.object.all_tags %} <li class="sub-nav-item{% if forloop.first %} first{% elsif forloop.last %} last{% endif %}{% if current_tags contains tag %} active{% endif %}"> <a class="{% if forloop.first %}first{% elsif forloop.last %}last{% endif %}" href="{{ link.url }}/{{ tag | handle }}">{{ tag }}</a> </li> {% endfor %} {% endif %} </ul> {% endif %} </li> {% endfor %} {% if shop.customer_accounts_enabled %} {% if customer %} <li><a href="/account">My Account</a></li> {% else %} <li>{{ 'Log in' | customer_login_link }}</li> {% endif %} {% endif %} </ul> </div> </div> <div id="shopbox"> <div class="shopbox-in"> <a class="checkout-link" href="/cart"><i class="fa fa-shopping-cart"></i><span>{{ cart.item_count }} {{ cart.item_count | pluralize: 'item', 'items' }} ({{ cart.total_price | money }})</span></a> <button id="search-tab" type="button"><i class="fa fa-search"></i></button> <form action="/search" method="get" id="search-form" role="search"> <input type="hidden" name="type" value="product" /> <div class="search-box"> <input name="q" type="text" id="search-field" value="{{ search.terms | escape }}" /> <i class="fa fa-search"></i> </div> <input type="submit" id="search-submit" value="Go" /> </form> </div> </div> </div> </div> <div id="nav-scroll"> <div class="content"> {{ 'logo-white-square.png' | asset_url | img_tag: shop.name }} <nav role="navigation"> <ul class="nav-scroll-main"> {% for link in linklists.main-menu.links %} {% assign has_sub_menu = false %} {% assign has_sub_categories = false %} {% assign parent_link_active = false %} {% assign child_list_handle = link.title | handle %} {% if linklists[child_list_handle] and linklists[child_list_handle].links.size > 0 %} {% assign has_sub_menu = true %} {% for l in linklists[child_list_handle].links %} {% if page_title == l.title %} {% assign parent_link_active = true %} {% endif %} {% endfor %} {% elsif link.type == 'collection_link' and link.object.all_tags.size > 0 %} {% assign has_sub_categories = true %} {% endif %} <li class="nav-item{% if forloop.first %} first{% elsif forloop.last %} last{% endif %}{% if link.active or parent_link_active %} active{% endif %}{% if has_sub_menu or has_sub_categories %} has-dropdown{% endif %}"> {{ link.title | link_to: link.url }} {% if has_sub_menu or has_sub_categories %} <ul class="sub-nav"> <li class="sub-nav-niblet"></li> {% if has_sub_menu %} {% for l in linklists[child_list_handle].links %} <li class="sub-nav-item{% if forloop.first %} first{% elsif forloop.last %} last{% endif %}{% if l.active %} active{% endif %}"> <a class="{% if forloop.first %}first{% elsif forloop.last %}last{% endif %}" href="{{ l.url }}">{{ l.title }}</a> </li> {% endfor %} {% elsif has_sub_categories %} {% for tag in link.object.all_tags %} <li class="sub-nav-item{% if forloop.first %} first{% elsif forloop.last %} last{% endif %}{% if current_tags contains tag %} active{% endif %}"> <a class="{% if forloop.first %}first{% elsif forloop.last %}last{% endif %}" href="{{ link.url }}/{{ tag | handle }}">{{ tag }}</a> </li> {% endfor %} {% endif %} </ul> {% endif %} </li> {% endfor %} </ul> </nav> <ul class="social" role="navigation"> {% if settings.use_facebook %}<li><i class="fa fa-facebook-square"></i><a href="http://{{ settings.fb_id | remove: 'http://'}}">Facebook</a></li>{% endif %} {% if settings.use_twitter %}<li><i class="fa fa-twitter"></i><a href="http://twitter.com/{{ settings.twitter_id }}">Twitter</a></li>{% endif %} <li><i class="fa fa-user"></i><a href="">My Account</a></li> {% unless cart.item_count == 0 %} <li><a id="nav-scroll-checkout-link" href="/cart"><i class="fa fa-shopping-cart"></i>Checkout</a></li> {% endunless %} </ul> </div> </div> </header> {% if template == 'page.promotion-complex' %} {% if page.content contains "<img" %} {% assign src = page.content | split: 'src="' %} {% assign src = src[1] | split: '"' | first | replace: '//cdn', 'http://cdn'; | replace: 'http:http://';, 'http://'; | remove: 'https:' %} {% endif %} {% if page.content contains "<a" %} {% assign srclink = page.content | split: '<a href="' %} {% assign srclink = srclink[1] | split: '"' | first %} {% endif %} <div style="background-image:url({{src}})" class="promohero"> <div class="content"> <div class="caption"> <h1><a href="{{ srclink }}">{{ page_title }}</a></h1> <p>{{ page.content | strip_html | split: '.' | first }}.</p> <a href="{{ srclink }}">Buy Now</a> </div> </div> </div> {% endif %} {% if template == "index"%} <div id="caro" data-responsive-comment-insert="afterbegin" data-responsive-comment-media="(min-width: 960px)" class="feature"> <!-- {% include 'carousel' %} --> </div><!-- .feature --> <div id="feature-tab"> <div class="content" {% if settings.banner1_tcolor %}style="@media only screen and (max-width: 460px) {background-color: white;}"{% endif %}> <div class="flex-caption-tab" {% if settings.banner1_tcolor %} style="color: white" {% endif %}> <h2>{{ settings.banner1_title }}</h2> <p>{{ settings.banner1_text }}</p> </div> </div> </div> {% comment %}<div class="feature"> {% include 'carousel' %} </div><!-- .feature -->{% endcomment %} {% endif %} <div id="main" role="main"> <div class="content"> {{ content_for_layout }} </div> </div> <footer> <div class="content"> <div id="footer-main"> <div id="footer-logo"> <a href="{{shop.url}}"><img src="{{ 'footer-logo.png' | asset_url }}" alt=""></a> </div> <div class="nav-footer"> <h3>Navigation</h3> <ul role="navigation"> {% for link in linklists.footer.links %} {% assign has_sub_menu = false %} {% assign has_sub_categories = false %} {% assign parent_link_active = false %} {% assign child_list_handle = link.title | handle %} {% if linklists[child_list_handle] and linklists[child_list_handle].links.size > 0 %} {% assign has_sub_menu = true %} {% for l in linklists[child_list_handle].links %} {% if page_title == l.title %} {% assign parent_link_active = true %} {% endif %} {% endfor %} {% elsif link.type == 'collection_link' and link.object.all_tags.size > 0 %} {% assign has_sub_categories = true %} {% endif %} <li class="nav-item{% if forloop.first %} first{% elsif forloop.last %} last{% endif %}{% if link.active or parent_link_active %} active{% endif %}{% if has_sub_menu or has_sub_categories %} has-dropdown{% endif %}"> {{ link.title | link_to: link.url }} {% if has_sub_menu or has_sub_categories %} <ul class="sub-nav"> <li class="sub-nav-niblet"></li> {% if has_sub_menu %} {% for l in linklists[child_list_handle].links %} <li class="sub-nav-item{% if forloop.first %} first{% elsif forloop.last %} last{% endif %}{% if l.active %} active{% endif %}"> <a class="{% if forloop.first %}first{% elsif forloop.last %}last{% endif %}" href="{{ l.url }}">{{ l.title }}</a> </li> {% endfor %} {% elsif has_sub_categories %} {% for tag in link.object.all_tags %} <li class="sub-nav-item{% if forloop.first %} first{% elsif forloop.last %} last{% endif %}{% if current_tags contains tag %} active{% endif %}"> <a class="{% if forloop.first %}first{% elsif forloop.last %}last{% endif %}" href="{{ link.url }}/{{ tag | handle }}">{{ tag }}</a> </li> {% endfor %} {% endif %} </ul> {% endif %} </li> {% endfor %} </ul> </div> {% if template == 'index' or template contains 'contact' or template contains 'product' %} <div class="xtrafooter" id="blog-footer"> <h3>From the Blog</h3> <div class="footer-snippet"> {% for article in blogs.news.articles limit: 1 %} {% if blogs.news.articles %} <a href="{{ article.url }}"><h4>{{ article.title }}</h4></a> {% comment %}<p class="blog-article-date">{{ article.published_at | date: "%D" }}</p>{% endcomment %} <span>{{ article.content | strip_html | strip_newlines | truncatewords: 20 }}</span> {% endif %} {% endfor %} </div> </div> {% else %} <div class="xtrafooter" id="product-footer"> <h3>Featured Product</h3> <div class="footer-snippet"> {% if collections.frontpage.products.size > 0 %} {% capture index %}{{ 'now' | date: '%S' | times: collections.frontpage.products.size | divided_by: 60 }}{% endcapture %} {% for product in collections.frontpage.products offset:index limit:1 %} <a href="{{ product.url | within: collection }}"> <img src="{{ product.featured_image.src | product_img_url: 'small' }}" alt="{{ product.featured_image.alt | escape }}" /> </a> <div class="prodesc"> <a href="{{ product.url | within: collection }}"><h4>{{ product.title }}</h4></a> <p>{{ product.description | strip_html | truncate: 100 }}</p> </div> {% endfor %} {% endif %} </div> </div> {% endif %} </div> </div> <div id="copyright" > <div class="content"> <p role="contentinfo">Copyright © {{ "now" | date: "%Y" }} Prime Labs</p> <div id="social-foot"> {% if settings.use_facebook or settings.use_twitter %} <h3>Follow Us</h3> <ul role="navigation"> <li><a href="mailto:"></a></li> {% if settings.use_facebook %}<li><a target="_blank" href="http://{{ settings.fb_id | remove: 'http://'}}"><i class="fa fa-facebook-square"></i></a></li>{% endif %} {% if settings.use_twitter %}<li><a target="_blank" href="http://twitter.com/{{ settings.twitter_id }}"><i class="fa fa-twitter-square"></i></a></li>{% endif %} </ul> {% endif %} </div> </div> </div> </footer> {{ 'shop.js' | asset_url | script_tag }} {% if template == 'index' %} <script type="text/javascript"> // #respcomm[data-responsive-comment-media] should contain the commented out markup document.getElementById('caro').addEventListener('responsiveComment', function(e) { $('.flexslider').flexslider({ animation: "slide", controlNav: false }); }); </script> {% endif %} <script type="text/javascript"> $("#nav-mobile #search-tab").click(function(){ $("#mobile-nav").slideUp("fast", "linear"); $("#mobile-menus #search-form").slideToggle("fast", "linear"); $("#nav-mobile #search-tab").toggleClass('search-enabled'); }) $("#nav-mobile-button").click(function(){ $("#mobile-menus #search-form").slideUp("fast", "linear"); $("#nav-mobile #search-tab").removeClass('search-enabled'); $("#mobile-nav").slideToggle("fast", "linear"); }) $(".shopbox-in #search-tab").click(function(){ $(".shopbox-in #search-form").fadeToggle(0); $(".shopbox-in #search-tab").toggleClass('search-enabled'); }) $(document).ready(function () { $('#product-photo-thumbs a, a[rel="lightbox"], .blog-article img a').fluidbox(); }); var docH = $(document).height(); if (docH > 2000){ $('header').waypoint(function() { // $('#nav-scroll').toggleClass( 'stuck' ); $('#nav-scroll .content').slideToggle( 500 ); // $('#scrollnav').slideDown('slow'); }, { offset: '-300' }); $('footer').waypoint(function() { $('#nav-scroll .content').slideToggle( 500 ); }, { offset: '500' }); } </script> <script> // Set pixelRatio to 1 if the browser doesn't offer it up. var pixelRatio = !!window.devicePixelRatio ? window.devicePixelRatio : 1; $(window).on("load", function() { if (pixelRatio > 1) { $('img').each(function() { // Very naive replacement that assumes no dots in file names. $(this).attr('src', $(this).attr('src').replace("large.","grande.")); $(this).attr('src', $(this).attr('src').replace("medium.","large.")); $(this).attr('src', $(this).attr('src').replace("small.","medium.")); }); } }); </script> </body> </html>