windhamdavid 9 years ago
parent
commit
6f08c2fc44
4 changed files with 41 additions and 20 deletions
  1. 7 3
      index.php
  2. 7 2
      js/init.js
  3. 13 3
      page-thanks.php
  4. 14 12
      style.css

+ 7 - 3
index.php

@@ -124,11 +124,15 @@
 				For it is their love that will make them last.<br />
 				This guy named Windham and girl named Gast.</h4><br /><br />
 				<div id="bmlcount"></div>
-				<div class="wish">	
-					<a href='wish'><div id="heart" data-0="display:none;" data-11000="display:block;transform:scale(30);opacity:0;" data-12000="transform:scale(1);opacity:1;"></div></a>
-					<div class="well"><p><a href='wish'><b>Wish Us Well</b></a></p></div>
+				
+				<div class="wish">
+					<div id="heart2" data-0="display:none;" data-11500="display:block;transform:scale(.1);opacity:0;" data-12000="transform:scale(1);opacity:1;">
+					<a class="wish" href="wish" target="_self"><img id="trans" src="wp-content/themes/bml/img/heart.png"></a>
+					</div>
+					<div class="well"><p><a class="wish" href="wish" target="_self"><b>Wish Us Well</b></a></p></div>
 				</div>
 		</div>
+
 	</div>
 
 	

+ 7 - 2
js/init.js

@@ -2,11 +2,16 @@ jQuery(document).ready(function ($) {
 	$("#bmlcount")
 	.countdown("2014/09/27 09:27:00", function(event) {
 		 $(this).text(event.strftime('in %D days %H:%M:%S'));
-	});
+	}); 
+    $('a.wish').on('click touchend', function() { 
+        var link = $(this).attr('href');   
+        window.open(link,'_self'); 
+        return false;
+    });    
 	$(window).scroll(function() {    
 	    var scroll = $(window).scrollTop();
 	    if (scroll >= 11950) {
-	        $("#heart").addClass("pulse");
+	        $("#heart2").addClass("pulse");
 	    }
 	});
 });

+ 13 - 3
page-thanks.php

@@ -10,9 +10,19 @@
 </head>
 <body>
 <div class="container">
-	<?php while ( have_posts() ) : the_post(); ?>
-		<?php the_content(); ?>
-	<?php endwhile;?>
+
+</div>
+<div class="container">
+	<div class="column sixteen">
+		<div class="form_header">
+			<h5 class="vibes">&#10087; &nbsp; David A. Windham&nbsp;  &amp; &nbsp; Ginny L. Gast &nbsp; &#10087;</h5>
+			<h5 class="cardo">The Twenty-Seventh Of September, Two Thousand Fourteen</h4><br />
+			<img src="../wp-content/themes/bml/img/swirl.png" width="100">		
+		</div>
+		<?php while ( have_posts() ) : the_post(); ?>
+			<?php the_content(); ?>
+		<?php endwhile;?>
+	</div>
 </div>
 <?php wp_footer(); ?>
 <script>

+ 14 - 12
style.css

@@ -176,9 +176,9 @@ html, body {width:100%;height:100%;padding:0;margin:0;overflow-x:hidden;}
 	width:100%;
 	height:100%;
 }
-#wish {
-	width:100%;
-	height:100%;
+#trans {
+	margin: -100px 0 0 -100px;
+	z-index: 9999 !important;
 }
 #storyend {
 	width:100%;
@@ -230,10 +230,11 @@ html, body {width:100%;height:100%;padding:0;margin:0;overflow-x:hidden;}
 	font-family: 'Great Vibes', cursive;
 	font-size:39px;
 }
-
-#heart:hover:before,
-#heart:hover:after {
-	background:purple;
+#heart2 {
+	margin: 180px 0 0 50px;
+	font-size:48px;
+	color:;
+	text-decoration:none;
 	
 }
 #heart {
@@ -318,11 +319,12 @@ html, body {width:100%;height:100%;padding:0;margin:0;overflow-x:hidden;}
 }
 
 .pulse {
-  animation-name: pulse;
-  -webkit-animation: pulse 2s 3;
-  -moz-animation:    pulse 2s 3;
-  -o-animation:      pulse 2s 3;
-  animation:         pulse 2s 3;
+	transform-origin:0 0;
+	animation-name: pulse;
+	-webkit-animation: pulse 2s 3;
+	-moz-animation:    pulse 2s 3;
+	-o-animation:      pulse 2s 3;
+	animation:         pulse 2s 3;
 }
 
 p.mobile {