index_bak.php 9.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188
  1. <?php?>
  2. <!DOCTYPE html>
  3. <html lang="en-US">
  4. <head>
  5. <meta charset="UTF-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
  7. <meta name="description" content="David + Ginny">
  8. <meta property="og:title" content="Can't Buy Me Love"/>
  9. <meta property="og:url" content="https://cantbuymelove.org"/>
  10. <meta property="og:image" content="https://cantbuymelove.org/wp-content/themes/bml/img/bml_thermo.png"/>
  11. <meta property="og:site_name" content="Can't Buy Me Love"/>
  12. <meta property="og:description" content="David + Ginny"/>
  13. <title>D+G (Can't Buy Me Love)</title>
  14. <?php wp_head(); ?>
  15. </head>
  16. <body>
  17. <div id="skrollr-body">
  18. <div id="bg1" data-0="display:none;" data-1000="display:block;background-position:0px 0px;" data-end="background-position:-500px -10000px;"></div>
  19. <div id="bg2" data-0="display:none;" data-5000="display:block;background-position:0px 0px;" data-end="background-position:-500px -8000px;"></div>
  20. <div id="bg3" data-0="display:none;" data-10000="display:block;background-position:0px 0px;" data-end="background-position:-500px -6000px;"></div>
  21. <div id="progress" data-0="width:0%;background:rgb(130, 104, 130);" data-end="width:100%;background:rgb(103, 130, 91);"></div>
  22. <div id="menu" data-0="position:static;display:none;" data-top-top="position:fixed;bottom:30px;">
  23. <a href="#story" data-menu-top="300">Story</a>
  24. <a href="#trip" data-menu-top="500">Trip</a>
  25. <a href="#vows" data-menu-top="800">Vows</a>
  26. <a href="#message" data-menu-top="1200">Message</a>
  27. </div>
  28. <div id="intro" data-0="display:block;" data-1400="display:none;">
  29. <div class="intro_ease" data-400="left:90%" data-1500="left:0%;">
  30. <h4 class="cardo">You're cordially invited</h4>
  31. <h4 class="cardo">to celebrate the marriage of</h4><br />
  32. <h1 class="monsieur">David A. Windham</h1>
  33. <h4 class="cardo">and</h4><br />
  34. <h1 class="monsieur">Ginny L. Gast</h1><br />
  35. <h4 class="cardo">Saturday, The Twenty-Seventh Of September<br/>Two Thousand Fourteen</h4><br />
  36. <img src="wp-content/themes/bml/img/swirl.png">
  37. </div>
  38. </div>
  39. <div id="intro2" data-0="display:none;" data-1400="display:block;" data-800="left:100%" data-1500="left:77%;" data-3400="display:none;">
  40. <div class="intro_ease">
  41. <h4 class="vibes">No need to dress up, no need to wrap gifts.</h4>
  42. <h4 class="vibes">Just stay at home, and send us a good wish.</h4>
  43. <h4 class="vibes">We appreciate your love and cheer.</h4>
  44. <h4 class="vibes">But we're off on a journey have no fear.</h4>
  45. </div>
  46. </div>
  47. <div id="story_wrap" data-2400="background:rgba(0,0,0,0);" data-8400="background:rgba(104,130,91,.25);">
  48. <div id="story">
  49. <div id="story_ease" data-2400="left:100%" data-3400="left:30%;" data-4400="left:-100%;" >
  50. <h4 class="beanie">About 10 years ago<br /> a guy named Dave met a girl named Ginny.<br />
  51. Soon after, the two would take a trip to New York City.</h4>
  52. </div>
  53. <div id="story_ease" data-3400="left:100%" data-4400="left:30%;" data-5400="left:-100%;">
  54. <h4 class="beanie">Days and weeks and many more,<br />
  55. The couple found love they could not ignore.<br />
  56. They dwelled in cities, the trees, and farm,<br />
  57. Each would have its newfound charm.</h4>
  58. </div>
  59. <div id="story_ease" data-4400="left:100%" data-5400="left:30%;" data-6400="left:-100%;">
  60. <h4 class="beanie">And then one day came when they decided to marry.<br />
  61. They had made it 10 years, after all, it’s not so scary.<br />
  62. Money can’t buy love, this they knew.<br />
  63. But it sure could pay for a trip, to start anew.</h4>
  64. </div>
  65. <div id="story_ease" data-5400="left:100%" data-6400="left:30%;" data-7400="left:-100%;">
  66. <h4 class="beanie">So tip your hat to these big-hearted.<br />
  67. Who are embarking on a journey to where it all started.<br />
  68. To jumpstart another decade, with its ups and downs.<br />
  69. New experiences and perhaps new towns.</h4>
  70. </div>
  71. <div id="story_ease" data-6400="left:100%" data-7400="left:30%;" data-8400="left:-100%;">
  72. <h4 class="beanie">But have no worries for this one of many couples.<br />
  73. Because they’re a good team and can tackle life’s troubles.<br />
  74. For it is their love that will make them last.<br />
  75. This guy named Windham and girl named Gast.</h4>
  76. </div>
  77. </div>
  78. </div>
  79. <div id="trip" data-0="display:block;" data-8400="display:block;" data-13001="display:none;" data-8500="top:-150%" data-10000="top:0%;" data-12000="top:-100%;" data-10000="background:rgba(0,0,0,0);" data-13000="background:rgba(130,104,130,.5);">
  80. <div class="trip_container">
  81. <h4 class="beanie">Trip</h4>
  82. <p class="beanie">
  83. provide a party dress
  84. bestow outdoor bloody mary's
  85. handle their hotel
  86. grant them a good laugh
  87. facilitate their flights
  88. contribute to cocktails
  89. donate a dinner
  90. supply some sugary snacks
  91. furnish their room w/ flowers
  92. cap off a meal with coffee
  93. fuel a photography session
  94. give them gallery tickets
  95. cater the cottage
  96. add an event to their itinerary
  97. purchase some pretty things
  98. entrust some escargot
  99. partake in NYC pizza
  100. romance them on the rooftop
  101. </p>
  102. </div>
  103. </div>
  104. <div id="vows" data-0="display:none;" data-20000="display:block;">
  105. <div class="easing" data-20001="left:100%" data-20002="left:25%;">
  106. <div id="bml" data-0="position:static;" data-top-top="position:fixed;top:25%;right:30%" data-edge-strategy="set">
  107. <h3>September 27<sup>th</sup>, &nbsp;<span id="year">2014</span>.</h3>
  108. </div>
  109. <div class="buy-love" style="margin:0;" data-0="position:static;" data-top-top="position:fixed;top:55%;right:45%" data-edge-strategy="set">
  110. <p>&nbsp;</p>
  111. <a id="inline" href="#buy-love"><button>Buy Some Love</button></a>
  112. </div>
  113. </div>
  114. </div>
  115. <div style="display:none">
  116. <div id="buy-love">
  117. <div id="wp-stripe-wrap">
  118. <form id="wp-stripe-payment-form">
  119. <input type="hidden" name="action" value="wp_stripe_charge_initiate" />
  120. <input type="hidden" name="nonce" value="bd39ddb4d5" />
  121. <div class="wp-stripe-details">
  122. <div class="wp-stripe-notification wp-stripe-failure payment-errors" style="display:none"></div>
  123. <div class="stripe-row"><input type="text" name="wp_stripe_name" class="wp-stripe-name" placeholder="Name *" autofocus required /></div>
  124. <div class="stripe-row"><input type="email" name="wp_stripe_email" class="wp-stripe-email" placeholder="E-mail" /></div>
  125. <div class="stripe-row"><textarea name="wp_stripe_comment" class="wp-stripe-comment" placeholder="Comments?"></textarea></div>
  126. </div>
  127. <div class="wp-stripe-card">
  128. <div class="stripe-row"><input type="text" name="wp_stripe_amount" autocomplete="off" class="wp-stripe-card-amount" id="wp-stripe-card-amount" placeholder="Amount (USD) *" required /></div>
  129. <div class="stripe-row"><input type="text" autocomplete="off" class="card-number" placeholder="Card Number *" required /></div>
  130. <div class="stripe-row">
  131. <div class="stripe-row-left"><input type="text" autocomplete="off" class="card-cvc" placeholder="CVC Number *" maxlength="4" required /></div>
  132. <div class="stripe-row-right">
  133. <span class="stripe-expiry">EXP</span>
  134. <select class="card-expiry-month">
  135. <option value="1">01</option>
  136. <option value="2">02</option>
  137. <option value="3">03</option>
  138. <option value="4">04</option>
  139. <option value="5">05</option>
  140. <option value="6">06</option>
  141. <option value="7">07</option>
  142. <option value="8">08</option>
  143. <option value="9">09</option>
  144. <option value="10">10</option>
  145. <option value="11">11</option>
  146. <option value="12">12</option>
  147. </select>
  148. <span></span>
  149. <select class="card-expiry-year">
  150. <option value="2014">2014</option><option value="2015">2015</option><option value="2016">2016</option><option value="2017">2017</option><option value="2018">2018</option><option value="2019">2019</option>
  151. </select>
  152. </div>
  153. </div>
  154. </div>
  155. <div class="stripe-row">
  156. <input type="checkbox" name="wp_stripe_public" value="public" checked="checked" /> <label class="public">share your comments on our event page
  157. </div>
  158. <div style="clear:both"></div>
  159. <input type="hidden" name="wp_stripe_form" value="1"/>
  160. <button type="submit" class="stripe-submit-button">Buy</button>
  161. <div class="stripe-spinner"></div>
  162. </form>
  163. </div>
  164. </div>
  165. </div>
  166. </div>
  167. <?php wp_footer(); ?>
  168. <script src="<?php echo get_template_directory_uri(); ?>/js/jquery-1.8.3.min.js"></script>
  169. <script src="<?php echo get_template_directory_uri(); ?>/js/script.js"></script>
  170. <script src="<?php echo get_template_directory_uri(); ?>/js/skrollr.min.js"></script>
  171. <script src="<?php echo get_template_directory_uri(); ?>/js/skrollr.menu.min.js"></script>
  172. <script src="<?php echo get_template_directory_uri(); ?>/js/init.js"></script>
  173. <script>
  174. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  175. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  176. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  177. })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  178. ga('create', 'UA-1906067-35', 'cantbuymelove.org');
  179. ga('send', 'pageview');
  180. </script>
  181. </body>
  182. </html>