David A. Windham
david
/
bml
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: 6685665891
Branches Tags
bml
/
page-home.php

page-home.php 11 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158 
  1. <?php /* Template Name: BML */ ?>
    2. 

  2. <!DOCTYPE html>
    3. 

  3. <html lang="en-US">
    4. 

  4. <head>
    5. 

  5. <meta charset="UTF-8">
    6. 

  6. <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    7. 

  7. <meta name="description" content="David + Ginny">
    8. 

  8. <meta property="og:title" content="Can't Buy Me Love"/>
    9. 

  9. <meta property="og:url" content="https://cantbuymelove.org"/>
    10. 

  10. <meta property="og:image" content="https://cantbuymelove.org/wp-content/themes/bml/img/bml_thermo.png"/>
    11. 

  11. <meta property="og:site_name" content="Can't Buy Me Love"/>
    12. 

  12. <meta property="og:description" content="David + Ginny"/>
    13. 

  13. <title>D+G (Can't Buy Me Love)</title>
    14. 

  14. <?php wp_head(); ?>
    15. 

  15. </head>
    16. 

  16. <body>
    17. 

  17. <div id="skrollr-body">
    18. 

  18. 

  19. <div class="container">
    20. 

  20. 	<div class="sixteen columns">
    21. 

  21. 		<div class="row clearfix">
    22. 

  22. 			<p>&nbsp;</p>
    23. 

  23. 		<div>
    24. 

  24. 		<div class="row clearfix">
    25. 

  25. 			<p>&nbsp;</p>
    26. 

  26. 		<div>
    27. 

  27. 		<div class="row clearfix">
    28. 

  28. 		<div id="menu" data-0="position:static;" data-top-top="position:fixed;bottom:0;">
    29. 

  29. 			<a href="#story" data-menu-top="300">Story</a>
    30. 

  30. 			<a href="#trip" data-menu-top="500">Trip</a>
    31. 

  31. 			<a href="#vows" data-menu-top="800">Vows</a>
    32. 

  32. 			<a href="#message" data-menu-top="1200">Message</a>
    33. 

  33. 		</div>
    34. 

  34. 		<div class="six columns alpha" data-0="opacity:1;top:3%;transform:rotate(0deg);transform-origin:0 0;" data-500="opacity:0;top:-10%;transform:rotate(-90deg);">
    35. 

  35. 		<img src="<?php echo get_template_directory_uri(); ?>/img/bml_thermo.png" style="float:right;"/>
    36. 

  36. 		</div>
    37. 

  37. 		<div class="six columns omega">
    38. 

  38. 		<div class="content">
    39. 

  39. 			<main class="main" role="main">
    40. 

  40. 				<div id="bml" data-0="position:static;" data-top-top="position:fixed;top:0;" data-edge-strategy="set">
    41. 

  41. 					<h3>September 27<sup>th</sup>, &nbsp;<span id="year">2014</span>.</h3>	
    42. 

  42. 				</div>
    43. 

  43. 				<div class="buy-love" style="margin:0 0 0 100px" data-0="position:static;" data-top-top="position:fixed;top:0;" data-edge-strategy="set">
    44. 

  44. 					<p>&nbsp;</p>
    45. 

  45. 					<a id="inline" href="#buy-love"><button>Buy Some Love</button></a>
    46. 

  46. 				</div>
    47. 

  47. 				<div style="display:none">
    48. 

  48. 					<div id="buy-love">
    49. 

  49. 						<div id="wp-stripe-wrap">
    50. 

  50. 							<form id="wp-stripe-payment-form">
    51. 

  51. 							<input type="hidden" name="action" value="wp_stripe_charge_initiate" />
    52. 

  52. 							<input type="hidden" name="nonce" value="bd39ddb4d5" />
    53. 

  53. 							<div class="wp-stripe-details">
    54. 

  54. 							    <div class="wp-stripe-notification wp-stripe-failure payment-errors" style="display:none"></div>
    55. 

  55. 							    <div class="stripe-row"><input type="text" name="wp_stripe_name" class="wp-stripe-name" placeholder="Name *" autofocus required /></div>
    56. 

  56. 							    <div class="stripe-row"><input type="email" name="wp_stripe_email" class="wp-stripe-email" placeholder="E-mail" /></div>
    57. 

  57. 							    <div class="stripe-row"><textarea name="wp_stripe_comment" class="wp-stripe-comment" placeholder="Comments?"></textarea></div>
    58. 

  58. 							</div>
    59. 

  59. 							<div class="wp-stripe-card">
    60. 

  60. 							    <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>
    61. 

  61. 							    <div class="stripe-row"><input type="text" autocomplete="off" class="card-number" placeholder="Card Number *" required /></div>
    62. 

  62. 							    <div class="stripe-row">
    63. 

  63. 							        <div class="stripe-row-left"><input type="text" autocomplete="off" class="card-cvc" placeholder="CVC Number *" maxlength="4" required /></div>
    64. 

  64. 							        <div class="stripe-row-right">
    65. 

  65. 							            <span class="stripe-expiry">EXP</span>
    66. 

  66. 							            <select class="card-expiry-month">
    67. 

  67. 							                <option value="1">01</option>
    68. 

  68. 							                <option value="2">02</option>
    69. 

  69. 							                <option value="3">03</option>
    70. 

  70. 							                <option value="4">04</option>
    71. 

  71. 							                <option value="5">05</option>
    72. 

  72. 							                <option value="6">06</option>
    73. 

  73. 							                <option value="7">07</option>
    74. 

  74. 							                <option value="8">08</option>
    75. 

  75. 							                <option value="9">09</option>
    76. 

  76. 							                <option value="10">10</option>
    77. 

  77. 							                <option value="11">11</option>
    78. 

  78. 							                <option value="12">12</option>
    79. 

  79. 							            </select>
    80. 

  80. 							            <span></span>
    81. 

  81. 							            <select class="card-expiry-year">
    82. 

  82. 							            <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>
    83. 

  83. 										</select>
    84. 

  84. 							        </div>
    85. 

  85. 							    </div>
    86. 

  86. 							    </div>
    87. 

  87. 							    <div class="stripe-row">
    88. 

  88. 							        <input type="checkbox" name="wp_stripe_public" value="public" checked="checked" /> <label class="public">share your comments on our event page
    89. 

  89. 							    </div>
    90. 

  90. 							    			    <div style="clear:both"></div>
    91. 

  91. 							    <input type="hidden" name="wp_stripe_form" value="1"/>
    92. 

  92. 							    <button type="submit" class="stripe-submit-button">Buy</button>
    93. 

  93. 							    <div class="stripe-spinner"></div>
    94. 

  94. 							</form>
    95. 

  95. 						</div>
    96. 

  96. 					</div>
    97. 

  97. 				</div>
    98. 

  98. 			</main>
    99. 

  99. 		</div>
    100. 

  100. 	</div>
    101. 

  101. 	</div>
    102. 

  102. 	
    103. 

  103. 	<div class="row clearfix">
    104. 

  104. 		<p>&nbsp;</p>
    105. 

  105. 	<div>
    106. 

  106. 	<div class="row clearfix">
    107. 

  107. 		<p>&nbsp;</p>
    108. 

  108. 	<div>
    109. 

  109. 	<div class="row clearfix">
    110. 

  110. 		<p>&nbsp;</p>
    111. 

  111. 	<div>
    112. 

  112. 	<div class="row clearfix">
    113. 

  113. 		<p>&nbsp;</p>
    114. 

  114. 	<div>
    115. 

  115. 	<div class="row clearfix">
    116. 

  116. 		<span id="story">Story</span>
    117. 

  117. 		<p>Nulla scelerisque dictum leo, et rhoncus urna. Phasellus porta pharetra erat vel laoreet. Curabitur risus tortor, rhoncus non accumsan a, lacinia vel nulla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Mauris placerat vehicula consectetur. Praesent fringilla facilisis quam. Vivamus consectetur bibendum metus, vel iaculis ante cursus in. Phasellus congue, erat vel elementum fermentum, arcu est sodales ligula, in feugiat mauris lacus sollicitudin lorem. Curabitur quis mattis leo. Proin egestas ullamcorper nulla, quis tempor lorem fermentum sed. Phasellus pharetra, massa non facilisis molestie, orci diam vehicula orci, sed pellentesque nunc eros nec libero. Quisque vulputate leo nec orci suscipit volutpat.</p>
    118. 

  118. 		<p>In urna eros, sagittis vitae dolor vitae, hendrerit convallis leo. Cras euismod sagittis felis, vitae imperdiet elit placerat ac. Curabitur sed massa ipsum. Mauris molestie dui in lorem ullamcorper lacinia. In pharetra sollicitudin dolor sed bibendum. Ut convallis nunc eu mi tincidunt iaculis nec eget leo. Nam quis aliquam urna. Mauris tempor, sem nec porttitor fringilla, dui felis placerat arcu, vel aliquet turpis ipsum nec turpis. Nunc sit amet diam massa. Nullam scelerisque elit ac magna aliquam, molestie placerat ipsum pretium. Quisque a lacus leo. Quisque et massa lacus. Mauris pellentesque elit tortor, eu semper dui mattis ac. Nam magna risus, lacinia nec sodales at, consequat eget tortor. Praesent sed ante sem. Mauris sodales enim eget mi feugiat lobortis.</p>
    119. 

  119. 	<div>
    120. 

  120. 	<div class="row clearfix">
    121. 

  121. 		<span id="trip">Trip</span>
    122. 

  122. 		<p>Nulla scelerisque dictum leo, et rhoncus urna. Phasellus porta pharetra erat vel laoreet. Curabitur risus tortor, rhoncus non accumsan a, lacinia vel nulla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Mauris placerat vehicula consectetur. Praesent fringilla facilisis quam. Vivamus consectetur bibendum metus, vel iaculis ante cursus in. Phasellus congue, erat vel elementum fermentum, arcu est sodales ligula, in feugiat mauris lacus sollicitudin lorem. Curabitur quis mattis leo. Proin egestas ullamcorper nulla, quis tempor lorem fermentum sed. Phasellus pharetra, massa non facilisis molestie, orci diam vehicula orci, sed pellentesque nunc eros nec libero. Quisque vulputate leo nec orci suscipit volutpat.</p>
    123. 

  123. 		<p>In urna eros, sagittis vitae dolor vitae, hendrerit convallis leo. Cras euismod sagittis felis, vitae imperdiet elit placerat ac. Curabitur sed massa ipsum. Mauris molestie dui in lorem ullamcorper lacinia. In pharetra sollicitudin dolor sed bibendum. Ut convallis nunc eu mi tincidunt iaculis nec eget leo. Nam quis aliquam urna. Mauris tempor, sem nec porttitor fringilla, dui felis placerat arcu, vel aliquet turpis ipsum nec turpis. Nunc sit amet diam massa. Nullam scelerisque elit ac magna aliquam, molestie placerat ipsum pretium. Quisque a lacus leo. Quisque et massa lacus. Mauris pellentesque elit tortor, eu semper dui mattis ac. Nam magna risus, lacinia nec sodales at, consequat eget tortor. Praesent sed ante sem. Mauris sodales enim eget mi feugiat lobortis.</p>	
    124. 

  124. 	<div>
    125. 

  125. 	<div class="row clearfix">
    126. 

  126. 		<span class="vows">Vows</span>
    127. 

  127. 	<div>
    128. 

  128. 	<div class="row clearfix">
    129. 

  129. 		<span class="message">Message</span>
    130. 

  130. 		<p>Nulla scelerisque dictum leo, et rhoncus urna. Phasellus porta pharetra erat vel laoreet. Curabitur risus tortor, rhoncus non accumsan a, lacinia vel nulla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Mauris placerat vehicula consectetur. Praesent fringilla facilisis quam. Vivamus consectetur bibendum metus, vel iaculis ante cursus in. Phasellus congue, erat vel elementum fermentum, arcu est sodales ligula, in feugiat mauris lacus sollicitudin lorem. Curabitur quis mattis leo. Proin egestas ullamcorper nulla, quis tempor lorem fermentum sed. Phasellus pharetra, massa non facilisis molestie, orci diam vehicula orci, sed pellentesque nunc eros nec libero. Quisque vulputate leo nec orci suscipit volutpat.</p>
    131. 

  131. 	<div>
    132. 

  132. 	<footer class="footer" role="info">
    133. 

  133. 	</footer>
    134. 

  134. </div>
    135. 

  135. </div>
    136. 

  136. <?php wp_footer(); ?>
    137. 

  137. <script src="<?php echo get_template_directory_uri(); ?>/js/jquery-1.8.3.min.js"></script>
    138. 

  138. <script>window.jQuery || document.write("<script src='<?php echo get_template_directory_uri(); ?>/js/jquery-1.8.3.min.js'>\x3C/script>")</script>
    139. 

  139. <script src="<?php echo get_template_directory_uri(); ?>/js/script.js"></script>
    140. 

  140. <script src="<?php echo get_template_directory_uri(); ?>/js/skrollr.min.js"></script>
    141. 

  141. <script src="<?php echo get_template_directory_uri(); ?>/js/skrollr.menu.min.js"></script>
    142. 

  142. <script src="<?php echo get_template_directory_uri(); ?>/js/init.js"></script>
    143. 

  143. <!--[if lt IE 9]>
    144. 

  144. 	<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/skrollr.ie.min.js"></script>
    145. 

  145. <![endif]-->
    146. 

  146. <script type="text/javascript">
    147. 

  147.     var s = skrollr.init();
    148. 

  148.     </script>
    149. 

  149. <script>
    150. 

  150.   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    151. 

  151.   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    152. 

  152.   m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    153. 

  153.   })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
    154. 

  154.   ga('create', 'UA-1906067-35', 'cantbuymelove.org');
    155. 

  155.   ga('send', 'pageview');
    156. 

  156. </script>
    157. 

  157. </body>
    158. 

  158. </html>
    159.