From 8c9d0ebd003a75541b89c989f6ba4784feae55c7 Mon Sep 17 00:00:00 2001 From: Francesco Luzzana Date: Mon, 6 Jun 2022 13:03:48 +0200 Subject: [PATCH] icons and popup --- uc-front/about.html => about.html | 2 +- accordion.js | 46 ++++++++ background.js | 6 +- uc-front/categories.html => categories.html | 14 +-- images/icon_128.png | Bin 2507 -> 1747 bytes images/icon_16.png | Bin 342 -> 370 bytes images/icon_32.png | Bin 610 -> 540 bytes images/icon_48.png | Bin 889 -> 731 bytes {uc-front/assets => images}/logo.svg | 0 {uc-front/assets => images}/test.jpg | Bin options.html | 29 ++--- popup.css | 117 ++++++++++++++++++-- popup.html | 27 +++-- popup.js | 22 +++- start.html | 12 -- uc-front/style.css => style.css | 6 +- test.html | 20 ---- uc-front/tips.html => tips.html | 0 uc-front/accordion.js | 28 ----- uc-front/assets/logo type.svg | 24 ---- uc-front/assets/logo.png | Bin 9037 -> 0 bytes uc-front/index.html | 26 ----- 22 files changed, 223 insertions(+), 156 deletions(-) rename uc-front/about.html => about.html (98%) create mode 100644 accordion.js rename uc-front/categories.html => categories.html (92%) rename {uc-front/assets => images}/logo.svg (100%) rename {uc-front/assets => images}/test.jpg (100%) delete mode 100644 start.html rename uc-front/style.css => style.css (98%) delete mode 100644 test.html rename uc-front/tips.html => tips.html (100%) delete mode 100644 uc-front/accordion.js delete mode 100644 uc-front/assets/logo type.svg delete mode 100644 uc-front/assets/logo.png delete mode 100644 uc-front/index.html diff --git a/uc-front/about.html b/about.html similarity index 98% rename from uc-front/about.html rename to about.html index 3c5ecbb..5480651 100644 --- a/uc-front/about.html +++ b/about.html @@ -51,7 +51,7 @@

“A fresh start for the people.”

