Untitled

<?php //  more shit code written by keysle for his job... if you're going to use it then at least post on http://k8r.us to honor him in memory
session_start();
  $keyString = rand_string();
  $_SESSION['permissionKey'] = $keyString;


$fromEmail = $_GET['campaign'];

if ( isset( $_COOKIE['beenHere'] ) ){
      $cookiesSet = 1;
    }

session_destroy();

function rand_string( $length = 50) {
  $chars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
  $size = strlen( $chars );
  for( $i = 0; $i < $length; $i++ ) {
    $str .= $chars[ rand( 0, $size - 1 ) ];
  }
  return $str;
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>One Big Story: God's Love Through Time</title>
<style type="text/css">
.main {
}

.mainbodycopy {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 12px;
	color: #4E4E4B;
}
.mainbodyheader {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 24px;
	color: #4E4E4B;
	font-weight: bold;
}

.modulecopybold {
	font-weight: bold;
	color: #4E4E4B;
	font-size: 12px;
	text-align: center;
}
#content{
  -webkit-box-shadow:  0px 0px 30px 10px rgba(45, 22, 0, 1);
  box-shadow:  0px 0px 30px 10px rgba(45, 22, 0, 1);
  background-color: #F4F4EF;
  width:960px;
  margin:0px auto;
}
#header-title{
  border-width: 0px;
}
.middle-ground{
  width:937px;
  margin:0px auto;
}
#content p{
  text-indent: 35px;
  width: 850px;
  margin:0px auto;
  margin-bottom: 12px;
}

.fileBucket{
  display: none;
}

.fileBucket .group{
  width:300px;
  -webkit-box-shadow:  0px 0px 6px 1px rgba(45, 22, 0, 1);
  box-shadow:  0px 0px 6px 1px rgba(45, 22, 0, 1);
  margin:10px auto;
  height:165px;
}

.fileBucket .group .title{
  width:300px;
  text-align: center;
  background: #c67b01; /* Old browsers */
  background: -moz-linear-gradient(top,  #c67b01 3%, #efbb10 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#c67b01), color-stop(100%,#efbb10)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #c67b01 3%,#efbb10 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #c67b01 3%,#efbb10 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #c67b01 3%,#efbb10 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #c67b01 3%,#efbb10 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c67b01', endColorstr='#efbb10',GradientType=0 ); /* IE6-9 */

}

.fileBucket .files{
 width:290px;
}

.fileBucket .file{
 width:62px;
 height:52px;
 display: inline;
 float:left;
 margin-right: 17px;
 margin-left: 17px;
}

.fileBucket .file .image{
  width:50px;
  margin:0px auto;
}

.fileBucket .file .name{
 font-size:11px;
 text-align: center;
}
.fileBucket .file a{
 text-decoration: none;
 color:#000;
 border-width: 0px;
}

#captureForm{
  width:300px;
  -webkit-box-shadow:  0px 0px 6px 1px rgba(45, 22, 0, 1);
  box-shadow:  0px 0px 6px 1px rgba(45, 22, 0, 1);
  margin:10px auto;
  height:165px;

}
#captureForm .title{
  width:300px;
  color:black;
  font-size:15px;
  text-align: center;
  background: #c67b01; /* Old browsers */
  background: -moz-linear-gradient(top,  #c67b01 3%, #efbb10 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#c67b01), color-stop(100%,#efbb10)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #c67b01 3%,#efbb10 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #c67b01 3%,#efbb10 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #c67b01 3%,#efbb10 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #c67b01 3%,#efbb10 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c67b01', endColorstr='#efbb10',GradientType=0 ); /* IE6-9 */
}
#captureForm input{
  display:block;
  clear:both;
  margin:10px auto;
}

.fileBucket .thankYou{
  display: none;
}
</style>

  <script src="./obs_files/jquery.js" type="text/javascript" charset="utf-8"></script>
    <link rel="stylesheet" href="./obs_files/prettyPhoto.css" type="text/css" media="screen" charset="utf-8"/>
    <link rel="stylesheet" href="./obs_files/.css" type="text/css" media="screen" charset="utf-8"/>
  <script src="./obs_files/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>

</head>

