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

page-home.php 6.1 KB
History Raw

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

  2. <!DOCTYPE html>
    3. 

  3. <html <?php language_attributes(); ?>>
    4. 

  4. <head>
    5. 

  5. <meta charset="<?php bloginfo( 'charset' ); ?>">
    6. 

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

  7. <title><?php wp_title( '|', true, 'right' ); ?></title>
    8. 

  8. <?php wp_head(); ?>
    9. 

  9. </head>
    10. 

  10. <body>
    11. 

  11. <div id="skrollr-body">
    12. 

  12. 

  13. <div class="container">
    14. 

  14. 	<div class="twelve columns">
    15. 

  15. 

  16. 		<div class="row clearfix">
    17. 

  17. 			<p>&nbsp;</p>
    18. 

  18. 		<div>
    19. 

  19. 		<div class="row clearfix">
    20. 

  20. 			<p>&nbsp;</p>
    21. 

  21. 		<div>
    22. 

  22. 

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

  24. 		<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);">
    25. 

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

  26. 		</div>
    27. 

  27. 		<div class="six columns omega">
    28. 

  28. 		<div class="content">
    29. 

  29. 			<main class="main" role="main">
    30. 

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

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

  32. 				</div>
    33. 

  33. 				<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">
    34. 

  34. 					<p>&nbsp;</p>
    35. 

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

  36. 				</div>
    37. 

  37. 				<div style="display:none">
    38. 

  38. 					<div id="buy-love">
    39. 

  39. 						<div id="wp-stripe-wrap">
    40. 

  40. 							<form id="wp-stripe-payment-form">
    41. 

  41. 							<input type="hidden" name="action" value="wp_stripe_charge_initiate" />
    42. 

  42. 							<input type="hidden" name="nonce" value="bd39ddb4d5" />
    43. 

  43. 							<div class="wp-stripe-details">
    44. 

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

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

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

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

  48. 							</div>
    49. 

  49. 							<div class="wp-stripe-card">
    50. 

  50. 							    <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>
    51. 

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

  52. 							    <div class="stripe-row">
    53. 

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

  54. 							        <div class="stripe-row-right">
    55. 

  55. 							            <span class="stripe-expiry">EXP</span>
    56. 

  56. 							            <select class="card-expiry-month">
    57. 

  57. 							                <option value="1">01</option>
    58. 

  58. 							                <option value="2">02</option>
    59. 

  59. 							                <option value="3">03</option>
    60. 

  60. 							                <option value="4">04</option>
    61. 

  61. 							                <option value="5">05</option>
    62. 

  62. 							                <option value="6">06</option>
    63. 

  63. 							                <option value="7">07</option>
    64. 

  64. 							                <option value="8">08</option>
    65. 

  65. 							                <option value="9">09</option>
    66. 

  66. 							                <option value="10">10</option>
    67. 

  67. 							                <option value="11">11</option>
    68. 

  68. 							                <option value="12">12</option>
    69. 

  69. 							            </select>
    70. 

  70. 							            <span></span>
    71. 

  71. 							            <select class="card-expiry-year">
    72. 

  72. 							            <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>
    73. 

  73. 										</select>
    74. 

  74. 							        </div>
    75. 

  75. 							    </div>
    76. 

  76. 							    </div>
    77. 

  77. 							    <div class="stripe-row">
    78. 

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

  79. 							    </div>
    80. 

  80. 							    			    <div style="clear:both"></div>
    81. 

  81. 							    <input type="hidden" name="wp_stripe_form" value="1"/>
    82. 

  82. 							    <button type="submit" class="stripe-submit-button">Buy</button>
    83. 

  83. 							    <div class="stripe-spinner"></div>
    84. 

  84. 							</form>
    85. 

  85. 						</div>
    86. 

  86. 					</div>
    87. 

  87. 				</div>
    88. 

  88. 			</main>
    89. 

  89. 		</div>
    90. 

  90. 	</div>
    91. 

  91. 	</div>
    92. 

  92. 

  93. 	<div class="row clearfix">
    94. 

  94. 		<p>&nbsp;</p>
    95. 

  95. 	<div>
    96. 

  96. 	<div class="row clearfix">
    97. 

  97. 		<p>&nbsp;</p>
    98. 

  98. 	<div>
    99. 

  99. 	<div class="row clearfix">
    100. 

  100. 		<p>&nbsp;</p>
    101. 

  101. 	<div>
    102. 

  102. 	<footer class="footer" role="info">
    103. 

  103. 	</footer>
    104. 

  104. </div>
    105. 

  105. 	<div class="twelve columns alpha" data-0="opacity:0;top:3%;transform:rotate(0deg);transform-origin:0 0;" data-500="opacity:.5;top:-10%;transform:rotate(-90deg);">
    106. 

  106. 	<img src="<?php echo get_template_directory_uri(); ?>/img/beemwo.jpg" style="float:right;"/>
    107. 

  107. 	</div>
    108. 

  108. </div>
    109. 

  109. <?php wp_footer(); ?>
    110. 

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

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

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

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

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

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

  116. <!--[if lt IE 9]>
    117. 

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

  118. <![endif]-->
    119. 

  119. <script type="text/javascript">
    120. 

  120.     var s = skrollr.init();
    121. 

  121.     </script>
    122. 

  122. <script>
    123. 

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

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

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

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

  127.   ga('create', 'UA-1906067-35', 'cantbuymelove.org');
    128. 

  128.   ga('send', 'pageview');
    129. 

  129. </script>
    130. 

  130. </body>
    131. 

  131. </html>
    132.