From 727977bd4ec0b493bf5589bc94fe8bc8f58d9b31 Mon Sep 17 00:00:00 2001 From: Rasmus Andersson Date: Mon, 27 May 2019 14:19:08 -0700 Subject: website: some UI updates to the lab --- docs/_scripts/optimize-resources.sh | 5 + docs/lab/index.html | 261 +++++++++++++++++++++----------- docs/lab/lab.css | 117 ++++++++++++-- docs/res/ctxedit.css | 2 +- docs/res/icons/close-black.svg | 1 + docs/res/icons/close.svg | 1 + docs/res/icons/dismiss-black.svg | 1 + docs/res/icons/dismiss.svg | 1 + docs/res/icons/font-size-black.svg | 1 + docs/res/icons/font-size.svg | 1 + docs/res/icons/letter-spacing-black.svg | 1 + docs/res/icons/letter-spacing.svg | 1 + docs/res/icons/line-height-black.svg | 1 + docs/res/icons/line-height.svg | 1 + docs/res/icons/popup-black.svg | 1 + docs/res/icons/popup.svg | 1 + docs/res/icons/reset-black.svg | 1 + docs/res/icons/reset.svg | 1 + docs/res/icons/settings-black.svg | 1 + docs/res/icons/settings.svg | 1 + docs/res/icons/style-black.svg | 1 + docs/res/icons/style.svg | 1 + 22 files changed, 305 insertions(+), 98 deletions(-) create mode 100755 docs/res/icons/close-black.svg create mode 100755 docs/res/icons/close.svg create mode 100755 docs/res/icons/dismiss-black.svg create mode 100755 docs/res/icons/dismiss.svg create mode 100755 docs/res/icons/font-size-black.svg create mode 100755 docs/res/icons/font-size.svg create mode 100755 docs/res/icons/letter-spacing-black.svg create mode 100755 docs/res/icons/letter-spacing.svg create mode 100755 docs/res/icons/line-height-black.svg create mode 100755 docs/res/icons/line-height.svg create mode 100755 docs/res/icons/popup-black.svg create mode 100755 docs/res/icons/popup.svg create mode 100755 docs/res/icons/reset-black.svg create mode 100755 docs/res/icons/reset.svg create mode 100755 docs/res/icons/settings-black.svg create mode 100755 docs/res/icons/settings.svg create mode 100755 docs/res/icons/style-black.svg create mode 100755 docs/res/icons/style.svg diff --git a/docs/_scripts/optimize-resources.sh b/docs/_scripts/optimize-resources.sh index 2ff2e4e27..030ab49e9 100755 --- a/docs/_scripts/optimize-resources.sh +++ b/docs/_scripts/optimize-resources.sh @@ -32,6 +32,11 @@ for f in *.svg; do svgo --multipass -q "$f" & done +# crunch /docs/res/icons/*.svg +for f in icons/*.svg; do + svgo --multipass -q "$f" & +done + # crunch /docs/res/*.png for f in *.png; do TMPNAME=.$f.tmp diff --git a/docs/lab/index.html b/docs/lab/index.html index 53efe19ff..4e13cc194 100644 --- a/docs/lab/index.html +++ b/docs/lab/index.html @@ -717,7 +717,6 @@ samples.set('Repertoire', { for (const g of glyphs) { // let [name, isEmpty, uc, ucName, color] = g let name = g[0], isEmpty = g[1], uc = g[2], ucName = g[3], color = g[4] - console.log('g', g) let style = '' if (color && color != '') { @@ -755,7 +754,7 @@ samples.set('Repertoire', { }) -let combs = `ta es ar te ne an as ra la sa al si or ci na er at re ac gh ca ma is za ic ja va zi ce ze se in pa et ri en ti to me ec ol ni os on iz az st ke ka lo el de ro ve pe oz ie gi le ge fo uz us ur ag ah ad ko ez ig eg ak ga da tu ia so ul am it oc av su jo ru em li uc un io ao he yc gu iu ha og eh ho cn im ny sk aa sc ot ej ku lu nu go ju zo ok be ai ik nc je zn no od ek vy hu do co ed ky vi sl ut pr po aj ow ee mo iv ba mu ib uk ov ep om ym du bo zu cu di ev cj oi vo fa oe hh bh op ck bu ab fe rs ir rz ly il yo mi gj id ys ji ug um ob ns dz qe sn hr ap uh ea rc nt yu ae oj zj ud js fu pu cl vs gg cc hi oh zy ue zd ou ua ry zm of ub oð gl oy au ki kl hl ks yl bi ih ls lg hd zs zl gz tr ið sm ui oo að eb ty ct pi ij yz af uv lk ay rg ya vu ln dl ts ip sv up ht yr sr hm sy uy eo ei nh wa ss gd yv uj nz cs oa wg rt we zb ii if lc uu pl gr by ye sp þa fi zk ef kc yt wl sh zg wo sw hs lt yn dy ax kz zr ps mz jh ng pc cr bc yð eu hy uf lz eq jg zz ox gn ms dh oß cm th lm hq rn yj kr xa yi yk uo zt sj xe yb jc wu vc dr br tc tl my zv gs mc pt gm rl xi hc bl lb ds dn sg bt yp tn cd rd vz vr gb aß nk zc iq aq dc bs rk sb ex yh sd vn vd cv yd zw cb ml sz lp lv sf pn lr ws þo þy ix mr qu mt xo ld ll lw dm cy cp wz rb hb hn bz ch mh hj lh hz uß rm dg gw kt jz aw eð uð oq iþ rh hf mg iw kn fc iy cg vt hw wh hx gc ux cw aæ zf lj nd gt hg py tz kh nr nv vl fh tk oþ gk hk nm xh yf jl pz cf xu þu aþ nb pg yþ dk td jn fl ew gf bn þe gx nn np lf fy zp uq yg dt oæ tt zh jt kv tm ðo fs nj þi cz jd mk mn nl rr rv wi ða fn gy jr kg rp tj tp xy ði ßo æo` +let combs = `ta es ar te ne an as ra la sa al si or ci na er at re ac gh ca ma is za ic ja va zi ce ze se in pa et ri en ti to me ec ol ni os on iz az st ke ka lo el de ro ve pe oz ie gi le ge fo uz us ur ag ah ad ko ez ig eg ak ga da tu ia so ul am it oc av su jo ru rt rf em li uc un io ao he yc gu iu ha og eh ho cn im ny sk aa sc ot ej ku lu nu go ju zo ok be ai ik nc je zn no od ek vy hu do co ed ky vi sl ut pr po aj ow ee mo iv ba mu ib uk ov ep om ym du bo zu cu di ev cj oi vo fa oe hh bh op ck bu ab fe rs ir rz ly il yo mi gj id ys ji ug um ob ns dz qe sn hr ap uh ea rc nt yu ae oj zj ud js fu pu cl vs gg cc hi oh zy ue zd ou ua ry zm of ub oð gl oy au ki kl hl ks yl bi ih ls lg hd zs zl gz tr ið sm ui oo að eb ty ct pi ij yz af uv lk ay rg ya vu ln dl ts ip sv up ht yr sr hm sy uy eo ei nh wa ss gd yv uj nz cs oa wg rt we zb ii if lc uu pl gr by ye sp þa fi zk ef kc yt wl sh zg wo sw hs lt yn dy ax kz zr ps mz jh ng pc cr bc yð eu hy uf lz eq jg zz ox gn ms dh oß cm th lm hq rn yj kr xa yi yk uo zt sj xe yb jc wu vc dr br tc tl my zv gs mc pt gm rl xi hc bl lb ds dn sg bt yp tn cd rd vz vr gb aß nk zc iq aq dc bs rk sb ex yh sd vn vd cv yd zw cb ml sz lp lv sf pn lr ws þo þy ix mr qu mt xo ld ll lw dm cy cp wz rb hb hn bz ch mh hj lh hz uß rm dg gw kt jz aw eð uð oq iþ rh hf mg iw kn fc iy cg vt hw wh hx gc ux cw aæ zf lj nd gt hg py tz kh nr nv vl fh tk oþ gk hk nm xh yf jl pz cf xu þu aþ nb pg yþ dk td jn fl ew gf bn þe gx nn np lf fy zp uq yg dt oæ tt zh jt kv tm ðo fs nj þi cz jd mk mn nl rr rv wi ða fn gy jr kg rp tj tp xy ði ßo æo` let uniqueChars = new Set(combs.replace(/\s+/g, '').split('')) combs = combs.split(/\s+/) @@ -770,7 +769,6 @@ function getEnglishWords() { if (_enWords) { return } - // const words = text.split('\n') let combIndex = new Map() // comb => Set{ combWordsHTML } console.log(`computing ${words.length} english words and ${words.length * combs.length} combinations...`) for (const comb of combs) { @@ -1411,6 +1409,7 @@ document.head.appendChild(fontCSS)