windhamdavid 9 years ago
parent
commit
14b7113184
3 changed files with 25 additions and 8 deletions
  1. 6 5
      index.php
  2. 0 1
      page-form.php
  3. 19 2
      style.css

+ 6 - 5
index.php

@@ -88,12 +88,12 @@
 	
 	<div id="story">
 		<div id="story_wrap" data-5000="background:rgba(255,255,255,0);" data-5700="background:rgba(235,235,255,.5);" data-7000="background:rgba(255,255,255,0);">
-			<div class="story transform" data-3400="top:-25%" data-4000="top:15%;" data-6000="top:15%;"
+			<div class="story transform" data-3400="top:-30%" data-4000="top:15%;" data-6000="top:15%;"
 			 data-6100="transform:scale(1);opacity:1;" data-7100="transform:scale(5);opacity:0;">
 					<h4 class="vibes">About 10 years ago<br /> a guy named Dave met a girl named Ginny.<br />
 					Soon after, the two would take a trip to New York City.</h4>
 			</div>	
-			<div class="story transform" data-5000="top:200%" data-5500="top:35%;" data-6000="top:35%;"
+			<div class="story transform" data-5000="top:200%" data-5500="top:40%;" data-6000="top:40%;"
 			 data-6100="transform:scale(1);opacity:1;" data-7100="transform:scale(5);opacity:0;">
 					<h4 class="vibes">Days and weeks and many more,<br />
 					The couple found love they could not ignore.<br /></h4>
@@ -110,7 +110,7 @@
 					But it sure could pay for a trip, to start anew.</h4>
 			</div>
 			<div class="story transform2" data-8000="transform:scale(0);opacity:0;" data-9000="transform:scale(1);opacity:1;" 
-			data-9000="transform:scale(1);opacity:1;" data-10000="transform:scale(5);opacity:0;">
+			data-10000="transform:scale(1);opacity:1;" data-12000="transform:scale(5);opacity:0;">
 					<img src="wp-content/themes/bml/img/hat.svg" width="70">
 					<h4 class="vibes">So tip your hat to these big-hearted.<br />
 					Who are embarking on a journey to where it all started.<br />
@@ -118,16 +118,17 @@
 					New experiences and perhaps new towns.</h4>	
 			</div>
 		</div>
-		<div class="story" data-9000="top:-50%" data-10000="top:15%;" data-10001="top:15%;">
+		<div class="story" data-10000="top:-50%" data-12000="top:15%;" data-12001="top:15%;">
 				<h4 class="vibes">But have no worries for this one of many couples.<br />
 				Because they’re a good team and together can tackle life’s troubles.<br />
 				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-9000="display:block;transform:scale(30);opacity:0;" data-10000="transform:scale(1);opacity:1;"></div></a>
+					<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>Click to<br />Wish Us Well</b></a></p></div>
 				</div>
+				<p class="mobile">P.S. This site has is best on a large screen!</p>
 		</div>	
 	</div>
 

+ 0 - 1
page-form.php

@@ -3,7 +3,6 @@
 <html lang="en-US">
 <head>
 <meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
 <meta name="description" content="David + Ginny">
 <title>Wish Us Well | D+G</title>
 <?php wp_head(); ?>

+ 19 - 2
style.css

@@ -307,7 +307,9 @@ html, body {width:100%;height:100%;padding:0;margin:0;overflow-x:hidden;}
   animation:         pulse 2s 5;
 }
 
-
+p.mobile {
+	display:none;
+}
 /* Media Queries ========================================= */
 
 @media screen 
@@ -326,8 +328,23 @@ and (max-device-width : 568px) {
 		text-transform:uppercase;
 		font-size:14px;
 	}
+	svg {
+		display:none;
+	}
 	#horizon {
-		
+		position:fixed;
+		bottom: 0px;
+		z-index:300;
+		display:none;
+	}
+	#bmlcount {
+		font-size:26px;
+	}
+	p.mobile {
+		display:block;
+		font-family: 'Great Vibes', cursive;
+		font-size:21px;
+		margin:30px 0 0;
 	}
 	#gform {
 		width:100%;