From c4f5ca74f6f7e6024044c9f29067563e02db2f43 Mon Sep 17 00:00:00 2001 From: 3wc <3wc.git@doesthisthing.work> Date: Fri, 13 Nov 2020 02:39:11 +0200 Subject: [PATCH] =?UTF-8?q?Working=20Jitsi=20ID=20lookup=20=F0=9F=A5=B3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package.json | 2 + src/App.css | 46 +++----- src/App.js | 115 +++++++++++++++--- src/img/bg.jpg | Bin 0 -> 431204 bytes yarn.lock | 307 +++++++++++++++++++++++++++++++++++++++++++++++-- 5 files changed, 412 insertions(+), 58 deletions(-) create mode 100644 src/img/bg.jpg diff --git a/package.json b/package.json index d587450..c26986c 100644 --- a/package.json +++ b/package.json @@ -6,9 +6,11 @@ "@testing-library/jest-dom": "^5.11.4", "@testing-library/react": "^11.1.0", "@testing-library/user-event": "^12.1.10", + "evergreen-ui": "^5.1.2", "react": "^17.0.1", "react-dom": "^17.0.1", "react-scripts": "4.0.0", + "slugify": "^1.4.6", "web-vitals": "^0.2.4" }, "scripts": { diff --git a/src/App.css b/src/App.css index 74b5e05..d7016ce 100644 --- a/src/App.css +++ b/src/App.css @@ -1,38 +1,30 @@ +body { + background: transparent url(./img/bg.jpg) no-repeat; +} + .App { text-align: center; -} - -.App-logo { - height: 40vmin; - pointer-events: none; -} - -@media (prefers-reduced-motion: no-preference) { - .App-logo { - animation: App-logo-spin infinite 20s linear; - } -} - -.App-header { - background-color: #282c34; - min-height: 100vh; + height: 100vh; + width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; - font-size: calc(10px + 2vmin); - color: white; } -.App-link { - color: #61dafb; +.App .Main { + height: 60vh; + width: 40%; + background: #fff; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; } -@keyframes App-logo-spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } +.App .Main form { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; } diff --git a/src/App.js b/src/App.js index 3784575..c67729d 100644 --- a/src/App.js +++ b/src/App.js @@ -1,25 +1,102 @@ -import logo from './logo.svg'; +import React from 'react'; + +import { + Heading, IconButton, StarIcon, Pane, TextInput, Text +} from 'evergreen-ui' + import './App.css'; -function App() { - return ( -
+ ); + } +} + +class App extends React.Component { + onClick = () => { + console.log("Foo"); + }; + + render() { + return ( +glHk%k-FnFV`#FpgPqqr~_9+&-DwDOLq}luztF`^XB*+ zu+%0;Qw!R2B0T8vI}pnQc8+8~6v-2TPXPU~BBPJj$u&t_O^qnZa%J7rdvf($`7@0p zW|0dsTjnfw)o=J0mAVT9tFm@cvzIcL+^}z`!Yb15em!EMb{y4Z6h)a@8fKHuMzojr zBAiIHQKaf1V)>iroLHrt^kL0Lp5$VmrtI$h8p>9MRb>!8N3_r!y?E!4EQQ})H@(E= zsxBk6neW#+pFkXAhBcz845E&%4JjG?F!WA#o5zi+q3e>N1e&DlR3N zUxRh;eEeR}-X(Q6^ZUWjl{n0KCMwmyg1FW=P`Ac>&bMJaQ#2g+(V$9^Pd;y$i6APl zJyB;O=esmjhC@G^_>nBsB_W*piB$9n<)#}poX7aru+g$>UhzE@5yh&3JI$D>Nr|Kz zw?;DqFOx@MHqN&Kk8}=v)A{xGjcn`*Nx?dX?eZ1&zPxf9_uI#fGSq=A6Tz=Ub|r|s zqi&6gW<(NvqYKpM&UoxRvMCW_1#Ety>v>DKQ5)D>Nk{feQs=RB7>T1~dZ7stib{ (PyUB>F!oic|$Ttyz(=b7w@vV E=Jz@atGb1hAALC_LdT3 Z*w7cV^0){Tn2 z#G&1w >;&Am*p#hu>}b2 z2;;egSuD+Jtc&mK;VEw4q6{&=4yUV_(Go+CrA*TFfPaJYK#LalBSf1tef;qC`{q5S z8Q6z4`z!lhq_vX*u8yECJ!3vJ{f`y0Kj$4dw)P%qX=S}MlT}9XKLw;1Ac}({2F&*~ z+N(d)PEgd$P=Ma|P$(9!e}@Sb-|Ki&nlL4d^j*J_1r=M{S|xM_>LtSwJ>@o;zg@qa z6~ESpzT9mP+m1ufcm9RIqYeIqNPeyz-4pRkYab)`7cbmt-2*<=lEAo2_4P!G@l-D| za^Uiw2s^_s6n==Px?xRx5bKi#scF~svm--GrM9(Uq;Lloxj1lh!hCeGyId4o7pXD) z@Bs1)OJ^NeSkzjQ9b1s27_Cupq8Pt*%C*dtu=3VY!zMDU0|y&NHv27x+f`^PpU9`m zaT!JA2xslA!%)~VIe!m5<=kjarX?DZ8fV2?FgE1rOTreRK<~;jEA~MxE^wsm0hvyg z0S5)U5<)_PQtbqWCMz6)W>*TN6j6rtCxnfjbSAveq5MVMVZ+;$rLhWQ2L~4-9{dV5 zf&}bukVTkt42`xC_ucTk7@%B2KgI2@zUAt+T15)e?kH1p`&{9k^NKXqfsXOG=S*y^ zmd53=YDC@i(sQ Wxk?K0X-p(eLAI%T`vPBU3uMU!yc?BNtf%sE}=vWFnnz|zvZ8GHG{ ze4VQSC-p75S-#90JiqvDuC;4>ySC!(sRXCY&rS_v2I?erun!w5YY5|bT|c?l0%NA| z9A3+@bW;R>w4@aKe4@OT(#Cf|_$^2ExM(qz10<>2V{10uqipnoY-?;2VV9;RXynI< z%sO3z3U7WO7u+mUSZj1EttLiIfMaZIKi;=)`{c6lpeMkmVD!;y2W>l4sg?Z;mkiLn zn4V^)e6X|Ui)HZkbT?mBcc7bhxFF|czJw*Yw9fHl`pR8M4P%97Eh<)PN%yXs{q${U z+N2itnO1L^;Oic8hYwm&+N%DJ3##u=V0X-2PL4v^6G((};^eV!WX0@L%&M~M@)lco zYGOkOzYDnfB2Kc|xxJ-9pvqox3XeI<@zcO}60NO^6qvFt>BmAi_Hd;b*I4q+EC)O1 zFg1-);Af 41v44%iXw pH~=~XBge9SrE$W OzQXBrTWru`}a8)XBPfIhjKWh=> zXrpL4wiyb?iQj 4X03xFdj6D`pV@vkZKGk#$0tJ&&M ztI`B2iq;rta_4Y_jHd#_bOm=V3iJ7sp;<=_B?hDO5&T=X`eJdJQkFwklj`BxGjXg6 z4T2us9`Z2JbM+DL3(TGX5>X!~Di>-)is{H}>*Ktu03VZwmJ!xIP)?DLE~E_?Wq7f0 z+`TU=7@)4Bc$qPcOn(a(U~#m6PrW%{%A-14(FqPU>C~@T2$zcFv~b|9xH&`Vh>Nt7 z)0iiES07((R(*N<4Yfs`Oj+-7?`=1KvS_i%i8`?9A~=LT*(qz;h#0iyRdk4sS&W3! zM4R6D@C5L7$Ro$qbj=PF;`fR3C60SkPR!n}_buL!VJl% yVHB&4`_Hf=08mZCx$v%FJ7e#upx-C&ECNtwZc5VX7TIOJ9@ z+NI9&Afv$+(u7s!#mnq1WFo1yUQjnm;oBuUVo_pnswyA4L+HQB5^F~50jeu-L-2AS zE7#uT+Ne66D~YGW_KA7h1*U69LAjLgcULAfJ8R_%Ent~ay=`i<@t>?7>3WsB469<{ zL+nG gKN+hKw;2#vo_aP~pqd#}gs(XK{;G_x3hTQtKEI>m%RxSHiada` z&Es%7-_7FjRm#fxSR<#+q7*Jgs$$au3g3pZ*b_i6BEgxkKM3ce#BuUwIvY4vVb0nF zT}9bu@cQwn7v4k0f{^_2brGB+kT>ITt}IyC)<_f8E|5<(j5-FO8`@~AUcVG@z91)m zwl%i?lLoqA;9Y>SXMIEta&ywwWU&cXOsqZDfKR| duQ%7T&EE T7HAh>s58)e0zeU=T1hGvE3Wg0onK|RqBJ+`XU7s=M z8JfAd>;$n&u*q%a5QRPC%l Ff#^aPa{WhmmmfSX4%KCWB zu>38A>E+Q`7o$hv&BgXf?EKHJ#UFAWPIF@TrA*W6@wuaqlT+ibeAa#Go&fe{TSPMj ze5BQW3RN{z76iSKB6%)}HhOUYbm9e$ZdU9H0!1E$#vg-|urt;$h8yI?n=t9%A&mk( zTJ@ey)7x-KIXDWL^rkR*Pdrwv`gm6T$wAFJwoVR$iWDsIJXWVQC1|79J8aU7JS(`K z0=BYI^2v0Hie;UIVbLfi(6$r)M?*!3&LHR*T}*?hF9>e+$8APVTmd _&+*u=eV;g$a*- }RL-P{QqkZ{DqpQdg81VHVVz`?mN#ArZ+ zt`)Ix3+Zp7O({Pf%ya6 }mC-}r&9mGV F5DBH z5TJULcI%cW&C$k3hjB-z3tST0VoPPEmv(GjkEL9V{YXGe=eV$r1qnst%`eADMp#xY zFObsJ9q}_cV(HiszY;qNkaO(Htted+P2F*~Es~yKcJc#(j~$qHY&=s=iUJp{!4ua0 zh}0+VXTKSHRGll#3p@c9g}jOTh<&6qrqMVWj?UN#ZwB|zQnjW&X6Q(+y-;UCmFb@< zc-@n|zz?F$1#Y~ai2g!ioZewaU&~9Ie{Bt>djwTB)3lDsEVw(qC7`hN>f+aex*m(f zAZj8vO(7VmbdjCjta&p9YrDxERl|Rn3-B (rau^P!zv< zW7U2I adgV Ti`>D?e*$7#SicMYtgO^|EQ1ijDjKiG6jwUW zl?TYX)eW4Oav+p_+ PEDVh#JG zsjD~E_U(<>;n!blOHDGvYAavz$iz*t UM+!gz3c8nkQCNh7pY1ZY-z1j@7?~Uvv=17BXdJ9;`{5b zDJka lIs J>6P*5D^FAH1|}feMwsmd4D6$0nSMR% zlpkvm|9kg5`eG49Va(n9U!Cnqx+~>4p`6`2N;c+Yoy?V?gZt`n>yfTh-;vptmxD28 zli=h-NK!3_vm^YDEaE?ZIvpwN %14YJF%^j23<_`=v+%obK}RiKb`=v9uoXo=xJE;nb>k+RT8J3Z^HTH zJwR@cAAr4@Sdr{8f&?am>&rC3QJR*ZZ7$J)a6|U1d~CZMzW2IYMjnzde68t$tCj*c z*s-JH%r<4+`H2tSXior*EK`G_B25i#!mnEr8w?RObWlU1QR8gDuADiwnGWaN7*{I% zA63GY(T`_DzaAZ5n5i@yp@o^R8z1_5Tt5Na`A3V*ce^wjP`f475rzrShgFnFc$B1e z*FKBhR3^GFfMleljAzjJ#;mr0Xl{(WQ`Kh0QRaDa&J}X5WV)bJIv=bz6N#loKmBq) zb~;^Jh|e6ZCcKL-^OXaJqIvw{_mNpeoD&;%7@(Oycw-YZ7fWbBFWbS_BCxi^%4