diff --git a/website/src/assets/adam-miller-dBaz0xhCkPY-unsplash-cropped.jpg b/website/src/assets/adam-miller-dBaz0xhCkPY-unsplash-cropped.jpg deleted file mode 100644 index e888bb0..0000000 Binary files a/website/src/assets/adam-miller-dBaz0xhCkPY-unsplash-cropped.jpg and /dev/null differ diff --git a/website/src/assets/adam-miller-dBaz0xhCkPY-unsplash.jpg b/website/src/assets/adam-miller-dBaz0xhCkPY-unsplash.jpg deleted file mode 100644 index d812d7b..0000000 Binary files a/website/src/assets/adam-miller-dBaz0xhCkPY-unsplash.jpg and /dev/null differ diff --git a/website/src/assets/draft-rocketeer.png b/website/src/assets/draft-rocketeer.png new file mode 100644 index 0000000..cd94500 Binary files /dev/null and b/website/src/assets/draft-rocketeer.png differ diff --git a/website/src/assets/mike-kiev-Opzk_hvwO9Q-unsplash.jpg b/website/src/assets/mike-kiev-Opzk_hvwO9Q-unsplash.jpg deleted file mode 100644 index 14f2ed5..0000000 Binary files a/website/src/assets/mike-kiev-Opzk_hvwO9Q-unsplash.jpg and /dev/null differ diff --git a/website/src/css/essential-above-the-fold.sass b/website/src/css/essential-above-the-fold.sass index df2c530..18f5309 100644 --- a/website/src/css/essential-above-the-fold.sass +++ b/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 \ No newline at end of file diff --git a/website/src/css/styles.sass b/website/src/css/styles.sass index e69de29..843a963 100644 --- a/website/src/css/styles.sass +++ b/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 \ No newline at end of file diff --git a/website/src/index.pug b/website/src/index.pug index 04d4f3d..3db53b4 100644 --- a/website/src/index.pug +++ b/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.