<?php
include "inc/func.php";
$data = sceneData();
$emotion = getEmotion($_GET['scene']);
?>
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Create Face</title>
    <?php headerScripts(); ?>
  </head>
  <body>

    <?php globalFeatures(); ?>

    <section id="wrapper">

      <?php optionsPanel(); ?>

      <section id="padding">
        <section id="main">

          <div class="successOverlay">
            <div class="congrats">
              Congratulations!<div class="emotion animated bounceInUp">You've created a <span class="emotionYes"><?php echo $emotion; ?></span> face.</div>
            </div>
          </div>

          <?php homeLink(); ?>

          <div class="scene-panel-full">
            <div class="scene-panel-inner">

              <section id="top-bar">
                <ul class="timeline" id="timeline">
                  <span class="gotIT"></span>
                  <span class="gotITLeft"></span>

                  <!-- Add Complete Class to LI when complete -->
                  <li id="hair-status" class="li">
                    <div class="status">
                      <h4>Hair</h4>
                    </div>
                  </li>

                  <li id="brows-status" class="li">
                    <div class="status">
                      <h4>Brows</h4>
                    </div>
                  </li>

                  <li id="eyes-status" class="li">
                    <div class="status">
                      <h4>Eyes</h4>
                    </div>
                  </li>

                  <li id="nose-status" class="li">
                    <div class="status">
                      <h4>Nose</h4>
                    </div>
                  </li>

                  <li id="mouth-status" class="li">
                    <div class="status">
                      <h4>Mouth</h4>
                    </div>
                  </li>
               </ul>
              </section>

              <div id="faceContain">
                <div id="mainFace">

                  <div class="faceElements">
                    <?php faceElements($_GET['scene']); ?>
                  </div>

                  <div id="top-hair" data-html2canvas-ignore></div>
                  <div id="brows" data-html2canvas-ignore></div>
                  <div id="eyes" data-html2canvas-ignore>
                    <div id="left" data-html2canvas-ignore></div>
                    <div id="right" data-html2canvas-ignore></div>
                  </div>
                  <div id="nose" data-html2canvas-ignore></div>
                  <div id="mouth" data-html2canvas-ignore></div>
                </div>
              </div>

            </div>

            <div class="navigation indexNav">
              <?php mainNavigation(); ?>
            </div>
          </div>

        </section>
      </section>
    </section>

  </body>
</html>
