diff --git a/website/src/css/essential-above-the-fold.sass b/website/src/css/essential-above-the-fold.sass
index f41b3cc..e95beee 100644
--- a/website/src/css/essential-above-the-fold.sass
+++ b/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
diff --git a/website/src/index.pug b/website/src/index.pug
index ed3bb83..e8703be 100644
--- a/website/src/index.pug
+++ b/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.
It seems so far yet so close.
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
- 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#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.
+ section#story
+ 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.
+ //- 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#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 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 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 asked silly questions like wen mainnet and wen moon.
include pug/_footer.pug
\ No newline at end of file
diff --git a/website/src/pug/_footer.pug b/website/src/pug/_footer.pug
index f263c4c..fb59f64 100644
--- a/website/src/pug/_footer.pug
+++ b/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" ).