From 990b8c529ba47cf297838e7418f0662ea52de585 Mon Sep 17 00:00:00 2001 From: Frederic Heem Date: Tue, 29 Oct 2024 15:56:21 -0300 Subject: [PATCH 1/3] Result Summary Component --- examples/result-summary-component/.gitignore | 24 +++ examples/result-summary-component/.npmrc | 2 + examples/result-summary-component/README.md | 23 +++ examples/result-summary-component/index.html | 17 ++ .../result-summary-component/package.json | 20 ++ .../assets/images/favicon-32x32 copy.png | Bin 0 -> 1063 bytes .../public/assets/images/favicon-32x32.png | Bin 0 -> 1063 bytes .../public/assets/images/icon-memory.svg | 1 + .../public/assets/images/icon-reaction.svg | 1 + .../public/assets/images/icon-verbal.svg | 1 + .../public/assets/images/icon-visual.svg | 1 + .../assets/images/illustration-article.svg | 1 + .../public/assets/images/image-avatar.webp | Bin 0 -> 2394 bytes .../result-summary-component/src/data.json | 22 +++ examples/result-summary-component/src/main.ts | 20 ++ .../src/resultSummary.ts | 182 ++++++++++++++++++ .../result-summary-component/src/style.css | 28 +++ .../src/vite-env.d.ts | 1 + .../result-summary-component/tsconfig.json | 23 +++ .../result-summary-component/vite.config.js | 9 + 20 files changed, 376 insertions(+) create mode 100644 examples/result-summary-component/.gitignore create mode 100644 examples/result-summary-component/.npmrc create mode 100644 examples/result-summary-component/README.md create mode 100644 examples/result-summary-component/index.html create mode 100644 examples/result-summary-component/package.json create mode 100644 examples/result-summary-component/public/assets/images/favicon-32x32 copy.png create mode 100644 examples/result-summary-component/public/assets/images/favicon-32x32.png create mode 100644 examples/result-summary-component/public/assets/images/icon-memory.svg create mode 100644 examples/result-summary-component/public/assets/images/icon-reaction.svg create mode 100644 examples/result-summary-component/public/assets/images/icon-verbal.svg create mode 100644 examples/result-summary-component/public/assets/images/icon-visual.svg create mode 100644 examples/result-summary-component/public/assets/images/illustration-article.svg create mode 100644 examples/result-summary-component/public/assets/images/image-avatar.webp create mode 100644 examples/result-summary-component/src/data.json create mode 100644 examples/result-summary-component/src/main.ts create mode 100644 examples/result-summary-component/src/resultSummary.ts create mode 100644 examples/result-summary-component/src/style.css create mode 100644 examples/result-summary-component/src/vite-env.d.ts create mode 100644 examples/result-summary-component/tsconfig.json create mode 100644 examples/result-summary-component/vite.config.js diff --git a/examples/result-summary-component/.gitignore b/examples/result-summary-component/.gitignore new file mode 100644 index 00000000..a547bf36 --- /dev/null +++ b/examples/result-summary-component/.gitignore @@ -0,0 +1,24 @@ +# Logs +logs +*.log +npm-debug.log* +yarn-debug.log* +yarn-error.log* +pnpm-debug.log* +lerna-debug.log* + +node_modules +dist +dist-ssr +*.local + +# Editor directories and files +.vscode/* +!.vscode/extensions.json +.idea +.DS_Store +*.suo +*.ntvs* +*.njsproj +*.sln +*.sw? diff --git a/examples/result-summary-component/.npmrc b/examples/result-summary-component/.npmrc new file mode 100644 index 00000000..6b5f38e8 --- /dev/null +++ b/examples/result-summary-component/.npmrc @@ -0,0 +1,2 @@ +save-exact = true +package-lock = false diff --git a/examples/result-summary-component/README.md b/examples/result-summary-component/README.md new file mode 100644 index 00000000..a3b1ad73 --- /dev/null +++ b/examples/result-summary-component/README.md @@ -0,0 +1,23 @@ +# Frontend Mentor Result Summary Component + +Here is the implementation in [Bau.js](https://github.com/grucloud/bau) of the [Frontend Mentor Result Summary Component code challenge](https://www.frontendmentor.io/challenges/results-summary-component-CE_K6s0maV) + +## Workflow + +Install the dependencies: + +```sh +npm install +``` + +Start a development server: + +```sh +npm run dev +``` + +Build a production version: + +```sh +npm run build +``` diff --git a/examples/result-summary-component/index.html b/examples/result-summary-component/index.html new file mode 100644 index 00000000..6fbe9613 --- /dev/null +++ b/examples/result-summary-component/index.html @@ -0,0 +1,17 @@ + + + + + + + Result Summary Component | FrontendMentor + + +
+ + + diff --git a/examples/result-summary-component/package.json b/examples/result-summary-component/package.json new file mode 100644 index 00000000..a16914dc --- /dev/null +++ b/examples/result-summary-component/package.json @@ -0,0 +1,20 @@ +{ + "name": "frontendmentor-result-summary-component", + "private": true, + "version": "0.85.0", + "type": "module", + "scripts": { + "dev": "vite", + "build": "tsc && vite build", + "preview": "vite preview" + }, + "devDependencies": { + "typescript": "^5.0.2", + "vite": "^5.2.11" + }, + "dependencies": { + "@grucloud/bau": "^0.85.0", + "@grucloud/bau-css": "^0.85.0", + "@grucloud/bau-ui": "^0.85.0" + } +} diff --git a/examples/result-summary-component/public/assets/images/favicon-32x32 copy.png b/examples/result-summary-component/public/assets/images/favicon-32x32 copy.png new file mode 100644 index 0000000000000000000000000000000000000000..1e2df7f089f46dd930239e418bf13e8e4c1cca0f GIT binary patch literal 1063 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dyEa{HEjtmSN`?>!lvVtU&J%W50 z7^>757#dm_7=8hT8eT9klo~KFyh>nTu$sZZAYL$MSD+081EY0-Plzi}!G9Wnr(eF` z|M+F+!xzhMK3;zF(cgdn_B?v|`rD7+fB)V2@MY=EN9|{BEWPpQ{f}RtfBl|!^+Ea3 z%d2iZe)i@2x9`6{eg66V&!4ULpSPU4KJ)Uu^RM22`~BzO$wz&&PyPA(@7<4I`yRjQ zJAZr1#XB#){D-o5+r^Vjdc3)fsquh@R{^yA;Z|8C!Zw`1zDvzMNK{QUFr z^G~yvU&yK5nOnE3q5ts2d8Z#d`S9=G|MwriU%2{m%ii0owp@Sy>dXGuA$NemCsPvS z7YvLEt(>(tKmBDkpML+hROc(RL;oBPGFiO5x8~1ErS?rgb&N^g?k~Ih+L^ zk;M!Q+`=Ht$S`Y;1W=H@#M9T6{SlWiKeL>x)y)*39#2mf#}JFtt&`J}n+ycniko-@ z3;26vOWyCzeS7I$?C$UX{_kIKV}WAF+24(KRQ;Wbm=(hXgpO=b(eBb|byZ~P5M3dt zyDB-nDx`Zw9LoWN-GrY`kHxRfy}Q3KfBxRdclJCv_%N_mL-x0j+x*I+s%JIY&vgg3Y zTes?8j%DMbh5PocynFBNZJq}$w`Q+tKfe6=^y}tkkv_Zb+uQBmSHB|O-+X(*4%OrO zQF%8%OSj*z`t$7X`oHyz%ReTa40^8r7Z}c}C9V-ADTyViR>?)FK#IZ0z|cb1&_LJF zGQ`l-%D~vl*g)IB$jZQAv*1E06b-rgDVb@NxHTN|kz5AU01WSllAy$Lg@U5|w9K4T zg_6pGRE5lfl4J&kiaC!z@o*G|X=t4CKYhmYX%GXmGPhnbx3IFX_hb=fVFi~4lfx;@ u%9}$JPT#n4;>ejJGDp}?H+U@Y(qnifE?Dx($#g2v3I!lvVtU&J%W50 z7^>757#dm_7=8hT8eT9klo~KFyh>nTu$sZZAYL$MSD+081EY0-Plzi}!G9Wnr(eF` z|M+F+!xzhMK3;zF(cgdn_B?v|`rD7+fB)V2@MY=EN9|{BEWPpQ{f}RtfBl|!^+Ea3 z%d2iZe)i@2x9`6{eg66V&!4ULpSPU4KJ)Uu^RM22`~BzO$wz&&PyPA(@7<4I`yRjQ zJAZr1#XB#){D-o5+r^Vjdc3)fsquh@R{^yA;Z|8C!Zw`1zDvzMNK{QUFr z^G~yvU&yK5nOnE3q5ts2d8Z#d`S9=G|MwriU%2{m%ii0owp@Sy>dXGuA$NemCsPvS z7YvLEt(>(tKmBDkpML+hROc(RL;oBPGFiO5x8~1ErS?rgb&N^g?k~Ih+L^ zk;M!Q+`=Ht$S`Y;1W=H@#M9T6{SlWiKeL>x)y)*39#2mf#}JFtt&`J}n+ycniko-@ z3;26vOWyCzeS7I$?C$UX{_kIKV}WAF+24(KRQ;Wbm=(hXgpO=b(eBb|byZ~P5M3dt zyDB-nDx`Zw9LoWN-GrY`kHxRfy}Q3KfBxRdclJCv_%N_mL-x0j+x*I+s%JIY&vgg3Y zTes?8j%DMbh5PocynFBNZJq}$w`Q+tKfe6=^y}tkkv_Zb+uQBmSHB|O-+X(*4%OrO zQF%8%OSj*z`t$7X`oHyz%ReTa40^8r7Z}c}C9V-ADTyViR>?)FK#IZ0z|cb1&_LJF zGQ`l-%D~vl*g)IB$jZQAv*1E06b-rgDVb@NxHTN|kz5AU01WSllAy$Lg@U5|w9K4T zg_6pGRE5lfl4J&kiaC!z@o*G|X=t4CKYhmYX%GXmGPhnbx3IFX_hb=fVFi~4lfx;@ u%9}$JPT#n4;>ejJGDp}?H+U@Y(qnifE?Dx($#g2v3I \ No newline at end of file diff --git a/examples/result-summary-component/public/assets/images/icon-reaction.svg b/examples/result-summary-component/public/assets/images/icon-reaction.svg new file mode 100644 index 00000000..4317d212 --- /dev/null +++ b/examples/result-summary-component/public/assets/images/icon-reaction.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/examples/result-summary-component/public/assets/images/icon-verbal.svg b/examples/result-summary-component/public/assets/images/icon-verbal.svg new file mode 100644 index 00000000..c975df5d --- /dev/null +++ b/examples/result-summary-component/public/assets/images/icon-verbal.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/examples/result-summary-component/public/assets/images/icon-visual.svg b/examples/result-summary-component/public/assets/images/icon-visual.svg new file mode 100644 index 00000000..b1d2a564 --- /dev/null +++ b/examples/result-summary-component/public/assets/images/icon-visual.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/examples/result-summary-component/public/assets/images/illustration-article.svg b/examples/result-summary-component/public/assets/images/illustration-article.svg new file mode 100644 index 00000000..90d8761f --- /dev/null +++ b/examples/result-summary-component/public/assets/images/illustration-article.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/examples/result-summary-component/public/assets/images/image-avatar.webp b/examples/result-summary-component/public/assets/images/image-avatar.webp new file mode 100644 index 0000000000000000000000000000000000000000..eb276a74e701e706fc97d21279eca4be8f7f6156 GIT binary patch literal 2394 zcmaKtc|6qH8^@1j8e8gO%8(4NBxJ8ijeS=%lS-6AV@Wm4HE0>TkYzHK$sUS?u?<;r zMOmwhp)8Fuw#ru7Bc{1u^+)%Q`};lT^*rDAd7jVfoacPMuk-raTA7>M3IcG(%ot~f z)3Fx<0BAsN0DvI?RwgF64jyO_>){-Xbk zkZPs>m-e;le=7ceQqa|ngoh+^knizRkf) zJ=z-?U`F*8prcY_P)J@CfeCpW1*H{cFOUvpa(0IWy5z{|bi)JdS1|H>0rzV4R&7n7 zwBVMWr$*MfxL5p88>+xjcun*QgHYFP%X1^D?{KPahuzcWhZCZn?{29NW`+kQF8^gh z*+?Hd`w9NWDtBqd5%=}gm#Q|*W&fbY*{~-R169FC?+r&|jtsXTxAp{(P2lLwje}Cf#tUrXk)*H%L2U&XOwYX??sPsr;{DT-{ekCs z2hxfj-u|#&TC&fKKBa%_a^yAo`hqGBkgI?^Qzjgav^uFfX zoeEFWnp9{mrnE$|zwC{KcctRfo#WDRo~e={5_MQ)F&}jMP#rMn_DO*(9%Vyd1oSm` zM4QOV$sy8hbWnW!IU@L=xMnhZ{7@xNgi_;gaRuwGpd{)zHe)J@=9*N#k3U}x zS6kfRcG0b-o|80{u}*o`kOg1L6IJd?$o@MK`btP_&kN61 zOekVdt2Q;iQ2$LuK>g#V_btXFm(PFpWu%y&>dVM~HfiuR6O)Xg_7-JdULG`M7%9>6 zWNHPQw2@wc$zSTpv@@1{3mLQJ1e1-Hpz62W1e*qC)ZZ6Fevlg3^!)llzGR+KMDe4g zkRG?QL!4mwUT)U*KW{jTJbbaA>8E(Wj1;+6ae z0h(Bz=Yo_-c?PA9z_%|lO6c*o292pPp4mgD6y*y2iVF_UXZ3S6aRV( zVW(Jsv$5XPih1Ra9rMBmxEh}`!r}0$*wUIQ)!=LVD=KoZjCbm+PlN6zX%EB>wIx(B zHf9m&nI^F*++5*d_?Bnqa)u{>9-7(Et~JN$X_uZ?qH||B@flr~8OW3}0{z-#A_M|rk%wB2} zJ#U}SJVJUVu)Vb+6pW6o8m`?oHkfOvQ*3y^*voQhk-f`)1$I2@;6|L3EEfnf%FVPr zSO2Wd?h1h!5>-r@IRU@C9Aw$VadDW6w)kZ8>WG%-sG|Kbvaz!g=lgUYB_@us%`q1f zOm&7I=#w*iJmQqiYqKb5XG}i!4R-IO(241pQ7l};0zRoeF7(lWnH^MFl5;p^6}`ng zxXYtkREzy)-LLBk0V6biRFdqSS-qd87#W?gcIirq%@2o6onigD!hyVGzaw(beWf%q z&Qmy7R&{7o(PDx=@ccm zq_u+v)1t_JgRDGg+59RaH~Rc>ARMm2Njq4HY;o2zKg(zC6P)zc(^|Xlbd; z<7n!<$SvXM8PQX@)_iXE&1x=fn-m@os-Aw})6$8+XfAhWZNAQZ0 zS_&l0uBQ*BZs6M@hHVd{l2dIbU>o{zNzN$+e;JT!eXDC6hbL2E+>JOp*-W!a<6CEA ztAh-;IW;2^_b76+s=?eWm($Y(5ACvTm+*64m!9_3t+7fSvyNYl;HtIoZjCjSJrnY0 Jo&V2Y^*=yP0Wtsp literal 0 HcmV?d00001 diff --git a/examples/result-summary-component/src/data.json b/examples/result-summary-component/src/data.json new file mode 100644 index 00000000..257b468d --- /dev/null +++ b/examples/result-summary-component/src/data.json @@ -0,0 +1,22 @@ +[ + { + "category": "Reaction", + "score": 80, + "icon": "./assets/images/icon-reaction.svg" + }, + { + "category": "Memory", + "score": 92, + "icon": "./assets/images/icon-memory.svg" + }, + { + "category": "Verbal", + "score": 61, + "icon": "./assets/images/icon-verbal.svg" + }, + { + "category": "Visual", + "score": 72, + "icon": "./assets/images/icon-visual.svg" + } +] diff --git a/examples/result-summary-component/src/main.ts b/examples/result-summary-component/src/main.ts new file mode 100644 index 00000000..e621ffb2 --- /dev/null +++ b/examples/result-summary-component/src/main.ts @@ -0,0 +1,20 @@ +import { createContext, type Context } from "@grucloud/bau-ui/context"; +import resultSummary from "./resultSummary"; + +import "./style.css"; + +const context = createContext(); + +const app = (context: Context) => { + const { bau } = context; + const { main } = bau.tags; + + const ResultSummary = resultSummary(context); + + return function () { + return main(ResultSummary()); + }; +}; + +const App = app(context); +document.getElementById("app")?.replaceChildren(App()); diff --git a/examples/result-summary-component/src/resultSummary.ts b/examples/result-summary-component/src/resultSummary.ts new file mode 100644 index 00000000..ccb114e7 --- /dev/null +++ b/examples/result-summary-component/src/resultSummary.ts @@ -0,0 +1,182 @@ +import { type Context } from "@grucloud/bau-ui/context"; +import data from "./data.json"; + +export default function (context: Context) { + const { bau, css } = context; + const { h1, h2, div, p, article, section, button, ul, li, span, img } = + bau.tags; + const className = css` + max-width: 500px; + margin: auto; + display: grid; + grid-template-columns: minmax(auto, 350px) minmax(auto, 350px); + grid-template-rows: 1fr; + + @media (max-width: 500px) { + grid-template-columns: 1fr; + + border-radius: 0; + } + border-radius: 0.6rem; + box-shadow: 0 0.5rem 2rem 0 rgba(0, 0, 0, 0.1); + section { + display: flex; + flex-direction: column; + padding: 1rem; + gap: 0.7rem; + &.result { + align-items: center; + border-radius: 0.6rem; + @media (max-width: 600px) { + flex-direction: column; + border-radius: 0 0 0.6rem 0.6rem; + } + background: linear-gradient( + var(--Light-slate-blue), + var(--Light-royal-blue) + ); + + min-width: 250px; + + h1 { + color: var(--color); + } + h2 { + color: var(--white); + } + p { + color: var(--color); + text-align: center; + padding: 0 1rem; + } + .score-container { + color: var(--white); + background: linear-gradient(var(--Violet-blue), var(--Persian-blue)); + display: flex; + flex-direction: column; + align-items: center; + border-radius: 50%; + aspect-ratio: 1; + padding: 1.5rem; + .score { + color: var(--white); + font-size: 3rem; + font-weight: bold; + line-height: 3rem; + } + .score-total { + font-size: 0.7rem; + color: var(--color); + } + } + } + &.summary { + min-width: 250px; + button { + width: 100%; + font-weight: 500; + font-size: 1rem; + padding: 0.6rem 0; + color: white; + border-radius: 1rem; + background-color: var(--btn-bg); + border: none; + outline: none; + cursor: pointer; + &:hover { + background: linear-gradient( + var(--Light-slate-blue), + var(--Light-royal-blue) + ); + } + } + } + ul { + padding: 0; + flex-grow: 1; + li { + list-style: none; + padding: 0.7rem 0.5rem; + margin: 0.5rem 0rem; + border-radius: 0.3rem; + display: flex; + justify-content: space-between; + align-items: center; + + &:nth-child(1) { + color: hsl(0, 100%, 67%); + background: hsla(0, 100%, 67%, 0.05); + } + &:nth-child(2) { + color: hsl(39, 100%, 56%); + background: hsla(39, 100%, 56%, 0.05); + } + &:nth-child(3) { + color: hsl(166, 100%, 37%); + background: hsla(166, 100%, 37%, 0.05); + } + &:nth-child(4) { + color: hsl(234, 85%, 45%); + background: hsla(234, 85%, 45%, 0.05); + } + .category { + display: flex; + align-items: center; + gap: 0.4rem; + } + .category { + font-weight: 700; + } + .score { + color: hsl(224, 30%, 27%); + font-weight: 700; + padding-right: 0.3rem; + } + .score-total { + color: hsla(224, 30%, 27%, 0.5); + } + } + } + } + `; + + return function resultSummary() { + return article( + { class: className }, + section( + { class: "result" }, + h1("Result"), + + div( + { class: "score-container" }, + div({ class: "score" }, "76"), + div({ class: "score-total" }, "of 100") + ), + h2("Great"), + p( + "You scored higher than 65% of the people who have taken these tests." + ) + ), + section( + { class: "summary" }, + h1("Summary"), + ul( + data.map(({ category, score, icon }) => + li( + div( + { class: "category" }, + img({ src: icon }), + span({ class: "category" }, category) + ), + div( + span({ class: "score" }, score), + span({ class: "score-total" }, "/100") + ) + ) + ) + ), + button("Continue") + ) + ); + }; +} diff --git a/examples/result-summary-component/src/style.css b/examples/result-summary-component/src/style.css new file mode 100644 index 00000000..b3241a20 --- /dev/null +++ b/examples/result-summary-component/src/style.css @@ -0,0 +1,28 @@ +@import url("https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@500;700;800&display=swap"); + +* { + margin: 0; + box-sizing: border-box; +} + +:root { + --Light-slate-blue: hsl(252, 100%, 67%); + --Light-royal-blue: hsl(241, 81%, 54%); + --Violet-blue: hsla(256, 72%, 46%, 1); + --Persian-blue: hsla(241, 72%, 46%, 0); + --white: hsl(0, 0%, 100%); + --Pale-blue: hsl(221, 100%, 96%); + --color: hsl(241, 100%, 89%); + --btn-bg: hsl(224, 30%, 27%); +} + +body { + font-family: "Hanken Grotesk", sans-serif; + min-height: 100vh; + display: grid; + place-items: center; + + @media (max-width: 600px) { + place-items: flex-start; + } +} diff --git a/examples/result-summary-component/src/vite-env.d.ts b/examples/result-summary-component/src/vite-env.d.ts new file mode 100644 index 00000000..11f02fe2 --- /dev/null +++ b/examples/result-summary-component/src/vite-env.d.ts @@ -0,0 +1 @@ +/// diff --git a/examples/result-summary-component/tsconfig.json b/examples/result-summary-component/tsconfig.json new file mode 100644 index 00000000..75abdef2 --- /dev/null +++ b/examples/result-summary-component/tsconfig.json @@ -0,0 +1,23 @@ +{ + "compilerOptions": { + "target": "ES2020", + "useDefineForClassFields": true, + "module": "ESNext", + "lib": ["ES2020", "DOM", "DOM.Iterable"], + "skipLibCheck": true, + + /* Bundler mode */ + "moduleResolution": "bundler", + "allowImportingTsExtensions": true, + "resolveJsonModule": true, + "isolatedModules": true, + "noEmit": true, + + /* Linting */ + "strict": true, + "noUnusedLocals": true, + "noUnusedParameters": true, + "noFallthroughCasesInSwitch": true + }, + "include": ["src"] +} diff --git a/examples/result-summary-component/vite.config.js b/examples/result-summary-component/vite.config.js new file mode 100644 index 00000000..41713bec --- /dev/null +++ b/examples/result-summary-component/vite.config.js @@ -0,0 +1,9 @@ +import { defineConfig } from "vite"; + +export default defineConfig(({ command, mode, ssrBuild }) => { + return { + server: { + open: true, + }, + }; +}); From f24831cf67b6946cb6b2944caf3f2ca73cce7695 Mon Sep 17 00:00:00 2001 From: Frederic Heem Date: Tue, 29 Oct 2024 16:12:39 -0300 Subject: [PATCH 2/3] increase count --- .../result-summary-component/src/resultSummary.ts | 15 ++++++++++++++- 1 file changed, 14 insertions(+), 1 deletion(-) diff --git a/examples/result-summary-component/src/resultSummary.ts b/examples/result-summary-component/src/resultSummary.ts index ccb114e7..d3bdb282 100644 --- a/examples/result-summary-component/src/resultSummary.ts +++ b/examples/result-summary-component/src/resultSummary.ts @@ -1,6 +1,8 @@ import { type Context } from "@grucloud/bau-ui/context"; import data from "./data.json"; +const score = 76; + export default function (context: Context) { const { bau, css } = context; const { h1, h2, div, p, article, section, button, ul, li, span, img } = @@ -140,6 +142,17 @@ export default function (context: Context) { } `; + const scoreState = bau.state(score); + + var count = 0; + var interval = setInterval(() => { + count++; + scoreState.val = count; + if (count >= score) { + clearInterval(interval); + } + }, 5); + return function resultSummary() { return article( { class: className }, @@ -149,7 +162,7 @@ export default function (context: Context) { div( { class: "score-container" }, - div({ class: "score" }, "76"), + div({ class: "score" }, scoreState), div({ class: "score-total" }, "of 100") ), h2("Great"), From f21bd29b0a0ebc7bbf829e2cb33c6e4469e43d68 Mon Sep 17 00:00:00 2001 From: Frederic Heem Date: Tue, 29 Oct 2024 16:24:49 -0300 Subject: [PATCH 3/3] remove images --- .../public/assets/images/favicon-32x32 copy.png | Bin 1063 -> 0 bytes .../assets/images/illustration-article.svg | 1 - .../public/assets/images/image-avatar.webp | Bin 2394 -> 0 bytes 3 files changed, 1 deletion(-) delete mode 100644 examples/result-summary-component/public/assets/images/favicon-32x32 copy.png delete mode 100644 examples/result-summary-component/public/assets/images/illustration-article.svg delete mode 100644 examples/result-summary-component/public/assets/images/image-avatar.webp diff --git a/examples/result-summary-component/public/assets/images/favicon-32x32 copy.png b/examples/result-summary-component/public/assets/images/favicon-32x32 copy.png deleted file mode 100644 index 1e2df7f089f46dd930239e418bf13e8e4c1cca0f..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1063 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dyEa{HEjtmSN`?>!lvVtU&J%W50 z7^>757#dm_7=8hT8eT9klo~KFyh>nTu$sZZAYL$MSD+081EY0-Plzi}!G9Wnr(eF` z|M+F+!xzhMK3;zF(cgdn_B?v|`rD7+fB)V2@MY=EN9|{BEWPpQ{f}RtfBl|!^+Ea3 z%d2iZe)i@2x9`6{eg66V&!4ULpSPU4KJ)Uu^RM22`~BzO$wz&&PyPA(@7<4I`yRjQ zJAZr1#XB#){D-o5+r^Vjdc3)fsquh@R{^yA;Z|8C!Zw`1zDvzMNK{QUFr z^G~yvU&yK5nOnE3q5ts2d8Z#d`S9=G|MwriU%2{m%ii0owp@Sy>dXGuA$NemCsPvS z7YvLEt(>(tKmBDkpML+hROc(RL;oBPGFiO5x8~1ErS?rgb&N^g?k~Ih+L^ zk;M!Q+`=Ht$S`Y;1W=H@#M9T6{SlWiKeL>x)y)*39#2mf#}JFtt&`J}n+ycniko-@ z3;26vOWyCzeS7I$?C$UX{_kIKV}WAF+24(KRQ;Wbm=(hXgpO=b(eBb|byZ~P5M3dt zyDB-nDx`Zw9LoWN-GrY`kHxRfy}Q3KfBxRdclJCv_%N_mL-x0j+x*I+s%JIY&vgg3Y zTes?8j%DMbh5PocynFBNZJq}$w`Q+tKfe6=^y}tkkv_Zb+uQBmSHB|O-+X(*4%OrO zQF%8%OSj*z`t$7X`oHyz%ReTa40^8r7Z}c}C9V-ADTyViR>?)FK#IZ0z|cb1&_LJF zGQ`l-%D~vl*g)IB$jZQAv*1E06b-rgDVb@NxHTN|kz5AU01WSllAy$Lg@U5|w9K4T zg_6pGRE5lfl4J&kiaC!z@o*G|X=t4CKYhmYX%GXmGPhnbx3IFX_hb=fVFi~4lfx;@ u%9}$JPT#n4;>ejJGDp}?H+U@Y(qnifE?Dx($#g2v3I \ No newline at end of file diff --git a/examples/result-summary-component/public/assets/images/image-avatar.webp b/examples/result-summary-component/public/assets/images/image-avatar.webp deleted file mode 100644 index eb276a74e701e706fc97d21279eca4be8f7f6156..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 2394 zcmaKtc|6qH8^@1j8e8gO%8(4NBxJ8ijeS=%lS-6AV@Wm4HE0>TkYzHK$sUS?u?<;r zMOmwhp)8Fuw#ru7Bc{1u^+)%Q`};lT^*rDAd7jVfoacPMuk-raTA7>M3IcG(%ot~f z)3Fx<0BAsN0DvI?RwgF64jyO_>){-Xbk zkZPs>m-e;le=7ceQqa|ngoh+^knizRkf) zJ=z-?U`F*8prcY_P)J@CfeCpW1*H{cFOUvpa(0IWy5z{|bi)JdS1|H>0rzV4R&7n7 zwBVMWr$*MfxL5p88>+xjcun*QgHYFP%X1^D?{KPahuzcWhZCZn?{29NW`+kQF8^gh z*+?Hd`w9NWDtBqd5%=}gm#Q|*W&fbY*{~-R169FC?+r&|jtsXTxAp{(P2lLwje}Cf#tUrXk)*H%L2U&XOwYX??sPsr;{DT-{ekCs z2hxfj-u|#&TC&fKKBa%_a^yAo`hqGBkgI?^Qzjgav^uFfX zoeEFWnp9{mrnE$|zwC{KcctRfo#WDRo~e={5_MQ)F&}jMP#rMn_DO*(9%Vyd1oSm` zM4QOV$sy8hbWnW!IU@L=xMnhZ{7@xNgi_;gaRuwGpd{)zHe)J@=9*N#k3U}x zS6kfRcG0b-o|80{u}*o`kOg1L6IJd?$o@MK`btP_&kN61 zOekVdt2Q;iQ2$LuK>g#V_btXFm(PFpWu%y&>dVM~HfiuR6O)Xg_7-JdULG`M7%9>6 zWNHPQw2@wc$zSTpv@@1{3mLQJ1e1-Hpz62W1e*qC)ZZ6Fevlg3^!)llzGR+KMDe4g zkRG?QL!4mwUT)U*KW{jTJbbaA>8E(Wj1;+6ae z0h(Bz=Yo_-c?PA9z_%|lO6c*o292pPp4mgD6y*y2iVF_UXZ3S6aRV( zVW(Jsv$5XPih1Ra9rMBmxEh}`!r}0$*wUIQ)!=LVD=KoZjCbm+PlN6zX%EB>wIx(B zHf9m&nI^F*++5*d_?Bnqa)u{>9-7(Et~JN$X_uZ?qH||B@flr~8OW3}0{z-#A_M|rk%wB2} zJ#U}SJVJUVu)Vb+6pW6o8m`?oHkfOvQ*3y^*voQhk-f`)1$I2@;6|L3EEfnf%FVPr zSO2Wd?h1h!5>-r@IRU@C9Aw$VadDW6w)kZ8>WG%-sG|Kbvaz!g=lgUYB_@us%`q1f zOm&7I=#w*iJmQqiYqKb5XG}i!4R-IO(241pQ7l};0zRoeF7(lWnH^MFl5;p^6}`ng zxXYtkREzy)-LLBk0V6biRFdqSS-qd87#W?gcIirq%@2o6onigD!hyVGzaw(beWf%q z&Qmy7R&{7o(PDx=@ccm zq_u+v)1t_JgRDGg+59RaH~Rc>ARMm2Njq4HY;o2zKg(zC6P)zc(^|Xlbd; z<7n!<$SvXM8PQX@)_iXE&1x=fn-m@os-Aw})6$8+XfAhWZNAQZ0 zS_&l0uBQ*BZs6M@hHVd{l2dIbU>o{zNzN$+e;JT!eXDC6hbL2E+>JOp*-W!a<6CEA ztAh-;IW;2^_b76+s=?eWm($Y(5ACvTm+*64m!9_3t+7fSvyNYl;HtIoZjCjSJrnY0 Jo&V2Y^*=yP0Wtsp