More narrative

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

@@ -54,11 +54,21 @@ main
 		justify-content: center
 		width: 100%
 		min-height: 300px
-		padding: 1rem
+		padding: 4rem 1rem
 
-		margin: 3rem 0
+		margin: 2rem 0
+		text-align: center
+		p
+			max-width: 400px
+			text-align: center
+		&:nth-child(2n+1)
+			background: rgba( 0,0,0, .05 )
 		&:first-child
+			text-align: left
+			padding: 0
 			margin-top: 0
+			max-width: 100%
+
 		
 
 	.stretch
@@ -85,6 +95,18 @@ main
 			color: white
 			padding: 1rem
 			text-align: center
+		h2
+			font-family: monospace, serif
+			line-height: 2rem
+
+	#story
+		p
+			width: 500px
+			max-width: 100%
+			text-align: left
+			font-size: 1.5rem
+			border-left: 5px solid black
+			padding-left: 1.5rem
 
 	#usps
 		flex-direction: row
@@ -116,12 +138,6 @@ main
 					border: 2px solid black
 					color: black
 
-	#credits, #about
-		background: rgba( 0,0,0, .05 )
-		text-align: center
-		p
-			max-width: 400px
-
 	#cta
 		#compressed
 			height: 200px

website/src/index.pug

@@ -5,7 +5,7 @@
 //- This is pace-specific metadata
 -
 	const page = {
-		title: 'Home', desc: 'Live demo of the Hi Pew high performance static website boilerplate.', url: '/',
+		title: 'Rocketeer NFT', desc: 'Mint your Rocketeer NFT', url: '/',
 		published: '2020-02-11', featuredimg: '/assets/mike-kiev-Opzk_hvwO9Q-unsplash.jpg'
 	}
 //- This is a file with helpers
@@ -24,38 +24,41 @@ html( lang=content.lang )
 		main
 			section#hero
 				h1 Rocketeer NFT
-				//- h2 10,000,000 possible combinations, 0 price.
+				h2 A Rocketeer views the moon.<br/>It seems so far yet so close.<br/>The only thought is wen.
 				//- a( target='_blank' href='' ) Mint now
 				p Launching Soon™️
 				+rimg.stretch( src=site.system.url+'/assets/mike-kiev-Opzk_hvwO9Q-unsplash.jpg' )
-			section#usps
+			section#story
-				div.usp
+				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.
-					p 🕶
+			//- section#usps
-					p Unique visors & helmets
+			//- 	div.usp
-				div.usp
+			//- 		p 🕶
-					p 👔
+			//- 		p Unique visors & helmets
-					p Unique suits
+			//- 	div.usp
-				div.usp
+			//- 		p 👔
-					p 🏔
+			//- 		p Unique suits
-					p Unique backdrops
+			//- 	div.usp
-				div#ctabuttons
+			//- 		p 🏔
-					//- a( href='/' ) Mint now
+			//- 		p Unique backdrops
-					//- a( href='/' ) View on Opensea
+			//- 	div#ctabuttons
-					p Launching Soon™️
+			//- 		//- a( href='/' ) Mint now
-
+			//- 		//- a( href='/' ) View on Opensea
-			section#credits
+			//- 		p Launching Soon™️
-				h1 Acknowledgements
-				p Designs by unvetica.eth, code by mentor.eth, logistical support from colfax and LookingForOwls.
-				p Photos taken by Mike Kiev and Adam Miller.
 
 			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#credits
+				h1 Acknowledgements
+				p Designs by unvetica.eth, code by mentor.eth, logistical support from colfax and LookingForOwls.
+				p Photos taken by Mike Kiev and Adam Miller. Illustrations by Katerina Limpitsouni.
+
+
 			section#about
 				h1 About this project
-				p This is a Rocketpool community led initiative. There is no grand idea behind it, other than to create avatar-worthy Rocketeer images for the Rocketpool Discord members.
+				p This is a Rocketpool community led initiative to fill the void between the present and mainnet.
-				p We all hope to look back 10 years from now at our Rocketeers and remember the days when we were still wondering wen mainnet.
+				p We all hope to look back 10 years from now at our Rocketeers and remember the days when we asked silly questions like wen mainnet and wen moon.
 
 		include pug/_footer.pug

website/src/pug/_footer.pug

@@ -1,5 +1,5 @@
 footer#footer
-	div © Copyright #{site.system.year} #{site.author.firstname} #{site.author.lastname}
+	//- div © Copyright #{site.system.year} #{site.author.firstname} #{site.author.lastname}
 	div( style='margin-top: 20px' ) Made with 
 		a( href='https://github.com/actuallymentor/hi-pew/' ) hi-pew
 script( type="application/ld+json" ).