Use draft rocketeer for website

website/src/css/essential-above-the-fold.sass

@@ -34,13 +34,6 @@ main
 	flex-direction: column
 
 
-#footer 
-	// make the copyright notics less in your face
-	text-align: center
-	padding: 10px
-	opacity: 0.6
-	font-size: 13px
-
 a.button
 	padding: 1rem
 	text-decoration: none
@@ -59,9 +52,7 @@ a.button
 	flex-wrap: wrap	
 	justify-content: center
 
-.sidenote
+
-	margin-top: 2rem
-	font-style: italic
 
 // ///////////////////////////////
 // Index page
@@ -116,6 +107,7 @@ a.button
 	
 		h1, h2
 			background: rgba( 0,0,0,.9 )
+			box-shadow: 0px 0 20px 2px rgba( 0, 0, 0, .7)
 			color: white
 			padding: 1rem
 			text-align: center
@@ -134,46 +126,7 @@ a.button
 			border-left: 5px solid black
 			padding-left: 1.5rem
 			margin-bottom: 4rem
+		.circle
+			width: 200px
+			height: 200px
 
-	#about
-		h2
-			margin-top: 3rem
-
-	.usps
-		flex-direction: row
-		flex-wrap: wrap
-		width: 100%
-		justify-content: space-evenly	
-		.usp
-			width: 300px
-			max-width: 100%
-			padding: 1rem
-			text-align: center
-			img
-				height: 200px
-				width: 200px
-			p
-				&:first-child
-					font-size: 4rem
-					margin: 0
-				&:nth-child( 2 )
-					font-size: 1.2rem
-
-		#ctabuttons
-			margin-top: 4rem
-			width: 100%
-			text-align: center
-			
-
-	#cta
-		a
-			background: black
-			color: white
-			padding: 1rem
-			text-decoration: none
-
-	#community
-		.button
-			margin-top: 4rem
-		p
-			margin: 4rem

website/src/css/styles.sass

@@ -0,0 +1,57 @@
+#index
+
+	#about
+	h2
+		margin-top: 3rem
+
+	.usps
+		flex-direction: row
+		flex-wrap: wrap
+		width: 100%
+		justify-content: space-evenly	
+		.usp
+			width: 300px
+			max-width: 100%
+			padding: 1rem
+			text-align: center
+			img
+				height: 200px
+				width: 200px
+			p
+				&:first-child
+					font-size: 4rem
+					margin: 0
+				&:nth-child( 2 )
+					font-size: 1.2rem
+
+		#ctabuttons
+			margin-top: 4rem
+			width: 100%
+			text-align: center
+
+	#credits
+		.sidenote
+			margin-top: 2rem
+			font-style: italic
+			
+
+	#cta
+		a
+			background: black
+			color: white
+			padding: 1rem
+			text-decoration: none
+
+	#community
+		.button
+			margin-top: 4rem
+		p
+			margin: 4rem
+
+#footer 
+	// make the copyright notics less in your face
+	text-align: center
+	padding: 10px
+	opacity: 0.6
+	font-size: 13px
+	margin-top: 5rem

website/src/index.pug

@@ -29,8 +29,9 @@ html( lang=content.lang )
 					| Their sole thought is wen.
 				
 				//- p Launching Soon™️
-				+rimg.stretch( src=site.system.url+'/assets/mike-kiev-Opzk_hvwO9Q-unsplash.jpg' )
+				+rimg.stretch( src=site.system.url+'/assets/draft-rocketeer.png' )
 			section#story
+				+cimg.circle( size=200 src=site.system.url+'/assets/draft-rocketeer.png' )
 				p Until minted, each Rocketeer exists in a superposition of 10,000,000 possible identities. They are each unique, but share a foundational desire to reach the moon.
 				div.row
 					a( target='_blank' href='' ).button Mint now
@@ -49,32 +50,12 @@ html( lang=content.lang )
 				p The attributes have weighted probabilities. Upon mint a random number generator probablistically determines the attributes.
 
 				h2 What inspired the Rocketeer NFT?
-				p The undying patience and excited optimism of the Rocketpool community.
+				p The undying patience and excited optimism of the Rocketpool and ETH2 staking communites.
 
 				h2 What media are available for the Rocketeers?
 				p Each Rocketeer have a scalable vector file so you can use the art on any size medium. Opensea automatically offers these as PNG for easy use online.
 
 
-			//- section#usps
-			//- 	div.usp
-			//- 		p 🕶
-			//- 		p Unique visors & helmets
-			//- 	div.usp
-			//- 		p 👔
-			//- 		p Unique suits
-			//- 	div.usp
-			//- 		p 🏔
-			//- 		p Unique backdrops
-			//- 	div#ctabuttons
-			//- 		//- a( href='/' ) Mint now
-			//- 		//- a( href='/' ) View on Opensea
-			//- 		p Launching Soon™️
-
-			//- section#cta
-			//- 	+cimg.circle#compressed( size=200 src=site.system.url+'/assets/adam-miller-dBaz0xhCkPY-unsplash-cropped.jpg' )
-			//- 	a( href='/' ) Mint now
-			//- 	//- p Launching Soon™️
-
 			section#community
 				h1 Community
 				p Join us for questions, conversations, and suggestions.
@@ -87,13 +68,13 @@ html( lang=content.lang )
 
 				div.row.usps
 					div.usp
-						+cimg.circle( size=200 src=site.system.url+'/assets/adam-miller-dBaz0xhCkPY-unsplash-cropped.jpg' )
+						+cimg.circle( size=200 src=site.system.url+'/assets/draft-rocketeer.png' )
 						p NFT design components by unvetica.eth and team.
 					div.usp
-						+cimg.circle( size=200 src=site.system.url+'/assets/adam-miller-dBaz0xhCkPY-unsplash-cropped.jpg' )
+						+cimg.circle( size=200 src=site.system.url+'/assets/draft-rocketeer.png' )
 						p Contract, frontend and API code by mentor.eth.
 					div.usp
-						+cimg.circle( size=200 src=site.system.url+'/assets/adam-miller-dBaz0xhCkPY-unsplash-cropped.jpg' )
+						+cimg.circle( size=200 src=site.system.url+'/assets/draft-rocketeer.png' )
 						p Logistical support by Discord users LookingForOwls and colfax.
 				p.sidenote Website media: Photos taken by Mike Kiev and Adam Miller. Illustrations by Katerina Limpitsouni.