From 793eb86c39093c10c3ec67a407ad917ee6f756bd Mon Sep 17 00:00:00 2001 From: Scott Tolksdorf Date: Mon, 11 Jan 2016 17:00:21 -0500 Subject: [PATCH] Updated the welcome text --- client/homebrew/editPage/editPage.jsx | 6 -- client/homebrew/editor/snippets/snippets.js | 2 + client/homebrew/homePage/homePage.jsx | 11 +++- client/homebrew/homePage/welcomeMessage.js | 59 +++++++++++++++++++ client/homebrew/sharePage/sharePage.jsx | 2 + client/homebrew/statusbar/statusbar.jsx | 23 +++++--- client/naturalCrit/home/bulldozer.png | Bin 0 -> 13937 bytes client/naturalCrit/home/home.jsx | 2 - client/naturalCrit/home/home.less | 62 ++++++++++++++++---- shared/naturalCrit/logo/logo.jsx | 6 ++ 10 files changed, 146 insertions(+), 27 deletions(-) create mode 100644 client/homebrew/homePage/welcomeMessage.js create mode 100644 client/naturalCrit/home/bulldozer.png diff --git a/client/homebrew/editPage/editPage.jsx b/client/homebrew/editPage/editPage.jsx index 42a61b4..52e5f18 100644 --- a/client/homebrew/editPage/editPage.jsx +++ b/client/homebrew/editPage/editPage.jsx @@ -38,12 +38,6 @@ var EditPage = React.createClass({ if(!self.state.pending) return; return "You have unsaved changes!"; } - - if(this.state.text === ""){ - this.setState({ - text : 'Put stuff huuurr' - }) - } }, handleTextChange : function(text){ diff --git a/client/homebrew/editor/snippets/snippets.js b/client/homebrew/editor/snippets/snippets.js index ae547ae..3b54e30 100644 --- a/client/homebrew/editor/snippets/snippets.js +++ b/client/homebrew/editor/snippets/snippets.js @@ -5,11 +5,13 @@ var ClassFeatureGen = require('./classfeature.gen.js'); var FullClassGen = require('./fullclass.gen.js'); module.exports = [ + /* { tooltip : 'Full Class', icon : 'fa-user', snippet : FullClassGen, }, + */ { tooltip : 'Spell', icon : 'fa-magic', diff --git a/client/homebrew/homePage/homePage.jsx b/client/homebrew/homePage/homePage.jsx index 216eac2..4f2e3d8 100644 --- a/client/homebrew/homePage/homePage.jsx +++ b/client/homebrew/homePage/homePage.jsx @@ -6,23 +6,30 @@ var Statusbar = require('../statusbar/statusbar.jsx'); var PHB = require('../phb/phb.jsx'); var Editor = require('../editor/editor.jsx'); +var WelcomeText = require('./welcomeMessage.js'); + + + var KEY = 'naturalCrit-homebrew'; var HomePage = React.createClass({ getInitialState: function() { return { - text: "# Welcome \n Oh god, what to put here. *Instructions* I guess?." + text: WelcomeText }; }, componentDidMount: function() { + /* var storage = localStorage.getItem(KEY); if(storage){ this.setState({ text : storage }) } + */ + }, handleTextChange : function(text){ @@ -30,7 +37,7 @@ var HomePage = React.createClass({ text : text }); - localStorage.setItem(KEY, text); + //localStorage.setItem(KEY, text); }, render : function(){ diff --git a/client/homebrew/homePage/welcomeMessage.js b/client/homebrew/homePage/welcomeMessage.js new file mode 100644 index 0000000..9b63308 --- /dev/null +++ b/client/homebrew/homePage/welcomeMessage.js @@ -0,0 +1,59 @@ +module.exports = [ +"# The Homebrewery", +"Welcome traveler from an antique land. Please sit and tell us of what you have seen. The unheard of monsters, who slither and bite.", +"", +"Tell us of the wonderous items and and artifacts you have found, their mysteries yet to be unlocked. Of the vexing vocations and surprising skills you have seen.", +"", +"### Homebrew made easy", +"The Homebrewery allows for the creation and sharing of authentic looking Fifth-Edition homebrews, with just text editing. It accomplishes this by using [Markdown](https://help.github.com/articles/markdown-basics/) along with some custom CSS-stlying.", +"", +"**Try it! **Simply edit the text on the left and watch it *update live* on the right.", +"", +"#### Features", +"* Monster Stat Blocks", +"* Full class tables", +"* Notes and Tables", +"* Images", +"* Vertical spacing, column breaks, and mutliple Pages", +"", +"", +"#### Snippets", +"If you aren't used the Markdown-style syntax, don't worry! I've provided several **snippets** at the top of the editor. When clicked, these will *inject* text wherever your text cursor was.", +"", +"Each snippet is a common format from the Player's Handbook or is a feature of The Homebrewery. You'll never have to memorize eactly how a Monster Stat Block is suppose to be formatted.", +"", +"### Editing and Sharing", +"When you create your own homebrew you will be given a *edit url* and a *share url*. Any changes you make will be automatically saved to the database within a few seconds. Anyone with the edit url will be able to make edits to your homebrew. So be careful about who you share it with.", +"", +"Anyone with the *share url* will be able to access a read-only version of your homebrew.", +"", +"", +"> ##### Be Careful: Concurrent Editing", +"> The Homebrewery **does not** support concurrent user editing. It's best one user at a time makes edits to avoid overwriting eachother.", +"", +"", +"", +"### Images", +"Images can be included 'inline' with the text using Markdown-style images. However for background images more control is needed.", +"", +"Background images should be included as HTML-style img tags. Using inline CSS you can precisely position your image where you'd like it to be. The image **snippet** provides an example of doing this.", +"", +"```", +"```", +"", +"### Not quite Markdown", +"Although the Homebrewery uses Markdown, to get all the stlying features from the PHB, we had to get a little creative. Some base HTML elements are not used as expected and I've had to include a few new keywords.", +"", +"___", +"* **Horizontal Rules** are generally used to *modify* existing elements into a different style. For example, a horizontal rule before a blockquote will give it the style of a Monster Stat Block.", +"* **New Pages** are controlled by the author. It's impossible for the site to detect when the end of a page is reached, so indicate you'd like to start a new page with **`/page`** on it's own line .", +"* **Code Blocks** are used only to indicate column breaks. Since they don't allow for styling within them, they weren't that useful to use.", +"* **HTML** can be used to get *just* the right look for your homebrew. I've included some examples in the snippet icons above the editor.", +"", +"", +"## Planned Features", +"Here are a few features I'm planning on next", +"* Convert to PDF", +"* Switch between DMG-style and Monster Manual-Style", +"* Download as images", +].join('\n'); \ No newline at end of file diff --git a/client/homebrew/sharePage/sharePage.jsx b/client/homebrew/sharePage/sharePage.jsx index b7ee6f0..30e9a16 100644 --- a/client/homebrew/sharePage/sharePage.jsx +++ b/client/homebrew/sharePage/sharePage.jsx @@ -16,6 +16,7 @@ var SharePage = React.createClass({ editId : null, createdAt : null, updatedAt : null, + views : 0 } }; }, @@ -25,6 +26,7 @@ var SharePage = React.createClass({
diff --git a/client/homebrew/statusbar/statusbar.jsx b/client/homebrew/statusbar/statusbar.jsx index d76b9bd..bd20ca3 100644 --- a/client/homebrew/statusbar/statusbar.jsx +++ b/client/homebrew/statusbar/statusbar.jsx @@ -13,7 +13,8 @@ var Statusbar = React.createClass({ shareId : null, isPending : false, lastUpdated : null, - info : null + info : null, + views : 0 }; }, @@ -34,16 +35,22 @@ var Statusbar = React.createClass({ renderInfo : function(){ if(!this.props.lastUpdated) return null; - return
- Last updated: {Moment(this.props.lastUpdated).fromNow()} -
+ return [ +
+ Views: {this.props.views} +
, +
+ Last updated: {Moment(this.props.lastUpdated).fromNow()} +
+ ]; + }, renderNewButton : function(){ if(this.props.editId || this.props.shareId) return null; return - New + New Brew }, @@ -69,10 +76,12 @@ var Statusbar = React.createClass({ render : function(){ return
- +
diff --git a/client/naturalCrit/home/bulldozer.png b/client/naturalCrit/home/bulldozer.png new file mode 100644 index 0000000000000000000000000000000000000000..3e5acc3f561651656f1603e4a8cf6543ac98f316 GIT binary patch literal 13937 zcmdUWi96I?8}O7ONtm7}LYP4qyOceC%GhPgHq%1IU?j4WvQ1j-l8}igF(rEpCE4@L zgvmOx4$_2SFqZE(J@5Ox&+`|2-{-nquHQN5KKFX=b1w(Z+VULle&PKP2!t1D0-T3H zcDq6#yXyCGf+IX{!U*7>T{q94GlZ0VIW`M^?74Qv;tT}x_7TtKrM=)cx1WjAO>ilc z{kw}i61fQu9tkkM5MYbF8W42J-vi=z$zPBIV4yXWG$v4l! z3uTR895cn)$%+2jiPBru`RdCYVMg|E=`iWcthNg6w%st!(T_)y0wFA5;EYBAtWh@e>(^q%*0IY?7C2_JsA*ErJx7^ zK;n;W|ME=>ytpDn@aMJicl-hZh>C`(tGLJ{$m3dD4-W}R$&JQMjW!$T))+)Nx6{Lj zJ;JhB%uAzjao!%Nbv{y;kZ^s@4Z8IVqO2KSm`D)9C2$Vg#$-=Kw`&`NbGH#vjwX!e zT}{JbFZcyWOroh z4=MHxT>!ep53&B-3T_!H#vx=a#33X=f?OWkJ$HFbQc~F9fUAMq0ap+~LNrftVsv7{ zb%=`Ju0Rz(0Ri6QoQlsBIoX7MYTDb|(qs&%-#$`vyY5I$!gW8ycH<5`=|3CcQPppc z!O&@)Qx1#qRO%$tzbxGDR{B&S;Xj+%(4Eb73~~@8F6zfk>1IT zw$+{QJv?X4{zFo4_G+d!Y~zhcYixNmL*hTQ%o&TP(2RVmB4zke`>*`P27Wp$4-oge z*`i5dO|vroJNhCl8W8urxiC|nQsEpIJ?}NZS3LF(+8|>FvW~yH{52-BTzSJUJI2bS z#N$X!q$HrR^ylIKPHWra`KpkE=bi6IC&nFPOYL#UdOXd@hfI`4d~Px}ddL=5*X9a} zk?-*F1=;z4tNJ7;nS{^RPt@Ar`6{8K@KR7_f33S;l|thvObJS?+NbMQ?6=Thy4#!E)^2hGK?ezYUn!45|4MO0Q`+7FenlPY^ z7E{XlZPikoWj|H?EG!ljHBAG&AG?TM=Szjdjebk`Q&V3jBrc7|_^@qkl_0)|@>d z%of7`4-@wNWlLQJipjLc>|-zKb^Nz&q*vZ|Ur@k3tc9@|=lp$G9GwohK4+^;ga5bT zbzB}3e(*oO?FBg~*V)SB1x-kov#k6`%~`gM{CCHeCJkXw+BO`ZB|VBRQQ#~i9jPf6 zDwTEV$X)8#Su+y1@@_!*_AWjsS1gOq@WVUFI9P)VhTbUjzeh)y;HmiLWf9Q1PwpsY$2eO!d zQe!&81J}Z({yHepA^cA=$WuaqGG@IZrp>_4ip>G+aNn@nG#8>XH3OO1aCy$}Om z6x0D>JVhirp#MT&SqR9KRhUhp4AUh31=7iapOq<#^_u=my%jlf z;Kag32|3Y!Nn`b5tr0%;!q+_aKnb~{|C~CXxq>Q-I)qR8myQBEJCtBr$r>Zl^ZRXH z{?oY9h()FWk{E601k;v(axJapgim$)no~~XPyfqB{Ku*+Dju#~U7^MFf6B)F8{}#z zXu=iJ`o`_{igJJX{0=RorTJVCRP-kDfNQV$sKd;8oTZmV>wXK1(i35AtWTKY2wS53 zb~p50&~t#^m=Y;>O>?pp+VC(XPTlVk`{2A1g=xLiSeK)0xhEhb-gj2RC%!-od=9ui z22H#>uns&mFPc5BZ>74|kMDE;*c9stVsaHp%;Udr>5HiD@KTMbKRMV6-w1>F1^oqO zv3dz->1(kg7lE}u?TDxFjpZJxQ3hSalP>)=wP8S~QNLq9nc|R<2n$_+famx(s#R&6 zrJn^MU2i&jq9=`}!Exafr=t0lF)#vY02-5NFv^nr;?m&=`3XOsirdjVUqP=ii;^TE z%VulIMJM^O{h|#H5YRDQ0^N(oNQ!?JAXAsITws-RoHW1Z4d{}7qp8jYhhNB;h&!8= zBR=e^i1}-$b-`3|WI#D)vHxTQ%>aiIznyhy>?0_kIb)C*cgm8Gla+H1OX4hnuc=G< zH;$DT%W$plmB%CzGpvbi1rmlsS?w<*4W2SM%U}ehU6t%5f@IV|y1>Bbg^HgIcB#Qt z$TWbA35l*4?1wf;L)2RTl4wb;6bVU~Vv)VHO&L!hUBizGfglscjMSsj0(UTeAqi%B z&-?pGBQh4w?0IHPtgZkkzo)wk+0%=w8MIFn|ALAm974)rqjxI+;uA6O!n*=z-(wc_ zg_B-5%Sc|$1ZIRcf>ZJ0>cb4ED4dk{=$K+A86+%u^f;-V;GyLCd$OL2!QD!x^_)A{ zYBCFo*@T&q4GZPy{e}2zzCRO+P|`FDI8cn$X5Yw%=kG!rc6o(7W5-p>+WJW;>vE<6 z$BH}AG8@rl?ET+vW>2Bvp@({ZS$duT@!vuzz=y0ah)Ig;x7kZ^D#{JcuxI^ZgKzXZ zfD!NKnJ9YX?V^BqWPncb#BL`;@JJgQhou16JI>)crC^+Wzh@`XYci}>F`f3U@vpSU*dgcp3k7ZYX81@w#rftRpM&u)|uo7g3*oiE`XtCY;71mx0mBwJGYTr?@ ze|e?=yhLtiv7WqE7;rWs!bmDteAh>7&ml8FfteC-sD!HZ`jxD`a#;nJ880_pi;A$j zl2fRt>$dsHl_9LGJ$h=h^8CchUK>z6m7u@owQ2sDq6-rJ-B)Nw8ML+z=B<#ZRy1fo z%4$T5DW39p_XefR=)_l3Ei-scfVaq$z4iNLz5%sQ`faKsB^th%&XeQ$9}+8m-i=-A z;iKc;-}QzK5Uzuf(5wD?{)qtg9(hwEhSJ&Y8W-K^^4y!pZZi54bLzD`0^w>7O4y!N z0Im_vMPzj<`$gC%Bou?Oi(O?YJk++=FU6f5W)+Ws{CRDgj+x>{j})#)CV5*`c8Rku z^!FemE29XK$n&@bICvidzyjz(`i20!=2>1;lEz;{(_HVo=;a@qjBRJk7}K)dnD6et zgNFs*B-*>mKR6XPSRH?ovY&Gj?&PVkgN`att8=;rc+GRX*bMM$6cDHcO|DS3(?S0l z@-sWe8U*P&AMgyoCXu%#<;|-89;+aNW5TLsT0LM+)(dJk?S(j!A$?-uLc1WF;vtaY zC!=zt>;iQ{WFBbxe_>Pikp_q2c;U8eCVX0(j9+dP0@yV2YP$K~_~%S;qq2oL3cn+1 zFKtdm({#@nF zq(;__WyZLAVnHnh&RMoS{b4q8>C}K5N=7^-b@ISzmq_XDCqv@jh`Ym!fSG+w!Q0YN z8S^cCST`6or3Xhxtm?g2N-K5OU2GgG1No{unL_J6KS+RsdE!=^c&~Qn&?k^^ zx{i2Fb5HS%11f$~-o^tKmPzxljWCYe2S9GU5x7z1!W{Xdm&ZC%8zsLPTP7=*J%%*l zmHkMD@6GX=7RaEsP3i{qz%k71qa_k8$3Wmq0dWj97+bl5a1Ac&?T~Q7WW@C)p0EkM?Ej za~u%{GuQ$DaRLLcX@wj`5J9kaokKtC&C4=rmAee6U_LAP-kLpm4GAVupXuNI9|8n! zNZcKe>ntjalwAa)FQL@HhzNm*H;I!kfLLb>9g-0qkcWjXr&T@d1*PTk=nsc@uG{aA zNdr>LVz)q;iiH9&R8qqrLyG+Dc_2R(o6An5)gPWDKpUb>wG6yknks4isdQw(4~TLA zrDN4ly*v-e;FN0*oA0|9jS1+1<{Ip|O{(`9U`?S6|G4!Ez~-h9B`PnE-E%SA{4OA> z1UWt}L#IITVT@a#l;I)hR%aEzk$3i!=D3H4ARYKaUfU;hnGyjG%E*vw zSrYBkE{NLA_dgK84#fx-`Yvr+oS|`ftWKWF2uTH6_d#f1%+3a%JBWW-2y0Hgr)~D& zNX_(=E@FU705Uy#qWnI;#g-vn6Nx0Gf?1@6MS}}|VmG9Vmuem*o*x|)2cG{FFQ3c0 zlhGKJMQT`pIplV2VDhg$6HTln0Q)e7D5)Vl*EHoJu6Kg82!Tj9Q)Nfc*PksYfnKa2 z&*VYeDZh|xF{&-UC=cXfd08574ClA6uu$8y$)X7_^@`|D$12MV+9?RcW7G6V9p^V` zXoG~Qi<2pshju=ajxxnxfk4uxH2CN;>d!W7UNNKZjq<~{?xy*I*=s9oV|f=OFj#*= zBZf0ANc+*~0l2QQsb*UAJeY32iyuE&3)BbExF-9`6LpYca`SBwE!tuV2x1R!(^@@l zd1<_mzdwzuGo$=@@ZQy+dxV;>+8BKk2K|<-Vp4hxCz%ht>e3jJCr0==%N$J^Gpp%B ze!7kilV&yOt_okAT<*v8ZABR>swzc9h*lURT?o!vO)x2^}FCJ1jim2Q-+86|`rOSrx*CP_rU zvvOSCa<1Z^^Bh73jGNV6Fr~CcmngBMLSLpRwOxrxxNaBO@lA6WEk&9^V(QOkq7SVo zM;RZ=VWe#G6$V6z)Pz4WVqB~E%y(l=(@_$yh>+oG4}?ZkReZ9-Y<%A}=QR33N9#L0 zq_lv%;yD(Y6r5N<>$x7==nxshFVHPbomn~QxmEHxN^s5zRV1r5P?#QB(5S?bDKx*C z4D7HFYvPNB1psh!pl-<%rx)b>ODN>Ebx)lQ{tzmq@h+9{>vBc`qlB(^7WwoNq5r}>yOPLD@J2>x>9l&_FUDF1YUT(eWnw>5#I4*)=+m= z1e)V+-tWy>)}L{E?ZMi;V*)nao1Jru&zqvCoTZ|4$$V4g!(j!| zj)OGns=K^|q*wmblsZnYr~I^a@%K?l60XHPP_za-tUH#{l#b?@gyO=CBtg9^TRf$N z4x8s8mmgXxNSAarP5EFqMI#xFsj+zgq9Egnp#Q=X^ZYoAl~ z%Yl=2&I*cEiOB*$X;2N2chf1@qS+!=_(vf$$IiUpoU5z|$)NU(3t##si6>6VyS17! zLNZ%2V}yU~h2~g;D>xN*nwbu#NKyKCMcjELBeQd(@eWglKV8ryMN-aj%%MoV@WAEVDFLP*%Z`hHV zkPt_1-IGCsT`oV%>*`|4puSwlEWgJuz+0+`WYk{B#{MiiJ7|GVO=uU^ z@QXNu-?6j^+HcjuPqJQ4kDwNdMdCK?T!$TpOu|e9cB?q?h}4XpAVm>hyz@XxND7A@#Wt_!D8SR|XUy2sq^7Arbfi4E zAY;hm5Lku}$&n<@cvx&#-AiFYah77z^1?N$dMcrBz&3ze>4~T`n%cVz>^?X>9h#$K z?x60MBTb5`%IJ*g>;(X(HyWp>iCNFqF_67MNT*F+Di=If<8WA?`^eTc%;M((00`)* zr;hK1M%?OOa>)PG0G1l!+nxQ!2CeWru85+}q$Q(WC7pMt^2@Wl6)@b6>vI(qYcG|l zMm4o-_1>_OcBtW$3+ks*_Pw5V{kAxN@uTB++N{!O%kMJsxZz(OrJj{Jm|8j3G$pg^ z`Hm|u%4S`HOwqXza^)AZJ*p$UytwdGSq8Q#9VmeY|>Y{pC|RY_d$JKbcuxn!Vd1 z>-&|;Z*S{v^z`}R8HgPNW}oZMSORMKRQRKz{BgchRoZhIJ47*rcoKNpSqmLIabJ=( z69^xzt2fgsuu^LUt}-O*4aaJn{`{%{dhh%d;?k4Z<)Oyg)?~f^V(NIW=pv zJ?MFD@vAlolVe8AY_{4|l&bi(nVv?a>nGFbH_Fzyo)J)bZsC=2g1LD$%NtRtsFcr+ zO_oV|sOa?|9O@?T_TIRZ)zdgjVQI{E^gIT-b$i^-p$d70>hZ!Ai& zgz6t5#S_7t{q={&Ve5~on|{Lh*=YH%Ck2SRYWp(M`AlC>Rl7C$S<+h))8Ykakk>*% zeg5$<*UdeX{H$|X3`(ur$Z@5Veu9B7f;3<9UE7eGRSU=*NY&8wivV4D7%!1p*i!Fp zP$e$8{Qm6br~ag+Zi)s`@97EZO{T$7Q?aWknSuU|>^v;i3F-Xv9JHZ|9G>g=hiN}v zYz6VbswMcBY)i9cz%jT5pKD_hZ3p$FaW`ghdOT;+3fl0(Jlvxt@c?s6PqI-@iJN~* z)O|u;-YT6q!lbwE;=NogmmZ9PMIz>Rc`Oz ziP8vZkLh2!{C0q7==uk>V3<-gT_60K;(ZSlx~N?ij*-y|d0;jx^t7 zT44ILi-N2Tu^Ogj17GLPB6}RI38xw|qU5`c%rNtU4K{cR`OZWkR=zNdSB6RuY#0>` zetC~L)x#7wV}!n2=G{WIG_-8ewL>imx2$DtA_LUHokA8e**iUS8rvZV5}u8oCuGn9 zD<&_@c2W|>#Pp>|^WHd$&Ab`PoneSWU6a=ds0=Q|gyB$Dp2X132v=OkFS}UmEk(DC z=z09!?H#YhGG=K-HbBTX#%AgTJO&5^4PsAOAJ@6*9;=Iyws^`n;i!ghgU!6#Ub>we zQbYUUo>n-^^T_RsvTk4-Okt5L9OS7TEfc!yli<>*FRD~4RJ3%^-uVkl{4AlwJ`&Pw z)ll_R{J=ewOG&-{6^x@-_+IT$L}5sShABB3np2Qc4>z1uJ>cr(`By9%9P)2>tm4{ZLd({lkhsIa9t@Gm*<2x}~lm;TfQe zv3e4vldK{<#d`2cER-RFv$RHPID}pud(z4p_UI{jcdm8x97??+*4e2tT(RQU9sBq@U|T>&6F-5MbcYl z9|6ufOHoP(N9PjBhLOJ{n@7{>hhGiHL35sx>kZIg$!fZt_-J?=DjJj*qB7i-10&sF zI!%{Gg_||;6aCRiLJPhUgjF%oC}hz-dtYswC7AjxzW`fK%fWe-uR|I?J!v% zq1zwRRhH-aK=>?2@18o?nT#ne(`Dx?h_p*s5>JdAQ`5CMXEw1K7IiXSIOkv!^#sd9)_CF&)N>eN|!IY&t%>DFD@l0AxeAB$Y zM_1!<<5ulG8vQ)3c0|LR?_&ARt4Tk=0{ImsAE*3#>z|uxpVAltFTv{X7xCj?*KNWH zwTDER)~{upwN}Z_LyyXXLZV)Quy&ZY=Qzt= zzH~I}uS%mmj{jtp>)~b6c~hb5YRXFqM32Ct)}6>fy_=E663zB)t=#q<*gFS!gnmkb zN!b%-P?82+k6&~-DVSbk4qn7J4z}+~funs`IY8@am=nD;yYWC+(@&V)32cT)P8wNE znho|OG{(J~r~GWI4lHZcV3{w78Z06@lhpg|dekM4^#cUNSN{4pLgbH8 zrq+qVzQGAxG{(!zr`AIllc*uCh)ThWP4`=rVtUnd+p*5Pm`gUt|_nf66x?+$b$1QI*Mwd-%TK zd5j#x4`*rOIb>EEr{}kIp?tc?6Msbv&oqlu9lo0qi*@L+j>DcP|79eawfrQWbR#pM z!aBBm)1ag_W%W-kMeOHn4W+fCAf5S!GR;*%sy=hiwR1BT&!^|9Cf z6qO)xpO}??IRFxuXVQ-Xo3MN~86s}_av(FLcQ7OU6i}4c5$(g#;GsgE+i&0Yh;&w_ zpnz`H4U*=j=(PNk1B6M&R&`s)J^1U zYZ7cNH>SVVMY7q+WV6G_HZC1e5&Xf!R`S}6QLTf90ai5IB+3l;y13yF*$fu3i_W&TJ?XC-OhC3$ znqjt)f5NrCNVKmSCCYzT7t#%+fMprDkCdGrL3^$K&$Saqr_W}Hu!K4 zgZ9d`3Ur>tREgJwV?QhBQiX+^I`+<0j(pBQAtyUv5^Q8Mt1f>{v8h|qnYRwu;m%@ zFzH8x8~zGiD(aMyRMxVsV`D0K*|s^#mRHvTt)q@R3W$napcO4#(k0YoB?HLhS72aZ zadp|fw#e7+Q3iM&UB`On=X=Xfgza+)dAbe5p^T`(6I+AY>0K2HVM(D#Svk85W0+OC z0_gWA#ATToKRmuAdXpn%Bj;YnhAUC{9ddj8duGk+@`fcz^R!fj>cXx9DR?Mvp~w1F zPyQSQ5>j>n(hlXIxNQa{>(W!kSSRrlbPhh^jx3^&$(j#`PwA1*qwKUo5fR^qc$|Y( zZ`9?PF|Z|QRx$})GBBmGO@szJzJFwEJ9v0n% z5$YWDT*tt<-7y_cu^AjNj2%3WPqiLgNtv|?0%6xwb{rx(w9c}F8N$Wf5ZwwJ1Y!p4 zR5-7m@zkIeZ-HT%V`u&C>t-IcJ*2Q_=krIw_Lgk7yxp~X(epo@FT5RC=O*5Sh4Lbn z-n@TNF}zi1Wrc_|3xDL?=_51RClwlj2yLwB*Mx)N)Pj_qEa9_AP7GOfq;U#-=<+3d ztcon`9}5tk!$*}=zEXa?n^hUl;lWb|Qp~1^PnsJ(9KW(+!a-d+e>UtuQOt1ozMatlQ zLQ-yoTb(TZ{n3V8@@Ai^W|z=h9~2~}zSgTMSAq2Q;D7`9ya4#x-VM`O}JTwP55?MBB+^+J*QZU&+oy z$>b@_a#oFl*olar++;FT47JmR-nCMjX==s{Sbx{X=U#E)h5Zg%$?iD8C2dN3at2uy zZu?^aDoVFr?*I~+gx4^15>3Nnyl6fA?mGXH)FR@*$Gl{R)yZt1p^iZ4mahAEi<$`I zvMIucdN*grpjU8>bu`#R<(BQ1za!{o0B$>bBZkf8nbS7unkC{dL3B z$9|_6>}_s%okA5Gl$d7F=cy;0mMPj!#9Q6&R-UJo-pp_Hm!;5F(*06{pNS9Jm&Q(& zxS=c>r%_R28}(VrjVnDEpG7{8C?0{Wi1aay6*2jUw#MQOB!w2(|K`1Qv}$SN_)3T> z(+T%5tW7aPZ_|3|%|u_W8Om+(;eL9Geaz1+Izrb@C+TcdRO&DNaRQ%919uqNM^47H z9Zhaj(l*VDqc*@oOEuP9S3PuV84=)X0qZAuZ53CiBA<% zwJ6)dH?dAj> zeCYH6*YzdGHW?g2o$)>Lne+Oq)anhb3!8~C@e~?8Ogd8T+&#**`Q^iBcghbpY=ga2 zyW{#Ef;qQ^Z)FHNn}*}GLwSv+W!zX#quvC+HAC+`ZL)dy`^}}m(`K80ln?~NFar8M zGp&6M(Ph;gZIM$|eL9n@4_wr!B_;pY!R>r>vl;PiJtb7caP{uBMHWYkepf_bT-ZD5 zujS*rei)C3`A1MQqXvF8bLq)Y1(eRuU1BN^SZ!8(ww7;w+U?t34)_8u#L^vE!CFR(e(np0lU3^VGBzubJw83jL^8b z2Jks2(_3`W!Hsn78seysFx>;?ssf&T9kjEz$6|LC2_r121lza>7N6c{E}UTM-)r3c zf_p~hZMpZ*pYil0UF9#+FXr?XbDs{28vy~1M5fwC{p;Cg!@Z#yfXuTvwF16%F?GVk zWZ+9YZp=x$$NV8m_hSm12KR6A?xPELTtzl13q-5;mrGSk3;o8?^XL| zVUF%dux@Ovfb~0CNc(fz&2nkNpw-@`=L=5#qe~RrYd`Jx^}P2Q6CZ6yVwR-F6eN*= zk*_08PaLznantTN77hhf6$}gXUHTeLqGEmM{E~Qy>6Ov?2uH@ih1ABwixI=>-#0VE zE5ZATQw*7tU4O;kGa|m8w6JOjs29|qCpK0k>Iq?%@63Q+BwQ5S&R0ON|8UO`=w*U__NMY( zCeLA7K1i2yebLcwpHcVI8}Gl2sehLam7Ke2m43fE=y9XHvr)0Z=r;{5ZVgu{v;EyZ zVy_~oc8s9hXr*_D1XkX5x1a}%^CFJES#i#HNYytBfO@Un{?mP<0*IP%I;H>s5p!q8 zdALc}P@H0W90la8t3*4tvLO~Pct6c&8%NQdj={h+ZG3yTOz}N+3K#H2){#0IUnjSW z^4q6%%khmYbCeWV1fGfg6eU5r<|??oPG5*EHei{6m_lOzba$~=Ez@g!rpY59DF7IZBBj_gUb5;B3h+ zmzuYG<;4Igr0uijh7ugCgD?L)nw596>O&GQ5$<=nt{?>M~Xq5y@0Kwu; z@4*njD&Fb#wi1a(lY|7-0DbVGO;5?|Rj6F=1YC=|auXS>P>BjN2|%f8+kA^kPVlNK z0Sk-Q>>SXC<-UOgCpbTZz8bm)*V4>dm;YP}R?^*x27XV0JhQA3SyV#${;47;7@&TA zVHmjVn26B%Tz{O-8&cy}nV4Y8II#Wz$U8Tni!Q!MO`-w4<0U?6&x?@L-KFOixyBSh zOT+c2_aGVTU+?tnJFGCF3b7LENYy;}=!>m9QIYSkB);~#Q%Lq&bPi3eXm8^mf`^rc z2cS9kofQu`2=t^29odQoW=al6B|qY3%JGwGLT=D9O?ZZu?~ez5*nD>Eu)@%*rO!m% z=^+E>uqA2#_s32gKmqDsb*?uUlw-AYZ3zN$-=O|)0h#B5O7&Gwt-st#YBUY_={!OG zr3W9S-cOM2;2S+ATZ$$<5oh|?U&rDs&sxy=J4Re!T0sbHvs*%h0~P>7d65jDR3$dL zuBQiKolwOWiT4810hxjfmsp>@OEau_%VgTIsxRoQ4Wre!A0uLbW-rl@%BM1<8Ke14 zUUHmaY-e!#M`oY3$U1k9H=j#aB|4F^6k6^#l~|nTqd?4?eNUcS(p0;Vtz%j2hrv~M z<19@P#JsB!`L~>n%F<}ztKHrHPwFkjq?k}iFQuKQi@DL~5`zj8wi}oaxY}p-*~?D! za}Yza20I%?H&g=yELmOXDAs=JId}A;gCT}TV2UYhzqkX8%guI#~|C&pJw@yk3AS^AND(~!Fzw1VEr5|`I^dmr8U zBTf-gOb47?iw(E+Si(3q|qZw77uy} zw*<=qb{T{a%Uj;qs}LT~KL~rCYI}(3yHZ_b+WDTwVSuUc-HVoT=!#mOF%9tdT8a$U z$@)gmJsvS6$N^E+GB5Uzj5(=wy7KMMe&r<&0WfXQg+LyQQlH#RvYzTsyYF};+;)Z2 zu=%=MtqGpF8*))6D&ratyp1|@R_0}uR7_l-sec?m=Ykk$QgE6BMSDUTKi#*w7h=5B z7aNyJmkDnK=sb|7E?3!bv$W!<3>wgP>&>5UmUq_^{}5}?2mc{u#zQ>gkZErSH0Sk` zNO}2vq^nD6xKSAh_*|!+Bmls-p%mv?w zmb6>Fe0yBPIE25^3D4w(9LQ=kWGEG-Rou_E!^!|W^U>hL0J0;`*IT@zt@oP>9j$;o3ZFjs|D&A>-Z57r**=@LAw{h%$gK1EG~r+r&J-MTKb$f3QXgOX` zA%5>qqJ7HvTxj#8q@H_~0t?OCWq>Km5K16S+fKO2k&ud0B8KV|A0_V?-e>la8@~`A zCC7BrxPzwpd% zU@+K8;Re24&#Lr0!rbli#hBvYLo?}Feth*a*`0=*gCV-2siT&6mgFt}|5p5Z1n7sGgjAJns*z27klR znVHrfx-0bKKehm)E~cTLB}y*7c}JxQX>o~Gc< zzQ!Hh5FTx6{QA|?)+mK-<_!9N{ZNM-7=!)a`Z=8aWMk)&gwwWQv>*}uk1z<**b*o+ Iym;sT0L*az8~^|S literal 0 HcmV?d00001 diff --git a/client/naturalCrit/home/home.jsx b/client/naturalCrit/home/home.jsx index 8e4e498..cfc4021 100644 --- a/client/naturalCrit/home/home.jsx +++ b/client/naturalCrit/home/home.jsx @@ -3,9 +3,7 @@ var _ = require('lodash'); var cx = require('classnames'); var Router = require('pico-router'); - var Icon = require('naturalCrit/icon.svg.jsx'); - var Logo = require('naturalCrit/logo/logo.jsx'); diff --git a/client/naturalCrit/home/home.less b/client/naturalCrit/home/home.less index 0381be6..dba681f 100644 --- a/client/naturalCrit/home/home.less +++ b/client/naturalCrit/home/home.less @@ -39,9 +39,10 @@ } .content{ .addSketch(360px); - .animate(background-color, 0.5s); - width : 500px; - padding : 40px; + .animateAll(0.5s); + position : relative; + width : 500px; + padding : 40px; &:hover{ svg, h2{ .transform(scale(1.3)); @@ -53,16 +54,15 @@ font-size : 2em; } p{ - max-width : 300px; - margin : 20px auto; - line-height: 1.5em; + max-width : 300px; + margin : 20px auto; + line-height : 1.5em; } svg{ .animateAll(0.5s); height : 10em; } } - //Proejct specific styles &.homebrew{ .content:hover{ @@ -74,9 +74,51 @@ background-color : fade(@red, 20%); } } - - - + //Under Construction styles + &.underConstruction{ + cursor : initial; + .content{ + &:hover{ + svg, h2{ + .transform(scale(1.0)); + } + } + svg, h2{ + opacity : 0.3; + } + &:after{ + .animateAll(); + content : "Under Construction"; + position : absolute; + display : block; + top : 120px; + left : 0px; + width : 100%; + padding : 10px 0px; + //opacity : 0; + background-color : fade(@grey, 50%); + font-size : 2em; + font-weight : 800; + text-align : center; + text-transform : uppercase; + } + &:before{ + .rumble(6s); + content : ""; + position : absolute; + display : block; + top : 130px; + right : 30px; + height : 50px; + width : 40px; + //opacity : 0; + background-image : url('/assets/naturalCrit/home/bulldozer.png'); + background-repeat : no-repeat; + background-size : contain; + animation-iteration-count : infinite; + } + } + } } } } diff --git a/shared/naturalCrit/logo/logo.jsx b/shared/naturalCrit/logo/logo.jsx index e1ade03..d3e0904 100644 --- a/shared/naturalCrit/logo/logo.jsx +++ b/shared/naturalCrit/logo/logo.jsx @@ -2,6 +2,12 @@ var React = require('react'); var Icon = require('naturalCrit/icon.svg.jsx'); var Logo = React.createClass({ + getDefaultProps: function() { + return { + hoverSlide : false + }; + }, + render : function(){ return