From 60b62ab144fe5412f55e44c1a1bc1fa30f28036f Mon Sep 17 00:00:00 2001 From: tarafanlin <35607644+tarafanlin@users.noreply.github.com> Date: Sat, 22 Aug 2020 18:21:24 -0700 Subject: [PATCH] first draft of landing page --- components/core/NewWebsitePrototypeFooter.js | 68 +- components/core/NewWebsitePrototypeHeader.js | 27 +- pages/_/test_mark/tara-test-new-index.js | 911 ++++++++---------- pages/index.js | 35 +- public/static/{media => landing}/code.jpg | Bin public/static/landing/decentralized.png | Bin 0 -> 68609 bytes .../static/landing/file-storage-network.jpg | Bin 0 -> 285984 bytes .../static/landing/file-storage-network.png | Bin 0 -> 557146 bytes public/static/{media => landing}/image.jpg | Bin public/static/landing/privacy.jpg | Bin 0 -> 285984 bytes public/static/{ => landing}/privacy.png | Bin .../static/{media => landing}/slate-share.gif | Bin .../{media => landing}/slate-views-blog.png | Bin .../{media => landing}/slate-views-book.png | Bin .../{media => landing}/slate-views-canvas.png | Bin .../slate-views-moodboard.png | Bin .../slate-views-presentation.png | Bin public/static/{media => landing}/sound.jpg | Bin public/static/{media => landing}/text.jpg | Bin public/static/{media => landing}/url.jpg | Bin public/static/privacy.jpg | Bin 53082 -> 0 bytes public/static/privacy.svg | 159 --- 22 files changed, 500 insertions(+), 700 deletions(-) rename public/static/{media => landing}/code.jpg (100%) create mode 100644 public/static/landing/decentralized.png create mode 100644 public/static/landing/file-storage-network.jpg create mode 100644 public/static/landing/file-storage-network.png rename public/static/{media => landing}/image.jpg (100%) create mode 100644 public/static/landing/privacy.jpg rename public/static/{ => landing}/privacy.png (100%) rename public/static/{media => landing}/slate-share.gif (100%) rename public/static/{media => landing}/slate-views-blog.png (100%) rename public/static/{media => landing}/slate-views-book.png (100%) rename public/static/{media => landing}/slate-views-canvas.png (100%) rename public/static/{media => landing}/slate-views-moodboard.png (100%) rename public/static/{media => landing}/slate-views-presentation.png (100%) rename public/static/{media => landing}/sound.jpg (100%) rename public/static/{media => landing}/text.jpg (100%) rename public/static/{media => landing}/url.jpg (100%) delete mode 100644 public/static/privacy.jpg delete mode 100644 public/static/privacy.svg diff --git a/components/core/NewWebsitePrototypeFooter.js b/components/core/NewWebsitePrototypeFooter.js index d801a117..cbaa33e8 100644 --- a/components/core/NewWebsitePrototypeFooter.js +++ b/components/core/NewWebsitePrototypeFooter.js @@ -12,7 +12,7 @@ const STYLES_CONTAINER = css` display: flex; align-items: top; justify-content: top; - padding: 48px 24px; + padding: 48px 88px; background-color: ${Constants.system.black}; @media (max-width: ${Constants.sizes.mobile}px) { @@ -40,14 +40,14 @@ const STYLES_LINK = css` const STYLES_LEFT = css` flex-shrink: 0; font-size: 1rem; - color: ${Constants.system.white}; + color: ${Constants.system.white}; `; const STYLES_SLATE = css` flex-shrink: 0; padding: 0px 0px 8px 0px; font-size: 1rem; - color: ${Constants.system.white}; + color: ${Constants.system.white}; `; const STYLES_TRADEMARK = css` @@ -58,14 +58,14 @@ const STYLES_TRADEMARK = css` const transition = { loop: Infinity, ease: "easeInOut", - duration: 4 -} + duration: 4, +}; const STYLES_CREDIT = css` flex-shrink: 0; padding: 8px 0px 8px 0px; font-size: 12px; - color: ${Constants.system.white}; + color: ${Constants.system.white}; `; const STYLES_RIGHT = css` @@ -76,9 +76,9 @@ const STYLES_RIGHT = css` align-items: top; justify-content: flex-end; position: absolute; - right: 24px; + right: 88px; - color: ${Constants.system.gray}; + color: ${Constants.system.darkGray}; @media (max-width: ${Constants.sizes.mobile}px) { position: absolute; @@ -93,15 +93,20 @@ export default (props) => { return (
Upload Your File
+Slate securely stores your file
+ -Share!
+ + +- Store your files, turn them into collections, and share them with the world — with{" "} - + Store your files, turn them into collections, and share them + with the world — with{" "} + Filecoin & Slate . @@ -164,15 +177,21 @@ export default class IndexPage extends React.Component { {this.state.available ? (
P05%8W_q{E+_z_Fu$%q}qER@TE~NO`QnZNp*w#SD8JnVg_0^;uOZQAu}@p
zLdhX;lfR$z=>!Bz_I(OV5IVr#q*vbMnx5EQFwl-
z(L-tjYT!``H&yhi!sN%&V3_cTzI6zH>9j!WhO{IwVKUXF@{J62o41Clc^&vQS@y%y
z=tDQ+`WtCdHhKel8?hSl8>I8B3%VKxV&d4E#|kBSoBi*-D#55jm;7d4iiN%lNg}Lb
z92GGR^~KS0{b_s47nrxkuss*cG#Km*v$T*IN`tbcYu14Tsf>c`80Lg3ZB0|m-1^u+
zVeC5mQXRP5KbpthC4hy45IDTu*TQ%kmV^CLywj$2Uo0DX=kvJk$W|u^Wi%Ave%7tc
zX|e5!ZE1Y@ZDL+b6QlB)Tt^mJg#ts5HH+HIlK85BhPq651?N)cfSVXCbPSjq^MlL;##v)cp$>e=`U0i+=q0Akj;N5tvZO1$ju%>1kbgCQ+60CZh2bUz0O%pnq`i
zmhT$&2M&sP%@xcMI}?V;KcSA22)`H_&5~f`-dF~Xn%Z@vZQ#eiUx#?X6Qh=-4)Rks
zUqtjX(Aq6H#+%`ZExqb?Zjfrk)uoe;BEn@72gJc*kCYi~Q4^nhs)Na~E;>+Rjg)r|
zvk{wqF{sQ4pSgA)4jFJD`zVoxKXlr1C3S&7NB7=6WefCU{~^W(Fn$${Tzd;6#vpMT
z68b-c+6edgja48*h+IV-Az!`%i8~D{PW5v#r3vjnFlCJ{%9%zU=Zv{Ra@@T8+O
z@a-ibui2F*JHbBjwOL(JBY{QP6iVq&bd39k1}2yw=-8o~n1W=a$j=pYR@_ZN>q<1_
zlE
YmK7H5@qHdj^muElAk*43|DlIhh*|*IhMWPlCDZ^_FCNry9I`_B-*s1
zM1!C4JEn_c=ush;qql>7S;_S2%&DtH{=+QaG;@Wujf=eh-QxlCh1!1z7{~3QOv9X$
z`hVAq8OGor6}q)C@{O6c1`K4{F}|Oees2c;PKImU_H@c+q=8^(
zd^nYZsK;ky4>F5Ez)8lzA=VQ?`B4cn&H{-e*1EmOc%qfrb;Bq|I9`2k{gxi0bSrMHt4s)A><6LotsJ3
zv}Qkd#Xv~oyRql`d*xe+{EXozR8ng9Wmf>%m_Yhj+7sJN4!oq9x@8}_($&mSQu0{D
z7%iO3U&HUX_g}S-|Lp2>W6o2BL