<body background="./obs_files/paper_pattern.jpg" class="main">
<div id="content">
  <div id="header-title" ><a href="http://onebigstory.com/"><img src="./obs_files/OneBigStory_Splash_02.jpg" /></a></div>
  <div class="middle-ground"><img src="./obs_files/OneBigStory_Splash_05.jpg" /></div>
    <p>Welcome to an exclusive, sneak peek into the latest resource from Orange, One Big Story. The One Big Story initiative is a limited set of 8-week series that can help a generation (preschool, elementary and students) understand how the stories of the Bible connect to tell One Big Story--a story that also includes us. </p>
    <p>Our first series will be available for three different age groups--preschool, elementary and students, with each age group having its own age-appropriate theme. (Preschool is called One Big Story: Turn It Up; Elementary is called One Big Story: Turn It Up; and Students is called One Big Story: Continuum.) Each of the series' 8 weeks will provide both the quality components found in our annual curriculums--First Look, 252 Basics and XP3 Students--and weekly video communicators. </p>
    <p>The One Big Story curriculum series may be purchased either as an individual age group series or a bundle of all three age groups in Spring 2013. Stay tuned to www.OneBigStory.com for updates. </p>
    <p>In the meantime, we want to give you an exclusive look at one week of Large Group for each of the age groups, as well as the One Big Story video. Keep in mind that many of the final Large Group documents for each One Big Story series will include different versions for different age groups; for example, Preschool (Babies/Toddlers/2s/3-5s); Elementary (LG K3, 4/5, Compact). Also, the completed series for each age group will include Small Group, visuals, Parent CUEs and more. </p>
    <p>Enjoy this special preview of One Big Story. And remember--this is just a glimpse of something bigger. </p>
    <div class="fileBucket">
      <h1 class="thankYou">Thank you! Feel free to download any of the below files.</h1>
      <!-- START: group 1 -->
      <div class="group">
        <h1 class="title">Video</h1>
        <div class="files">
          <div class="file">

          </div>
          <div class="file">
            <a href="obs_files/OBSElementarySample.pdf">
              <div class="image"><img src="http://f2.braxupload.se/bjcow4.png"></div>
              <div class="name">One Big Story Video </div>
            </a>
          </div>
          <div class="file">

          </div>
        </div>
      </div>
      <!-- END: group 1 -->
      <!-- START: group 1 -->
      <div class="group">
        <h1 class="title">PDFs</h1>
        <div class="files">
          <div class="file">
            <a href="obs_files/OBS_Preschool_Sample.pdf">
              <div class="image"><img src="http://i.imgur.com/bjxJZ.png"></div>
              <div class="name">One Big Story: Turn It Up (Preschool)</div>
            </a>
          </div>
          <div class="file">
            <a href="obs_files/OBSElementarySample.pdf">
              <div class="image"><img src="http://i.imgur.com/bjxJZ.png"></div>
              <div class="name">One Big Story: Turn It Up (Elementary)</div>
            </a>
          </div>
          <div class="file">
            <a href="obs_files/OBSElementarySample.pdf">
              <div class="image"><img src="http://i.imgur.com/bjxJZ.png"></div>
              <div class="name">One Big Story: Continuum (Students)</div>
            </a>
          </div>
        </div>
      </div>
      <!-- END: group 1 -->
    </div>

      <?php
      if( !$fromEmail || $cookiesSet ){
        ?>
        <div id="captureForm">
          <h1 class="title">To download the files, fill out the form</h1>
          <input type="text" id="firstName" placeholder="First Name"/>
          <input type="text" id="lastName" placeholder="Last Name"/>
          <input type="text" id="email" placeholder="Email"/>
          <input id="securityKey" type="hidden" value="<?= $keyString; ?>">
          <input id="submit" type="submit" value="Submit"/>
        </div>
        <?php
      }
      ?>
  <div class="middle-ground"><a href="mailto:onebigstory@rethinkgroup.org"><img src="http://onebigstory.com/images/OneBigStory_Splash_18.jpg" /></a></div>
  <div><a href="http://whatisorange.org"><img src="http://onebigstory.com/images/OneBigStory_Splash_19.jpg" /></a></div>
</div>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.1.min.js"></script>
<script type="text/javascript">
  $("#submit").click(function(){
    var firstName,lastName,email;
    firstName = $("#firstName").val();
    lastName = $("#lastName").val();
    email = $("#email").val();

    if ( firstName!="" ){
      if ( lastName!="" ){
        if ( validateEmail(email) ){

          $.ajax({
            type:"POST",
            url:"http://onebigstory.com/sneakpeek/namecapture.php",
            data:{
              firstName:firstName,
              lastName:lastName,
              email:email,
            },
            success: function(){
              $("#captureForm").hide();
              $(".fileBucket").show();
              $(".fileBucket .thankYou").show();
            }
          });
        } else { alert("Try inserting a proper email"); }
      } else { alert("Try inserting a last name"); }
    } else { alert("Try inserting a first name"); }

  });

  function validateEmail(email) {
      var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
      return re.test(email);
  }
</script>
</body></html>