From bba314a63db3ee8d23c1ce3fddd93c15fa09d923 Mon Sep 17 00:00:00 2001 From: Lucy <12953208+elvece@users.noreply.github.com> Date: Fri, 11 Aug 2023 14:17:27 -0400 Subject: [PATCH] Update/trademark (#27) * add animated background to hero * remove community tech job * update some styling, fix lines, logo for trademarks * cleanup --- src/_data/jobs.json | 19 ------- src/_includes/components/footer.njk | 2 +- src/_includes/components/header.njk | 2 +- src/_includes/components/landing/hero.njk | 2 - .../components/landing/infographics.njk | 2 +- .../components/landing/powered-by.njk | 7 ++- src/_includes/svgs/{logo.svg => workmark.svg} | 0 src/assets/images/logomark.png | Bin 0 -> 18304 bytes .../{startOS.png => startos-screens.png} | Bin src/assets/js/appearance-animation.js | 22 ++++---- src/assets/js/header.js | 4 +- src/assets/js/hero.js | 18 +++--- src/assets/styles/bitcoin.scss | 2 +- src/assets/styles/landing.scss | 42 ++++++++++++-- src/assets/styles/main.scss | 2 +- src/assets/styles/powered-by.scss | 53 +++++------------- 16 files changed, 81 insertions(+), 96 deletions(-) rename src/_includes/svgs/{logo.svg => workmark.svg} (100%) create mode 100644 src/assets/images/logomark.png rename src/assets/images/{startOS.png => startos-screens.png} (100%) diff --git a/src/_data/jobs.json b/src/_data/jobs.json index a67ea27..7cbca56 100644 --- a/src/_data/jobs.json +++ b/src/_data/jobs.json @@ -20,24 +20,5 @@ "Team retreats!" ], "how": "Email us at jobs@start9.com with your resume and any other information you think we should know about you." - }, - { - "title": "Community Support Tech", - "blurb": "We take support and education extremely seriously at Start9. We need motivated and passionate individuals to help us scale our highly-rated community support team.", - "description": ["We are accepting applicants to the first training program beginning July 1. If accepted, this mandatory training which will teach you to be a StartOS expert as well as an empathetic first responder. During slow support days, there will be opportunities to assist with beta testing, quality assurance, and more. This program will be constantly expanding, with application periods occurring approximately once per year."], - "requirements": [ - "A passion for Freedom-principled technologies", - "Basic computing skills", - "Empathy and patience", - "Bonus: Linux, sysadmin, or devops experience" - ], - "benefits": [ - "Certification training program", - "Complimentary Start9 Server Lite", - "Badge in community channels", - "Contracted shift-based position", - "Paid in Bitcoin at a rate of $21 / hr USD" - ], - "how": "Email us at apply@start9.com." } ] diff --git a/src/_includes/components/footer.njk b/src/_includes/components/footer.njk index e8536dd..ec9096b 100644 --- a/src/_includes/components/footer.njk +++ b/src/_includes/components/footer.njk @@ -13,7 +13,7 @@
- {% include "svgs/logo.svg" %} + {% include "svgs/workmark.svg" %}
{{ site.footer.copyright }}
{% include "svgs/tor.svg" %} diff --git a/src/_includes/components/header.njk b/src/_includes/components/header.njk index b11ff27..37324a8 100644 --- a/src/_includes/components/header.njk +++ b/src/_includes/components/header.njk @@ -1,7 +1,7 @@
-

Sovereign computing

+

Sovereign computing

When you run a private server, you are in control. You don't rely on others to process or store your data.

In the sovereign computing paradigm, concerns over privacy, censorship, hacks, and fees practically disappear.

diff --git a/src/_includes/components/landing/powered-by.njk b/src/_includes/components/landing/powered-by.njk index 10e0a7a..73b775f 100644 --- a/src/_includes/components/landing/powered-by.njk +++ b/src/_includes/components/landing/powered-by.njk @@ -1,5 +1,6 @@
-

Powered by StartOS

+ +

Powered by StartOS

Just as Windows and macOS made it possible for anyone to own a personal computer, StartOS makes it possible for anyone to own a personal server.

StartOS facilitates the entire process of discovering, installing, configuring, and using any variety of open-source software from anywhere in the world without trusting anyone.

@@ -10,8 +11,8 @@ {# {% include "svgs/stack.svg" %}

{% include "svgs/stack.svg" %}
#}
- screenshots of StartOS UI - + screenshots of StartOS UI +
\ No newline at end of file diff --git a/src/_includes/svgs/logo.svg b/src/_includes/svgs/workmark.svg similarity index 100% rename from src/_includes/svgs/logo.svg rename to src/_includes/svgs/workmark.svg diff --git a/src/assets/images/logomark.png b/src/assets/images/logomark.png new file mode 100644 index 0000000000000000000000000000000000000000..c93847e45a677f864f425174a19051fa60c02861 GIT binary patch literal 18304 zcmafacQjnz7w^pIqvp%#QG+phqD2OyC+c8`UZX@8L}x@NB7$fMqmNOO5Yb!IL_|*_ zMhk*O7oB(g-uwSq%d*^i?z!jgv-f9zb~%Y?eJxrjI}`*0(cZhOZUh2B&{w~dn(^uv49b1Q3S0#H8EL74YQAu;0soM?sOYJHKyOm1&+N%SAT8KE zbrnny`0wmx0H?`V-;TqV)58#1$d7Awe7Ho=wI~fz6loAYHU-NIQ74tYR+WGiglKYf z{t4A-CUN8++$%m+3h<6pUOoC2Gz@v)yt>vrY2pmL=l}mx7sSm9qCDH_=ib<#{UN?R z5_#b#4PxLyf#uDi%GMY5Ssk;NK@Apdb(~2ThaH#KFW5tW^&8KuczgZ4{7Jzb=5x8% zGP}7sKmF(OFpYtHo|6;~id4Wu+lJ;s;U|)@g{RzGkzaniqc`FD(8u&XLiwoa)LYoq zlNNLn!c-@D`$oV&h8O?9Ya^Wxf`$sB)_ESxo{W_H1h|8kV?kun2<~@()yA}L-#8wz zo(PN)3Qk}j-`cA^Fc4gh}#^mD9-|+z=`JX;Wm&JU zbbyYS-y*BZ=<~ZBtVmXo0{)WaZ*y<=(r7*BySW zco!>jj(Qk7Er?&fS}ssN3)s3i;&czab2o77BJ8C3STcOJiax^2lk-q>g?9Cl?`|PE zDLh8Q2Wrp#$jc9YGW+Q6k4W349i4p5x$iTD1f9zi?v)Pb#QLf1=!rfo4tQVuJm#ls zBw2~=p6y(u4!2zvCV{XzzVWvf)j)4%ec}E&l_$0i7#BS+-6BPXUBD&%BB5j9e(@!M zwPtKDpw8B|jXN8ExW1-?h&FX;P$z>35nc zD=Bb#pO@hww9lVkCbxeg1=@TXE0a@C=bfsG(tDc>tc>W?y~$(Xm;z6e-EQ{{tFTl zZ~CaA)H8)1#~?>~4F;TK^3T>ekYExC0QU$g6XHP+NJX24*wNCRLi6i zD0SZ%l3%~`@eP+Cpq;()HKEjnRE0;;dMBH?k^v*p6Xlppf&Y~?jG8z=CC06yno2oV1$5oAAerU-+NBB?+-prT)hcl2*T(mD`ZM83^c$*2r zbWx8ZF!uX*lF~gpv?vf+rtVNKXOC4Qh5y`Z^d8gO)^cxLujf{opDeQ^k<5uUq!i=c z+9~5As$#n%a)T=6$WHRGPb{|59lV(SQKG4*j--8`F!D?UJ>MnYlW-+5lZ8yE9>4#` znQyUS37A+^J!grlq%Cl@Tlyzl-v5cx&hOV=VUrqIOU5Ec0@vx!#RdN#bvdA*+xYdHRDjR|D&YarFL9+th&tXQO&{QD4HJ6S%zB8d5-$ zxR#a{??)ZRf6ba8qF=j`vY8+Mr44qTaCL=(3B1IujMP6Nl^i0Bp!#};q;@=cHI3fD zx&Gywp`LV#^8LR83shL{ncC@%ESs)-k+&_{Hn&FBlx9zg{%I6KCb5@*Gph}3c}?*w z_w+T~k0i)QY3dX~mL^f{u&>b&4KisWKY88vlPAIvw9S>$Y8{r&%^F<%!GRR7y?m@c zSC+i}1ChCUyKO-bGLNBss)&;yJR-$IWwuHC%pf2Z_jyl6dcy)gi7G}g;b!L6yQRMh zpmd$XUZs(?jVjgSs28UWPLycapd3{#a`Ky~e!4u?yfpMzo<+RRn3WAT1S7C}bDq5b zjaLA}%T^GIpAt4yu>@4F_m7=2Do|olrD0=J)2mZwA5#3hQP4?yx7^?Nx8NZ=HIsu$w}unR%l*fVGw1p39eTEE(coKywvpZlOA0j|bu=j+xci9(H)6wfn8c8=hl2{4V9Qijoz zBYBmXj<7vM{fvutS{0~Y(=T`9SaZWS3^>TZ!k~yj1I@q#B$y~NA|C3P6>dFl8E-y0 zWv8Ez6b%wEo$>cIrJH9p9uar!g9+lf|yr~@Q*ctk3>34yrbC|20*P8n=BK&o@JB)M9SMfIk4q6FE zdiqU1l$=-8PMsfM%%vc4HX1i$Q_Ub(M3b2?<$L*cjN5fyGp#fk%~7~G3FbfR8Km$frhf`7AQ6O~uR1amIH(1t-p zb5ufmjZ389buO)7ch;%BAUOI z?U+%AY~i8uT;g_2I+?uY#`#}m66p36d55jVcCaBZg9@3OU}lv|)3EoC6!KSa)WO44 z1XEI_y$w?)KG-lSw@W2Q&LgPEoRjgl7&!qA|8lBPESD83fUxGUWpf6ec940MHZJ;1 z*rU<1Rw;m)!~}l#S7BbeGyD&UpMqP*MZfaJPPDxdDW1yYzkDHIn~ZK8e`_Mf2mDtknK9qz&A$5Sk0*&oTQN=p!^<|{>tgWBuw9~6&jUP4uTzL` zb(`rR+3)j0VmZB)Xk^=^J-D=XFKhomML_xPX%&8;fNZ~AKL$EMI+k85@%m{*7el^e zrbzO}4^UdPHfBPK!n#I1ATHT3s`>fIk8Qc@qJsIdl1+afpK>RkcGeA>;H$x^!X+L? zW{DwHVR_0NAN0jhWb2Twp799YZP!lq-E{X~O3+Bgr0Ms(S(|OsQT?2)L*8_Y5K{cD z((Qex?d^}_WPv8^r9rl(7uQxbUnZH7D2mR| z))J{S^H-~n<5e6epd?KHr=?_Y?Q8>hkMJgU{P;~VIO<3?!GG?edvWbi!XnvI{%g2r z3;|YPohU=?<~I?}up($|!dQ4HqqKV4P;{X$Y3{&W&q(aJ-jOmhP5)!KfOp>ID5Cd; zy?SO%b?sOKOuVinvRqEWrZqt!f|mw?9+Cg%&IDZm{JhW@qS7GLa4rn8>ud7?wA0i?l;Pq=w50O7CwHj6O=tk?}o@kAvk@8Wq7b)Zp74%&r-gzRMlG>Cp zgmGe8isGk#=Gj|kQ>!e)Q|CV$zIw_j#!z6rd~Olfh>lWVsDBvtKuVHnEZxPO9~44P z#@Fm$dpQ(pEyfUO{2aPDcMV5J`bxT;-k=yv7CfhR@}uQ_-!GyjPyNpg1v8$D&zLh@ynmf~B8S3dem5A|rZ3CdhZT_@hwQWDbz}5% zD*xH-!0@i&2EiS(eV{b5eJaCPRhhFJ-6T3E_Su~V$`jEV6j%2}DKtsfHtHJtj@=i- zKse?#zphnKgs1OUdM9c+v<)-u)SBVhytg6Y`1HNxKJ#Ol^zujHa zz=*A;WN99s2Sf6Ft{;NWyo+c>NQpuQBA1P13wh9&NJ~#(OlsMdC^@+kUrZSPA3e35 zgN`pSIUKu^>-geRxowA!sXB^uwpQ3(4(AeZ)I~003Ci%XfvSXKTT>=DN1z99Shqu7 z`%(e-*wB%tC`Ht+gMsh6SEEuh?p^mThi0*xKcx0SvF2zWhv<%i1%_~xex6rNH=Q7$8!|&nwB4;ajUPwJlc~^wfq_Ixb|=N&PL99?^#=K)?P|US z4o$^mBg0}l@09?ZJ42Qqui4ZY2~j_}mh@;hD4$Yk^HSkD|H-vb?`7JJgA-#CL`Drq z!5~u+>iKDiw+EQnFluPLk3U9;nUueXNZJ~FHtQaRVDf23lDpJ{UixQDhhc}b0^7)* zpXO_lKnxE+fYa${3(m?zQ!wIKpbbOG@x@i4=Bq^-d%1Mzw6c`b?OVBh*HW5;&)!_B z$c%O3RSO-ua)$tGVk%t?lGUTYqqG7YxgyA8_&m5GZ{ApT`td^O;p7&DWb982mxEDL z#{u!g(B>T&VZgen=iPCSgR<8fa9YL(86Sc-BQfEWN6)Qa(iA`P7VRt9U6~tlzlmCI zOj14T8a<5ZL?VT|yL~>&EcDM3BIpRcc+<`J-FwTs5%~SB9g|P}i+bevS0Q&8KP^0T zM4<@1UH$v=%k1s80lG~TJiE~9%`Z)_85K9^r{BnjM-%n zOkHuyC>A$1?dlByQVkO-IfPMeOd-1M?m0S`#nU*K3LU(XeioNiE^=#&%6?f6b4SEm z{-8^>^+7g*iI7!OIKy+g8}`M*m|kF*6z~7;^!t9_t^B&EB0jlP<(yFX z@&vu$%hcW6VE98m6jcF!Zt*lhzFF--rgUnDMk{eyhlKt4;c`Xl?v&VY96<@Ck#n4J znomyR&>|aUoZHXMU!@vw45r0faCvUWCN@ZO5Kcg_65m&8WcVlRN8;B#ZTA%#K0tdz zSfqKawdB@XI2hfXd;=%J2)Sprd93`@Xp)7+c}wpH4b*QQuzs+rQB5hEY(#&rRzNK~ zbs0SsMTx~EM+>p7lv~~WImCGDxfaJj>aK;Etd%Dg`c^c%_zp(Js`|PIU-#e;rtm9` z@_+P_rL8CC?vvzro|Gld*+S+vs$Wg6#d=!ruSCPX*Z0wTdD-0kwFzMe6c89FCe%P+_8uxRPH6sb|`@{89yiX=wYoU?-v3+u9{qR6*elS z%R50PU_>Wn(Bs)c#Ifh(qL#G{Z|*xS$&pNU-A)Skw+~pw66-`Hy3LA=O&D=}m;zT$ zEzcO^dO6u!J1^`BXjkp#{B~I}+dRx@{nVwvblyp ziC%waSa7Fj^txMmyH_Y9{JT)L?e7mkBgEUg45*O8uTRh7D)-^FWg7?p7xe00uRSdb zU!suD*=}ajR`#Hza5suo_1pb2*yT@Xs_CYHAB0h|_Zt@b&xSce)7 zq+!-8JVMWfFPOR46{T?&jg*)X*HaP_lVH2(k&fG+Gw5X>z81+GpHB^Y3n{Hp8kK)$ zQEe(R_{(=EeZB4MW0k8zpvmSggeWAzVM=8k3uVK7R3s~gnW=$w^;$Pw>sVz4RVA1# zGF+-@1^;VeL0Dmj418ZFqQg~tLl_e#B;f7e0YpfTVZ5~dhQNFP0q>A{4{9(PzVYMl zV}j#5En)9}fU5Hm(5cig+{B%&kHQ@Cmd%fCO1EsxgB{zO;;!MKrAK}sXBduU{l^n3 z7!E^Q$2KX15wX7WV%>Nmo^H7#YkdTgoz6W@Z97JJ`#@P2`=4B=QMl?PCOKM6fA7fh z5zI{*+>r{{WJ-u*^Fr>zN_8w1daXk5`yEMOrPUZmWh3;F@GdpW;wV&d9j3t^fRnnx0fy>}Mpjp6^p*~$qMJi~M*5|udp9(esEW_YP( zwkC;!o`CM$hlsM%`C1QVQHij?$|SG`RA{_O$k7LFlV{x3tpw)Pq%4|vn>gqz5!?G0 z$JKc9*bg-&F!;_7W`Y4emk?}qn|g(FQJ{yH0tCrgZ2pe|?z9)=$qnf&{E3WkTAoz! zdF;q{4Ys;MY$1{&+_)l>gW8hmL6{h8JJZFrU%P4KL(q&r zaou@=_}A+u#96O$56-rPpes4lyE*c$r;)!Ed}P0O^ueaqmK`k|xvnkutf0De#{X}a z2TbSi`epcr9yZJLD`F?$z`*2IQwb#V)A!d@z<2+}v_&sYzZBxFQH`|#^hx8a3BmD@ zhYH<2$>?~(91?PKo6~n|-Y(NvobA1xI~-d952eZMU+N{v*#291N^Z9D2KT6qs>I!e zG1zxo_(~-WZr7O}*cIVX)_Hfu#?zz9@%it^8pg-IrKY^0fn{TeDHRrZH-aUFxp0{N zKruxX$DA>Wt;+pb5fN{XievM(IMr6<_3V`G=8)2FsrRK(!a}KX|438Fw7FXWWh<7j z8F*P3LT~Bi1hOb@uDOvum`n~|NS_v~r7wOA_|qxW-cgHL98}k!iKro!(`ts@-OXM9 zTgYtF(f77=WAz8=Bp{fxiS5zGN3^}}y=f$9?7H6J;(4rq2%0dsROP915L2uyJB0^* zLRY93-d=3Dr{Smh1|;CY#Z7}Z+ss<4Zk6gVAAg&Yc*K!;WjG5`Hlwc$Z=k4@L9Eu; z^(*5QY1RokVo(+X46hQyPn+~524NCqbbXHYsW|E{plmw9M`#JQGHC1++;$9p{MI53 zRI1R<_)iX$&ajzc^|^<_1a8OtV(D_fDbi%U@WDTj0M|vM6wUz|mQh%v%JwyT|2Wh= zmx7VrpbdsDf&_R%q*IF@cekY_haNFVu-U9i!BECwG)Yt$A@CeUlyIEo?cDxRERpo( z$u_UeO_>K4PV0bMmN^MVsePjgncHuuIQiuB{`Q-Ru6G>cVr&sWAX2X>?>^i! z{%7*ENd!GDh}x5P6Z**!oEOT%tkp);fMrMJ+{+!**-!n#ezl)d^PA$L$!^{^+*AE^ z;`Hj0Ala6i5+1v(-tVtIP^ZwdXXms(3~^-|XXUo+ZAY9w&Um^bPH*7gr;jG47|eYKuawZE;hg`2%!s5$PLQ4Wn= z`Q`3b*S*3;xUGX7+H+5$A9?VP(XG7s@t=hSN6DXzhffZUH$bj&u7Vly<=;2U{Y-En zjPq3N4aQ=0ruvJ|?zR#&{sn+OyE?MJYf%6EA5MKkDCmji0f1g9a`!Ja*%0Rf5CGK$ zE}q0uZQk-*NgE`=wEqqjdAf9GLcDhGca@|>^*Hh(a2=6x1#yPgmxd1<`Z!^DBB^}4 z+FxKEy>F7&Ux&0&1K8#4$lf+=w+qVrvT5QyM@x=D$k85}5*L{%3ivuE@8rhC3jtpq zx6SJP(w97)0h0y)Y0WFG1SwbHfZKbNE559kkH<18G}oNiiJMuSeG-QD-W zxe0c&Mh6;hR=Oky`r{AYH!uObQ|+F3Pj)`hrBZZ-5!8 zCEf2T|00}DivM|8BHztHgP(9~c%jSX;=6r3v0)9!gf}`^GJsEYn~2 zYlS^3>GF{UP<2K?696Y6$--zI^dr_*lTZLhtRHm_qEsgg%A?*|d9*jH1hj zjWbf0RFg(xbk1&<(jRZt19QWoVX{s(P4cMGOVU@Gt@1&VR-z+cjcBJb4o1Mn|E1hA zTW#=T$t!}CQW`XJs^Lu6dJG zHc{%t0dV%Xp(dcI9x`cZzpq^AFfG{mx&FKG|6C$9liC{zCB+svN_a(?tv?W-;q#BN z($bm9?#j_jc-3{6{hn(F9yJfH@>U4|SoA|K2~;aF7KjgCPQT6c8Xh&lsgp?OT*e@% zSSZGkHYn_YIL(y$Uu_nxsVvzSwnkBii+|Q9l1H=Hp(Bm;X!>eoWRb{4(za1zCEA)R z4UDPiYYQ?VgBM>?1+44wmNW@ebf+E|5h3X7m19KV@0#s@5vWat7mLj zKSeMh1b;_2z;YMx263>V*(SZ4&uqaXtuA6?pst_%JmfaM-6;_1_?(S1v9$qrISdq)AC1 ziZ1H%0EERLPFHq<0q+!~N6K5Vp(%QMG+l%g8m=@8Y0i&~{BW21`E;2St6OIX%e;Ja zX5j9c1uZy<{LutX4$Mq3&ENTA;Te$TAcf(Dzs^LlH5fNHwT?#h01lzTo}Bj8kYR0geCYN>&;_8u=qpzZ#VpksQ5rCq~GF>pq?9$K#Sy zC}1DtYZw1oVE+11@cnCC{4@-&J5JVhEcF~EF+z<3G-ZIOWLT@KzUVWxQ6xc`iuSfK zVeQYjNk)-25&;L#0m({Q*q1+ZQ&2!9I-^EOV!vY2`_oejE!GdjHDS;lVWmrh5LTtq zt8c~N7+wbXZl@Hw0bYX;NH1@6WJq343h!mdUWMuu&wsJT^mcg;n83|5XDK?8^qH}T z|24orn?@nHaKCp@57tQVa#6Eh{WF0nlyz~dKd>J(MJn$svuG)GbI?*E6q{`GR?I@@ zyNZM(m_EI*pZC?MO)-vt_#X~?3!mF>-1}s3iI%F4*xNIHpZue=g-SWyI8p&sO8=C_ z6y03$la1l|hu|w@st2H_P>QK3ha-)V zaP@E2z%7&)Y`XGNKTMJT&2H5@gxs}61caoRY zIUpH!hNnKhl9T2CJaq>u(c~X*0z&+(c?W??)NTR9lw@nB6!uk`Tx}fC-?iN!I-aCa z$es5PpyNQ=n;7h5*Yl^`iL&lN_JO!r^X50(AP?+%6%xXvYUo)v_xJJV2n))WG$fIU z?O&ENxbQ_mi<&pOS9YW#@eaHYOyLcBD2f4avo_wnMWe`PMvv^c^x_drd~9NPJU9u^ zkOc|D5*{FumW%5(q;Mgi&FX-6upUsRf@1F?k+9nCGWyX1`5~LCl!sf^cZ-Gu%0(Sg{F+^?P7QV(CK&t#szCS>TU-#hRB~xvtxxylke>^ zeOa_q$E&jG#PPnYiMm6L*yV(y#I0M~sQx^@vsU?sQmyU5k&I4URDWz0sx;9LM3pk-2%l_jr@^u>f-fjDJ~Df%R&oC5kGrY`s= zhhXq2T_m*b3cu>F<7Iwj115=*WR~ zQldL8TZ55gIqu`EG(qGW)>wJq(o6{BU2a_tXXOP-j`5nnHM5&ENT5%H0%Pz^I(3Ov zl#P55_}4t*?dBCb^-Tg?SSSheGZ5K>%E_d`B}xEq8A!m;y3_S>i*Epu%}b97^Z;f? z$$`rbN*=4xjqdG|H^*Li$GRXbGQ58w^J|*?XGUh%ql++VklXD&WU^%%Flch$H7;fe z2|6G;3kG~8_7%DdF@OPa=rf*Dq@6hm4+ryu%l4+o58DKNTH9Bg5qQvZ*4p}!c!Yw;z z0MKkXbxl}|e`NnF!6KL}eD?!B0;|{gh6HG!And^vv-`~ZXPPN};LY7N&8_tQJ0hvQ zUD?SYgLQL_wY1r$Ye-41Q|e+s7K zEw;-+;#{WGck3mMqr&UV>5rB{ufdF;E5 zP5MbP$tGD%lm--X@pr5$iGqmxdyov^qVNKLASx60WQyZ@yU+uQfyGo(EKnBc9rf|+ z*KuRd&YE!c%#QuCr5_YH4+TNBU*L zTxBgHeC(d(@5b#9za?W^EsEaldW}mt&QUjzY=R5`tU?))KGGgxiM*s)qSP?J>0d8eQ$0jEy#@48^cSY zbebB!t{`xM?R940qp05{pweuzUO36C?!5l-@dKbja?79Ct_B0_5QqqZEY{M?J-^5a z-EM#^Yll!aG{!RZNaudv+e#Nz1V zkces2qheS_{__x${H{g2`7l83H~`80uBw{x(`5bd4%oYI5pUjpONt;mAj|C|EV6G<>OUl@KYB;avE6nD#;Vv%XC|HaW2`U& z{j4o0+eG1gCZ=G_cq{I^L8l@x!oqu5@8x|#An`l+OGrf5-wT?yFEf<~8eZy*wu(hW z)J9U6;N##*{pDdh)ho~mk$m-+yyv%V^Spew?LhwkJ9&vImP#fLad_|nnSe81<5v11 zGx1i+3+Ov4$zaYP%gx~Hy6&&J323R&r2M}b^u5L=xK~Bc-kG43Pij*kDKs+JsklLv<)ytM`%*}RE6JA1`OXdw884~Rn}xrzCW;Y z{0XKILx2CnbJwsaj;nkHd=v@qm$E4y(^!do|2lJZc!`5#8*deBRPV`I1U0E84&^<# zoGlav5{r(l1~hs`2e(TiH|;?AutIGe7(u^ihb;Y1#~ta1*qg&rHY4)U|9-9b-V5;k zpGpOFq$ExDd&>RjjUgHL`IY;F(w$C zf*}Fj?JFc7wSMGPV|6nadviAIxw{&pI?2@8;BUeEhG0&EcA`Ky%4UzjI+iHy94wg+ zW`W?)F1&V%A@r!e5 zQtumblbpooJ4y$9v7xt)D+(@b6Mw2HXJ*Hg-gS+k(=I zp=8q`-Wz`a!L2TQjv-*zA$fkS%Gl7|D-x-#`Ey2L2Z~favN z{=viR!Bu`j`th3mpih?4el2Y}!!z;cn=+ZC_>Z-3bJgu&wawnI-B&a#C*>3du3P)LTRauQXU+ny1%wZJE8Wr;jQ-QdT(c>v&MA z#b&dkV-VVrGe4qmemkQVf+*wvXlo z^vvgf1VJI~Xt+g^zJC`aAiiW2o15cvOYU6(7E0P=dTJ%se=TEDhvl?c0*~1I}{sl?K-Yzi-7-q8D$9o8WT*{@~4O2%g{_3Sse1Sg}7j z|2QcW`A*?;k8c8KIm5|{fF5U*OZ5w*n1~hVfl;Evp$87=Y>?9r>I7;Rhwex6fL#ue zTHO5Hvwv$hyzN$skKcJWDg1!!W9%)l|78rZ3ZA;D@oPfp@ROFiFt`?s0A5qwTX1{* zkcJ$ma6F6%j-;j^Pi2(*p31yUynoG|@+!0SLZ)F#E-cT!+*@T>2aFOF7}?U}&2Qkb`DT3~J* z4LV=8mpef;3#oRYxS{Ll2+CzBVIf$atYUrgKDPZ1uQn7xZ>CUH7zd{8##oRsQ;^UO zj+ZUZkiN8uHM%_1s!?jH11jIJp#mi$>$9RT9UxnVQ&b_KlND1ww6qx04OcBzuhWZ4 zUZV9o5<7C9$<=o}sQqyoTyY=Mz%jjXphNPNsh~Gw>vBCuSFO1}%#HfL`FGR1E?cfq z8cN;C=varUt~5-kO#!_FD3{TxEm^D%T6*!b(y7e$H#CF#MU3(??6~}RSm2!P+yf$m zECtEao8WiD($!BCFGpkCnrh=~P)$~`FO*`p6*l%A(8N!HGs!KGxjiqD%DZ+1?A+go&Axvg}-<0 z*q&4c`VQx-{~D2VLhT1wc~|jGlHw^%;0CL@@JpSOwxG=RP$!5e9r;WCu@?)>m1w0n z&8Dp{WY9sa$_mJGD^w=;`G~?Id`l(7!O&9_U?X*shA(L>9Zm3OWi2QEy<2M>mAXLl z#{I$x7DE@>EMJ4P3(*ip{LVeHPA34{_?0OG1u+|nZSSEO%NYvUXfJpcr?m!9@4L;4 z?WNjX@w{aMzvMKQdp6S}pPOQWZw4*%m6#k<(KPJONd%WRzNBgZm1QZr@{6*06+uh6 zve(8|k6BDB5G0uAMw<>UYR5TEiG3^p`w+GKA6=}eb^tponOvecBQif3KU$iJ)II%C zdiWr`wLa-?^L9H++Z(|7+buw<11tVTFxhKZ++2})SPb;aKr@o-76o>wk3%h40W+Hv z0tSh(Z9bB44ZyVM&`-)r?@0kYH@Zqwoy?CjguH+V9rT+*WX|~Di49-(=xY;sV1Nk) z{_MtXLt?Pnu@P~Iktk`#Ni)x-6E~7R*Bt8TQ2n&1q7Aal@?uMkL)U{!D|l$d_t_Sx zmH*?|caR!9^+jm^FYnpqzMT{q+zB8GOyP_B71BTUT}c+iI}zm*kZc3MbDG|RA!a+y z_bP6^nf03f%=1eS2%VmL@n?`)&SjRnaTyqhMuR)=6mgPi)T(NH3s^lHsVp^p>ekQN zDv~7>UZvt<;mGC5gjznDloj+&!w78{=y`Nr& z1!r~AvwO@Fy%x}Y|57Mz4)I5qN3lWOY#M}vM7^Ym$E#}m9&~%SGVYj5gBBk$wBhnZ zdn#j~Si;JVCAWb+$mbP&!@3=Fzi`+2>6iNV)m*cGWjJt8L^;~CP74W^2QNmx*6Q&L z6Mt*zrG$i40Y%}Zknx$xZI;(uz7*O!rG zP)mmvH6No1xAw!ll-NP9c)q?^kZeOk44rR&sW}G0oQ8EC11(zjKP?Ut{fCzT(&$qI zu&$1JGK=ofS(`oZ5ShZzoITaUng5zfm&e^|We5fWS zE2Tz|%aZt^S^zW971+AgC=2?WdLS-q5xivdZ1W#8BMw6Q&3`oB<6qe=R*)6X*N`lI z|3yhNdmV-58B1O4qbPEZ<~qG)LV1}#_(B~3C1KGf=<@Ks>Gr#tgQy$>a}4&8A-RY1 zLhexJ@X}x($PUs3g%ut)+{Y9`$p@SRXWK>=AsD40YCrwFyrEiAO5Z*CmMxI3;FzS7 zNY#W?S!BNW!7n>s@X#?uK*_!7hzyoOZtd^L{0Mq-670icHS-w8c)?0^)7HbfSc?bP zA!7E5UTnWQTk}-jfRRooXobX-_TJm79ILA;6e!yu0g-W-O*pakOV}lhx~}eBEC8L|^vv8is|XQq z>9#MVXHWDyC|+!90^({~MobtmM_0|s9IA)Esx(}pimbd0F95p1NA{iy-{5B5JpS$v zoWe+bn6gH_UkY0}&BdrGj%yshC}#utQ9nuzoC%vtr$|Gpt|HFc!yeGnZ=bGzbEVe` z==i3Vx^8#G0hx%}@7*^!Q9YURzX5gwY*nu`$j|X+$tAH@jt>IopWTR%{YxN(9v@uF z#SwgC0y|F&Khh5O7Tn#n6yhC_Hb?RsV(F)1QlK?zB9w{!?d=~uB|jZvhL^k~K@3z^eT|q>U`2*S z703}%;S=eMiyWZIC$BfID+dHgxXP#i$3O#Oeqt_~hI!)4Q((W+`}OK&<5qk@*GMZ> z!yWN-;Ptz~@n1{4S1QUz%aTo+fQmUNq0n{X<1M_ZNdhPUQp>cgJ<;nlw|}|Uz=teN zuD>;kAOVz0{Y533m#~N_Tvx*?7;<@U`<^URzh0fXjIiZ!gaA4eoJL0udgCDqoTJF( zMZN9{Et=Xm=s&*eEx+sCq72#ZkT^eIjjK%_Mbd#H0V%}F?IQM~795VvKD!_eD!TXh zVl%|8DVMw&Ti(TMPcrZ#gZ6?>4o`@rXTQfQ1Ia;MLCZq39FgxqV{N+v^mze1D6xUZ zE$68Z<6J^|H%q}N^xDO5FhNc#@|GkSoSF7MmcKQY!GO!fAB_Eag_y%H78Dq8%&N#M zR?lEo2LxX@1PW^bip;%daGwya!+X*Jnh)oz2J*2mZm=605_wNt6L3tJ2aZxxE$CPR z2){gE!qymy%ta8Sm87KB*Ra#|q*|k)7@z=C z7|e;P23Gyg5qXcAoR|ullw5f14Q#}Om!lK|?g<}C1|gRkc-8rX{h?ugv(=(n>1K>N z){SX+3FMPQxnUi4yN&k-1QQL^cdY%V%esE~g7gxAHcVYoJbCGQI^hstuOPidps#cX zIN6pVesq-*qxhNu=>9btFhOeVX!8ef0Xqn%a4(De_xfrw$CzU3t3ia6wW*e$?5e;j z)Xl?h0?U%t2KqB4uNH8Zpfsp?#YJ$wgewtWEwx*VCEF_?c@E=617a`5tCq$u(uQs? z@}U}v<pJP1p#?KfwStw-Ur~%7DM?D(1HstH(Ep{p*x2Kx zROK3_qxooV&ydEo_LDcfNCcX8z2qb=HGgkLbJOl>`YGaprSEHK0n+c?BU=|fI!c>yUEPs8ZP)LAT<~B1 zx+>O9YxH3Q5T16DL}u?teD$|I>(-|PRjAbWx5|CY?e7C#$ zrWU)0bFkca9|&Xy2u>~RD0kTXfhRR^5FcN5L@c>|D1DsA*BVR#9MdOgczeXj?e4lo zagcyO(rJxwxr|E>MlseenL;-2$Ru0*FL&jp!Wvy%yytq(y0%{;}>D<#B50&hTi4B7=ot+Kesw{J+G1yeX0kv%yFzy!=^NK4ob(fsP890jFu!|@6es=ls zBIF>r zEG5vx?#LHyRJToEcpGC+zG2y};TVjR+E0faX1I5x{&JegXA>`TWRN0*wv@p;i@m_{ z!{3)Q3BnG`Yu4_{yLaU_HZWp)4_8UfjS>Xo%PRK|j(=QO1W!mu;-&1If$jpM=C#O7 zucJAO*ObQ3L(0eM6TbS}>GlUo&}Os2;OZuOv>kWwy63^4UFd0l@9Ww#2WyO)Z1nqW zrJpiJeK(9!y}Q;kuNRToEOSckPh9Eg-JS6(D5(|ZmbUD9bNCalRLF`zqs)~?n+~~4 z7AHKF)=v|Ql{g*eM*JCaTj@u(dCqO>F6nw1a14{Ke?x(#DAjL^D6hYZr}}+btTZ)f z$DK`Asr&j8S-7?}wl&Ct2{8OmD~M7!+^2PjIws4lz5_BT7Ujl9q|%MJG0j1A$&09M z*PkBf!#)9y){DTLF6x}x6!%|^azQ2~G-C;DO*=Cr<66NufpFdOrr}JX8jAlj5%&hC zh?j?-?ha}Fb?L*5-^%;H{4U;o`>jpL-J%-7+jZyX*uI(d`-t2sZySX-$*e zb3az{+}FINul}w7`C+EpI<3-|w^z$dd8h5;mYSKxqTb@%;FM9RKF@se=SCCV_mVfC zC48;^_j+RTf&HfyGwc6clVw?Y?#He<(g!&cfyn^4hx4dx+v?qam>DmnKh;9FOmhYeXhrwor*iOCw zKkQhRCVV+0*L3mMgZkGz69wi3@B%aBMD0MiMOMze$Nv1ai`jeh@QvX5jL1cAaxv zWy~;lt$$Vs# zxya}bTwdXCVe#nq5su&pK7L?w1Wkrikn(+a;tx8z^Dq*fR)rUH*4ITSP_>h|FS z=T^teO{!4$+h{-S_th7vOeq`z4H0}Hdu>Bj*coYsRNPK%%~UX81h!2Y68N-2{yMg1 zB RF4?UhAx~F7mvv4FO#l$W>ka?_ literal 0 HcmV?d00001 diff --git a/src/assets/images/startOS.png b/src/assets/images/startos-screens.png similarity index 100% rename from src/assets/images/startOS.png rename to src/assets/images/startos-screens.png diff --git a/src/assets/js/appearance-animation.js b/src/assets/js/appearance-animation.js index e0b564d..621e8a5 100644 --- a/src/assets/js/appearance-animation.js +++ b/src/assets/js/appearance-animation.js @@ -260,19 +260,19 @@ if (document.querySelector("#powered-by") && document.querySelector("#powered-by }, }); - // line animation - gsap.from("#powered-to-support path", { - drawSVG: 0, - ease: "none", - scrollTrigger: { - trigger: "#powered-to-support path", - scrub: true, - start: "top 75%", - end: "bottom 75%", - }, - }); } +// line animation +gsap.from("#powered-to-support path", { + drawSVG: 0, + ease: "none", + scrollTrigger: { + trigger: "#powered-to-support path", + scrub: true, + start: "top 75%", + end: "bottom 75%", + }, +}); ////////////////////////////////////////// // SUPPORT diff --git a/src/assets/js/header.js b/src/assets/js/header.js index 9e34719..5e98474 100644 --- a/src/assets/js/header.js +++ b/src/assets/js/header.js @@ -6,7 +6,7 @@ gsap.to("header", { backgroundColor: "rgba(0,0,0,0.1)", backdropFilter: "blur(10px)", scrollTrigger: { - trigger: "#hero-image", + trigger: "#hero", scrub: true, start: "center top", // "triggerElement page" end: "bottom top", // "triggerElement page" @@ -18,7 +18,7 @@ gsap.to(".header__logo", { opacity: "1", filter: "blur(0px)", scrollTrigger: { - trigger: "#hero-image", + trigger: "#hero", scrub: true, start: "center top", // "triggerElement page" end: "bottom top", // "triggerElement page" diff --git a/src/assets/js/hero.js b/src/assets/js/hero.js index 7251abe..746322f 100644 --- a/src/assets/js/hero.js +++ b/src/assets/js/hero.js @@ -1,14 +1,14 @@ ////////////////////////////////////////// // HERO -gsap.to("#hero-image", { - duration: 1, - //y: "-10rem", - scale: 1, - opacity: 1, - filter: "blur(0px)", - delay: 0.5, -}); +// gsap.to("#hero-image", { +// duration: 1, +// //y: "-10rem", +// scale: 1, +// opacity: 1, +// filter: "blur(0px)", +// delay: 0.5, +// }); gsap.to("#logo", { duration: 0.5, @@ -16,4 +16,4 @@ gsap.to("#logo", { opacity: 1, delay: 1.25, //ease: "in-out" -}); +}); \ No newline at end of file diff --git a/src/assets/styles/bitcoin.scss b/src/assets/styles/bitcoin.scss index d096bb6..59e9104 100644 --- a/src/assets/styles/bitcoin.scss +++ b/src/assets/styles/bitcoin.scss @@ -1,5 +1,5 @@ #bitcoin-to-be svg { - max-height: 50vh; + // max-height: 50vh; } section#bitcoin { diff --git a/src/assets/styles/landing.scss b/src/assets/styles/landing.scss index d15170a..4b2e0b0 100644 --- a/src/assets/styles/landing.scss +++ b/src/assets/styles/landing.scss @@ -99,8 +99,8 @@ section { .line svg{ width: calc(100vw - (2 * 6rem)); - max-width: 50vw; - max-height: 50vh; + max-width: 40vw; + max-height: 40vh; } nav { @@ -108,7 +108,8 @@ nav { } #logo { - transform: translateY(-5rem); + // transform: translateY(-5rem); + animation: fadeIn ease 5s forwards; opacity: 0; display: inline-flex; flex-direction: column; @@ -123,6 +124,35 @@ nav { font-weight: 400; letter-spacing: .1ch; } + @keyframes fadeIn { + 0% { + opacity: 0; + } + + 100% { + opacity: 1; + } + } + @keyframes fadeIn { + 0% { opacity: 0; } + 100% { opacity: 1; } + } + @-moz-keyframes fadeIn { + 0% { opacity: 0; } + 100% { opacity: 1; } + } + @-webkit-keyframes fadeIn { + 0% { opacity: 0; } + 100% { opacity: 1; } + } + @-o-keyframes fadeIn { + 0% { opacity: 0; } + 100% { opacity: 1; } + } + @-ms-keyframes fadeIn { + 0% { opacity: 0; } + 100% { opacity: 1; } + } } #hero { @@ -144,7 +174,7 @@ h1 { em { font-style: normal; - color: var(--c-text-accent); + // color: var(--c-text-accent); } .img-inline { @@ -163,7 +193,7 @@ aside > h1 { em { font-style: normal; - color: var(--c-text-accent); + // color: var(--c-text-accent); } } @@ -176,7 +206,7 @@ h2 { em { font-style: normal; - color: var(--c-text-accent); + // color: var(--c-text-accent); } .img-inline { diff --git a/src/assets/styles/main.scss b/src/assets/styles/main.scss index b0638dc..3f1a8fc 100644 --- a/src/assets/styles/main.scss +++ b/src/assets/styles/main.scss @@ -219,7 +219,7 @@ h5 { margin: 0; text-transform: uppercase; em { - color: var(--c-text-accent); + // color: var(--c-text-accent); font-style: normal; } } diff --git a/src/assets/styles/powered-by.scss b/src/assets/styles/powered-by.scss index 1ae428a..c28496e 100644 --- a/src/assets/styles/powered-by.scss +++ b/src/assets/styles/powered-by.scss @@ -10,49 +10,20 @@ section#powered-by { display: inline-block; max-width: min(16ch,64vw); } - - // .wrapper{ - // border: var(--b-primary); - // max-width: 35ch; - // .content { - // padding: 1rem; - // h3{ - // margin: 0; - // font-family: 'Tusker Grotesk 5500'; - // font-weight: 100; - // font-size: 3.5rem; - // line-height: 1.1em; - // text-transform: uppercase; - // } - // } - // .footer{ - // padding: 1rem; - // background: var(--c-spacer); - // display: flex; - // justify-content: center; - // border-top: var(--b-primary); - // a{ - // padding: 0.4rem 2rem; - // background-color: var(--c-text-accent); - // color: var(--c-text-bright); - // border-color: var(--c-3d-shadow); - // border-width: 1px 1px 15px 1px; - // border-style: solid; - // font-family: 'Tusker Grotesk 5500'; - // font-weight: 100; - // text-transform: uppercase; - // font-size: 2rem; - // text-decoration: none; - // } - // } - // } + .logo { + width: 5rem; + padding-bottom: 2rem; + margin: auto; + } + + .inline+p { + margin-top: -1.5rem; + } + svg { --width: min(45rem, (100vw - 12rem)); width: --width; - //width: 45rem; - //max-width: calc(100vw - 12rem); - //margin-top: 6rem; } #stack-image-block svg { @@ -107,4 +78,8 @@ svg a:visited { .container { width: 100vw; } + + section#powered-by .inline img{ + padding-bottom: 4.7rem; + } } \ No newline at end of file