--- --- <meta charset="utf-8">


<!-- begin _includes/seo.html --><title>Exodus Unseen - KENDRA ALLGOOD</title>
<meta name="description" content="TEXTILE DESIGNER">



<meta property="og:type" content="website">
<meta property="og:locale" content="en_US">
<meta property="og:site_name" content="KENDRA ALLGOOD">
<meta property="og:title" content="Exodus Unseen">
<meta property="og:url" content="https://kendrallgood.github.io/exodus-unseen/">


  <meta property="og:description" content="TEXTILE DESIGNER">














<link rel="canonical" href="https://kendrallgood.github.io/exodus-unseen/">












<!-- end _includes/seo.html -->


<link href="" type="application/atom+xml" rel="alternate" title="KENDRA ALLGOOD Feed">

<!-- https://t.co/dKP3o1e -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<script>
  document.documentElement.className = document.documentElement.className.replace(/\bno-js\b/g, '') + ' js ';
</script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>

<!-- For all browsers -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Special+Elite&family=Source+Serif+4:opsz,wght@8..60,400;8..60,600;8..60,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/assets/css/main.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5/css/all.min.css">

<!-- additional style sheets -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="/assets/js/slick-1.8.1/slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="/assets/js/slick-1.8.1/slick/slick-theme.css"/>


 <!-- start custom head snippets -->

<!-- insert favicons. use https://realfavicongenerator.net/ -->

<!-- end custom head snippets -->
 
<nav class="skip-links" aria-label="Skip links">
  <ul>
    <li><a href="#site-nav" class="screen-reader-shortcut">Skip to primary navigation</a></li>
    <li><a href="#main" class="screen-reader-shortcut">Skip to content</a></li>
    <li><a href="#footer" class="screen-reader-shortcut">Skip to footer</a></li>
  </ul>
</nav>
  

<div class="masthead">
  <div class="masthead__inner-wrap">
    <div class="masthead__menu">
      <nav id="site-nav" class="greedy-nav">
        
        <a class="site-title kendra-link" href="/">
          KENDRA ALLGOOD
          
        </a>
        <ul class="visible-links"><li class="masthead__menu-item kendra-nav-about">
              <a class="kendra-link" href="/about/">About</a>
            </li><li class="masthead__menu-item kendra-nav-projects">
              <a class="kendra-link" href="/projects/">Projects</a>
            </li><li class="masthead__menu-item kendra-nav-resume">
              <a class="kendra-link" href="/resume/">Resume</a>
            </li></ul>
        
        <button class="greedy-nav__toggle hidden" type="button">
          <span class="visually-hidden">Toggle menu</span>
          <div class="navicon"></div>
        </button>
        <ul class="hidden-links hidden"></ul>
      </nav>
    </div>
  </div>
</div>

<div class="exodus-scrapbook">
  <section class="exodus-hero" id="exodus-hero">
    <div class="exodus-floaters">
      <img class="exodus-floater exodus-floater--memphis" src="/assets/images/projects/exodus/scrapbook/memphis-pattern.webp" alt="">
      <img class="exodus-floater exodus-floater--wordmark" src="/assets/images/projects/exodus/scrapbook/logo-transparent.webp" alt="">
      <img class="exodus-floater exodus-floater--ink" src="/assets/images/projects/exodus/scrapbook/round-ink.webp" alt="">
      <img class="exodus-floater exodus-floater--sketch" src="/assets/images/projects/exodus/scrapbook/original-man-sketch.webp" alt="">
      <img class="exodus-floater exodus-floater--linewarp" src="/assets/images/projects/exodus/scrapbook/line-warp.webp" alt="">
      <img class="exodus-floater exodus-floater--splatter" src="/assets/images/projects/exodus/scrapbook/splatter.webp" alt="">
      <img class="exodus-floater exodus-floater--sticker" src="/assets/images/projects/exodus/scrapbook/logo-color.webp" alt="">
      <img class="exodus-floater exodus-floater--cutout" src="/assets/images/projects/exodus/scrapbook/jacob-cutout.webp" alt="">
    </div>

    <button class="exodus-hero__book" type="button" aria-label="Open Exodus Unseen" id="exodus-open-btn">
      <img class="exodus-hero__cover" src="/assets/images/projects/exodus/scrapbook/cover.webp" alt="Exodus Unseen — closed book cover">
    </button>
    <p class="exodus-hero__hint">click to open</p>
  </section>

  <section class="exodus-book-wrap" id="exodus-book-wrap" hidden>
    <button class="exodus-book__close" type="button" aria-label="Close book" id="exodus-close-btn">&times; close</button>
    <div id="exodus-flipbook"></div>
  </section>
</div>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/page-flip@2.0.7/dist/css/page-flip.css">
<script src="https://cdn.jsdelivr.net/npm/page-flip@2.0.7/dist/js/page-flip.browser.js"></script>
<script>
  var exodusPageUrls = [];
  var exodusPagePrefix = '/assets/images/projects/exodus/book-pages-split/page-';
  for (var i = 1; i <= 32; i++) {
    var num = i < 10 ? '00' + i : (i < 100 ? '0' + i : i);
    exodusPageUrls.push(exodusPagePrefix + num + '.jpg');
  }
</script>
<script src="/assets/js/exodus-book.js?v=2"></script>

 

  <script src="/assets/js/main.min.js"></script>









  
    <script src="/assets/js/slick-1.8.1/slick/slick.min.js"></script>