- +
diff --git a/accordion.js b/accordion.js new file mode 100644 index 0000000..e32bf6b --- /dev/null +++ b/accordion.js @@ -0,0 +1,46 @@ +const accordions = document.querySelectorAll(".accordion"); + +chrome.storage.sync.get(["selected"], (result) => { + syncCategories(result.selected); +}); + +const syncCategories = function (selected) { + for (const accordion of accordions) { + let expandButton = accordion.querySelector('.more-info input[type="checkbox"]'); + let content = accordion.querySelector(".content"); + accordion.style.height = expandButton.addEventListener("change", (e) => { + if (e.target.checked) { + content.style.maxHeight = content.scrollHeight + "px"; + content.style.marginTop = "24px"; + } else { + content.style.marginTop = 0; + content.style.maxHeight = null; + } + }); + + let checkbox = accordion.querySelector(".switch input"); + let category = checkbox.id; + console.log(category); + checkbox.checked = selected.includes(category); + + checkbox.addEventListener("change", () => { + checkbox.checked + ? selected.push(category) + : selected.splice(selected.indexOf(category), 1); + chrome.storage.sync.set({ selected }); + }); + } +}; + +window.addEventListener("resize", (e) => { + for (const accordion of accordions) { + let content = accordion.querySelector(".content"); + if (accordion.querySelector('.more-info input[type="checkbox"]').checked) { + content.style.maxHeight = content.scrollHeight + "px"; + content.style.marginTop = "24px"; + } else { + content.style.marginTop = 0; + content.style.maxHeight = null; + } + } +}); diff --git a/background.js b/background.js index 69418af..21fbf99 100644 --- a/background.js +++ b/background.js @@ -3,6 +3,10 @@ let categories = { title: "Collection of Data", keywords: ["data", "collect"], }, + usage: { + title: "How do they use this data", + keywords: ["usage", "use"], + }, third: { title: "Usage of Data", keywords: ["share", "third", "companies", "party"], @@ -25,7 +29,7 @@ let categories = { }, }; -let selected = ["location"]; +let selected = []; chrome.runtime.onInstalled.addListener(() => { chrome.storage.sync.set({ selected, categories }); diff --git a/uc-front/categories.html b/categories.html similarity index 92% rename from uc-front/categories.html rename to categories.html index 3f47a11..080b7eb 100644 --- a/uc-front/categories.html +++ b/categories.html @@ -35,7 +35,7 @@ ? @@ -53,7 +53,7 @@ ? @@ -68,7 +68,7 @@ ? @@ -86,7 +86,7 @@ ? @@ -101,7 +101,7 @@ ? @@ -118,7 +118,7 @@ ? @@ -135,7 +135,7 @@ ? diff --git a/images/icon_128.png b/images/icon_128.png index 6b7ecb005da2cbd261c216f395c34f940da874db..bf3cc095097da48e5d6a24e471159ca207d7ab0b 100644 GIT binary patch delta 1682 zcmai!`#0MO0>!@}@n|$MluWCdFs!yJ)y<-$^=Q$i2px1xiRc=yc9a=!!S~y!#GBDp zTh=SBqFRqtGD^Y}qgbM-E>jYz$6$jL8zGM|f54tS=l*a%=iJ}!xpzo+{9vIks1{Cg zcJfJtiDo>$_whZXz7fNBzp)c*X;g(QT2{jporP20s*wW1g(??VUt*5vjvAUYJ-h#M zqPzG=M#fyQi?QY@_e$jIfup*9wK?Qd5$`;hZSl{_xCxxF!CQ=ht&SLeheQUJR#Cqn zQI^wYQyaZq%Tv~|_zV-|; zb*L}iW1R16rjLY@OTn}|bfRRSv}zWQQChHe%IB_^l&qyKecQYZx;4fEFH(4| z%Wxzt++9lX2QP}xhh6Zh_rzv~(K9R{b^Ak9!26TMl!zl{=AlNzEia`8V-z4g1?mWY9DBq0X=(2%R^7m(F&T|7Bu zcv8XZ1d-k9Oq+YFuzF95bg*pVjf-_O|5ZW>4hkNXI~q6=VuhSsIsgKbIDeA}r3 zovyFAf%L0xF=I<(jLE0H3R$VoOHNG)E-AWy8Az<%llFfg+1blTH+Ku>*y*~l=D*CHW&kF4zfp)f z2L7S2x(MhLF@yv-&In|uT>yGthg<{4dZ=2k%Z|$T%HtMjU})^s?qQXnFEI8V^%X{d z{tS6)B}@Y{4cKuz;V;*MHJRk~?K9%sPW6JIMo(q*M#NEBi4kD<>r02obSeQ}nLhS$ zH(0}w`INK0-wn!E;cNQ-r2_+qbyPaOmdHajy44JR{ucBQS%JiTFJvd!@*PNcC%{^R zEj!KQ;6C6011M*GaP-3gn4j6h93C2qi{|WT!Ti3$X77X5M)jXys)%clI2cG+e*(gO ze$HVjbZ_PyabT#+;NO}{U1h90cfosXT{INZtA5T?CqwCu-}2m zjgI(o?pY@ZcBF6}4e1ALjbqF>N4ARTKxZ#a{+K)9Jljkp301pAX@bSSQ8-uiT2@N4 zP>!++`XEmr|QsgQ9G~Je|39xr*>4f7c$aPg*Y5_H$4HJ}F%VHZ|)upv|9sn?M zZp3D1e{gGK?l>${5(g@Rk+N)7W4Sj>K#y_5CI{HKRBZ3&&K6Io1$}plRRc~eQ9Y{K zHy+K}1hQZPVSX+n@6G4c7T4z0Eq0O%k$q8=w1@S;>6fej&+XzzpPqyppI~J#1Fzk2 zUpqfPdfZS>#ubgdJ_Hs%W5WNs9PYJ{^GP~9wcBJ|W`?e|w&9r9-jDZHF{GFkx{SA8 zsjC_LS!<$->yC5#a$D^76|nz*Ap~@Q5!$Krdd#qtk5qShAH9hf*B^wZ5voG!Y zj7oP46oI^iRw?))(jzZvy})66@Tw&{!_uoCt)l(7gi&P&>a!J(Zb~?`>|n$oT>D?& zAmMAY_Rsz~yy;mjVbqI^QdE#-ELJvLr7@-2wL(F{;pCdh*2>MAGX<9Y^e95 z1isj44pBu9VVIlkxP%E=FYP)a>Zfan>geQ0YI$^X%C+n(&)#cKvZl)xouW=CRri8k W-L=i2B?CwR07x!m=Y|VG^gjUH8XAWH delta 2448 zcmV;B32*k(4a*adReuR!Nkl+I~ep!@!K*(Ph$jj<)&ztvRuj(?#3>HBS9Gb_s}Fm#{)%L z_$}I{6d!Vf4u4`0-}*X|p+m9380{R$@hz;gYqXr`^6h1c7Q*(PU7R*mbjUJ;qh5lG z>0pCpfluL)!C-*X(^H(BoWK~f7XH4JDsOLZ3(50*{YiOwdBOAZ^Wt}&$qPA$c=}mw z00zr}9fO9ULN6~bF&qw&B*{YAN@xU>hld9|K0Ypt!+!%g92kKLgN7shLh19XtE+jM zrt_xZJx8O_yfCz;n}ZAi_7DsjRDSV>dr|s(%x1HB;eC2*1O^Q#zkJ)XESrZ4%SNx@ zx-Jlq5e(3P@~^M2=dZ7?^S02SAw0qJ9D>uX9$kINZ~SL8WC$~OVhTqO#lVW~YFD_s zyK@~ZHh(^Ua1BQfGaipyT0dFuuLl`(1+h>q>dwV9&k`h>%HAc45BZ14Myqqrb}7@@$Gj9)6wV!ETIcIUVUzOfCQGx zXKr3pzB^dA%zLziI$rk%ss>=~Uqmh{@_zx7$piw{O?|ZqV3x_jDc!VAy8noKzJC2` z8w}=HHUn!9U|^ZgFK|sxVTJwr^=lENo}Ha7D)H#(Xd(R0-+ll7eerJs*bCr81fJGl zd6vQ&cK@sf8A8g|t-?VRCY9EmUgbz;sDoLoYg>I`tI5ByxfmxbLW2`2RJ?6Pg@2lu zDp)VDv3xwWxmal9{_4bw5N9<7Q^kz=)-ixp`_FAzLV?@3oS&adw{YRLcuihA6a+Ds zDZfzpR@U_N^fV6vhbdRVc>>V{(Ki}EVsjC;MIqo|G3C2P5K2rShyyOz1f0MEZp9V? z)9JL4ox6CCA3uH|1O#<&XaEKlaDN{@-%u$(fBr;M+}_^$+9qxTLEYOMKnP?1eEXY* zM&KJk-4AF0Rue$J4S=I|zkmNm)9{|YM+^mZZ>$Yqd&||P`Sa%wd_d*pg(awTQmgK?vp}-mE=B;*v0b2$qBmX#mEyQbJlN z*_TD3T!<@prqi+su!;kGPRUlGTb|8kPTaH0YafEZ{Zr@9vO9P7EOca+Xzf_xm@?@~M zOMEiXxD6d|FDXr6dC(ApL3)8Mtd|Q3(c4cr_p@&9 zw^sx`z;ala!C;I9^oZX69DBri6WI4L<96{vgxkg6Z7X}%nn3H`0O6i{5e>rh_q|;+ z;{a=m<8dbuJ2*0_&;@G7c8TJqAuXP0BjWW9L)0Wy+&G>cbbmO)W8*R$Kq9*N;t<40 zJ;Vn`j&LBUq5$#e*m{VMj?G{}A}U0T2lm9ly2cSKNmYf3$H#w;`1pA11Hgz87AOXV zA0Q0+N-+>IQ5KBr>>`^ewzl7r351kW#nA{H;6V8qET{E%kw9C>*c{BAxP8hHj<8xj zzDpSN^s$S`9)FQI;45Wgxwjg5Q$PvvL=KlYOkvB=00zqwMx}-4z(*fO4Ec=0L7u9- zLKyXb#u)ksSV+jHb=g3d@2I^mh(`Mkg+bvH+&*CI3_*2f;U1E~L4Ut41`c`#Xn&z09C}LWfs&!Ypzkvb8ZrXP z#l=NX%gvar+kmSNR{13c4H^N3ffc=ikJNPDv%$CBnex?pts5+-j}01z>1f*9!$(&@+;;3{@&LPsd*viu-wt5ii^$m4Llh^6=o)JA7L5-jf2A9m7m+0OH^nn zRCX!ci+_h(;RSG{JTrR#g;4n}VeLBYBKAyX2q4-&gbCVJ(IJY{$(<(P7M}9CgB}R$ zY=n+r&~Oi-<&q)5Zk_^X^9LOg)={T(>k~w8uuC#HT*(s}wD1Yqr689wLC4?v_b}*p zcQHjr+xohU(XVD9MUUKl9meRkA*6_k-wRd}D}O6wWk$s}fWdNKn+)wzIE4c_lS2F* zY}hflyY(Hy9#wo@m2rrOQ&_>QXy?n(_K*zA!5fyTbzM2XXRm88Si0Gykkgg8QUvFO zb1e5$d|rM2hZfTX1K0(P;Gfl}S;?Rx=AHkSS3W6kmG4w|tChWr{{b3t*2Z{^oc{m- O00{s|MNUMnLSTYRSCYa2 diff --git a/images/icon_16.png b/images/icon_16.png index 08cde15e473181af556f81f33fd3902568b53dc9..58422fa7d67e7d84e70c6684d4f2706054127706 100644 GIT binary patch delta 294 zcmV+>0onf60`dZoReu2oNklPA-o91Km3ID|9Ly z`~Zb^RCHHy6a{B-aB^_e#m!9@9TXfyr(h8O=b8)(AumzmZ@Twf&bjaL9%*mmZ#I!3 zu!>V4^g$FS?RC@x;|T#EKo>#HHVmkW*YN(15Ds0s^oe1j-G5o{d(VKs$SopYH!i(e zTjJ+m-}gdhetZ!4{J55l&}c3ly(=IbQcy^$R>*}kpxs?NddC&spRZ8PdcWpixH)_R zKa#nrOFKFsU!0*-nFkB7jj@y=ohg3CiNT1b4e4fS!0wYYnk!W63$(1-*8CvtWyClG s!5|$$Ve|!=n;&1hz=<$hi-nok0vVB5>q%kDKmY&$07*qoM6N<$f_wOeI{*Lx delta 266 zcmV+l0rmd!0@ebMReu2MNklHwVxrVX7R* Q00000NkvXXt^-0~g01v?>i_@% diff --git a/images/icon_32.png b/images/icon_32.png index 15da1c5315f9a6b4d9a9c672f3543bc57f5ffe9b..bed419430c22cc5636138436920d04e80d64215e 100644 GIT binary patch delta 464 zcmV;>0WbdI1e^qrR)4WcL_t(|0mYX+Ou|4IhTkhhjUr)$L=z_$7lit9ne~K7Zw6(&2>Bg%EX}h1b40 zBtczJAQ9?tBSD+oF?Y5C?HUMQ-=x&k6>llFBDER zTf+~Uus~vO7NWcisa{xMb7LAi#{5N~);C)^TnntPPT}$_2vMx6Cq{0<;5;e>iko>Xy@OUOrDE6>@*f2Mr2##*ULFl4MW!lJOf8hkj0u-FP@0#-# zX}N2GQuz;$Pkp4b9aq7&1U`&;=8WT1`_#-w1%;0zbV(4Y&vHWktC)i|AQ6Q@uRszU z{8oX=_hoc}bJk!gKT^zJWL1k9H-8=zfP#&^Uu2pVqwIgje6qkDjCXnf0000La1G+(0pc9Y{ z!Uo9(VFOn$4Y}a>n@@Rnuh$dUPm*O>MC6Z{nK8eZ2~%`7;K{6+4`#vq>1>NYFt5yp zDFc{yYbOKIeFuu_c%=yt%xVGg7b^ltKub z6NyV)=)|!p1bmU_xycb{CPw0?)2WRx6j+0`1}9>j_^9BJ?zzAoBAEX1mJD59l-B35*oPMZ#D^lJgvSaD*%p}*eVW4GIp3w2#nnx?ef zZYhc)%CfArxqrZYLN%rMQx3gy-FGw~O(d;t*qn6G90Ro99~oEiafXa7m$M>W&MRx0 zsQae}e~)ZH%1z)b5C=dZ>o*h#h?wwvhK~Sn;BA$wn3BZ&o}d_Q&^Xu{K3asxz+>oA zQ50kY_X#S?vX2%=f-4CdKC|I=yQ!vD`=Ca$7Bua6-+u-{%2f<``+b4-PUEZFSM-(s z|1rwnj+Rz@jxnl{<2fE>0X(12axSn3c?=}4TBvBjk<1WzMHUD$45cA60*ZL*Pzo5w za%_sIATZ1d8W3zqx2{PI#GPZgH4`)F6}b+h!kj?t5z`C^QifI!Hl46=Z61+7R{44U Z3s|69!Vn(R5~2VA002ovPDHLkV1lCf^dtZP diff --git a/images/icon_48.png b/images/icon_48.png index 72707845b8dc0e1ba7a1c288e0f52b370294237c..285c823ff3b6a2b7372ee3824472046e0e9f0f46 100644 GIT binary patch delta 658 zcmV;D0&V^I2HORYReu6-NklY$Qv!fCsvCX#_|~r&=v7Y17!;Lu)BQLiKfyA6LpJ zS&6Rh@PEhG_VGjD7_+!xX49wV0eAXnOCAEST*s+&zU1EwjDG>SV!MEh@fj`(&;fxK zdd^J8%D0XLZftI76W&8gbbEVOQn{<`SqL!;{V>x;X5VlPV;8X`CJja=&j`GJb`~5gEbrh)yMN+5R)NcxGPrr|6gcn`o?u-l)EfIr^OXcDPi4hRW1$2m zX!+FYY642fz=gaKT6m&XKY%KUYUZl%_Ml2)1gh_U`+x3#21$ef1+TtUuRf6oft6Rg zfvQi$F7V+~7a!#olvo9*>Ps(vVHjc)pz!w|+p_m}FbuH>c;SPt`#~ZX;0#YhDnO0e ztw&pI;R)88`u{=qxGUA&Kv&w62wi}xzOcN_TJ=Ff6QJPFWz|=k>J6F-tOB%D=)y!j zeb~W0hJO~I+drx{g{G$o!=BewQ4*kjox=WXJAa=Xe3!pb2mY7Q8=ANo3B-*QaO=<% z7s4We1~f%D{faP)TV^(O@KwILFF+?;v^vf6Q-*Dwv(a~EXaKrESt&D)zgF>}?B8U)t7`O(TB*qp$O*#&|(b01E&B07*qoM6N<$f-%-PcmMzZ delta 817 zcmV-11J3;01^EV$Reu8xNkl9Y6<`03B!tJS*^B z1$Y%;2iO62kjsy7$5STBK)~Jaz1dwi*)WrtOu}SW6o$yi-pDT_%E+euUDWGyZ{^m? zpZ4>|fO46U!iXLzrIDDPMlY^-P2&|GlAIPWB%49;SIKAw6n{P4trwDt0(v8%`DcAd z@XS3;B=dcsQc52V2c74+uBuAcb*($_b6J-9a=A2p&{tqcMkC359*`u7E{Z}+fkAN` z&t}BlHRx`)Yi4>X7{k+$*jIT)mY9#CNS{t89h&3u*o;l~HKBYAsK^rMaQ$4s8;~~o9h{72@bEZsRu*+M#5V7HdR5k{jd(t%3+wJz>SewnJIU|i_ zyKh*eN^uvJxkD-Rg<3SQk zSa|m};YJc{x&$-8L=8i4fzN*qhRogs7_RXRlstQUSlVXLG3lz$QMvP1cbJW%8)?#{6$LKb&HLXI;H zN-m+w>-_?NMZ~u?smGv=A!8Oec6q@ChcoUc8A0^_iU}u281#C@gqg+}34JVOlAy|W zz;&Ox - Parse Policies - Options - - + + + + + Document - - Go to start -

Parse Policies - Options

-
    -
  • - - -
    • -
- +
+ U Control +
+ You are one step closer
+ more control over your data +
+ Get Started +
diff --git a/popup.css b/popup.css index a4f8164..9c4d8fb 100644 --- a/popup.css +++ b/popup.css @@ -1,5 +1,16 @@ -body { - width: 200px; +* { + box-sizing: border-box; +} + +html { + width: 300px; +} + +body, +html { + font-family: "Sora"; + margin: 0px; + padding: 8px; } button { @@ -8,33 +19,117 @@ button { outline: none; border-radius: 2px; cursor: pointer; - border: 1px solid currentColor; + background: white; + border: 1px solid #b6c2e2; } -button:active { - background-color: currentColor; +button.active { + background-color: #1834e9; } button.current { box-shadow: 0 0 0 2px white, 0 0 0 4px black; } -h1, -h2 { - font-size: 1rem; - margin: 8px 0; +header { + display: flex; + justify-content: space-between; } -ul { +h1 { + color: #1834e9; + font-weight: bold; + font-size: 24px; margin: 0; +} + +#selected-list { + margin: 0; + margin-top: 32px; padding: 0; list-style: none; } +.category + .category { + border-top: 1px solid #eef1f8; +} + #preferences { background: none; padding: 0; margin: 8px 0; border: none; - border-bottom: 1px solid currentColor; + color: #1834e9; +} + +.category { + display: flex; + + justify-content: space-between; + align-items: baseline; + padding: 12px 0; +} + +.category .title { + margin: 0; +} + +.switch { + position: relative; + display: inline-block; + width: 30px; + height: 17px; +} + +.switch input { + opacity: 0; + width: 0; + height: 0; +} + +.slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #eef1f8; + + border: 1px solid #b6c2e2; + transition: 0.4s; +} + +.slider:before { + position: absolute; + content: ""; + height: 13px; + width: 13px; + left: 2px; + bottom: 1px; + background-color: white; + transition: 0.4s; +} + +input:checked + .slider { + background-color: #1834e9; +} + +input:focus + .slider { + box-shadow: 0 0 1px #b6c2e2; +} + +input:checked + .slider:before { + -webkit-transform: translateX(12px); + -ms-transform: translateX(12px); + transform: translateX(12px); +} + +/* Rounded sliders */ +.slider.round { + border-radius: 17px; +} + +.slider.round:before { + border-radius: 50%; } diff --git a/popup.html b/popup.html index 198bd60..535c611 100644 --- a/popup.html +++ b/popup.html @@ -2,15 +2,28 @@ + + + -

Parse Policies

- -
-

Selected categories

-
    - -
    +
    +

    Ucontrol

    + +
    +
      +
    • +

      The

      + +
      • +
    + diff --git a/popup.js b/popup.js index 3ce10db..a2926c8 100644 --- a/popup.js +++ b/popup.js @@ -8,11 +8,25 @@ chrome.storage.sync.get(["categories", "selected"], (result) => { const listCategories = function (categories, selected) { let selectedList = document.getElementById("selected-list"); - for (const category of selected) { - item = document.createElement("li"); - item.innerHTML = categories[category].title; + let reference = selectedList.querySelector(".category.reference"); + + for (const [key, category] of Object.entries(categories)) { + item = reference.cloneNode(true); + item.classList.remove("reference"); + item.querySelector(".title").innerHTML = category.title; + + let checkbox = item.querySelector(".switch input"); + checkbox.checked = selected.includes(key); + + checkbox.addEventListener("change", () => { + checkbox.checked ? selected.push(key) : selected.splice(selected.indexOf(key), 1); + chrome.storage.sync.set({ selected }); + }); + selectedList.appendChild(item); } + + reference.remove(); }; const preferences = document.getElementById("preferences"); @@ -22,6 +36,8 @@ preferences.addEventListener("click", () => { const activate = document.getElementById("activate"); activate.addEventListener("click", async () => { + activate.classList.toggle("active"); + let [tab] = await chrome.tabs.query({ active: true, currentWindow: true }); chrome.scripting.executeScript({ diff --git a/start.html b/start.html deleted file mode 100644 index adf4a97..0000000 --- a/start.html +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - Document - - - Start test - - \ No newline at end of file diff --git a/uc-front/style.css b/style.css similarity index 98% rename from uc-front/style.css rename to style.css index 2ee79e0..97168eb 100644 --- a/uc-front/style.css +++ b/style.css @@ -113,7 +113,7 @@ header .description { } main.tips { - padding: 64px; + padding: 24px; display: flex; justify-content: center; align-items: flex-start; @@ -133,7 +133,7 @@ main.tips .card { } .tips .card .title { - font-weight: 600; + font-weight: 400; font-size: 32px; text-align: center; color: var(--color); @@ -298,7 +298,7 @@ input:checked + .slider:before { .accordion .header { display: flex; - align-items: center; + align-items: baseline; } .accordion + .accordion { diff --git a/test.html b/test.html deleted file mode 100644 index f263d74..0000000 --- a/test.html +++ /dev/null @@ -1,20 +0,0 @@ - - - - - - - Document - - -

    - Tempor dolore voluptate aute velit. Anim laboris deserunt ut Lorem sunt. Occaecat - consectetur ex proident culpa consectetur aliqua minim nulla consequat amet enim. Ipsum - excepteur fugiat reprehenderit laboris sint. -

    - -

    Location tempor eheh ahah

    - -

    Usage of data

    - - diff --git a/uc-front/tips.html b/tips.html similarity index 100% rename from uc-front/tips.html rename to tips.html diff --git a/uc-front/accordion.js b/uc-front/accordion.js deleted file mode 100644 index 59b5f19..0000000 --- a/uc-front/accordion.js +++ /dev/null @@ -1,28 +0,0 @@ -const accordions = document.querySelectorAll(".accordion"); - -for (const accordion of accordions) { - let expandButton = accordion.querySelector('.more-info input[type="checkbox"]'); - let content = accordion.querySelector(".content"); - accordion.style.height = expandButton.addEventListener("change", (e) => { - if (e.target.checked) { - content.style.maxHeight = content.scrollHeight + "px"; - content.style.marginTop = "24px"; - } else { - content.style.marginTop = 0; - content.style.maxHeight = null; - } - }); -} - -window.addEventListener("resize", (e) => { - for (const accordion of accordions) { - let content = accordion.querySelector(".content"); - if (accordion.querySelector('.more-info input[type="checkbox"]').checked) { - content.style.maxHeight = content.scrollHeight + "px"; - content.style.marginTop = "24px"; - } else { - content.style.marginTop = 0; - content.style.maxHeight = null; - } - } -}); diff --git a/uc-front/assets/logo type.svg b/uc-front/assets/logo type.svg deleted file mode 100644 index cd16cc5..0000000 --- a/uc-front/assets/logo type.svg +++ /dev/null @@ -1,24 +0,0 @@ - - - - - - - CONTROL - - - - - - - - - diff --git a/uc-front/assets/logo.png b/uc-front/assets/logo.png deleted file mode 100644 index 51573b023dedb83ccb8eb8065278916efc20f999..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 9037 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 diff --git a/uc-front/index.html b/uc-front/index.html deleted file mode 100644 index e28a44e..0000000 --- a/uc-front/index.html +++ /dev/null @@ -1,26 +0,0 @@ - - - - - - - - - - - Document - - -
    - U Control -
    - You are one step closer
    - more control over your data -
    - Get Started -
    - -