Updated Schedule section

- Added poster and register button to homepage
- Updated poster

Author: ajitzero

assets/poster/rh2.png

@@ -75,7 +75,7 @@
 
 		<div id="Home" class="container-fluid">
 			<div class="row">
-				<div class="intro-content col-sm-10 offset-sm-1 col-md-6 offset-md-3 d-flex justify-content-center align-items-center flex-column">
+				<div class="intro-content col-md-5 col-md-1 col-sm-10 offset-sm-1 d-flex justify-content-center align-items-center flex-column">
 					<div>
 						<img id="landing-logo" src="./assets/brand/main-logo-sq.png" alt="CSI Logo">
 					</div>
@@ -91,6 +91,11 @@ <h3>We are a team of students in GITAM that aim to promote coding as being fun,
 						</p>
 					</div>
 				</div>
+
+				<div class="poster-panel col-md-6 col-sm-10 d-flex justify-content-center align-items-center flex-column">
+					<img style="background: #cdeae7" class="poster" src="assets/poster/rh2.png" alt="Rookie Hour #2 Poster">
+					<a href="https://bit.ly/rh2-ch" class="btn btn-success m-4" target="_blank">Register Now!</a>
+				</div>
 			</div>
 		</div>
 

index.html

@@ -26,7 +26,7 @@ body
 	from
 		background-position: 0 0
 	to
-		background-position: -1000px 0px
+		background-position: -1000px 0
 
 @-webkit-keyframes backgroundScroll
 	from
@@ -44,9 +44,9 @@ h1, h2, h3, h4, h5, h6
 
 #Home
 	-webkit-animation-fill-mode: forwards
-	-webkit-animation: backgroundScroll 30s ease-in-out infinite
+	-webkit-animation: backgroundScroll 15s ease infinite
 	animation-fill-mode: forwards
-	animation: backgroundScroll 30s ease-in-out infinite
+	animation: backgroundScroll 15s ease infinite
 	background-attachment: fixed
 	background-color: $primary-dark
 	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%23490775' stroke-width='1'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%23630063'%3E%3Ccircle cx='769' cy='229' r='5'/%3E%3Ccircle cx='539' cy='269' r='5'/%3E%3Ccircle cx='603' cy='493' r='5'/%3E%3Ccircle cx='731' cy='737' r='5'/%3E%3Ccircle cx='520' cy='660' r='5'/%3E%3Ccircle cx='309' cy='538' r='5'/%3E%3Ccircle cx='295' cy='764' r='5'/%3E%3Ccircle cx='40' cy='599' r='5'/%3E%3Ccircle cx='102' cy='382' r='5'/%3E%3Ccircle cx='127' cy='80' r='5'/%3E%3Ccircle cx='370' cy='105' r='5'/%3E%3Ccircle cx='578' cy='42' r='5'/%3E%3Ccircle cx='237' cy='261' r='5'/%3E%3Ccircle cx='390' cy='382' r='5'/%3E%3C/g%3E%3C/svg%3E")
@@ -63,10 +63,24 @@ h1, h2, h3, h4, h5, h6
 
 .intro-content
 	min-height: 100vh
-	padding: 3rem
+	padding: 3rem auto 1rem
 	& > div:first-child
 		margin-top: 5rem
 
+.poster-panel
+	min-height: 100vh
+	padding: 1rem auto 6rem
+	& > .poster
+		margin-top: 5rem
+	@media( #{$bp-sm})
+		min-height: 75vh
+	.btn
+		background: rgba(#8c52ff, .8)
+		color: #FFF
+		border: none
+		&:hover
+			background: rgba(#8c52ff, 1)
+
 #landing-logo
 	box-shadow: 0 0 100px rgba($off-light, 0.5)
 	max-width: 150px

sass/style.sass

@@ -77,14 +77,14 @@
 			<div class="row">
 				<div class="col-10 offset-1">
 					<h1>Schedule</h1>
-					<h3 class="text-md-center"><u>Up next:</u> Code Hackathon Week 7 on 9<sup>th</sup> February, 2019 <a href="https://bit.ly/w7-ch" class="btn btn-success" target="_blank">Register Now!</a></h3>
+					<h3 class="text-md-center"><u>Up next:</u> Rookie Hour 2 on 16<sup>th</sup> February, 2019 <a href="https://bit.ly/rh2-ch" class="btn btn-success" target="_blank">Register Now!</a></h3>
                 </div>
 				</div>
 			</div>
 		</div>
 
 		<!-- Current week's Poster -->
-		<img class="poster" src="assets/poster/w7.png" alt="Code Hackathon #7 Poster">
+		<img class="poster" src="assets/poster/rh2.png" alt="Rookie Hour 2 Poster">
 
 		<div id="suggestion-grid" class="container">
 			<div class="row">