diff --git a/00-Lesson-Site/frontend/dist/_astro/ClientRouter.astro_astro_type_script_index_0_lang.QW52Ox2j.js b/00-Lesson-Site/frontend/dist/_astro/ClientRouter.astro_astro_type_script_index_0_lang.QW52Ox2j.js
deleted file mode 100644
index bc4301d..0000000
--- a/00-Lesson-Site/frontend/dist/_astro/ClientRouter.astro_astro_type_script_index_0_lang.QW52Ox2j.js
+++ /dev/null
@@ -1 +0,0 @@
-const $={},y="data-astro-transition-persist",te=["data-astro-transition","data-astro-transition-fallback"],O=new Set;function q(e){const t=e.src?new URL(e.src,location.href).href:e.textContent;return O.has(t)?!0:(O.add(t),!1)}function ne(e){for(const t of e.scripts)!t.hasAttribute("data-astro-rerun")&&q(t)&&(t.dataset.astroExec="")}function oe(e){const t=document.documentElement,n=[...t.attributes].filter(({name:o})=>(t.removeAttribute(o),te.includes(o)));[...e.documentElement.attributes,...n].forEach(({name:o,value:r})=>t.setAttribute(o,r))}function re(e){for(const t of Array.from(document.head.children)){const n=ae(t,e);n?n.remove():t.remove()}document.head.append(...e.head.children)}function ie(e,t){t.replaceWith(e);for(const n of t.querySelectorAll(`[${y}]`)){const o=n.getAttribute(y),r=e.querySelector(`[${y}="${o}"]`);r&&(r.replaceWith(n),r.localName==="astro-island"&&ce(n)&&!le(n,r)&&(n.setAttribute("ssr",""),n.setAttribute("props",r.getAttribute("props"))))}U(e)}function U(e){e.querySelectorAll("template[shadowrootmode]").forEach(t=>{const n=t.getAttribute("shadowrootmode"),o=t.parentNode;if((n==="closed"||n==="open")&&o instanceof HTMLElement){if(o.shadowRoot){t.remove();return}const r=o.attachShadow({mode:n});r.appendChild(t.content),t.remove(),U(r)}})}const se=()=>{const e=document.activeElement;if(e?.closest(`[${y}]`)){if(e instanceof HTMLInputElement||e instanceof HTMLTextAreaElement){const t=e.selectionStart,n=e.selectionEnd;return()=>L({activeElement:e,start:t,end:n})}return()=>L({activeElement:e})}else return()=>L({activeElement:null})},L=({activeElement:e,start:t,end:n})=>{e&&(e.focus(),(e instanceof HTMLInputElement||e instanceof HTMLTextAreaElement)&&(typeof t=="number"&&(e.selectionStart=t),typeof n=="number"&&(e.selectionEnd=n)))},ae=(e,t)=>{const n=e.getAttribute(y),o=n&&t.head.querySelector(`[${y}="${n}"]`);if(o)return o;if(e.matches("link[rel=stylesheet]")){const r=e.getAttribute("href");return t.head.querySelector(`link[rel=stylesheet][href="${r}"]`)}return null},ce=e=>{const t=e.dataset.astroTransitionPersistProps;return t==null||t==="false"},le=(e,t)=>e.getAttribute("props")===t.getAttribute("props"),ue=e=>{ne(e),oe(e),re(e);const t=se();ie(e.body,document.body),t()},de="astro:before-preparation",fe="astro:after-preparation",me="astro:before-swap",he="astro:after-swap",pe=e=>document.dispatchEvent(new Event(e));class W extends Event{from;to;direction;navigationType;sourceElement;info;newDocument;signal;constructor(t,n,o,r,i,u,a,c,d,l){super(t,n),this.from=o,this.to=r,this.direction=i,this.navigationType=u,this.sourceElement=a,this.info=c,this.newDocument=d,this.signal=l,Object.defineProperties(this,{from:{enumerable:!0},to:{enumerable:!0,writable:!0},direction:{enumerable:!0,writable:!0},navigationType:{enumerable:!0},sourceElement:{enumerable:!0},info:{enumerable:!0},newDocument:{enumerable:!0,writable:!0},signal:{enumerable:!0}})}}class we extends W{formData;loader;constructor(t,n,o,r,i,u,a,c,d,l){super(de,{cancelable:!0},t,n,o,r,i,u,a,c),this.formData=d,this.loader=l.bind(this,this),Object.defineProperties(this,{formData:{enumerable:!0},loader:{enumerable:!0,writable:!0}})}}class ge extends W{direction;viewTransition;swap;constructor(t,n){super(me,void 0,t.from,t.to,t.direction,t.navigationType,t.sourceElement,t.info,t.newDocument,t.signal),this.direction=t.direction,this.viewTransition=n,this.swap=()=>ue(this.newDocument),Object.defineProperties(this,{direction:{enumerable:!0},viewTransition:{enumerable:!0},swap:{enumerable:!0,writable:!0}})}}async function ye(e,t,n,o,r,i,u,a,c){const d=new we(e,t,n,o,r,i,window.document,u,a,c);return document.dispatchEvent(d)&&(await d.loader(),d.defaultPrevented||(pe(fe),d.navigationType!=="traverse"&&D({scrollX,scrollY}))),d}async function be(e,t,n){const o=new ge(e,t);return document.dispatchEvent(o),n&&await n(),o.swap(),o}const D=e=>{history.state&&(history.scrollRestoration="manual",history.replaceState({...history.state,...e},""))},x=!!document.startViewTransition,I=()=>!!document.querySelector('[name="astro-view-transitions-enabled"]'),V=(e,t)=>e.pathname===t.pathname&&e.search===t.search;let m,g,S;const j=e=>document.dispatchEvent(new Event(e)),K=()=>j("astro:page-load"),ve=()=>{let e=document.createElement("div");e.setAttribute("aria-live","assertive"),e.setAttribute("aria-atomic","true"),e.className="astro-route-announcer",document.body.append(e),setTimeout(()=>{let t=document.title||document.querySelector("h1")?.textContent||location.pathname;e.textContent=t},60)},H="data-astro-transition-persist",M="data-astro-transition",k="data-astro-transition-fallback";let F,v=0;history.state?(v=history.state.index,scrollTo({left:history.state.scrollX,top:history.state.scrollY})):I()&&(history.replaceState({index:v,scrollX,scrollY},""),history.scrollRestoration="manual");async function Te(e,t){try{const n=new Headers(t?.headers);for(const[a,c]of Object.entries($))n.set(a,c);const o=await fetch(e,{...t,headers:n}),i=(o.headers.get("content-type")??"").split(";",1)[0].trim();return i!=="text/html"&&i!=="application/xhtml+xml"?null:{html:await o.text(),redirected:o.redirected?o.url:void 0,mediaType:i}}catch{return null}}function G(){const e=document.querySelector('[name="astro-view-transitions-fallback"]');return e?e.getAttribute("content"):"animate"}function Ae(){let e=Promise.resolve(),t=!1;for(const n of document.getElementsByTagName("script"))n.dataset.astroExec===void 0&&n.getAttribute("type")==="module"&&(t=n.getAttribute("src")===null);t&&document.body.insertAdjacentHTML("beforeend",'<script type="module" src="data:application/javascript,"/>');for(const n of document.getElementsByTagName("script")){if(n.dataset.astroExec==="")continue;const o=n.getAttribute("type");if(o&&o!=="module"&&o!=="text/javascript")continue;const r=document.createElement("script");r.innerHTML=n.innerHTML;for(const i of n.attributes){if(i.name==="src"){const u=new Promise(a=>{r.onload=r.onerror=a});e=e.then(()=>u)}r.setAttribute(i.name,i.value)}r.dataset.astroExec="",n.replaceWith(r)}return e}const z=(e,t,n,o,r)=>{const i=V(t,e),u=document.title;document.title=o;let a=!1;if(e.href!==location.href&&!r)if(n.history==="replace"){const c=history.state;history.replaceState({...n.state,index:c.index,scrollX:c.scrollX,scrollY:c.scrollY},"",e.href)}else history.pushState({...n.state,index:++v,scrollX:0,scrollY:0},"",e.href);if(document.title=u,S=e,i||(scrollTo({left:0,top:0,behavior:"instant"}),a=!0),r)scrollTo(r.scrollX,r.scrollY);else{if(e.hash){history.scrollRestoration="auto";const c=history.state;location.href=e.href,history.state||(history.replaceState(c,""),i&&window.dispatchEvent(new PopStateEvent("popstate")))}else a||scrollTo({left:0,top:0,behavior:"instant"});history.scrollRestoration="manual"}};function Ee(e){const t=[];for(const n of e.querySelectorAll("head link[rel=stylesheet]"))if(!document.querySelector(`[${H}="${n.getAttribute(H)}"], link[rel=stylesheet][href="${n.getAttribute("href")}"]`)){const o=document.createElement("link");o.setAttribute("rel","preload"),o.setAttribute("as","style"),o.setAttribute("href",n.getAttribute("href")),t.push(new Promise(r=>{["load","error"].forEach(i=>o.addEventListener(i,r)),document.head.append(o)}))}return t}async function C(e,t,n,o,r){async function i(d){function l(f){const p=f.effect;return!p||!(p instanceof KeyframeEffect)||!p.target?!1:window.getComputedStyle(p.target,p.pseudoElement).animationIterationCount==="infinite"}const s=document.getAnimations();document.documentElement.setAttribute(k,d);const b=document.getAnimations().filter(f=>!s.includes(f)&&!l(f));return Promise.allSettled(b.map(f=>f.finished))}const u=async()=>{if(r==="animate"&&!n.transitionSkipped&&!e.signal.aborted)try{await i("old")}catch{}},a=document.title,c=await be(e,n.viewTransition,u);z(c.to,c.from,t,a,o),j(he),r==="animate"&&(!n.transitionSkipped&&!c.signal.aborted?i("new").finally(()=>n.viewTransitionFinished()):n.viewTransitionFinished())}function Se(){return m?.controller.abort(),m={controller:new AbortController}}async function J(e,t,n,o,r){const i=Se();if(!I()||location.origin!==n.origin){i===m&&(m=void 0),location.href=n.href;return}const u=r?"traverse":o.history==="replace"?"replace":"push";if(u!=="traverse"&&D({scrollX,scrollY}),V(t,n)&&!o.formData&&(e!=="back"&&n.hash||e==="back"&&t.hash)){z(n,t,o,document.title,r),i===m&&(m=void 0);return}const a=await ye(t,n,e,u,o.sourceElement,o.info,i.controller.signal,o.formData,c);if(a.defaultPrevented||a.signal.aborted){i===m&&(m=void 0),a.signal.aborted||(location.href=n.href);return}async function c(s){const h=s.to.href,b={signal:s.signal};if(s.formData){b.method="POST";const w=s.sourceElement instanceof HTMLFormElement?s.sourceElement:s.sourceElement instanceof HTMLElement&&"form"in s.sourceElement?s.sourceElement.form:s.sourceElement?.closest("form");b.body=t!==void 0&&Reflect.get(HTMLFormElement.prototype,"attributes",w).getNamedItem("enctype")?.value==="application/x-www-form-urlencoded"?new URLSearchParams(s.formData):s.formData}const f=await Te(h,b);if(f===null){s.preventDefault();return}if(f.redirected){const w=new URL(f.redirected);if(w.origin!==s.to.origin){s.preventDefault();return}s.to=w}if(F??=new DOMParser,s.newDocument=F.parseFromString(f.html,f.mediaType),s.newDocument.querySelectorAll("noscript").forEach(w=>w.remove()),!s.newDocument.querySelector('[name="astro-view-transitions-enabled"]')&&!s.formData){s.preventDefault();return}const p=Ee(s.newDocument);p.length&&!s.signal.aborted&&await Promise.all(p)}async function d(){if(g&&g.viewTransition){try{g.viewTransition.skipTransition()}catch{}try{await g.viewTransition.updateCallbackDone}catch{}}return g={transitionSkipped:!1}}const l=await d();if(a.signal.aborted){i===m&&(m=void 0);return}if(document.documentElement.setAttribute(M,a.direction),x)l.viewTransition=document.startViewTransition(async()=>await C(a,o,l,r));else{const s=(async()=>{await Promise.resolve(),await C(a,o,l,r,G())})();l.viewTransition={updateCallbackDone:s,ready:s,finished:new Promise(h=>l.viewTransitionFinished=h),skipTransition:()=>{l.transitionSkipped=!0,document.documentElement.removeAttribute(k)},types:new Set}}l.viewTransition?.updateCallbackDone.finally(async()=>{await Ae(),K(),ve()}),l.viewTransition?.finished.finally(()=>{l.viewTransition=void 0,l===g&&(g=void 0),i===m&&(m=void 0),document.documentElement.removeAttribute(M),document.documentElement.removeAttribute(k)});try{await l.viewTransition?.updateCallbackDone}catch(s){const h=s;console.log("[astro]",h.name,h.message,h.stack)}}async function _(e,t){await J("forward",S,new URL(e,location.href),t??{})}function Re(e){if(!I()&&e.state){location.reload();return}if(e.state===null)return;const t=history.state,n=t.index,o=n>v?"forward":"back";v=n,J(o,S,new URL(location.href),{},t)}const X=()=>{history.state&&(scrollX!==history.state.scrollX||scrollY!==history.state.scrollY)&&D({scrollX,scrollY})};{if(x||G()!=="none")if(S=new URL(location.href),addEventListener("popstate",Re),addEventListener("load",K),"onscrollend"in window)addEventListener("scrollend",X);else{let e,t,n,o;const r=()=>{if(o!==history.state?.index){clearInterval(e),e=void 0;return}if(t===scrollY&&n===scrollX){clearInterval(e),e=void 0,X();return}else t=scrollY,n=scrollX};addEventListener("scroll",()=>{e===void 0&&(o=history.state?.index,t=scrollY,n=scrollX,e=window.setInterval(r,50))},{passive:!0})}for(const e of document.getElementsByTagName("script"))q(e),e.dataset.astroExec=""}const Q=new Set,E=new WeakSet;let P,Z,Y=!1;function Le(e){Y||(Y=!0,P??=e?.prefetchAll,Z??=e?.defaultStrategy??"hover",ke(),Pe(),De(),Ie())}function ke(){for(const e of["touchstart","mousedown"])document.addEventListener(e,t=>{T(t.target,"tap")&&R(t.target.href,{ignoreSlowConnection:!0})},{passive:!0})}function Pe(){let e;document.body.addEventListener("focusin",o=>{T(o.target,"hover")&&t(o)},{passive:!0}),document.body.addEventListener("focusout",n,{passive:!0}),N(()=>{for(const o of document.getElementsByTagName("a"))E.has(o)||T(o,"hover")&&(E.add(o),o.addEventListener("mouseenter",t,{passive:!0}),o.addEventListener("mouseleave",n,{passive:!0}))});function t(o){const r=o.target.href;e&&clearTimeout(e),e=setTimeout(()=>{R(r)},80)}function n(){e&&(clearTimeout(e),e=0)}}function De(){let e;N(()=>{for(const t of document.getElementsByTagName("a"))E.has(t)||T(t,"viewport")&&(E.add(t),e??=xe(),e.observe(t))})}function xe(){const e=new WeakMap;return new IntersectionObserver((t,n)=>{for(const o of t){const r=o.target,i=e.get(r);o.isIntersecting?(i&&clearTimeout(i),e.set(r,setTimeout(()=>{n.unobserve(r),e.delete(r),R(r.href)},300))):i&&(clearTimeout(i),e.delete(r))}})}function Ie(){N(()=>{for(const e of document.getElementsByTagName("a"))T(e,"load")&&R(e.href)})}function R(e,t){e=e.replace(/#.*/,"");const n=t?.ignoreSlowConnection??!1;if(Ne(e,n))if(Q.add(e),document.createElement("link").relList?.supports?.("prefetch")&&t?.with!=="fetch"){const o=document.createElement("link");o.rel="prefetch",o.setAttribute("href",e),document.head.append(o)}else{const o=new Headers;for(const[r,i]of Object.entries($))o.set(r,i);fetch(e,{priority:"low",headers:o})}}function Ne(e,t){if(!navigator.onLine||!t&&ee())return!1;try{const n=new URL(e,location.href);return location.origin===n.origin&&(location.pathname!==n.pathname||location.search!==n.search)&&!Q.has(e)}catch{}return!1}function T(e,t){if(e?.tagName!=="A")return!1;const n=e.dataset.astroPrefetch;return n==="false"?!1:t==="tap"&&(n!=null||P)&&ee()?!0:n==null&&P||n===""?t===Z:n===t}function ee(){if("connection"in navigator){const e=navigator.connection;return e.saveData||/2g/.test(e.effectiveType)}return!1}function N(e){e();let t=!1;document.addEventListener("astro:page-load",()=>{if(!t){t=!0;return}e()})}let A=null;function Oe(){const e=document.querySelector('[name="astro-view-transitions-fallback"]');return e?e.getAttribute("content"):"animate"}function B(e){return e.dataset.astroReload!==void 0}const He=e=>e.button&&e.button!==0||e.metaKey||e.ctrlKey||e.altKey||e.shiftKey;(x||Oe()!=="none")&&(document.addEventListener("click",e=>{let t=e.target;if(A=He(e)?t:null,e.composed&&(t=e.composedPath()[0]),t instanceof Element&&(t=t.closest("a, area")),!(t instanceof HTMLAnchorElement)&&!(t instanceof SVGAElement)&&!(t instanceof HTMLAreaElement))return;const n=t instanceof HTMLElement?t.target:t.target.baseVal,o=t instanceof HTMLElement?t.href:t.href.baseVal,r=new URL(o,location.href).origin;B(t)||t.hasAttribute("download")||!t.href||n&&n!=="_self"||r!==location.origin||A||e.defaultPrevented||(e.preventDefault(),_(o,{history:t.dataset.astroHistory==="replace"?"replace":"auto",sourceElement:t}))}),document.addEventListener("submit",e=>{let t=e.target;const n=e.submitter,o=n&&n===A;if(A=null,t.tagName!=="FORM"||e.defaultPrevented||B(t)||o)return;const r=t,i=new FormData(r,n),u=typeof r.action=="string"?r.action:r.getAttribute("action"),a=typeof r.method=="string"?r.method:r.getAttribute("method");let c=n?.getAttribute("formaction")??u??location.pathname;const d=n?.getAttribute("formmethod")??a??"get";if(d==="dialog"||location.origin!==new URL(c,location.href).origin)return;const l={sourceElement:n??r};if(d==="get"){const s=new URLSearchParams(i),h=new URL(c);h.search=s.toString(),c=h.toString()}else l.formData=i;e.preventDefault(),_(c,l)}),Le({prefetchAll:!0}));
diff --git a/00-Lesson-Site/frontend/dist/_astro/changelog._xb0PRBH.css b/00-Lesson-Site/frontend/dist/_astro/changelog._xb0PRBH.css
deleted file mode 100644
index 1b8d4fb..0000000
--- a/00-Lesson-Site/frontend/dist/_astro/changelog._xb0PRBH.css
+++ /dev/null
@@ -1 +0,0 @@
-.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}#root,#__next{isolation:isolate}@font-face{font-family:Geist;src:url(/fonts/Geist.woff2) format("woff2");font-display:swap}@font-face{font-family:GeistMono;src:url(/fonts/GeistMono.woff2) format("woff2");font-display:swap}:root{--theme-polarity: 1;--background-base-l: .99;--background-base-c: .02;--background-base-h: 100;--text-base-l: .4;--text-base-c: .015;--text-base-h: 84;--primary-base-l: .75;--primary-base-c: .145;--primary-base-h: 142;--secondary-base-l: .75;--secondary-base-c: .06;--secondary-base-h: 60}[data-theme=dark]{--theme-polarity: -1;--background-base-l: .1;--background-base-c: .015;--background-base-h: 84;--text-base-l: .95;--text-base-c: .015;--text-base-h: 84}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--theme-polarity: -1;--background-base-l: .1;--background-base-c: .015;--background-base-h: 84;--text-base-l: .95;--text-base-c: .015;--text-base-h: 84}}body{background-color:oklch(calc(var(--background-base-l) - 0 * var(--theme-polarity)) calc(var(--background-base-c) + 0) var(--background-base-h));color:oklch(calc(var(--text-base-l) - 0 * var(--theme-polarity)) calc(var(--text-base-c) + 0) var(--text-base-h));transition:background-color .4s ease,color .4s ease;font-family:Geist,sans-serif;font-weight:300}nav,button,hr,input,textarea,.icon,svg{transition:background-color .4s ease,color .4s ease,border-color .4s ease,fill .4s ease,stroke .4s ease}#_root_1epzi_1,#___next_1epzi_1{isolation:isolate}@font-face{font-family:Geist;src:url(/fonts/Geist.woff2) format("woff2");font-display:swap}@font-face{font-family:GeistMono;src:url(/fonts/GeistMono.woff2) format("woff2");font-display:swap}._navbar_1epzi_66{width:100%;height:6rem;padding:.75rem 2rem;display:flex;align-items:center;justify-content:space-between}._nav-logo_1epzi_75{user-select:none;white-space:nowrap;font-size:1.5rem;transition:transform 1s ease,opacity .5s;color:oklch(calc(var(--text-base-l) - 0 * var(--theme-polarity)) calc(var(--text-base-c) + 0) var(--text-base-h));position:relative;text-decoration:none}._nav-logo_1epzi_75:focus{outline:none}._nav-logo_1epzi_75:after{content:"";height:2px;width:100%;background-color:oklch(calc(var(--text-base-l) - 0 * var(--theme-polarity)) calc(var(--text-base-c) + 0) var(--text-base-h));position:absolute;left:0;bottom:-4px;transform-origin:left;transform:scaleX(0);transition:transform .25s ease}._nav-logo_1epzi_75:hover:after,._nav-logo_1epzi_75:focus:after,._nav-logo_1epzi_75._active_1epzi_99:after{transform:scaleX(1)}._nav-links_1epzi_103{display:flex;width:100%;justify-items:end;align-items:center;user-select:none}._nav-links_1epzi_103 li{list-style:none;margin-left:2rem}._nav-links_1epzi_103 li a{text-decoration:none;color:oklch(calc(var(--text-base-l) - 0 * var(--theme-polarity)) calc(var(--text-base-c) + 0) var(--text-base-h));font-size:1rem;font-weight:500;position:relative;transition:color .3s ease-in-out}._nav-links_1epzi_103 li a._active_1epzi_99{color:oklch(calc(var(--secondary-base-l) - 0 * var(--theme-polarity)) calc(var(--secondary-base-c) + 0) var(--secondary-base-h))}._nav-links_1epzi_103 li a ._magic-line_1epzi_126{position:absolute;left:0;bottom:-4px;width:100%;height:2px;background-color:oklch(calc(var(--secondary-base-l) - 0 * var(--theme-polarity)) calc(var(--secondary-base-c) + 0) var(--secondary-base-h));z-index:10;contain:layout}._nav-right_1epzi_137{display:flex;align-items:center}[data-astro-cid-rwuhct55],[data-astro-cid-rwuhct55]:before,[data-astro-cid-rwuhct55]:after{box-sizing:border-box}[data-astro-cid-rwuhct55]{margin:0}img[data-astro-cid-rwuhct55],picture[data-astro-cid-rwuhct55],video[data-astro-cid-rwuhct55],canvas[data-astro-cid-rwuhct55],svg[data-astro-cid-rwuhct55]{display:block;max-width:100%}input[data-astro-cid-rwuhct55],button[data-astro-cid-rwuhct55],textarea[data-astro-cid-rwuhct55],select[data-astro-cid-rwuhct55]{font:inherit}p[data-astro-cid-rwuhct55],h1[data-astro-cid-rwuhct55],h2[data-astro-cid-rwuhct55],h3[data-astro-cid-rwuhct55],h4[data-astro-cid-rwuhct55],h5[data-astro-cid-rwuhct55],h6[data-astro-cid-rwuhct55]{overflow-wrap:break-word}#root[data-astro-cid-rwuhct55],#__next[data-astro-cid-rwuhct55]{isolation:isolate}@font-face{font-family:Geist;src:url(/fonts/Geist.woff2) format("woff2");font-display:swap}@font-face{font-family:GeistMono;src:url(/fonts/GeistMono.woff2) format("woff2");font-display:swap}.svg-icon[data-astro-cid-rwuhct55]{width:100%;height:100%}[data-astro-cid-dz5dpgmq],[data-astro-cid-dz5dpgmq]:before,[data-astro-cid-dz5dpgmq]:after{box-sizing:border-box}[data-astro-cid-dz5dpgmq]{margin:0}img[data-astro-cid-dz5dpgmq],picture[data-astro-cid-dz5dpgmq],video[data-astro-cid-dz5dpgmq],canvas[data-astro-cid-dz5dpgmq],svg[data-astro-cid-dz5dpgmq]{display:block;max-width:100%}input[data-astro-cid-dz5dpgmq],button[data-astro-cid-dz5dpgmq],textarea[data-astro-cid-dz5dpgmq],select[data-astro-cid-dz5dpgmq]{font:inherit}p[data-astro-cid-dz5dpgmq],h1[data-astro-cid-dz5dpgmq],h2[data-astro-cid-dz5dpgmq],h3[data-astro-cid-dz5dpgmq],h4[data-astro-cid-dz5dpgmq],h5[data-astro-cid-dz5dpgmq],h6[data-astro-cid-dz5dpgmq]{overflow-wrap:break-word}#root[data-astro-cid-dz5dpgmq],#__next[data-astro-cid-dz5dpgmq]{isolation:isolate}@font-face{font-family:Geist;src:url(/fonts/Geist.woff2) format("woff2");font-display:swap}@font-face{font-family:GeistMono;src:url(/fonts/GeistMono.woff2) format("woff2");font-display:swap}.svg-icon[data-astro-cid-dz5dpgmq]{width:100%;height:100%}#_root_mhqqg_1,#___next_mhqqg_1{isolation:isolate}@font-face{font-family:Geist;src:url(/fonts/Geist.woff2) format("woff2");font-display:swap}@font-face{font-family:GeistMono;src:url(/fonts/GeistMono.woff2) format("woff2");font-display:swap}._toggle-btn_mhqqg_66{display:inline-flex;justify-content:center;align-items:center;padding:0;width:3.5rem;height:3.5rem;aspect-ratio:1;border-radius:50%;flex-shrink:0;cursor:pointer;border:none;background:transparent;color:inherit;transition:background-color .5s}._toggle-btn_mhqqg_66:hover{background-color:#8080801a}._icon-container_mhqqg_86{position:relative;width:2rem;height:2rem}._color-icon_mhqqg_92{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:transform 1s ease,opacity .5s}._moon-wrapper_mhqqg_101{transform:rotate(90deg);opacity:0}[data-theme=dark] ._moon-wrapper_mhqqg_101,._sun-wrapper_mhqqg_110{transform:rotate(0);opacity:1}[data-theme=dark] ._sun-wrapper_mhqqg_110{transform:rotate(-90deg);opacity:0}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#_root_1ry98_1,#___next_1ry98_1{isolation:isolate}@font-face{font-family:Geist;src:url(/fonts/Geist.woff2) format("woff2");font-display:swap}@font-face{font-family:GeistMono;src:url(/fonts/GeistMono.woff2) format("woff2");font-display:swap}._user-icon_1ry98_66{display:inline-flex;justify-content:center;align-items:center;position:relative;margin-left:1rem;width:3.5rem;height:3.5rem;border-radius:50%;text-decoration:none;color:inherit;cursor:pointer}._user-icon_1ry98_66:focus{outline:none}._user-icon_1ry98_66:hover ._spin-container_1ry98_82{animation-play-state:running}._spin-container_1ry98_82{position:absolute;inset:0;width:100%;height:100%;animation:_spin_1ry98_82 1.5s ease-in-out infinite reverse;animation-play-state:paused;pointer-events:none}._spin-animation_1ry98_96{width:100%;height:100%;animation:_spin_1ry98_82 15s linear infinite normal;display:flex;justify-content:center;align-items:center}@keyframes _spin_1ry98_82{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}
diff --git a/00-Lesson-Site/frontend/dist/_astro/client.yL8JVs1M.js b/00-Lesson-Site/frontend/dist/_astro/client.yL8JVs1M.js
deleted file mode 100644
index aa2578e..0000000
--- a/00-Lesson-Site/frontend/dist/_astro/client.yL8JVs1M.js
+++ /dev/null
@@ -1 +0,0 @@
-const g={context:void 0,registry:void 0,effects:void 0,done:!1,getContextId(){return ie(this.context.count)},getNextContextId(){return ie(this.context.count++)}};function ie(e){const n=String(e),t=n.length-1;return g.context.id+(t?String.fromCharCode(96+t):"")+n}function I(e){g.context=e}function Te(){return{...g.context,id:g.getNextContextId(),count:0}}const Ne=!1,$e=(e,n)=>e===n,$=Symbol("solid-proxy"),le=Symbol("solid-track"),q={equals:$e};let Pe=be;const P=1,B=2,ue={owned:null,cleanups:null,context:null,owner:null};var y=null;let G=null,je=null,b=null,p=null,E=null,k=0;function ce(e,n){const t=b,s=y,i=e.length===0,l=n===void 0?s:n,o=i?ue:{owned:null,cleanups:null,context:l?l.context:null,owner:l},f=i?e:()=>e(()=>D(()=>K(o)));y=o,b=null;try{return R(f,!0)}finally{b=t,y=s}}function Q(e,n){n=n?Object.assign({},q,n):q;const t={value:e,observers:null,observerSlots:null,comparator:n.equals||void 0},s=i=>(typeof i=="function"&&(i=i(t.value)),ae(t,i));return[he.bind(t),s]}function W(e,n,t){const s=ge(e,n,!1,P);m(s)}function H(e,n,t){t=t?Object.assign({},q,t):q;const s=ge(e,n,!0,0);return s.observers=null,s.observerSlots=null,s.comparator=t.equals||void 0,m(s),he.bind(s)}function Fe(e){return R(e,!1)}function D(e){if(b===null)return e();const n=b;b=null;try{return e()}finally{b=n}}function Ie(e){return y===null||(y.cleanups===null?y.cleanups=[e]:y.cleanups.push(e)),e}function X(){return b}function ve(){return y}function _e(e){E.push.apply(E,e),e.length=0}function de(e,n){const t=Symbol("context");return{id:t,Provider:qe(t),defaultValue:e}}function Re(e){let n;return y&&y.context&&(n=y.context[e.id])!==void 0?n:e.defaultValue}function Le(e){const n=H(e),t=H(()=>Z(n()));return t.toArray=()=>{const s=t();return Array.isArray(s)?s:s!=null?[s]:[]},t}let oe;function He(){return oe||(oe=de())}function he(){if(this.sources&&this.state)if(this.state===P)m(this);else{const e=p;p=null,R(()=>U(this),!1),p=e}if(b){const e=this.observers?this.observers.length:0;b.sources?(b.sources.push(this),b.sourceSlots.push(e)):(b.sources=[this],b.sourceSlots=[e]),this.observers?(this.observers.push(b),this.observerSlots.push(b.sources.length-1)):(this.observers=[b],this.observerSlots=[b.sources.length-1])}return this.value}function ae(e,n,t){let s=e.value;return(!e.comparator||!e.comparator(s,n))&&(e.value=n,e.observers&&e.observers.length&&R(()=>{for(let i=0;i<e.observers.length;i+=1){const l=e.observers[i],o=G&&G.running;o&&G.disposed.has(l),(o?!l.tState:!l.state)&&(l.pure?p.push(l):E.push(l),l.observers&&we(l)),o||(l.state=P)}if(p.length>1e6)throw p=[],new Error},!1)),n}function m(e){if(!e.fn)return;K(e);const n=k;De(e,e.value,n)}function De(e,n,t){let s;const i=y,l=b;b=y=e;try{s=e.fn(n)}catch(o){return e.pure&&(e.state=P,e.owned&&e.owned.forEach(K),e.owned=null),e.updatedAt=t+1,pe(o)}finally{b=l,y=i}(!e.updatedAt||e.updatedAt<=t)&&(e.updatedAt!=null&&"observers"in e?ae(e,s):e.value=s,e.updatedAt=t)}function ge(e,n,t,s=P,i){const l={fn:e,state:s,updatedAt:null,owned:null,sources:null,sourceSlots:null,cleanups:null,value:n,owner:y,context:y?y.context:null,pure:t};return y===null||y!==ue&&(y.owned?y.owned.push(l):y.owned=[l]),l}function ye(e){if(e.state===0)return;if(e.state===B)return U(e);if(e.suspense&&D(e.suspense.inFallback))return e.suspense.effects.push(e);const n=[e];for(;(e=e.owner)&&(!e.updatedAt||e.updatedAt<k);)e.state&&n.push(e);for(let t=n.length-1;t>=0;t--)if(e=n[t],e.state===P)m(e);else if(e.state===B){const s=p;p=null,R(()=>U(e,n[0]),!1),p=s}}function R(e,n){if(p)return e();let t=!1;n||(p=[]),E?t=!0:E=[],k++;try{const s=e();return Ke(t),s}catch(s){t||(E=null),p=null,pe(s)}}function Ke(e){if(p&&(be(p),p=null),e)return;const n=E;E=null,n.length&&R(()=>Pe(n),!1)}function be(e){for(let n=0;n<e.length;n++)ye(e[n])}function U(e,n){e.state=0;for(let t=0;t<e.sources.length;t+=1){const s=e.sources[t];if(s.sources){const i=s.state;i===P?s!==n&&(!s.updatedAt||s.updatedAt<k)&&ye(s):i===B&&U(s,n)}}}function we(e){for(let n=0;n<e.observers.length;n+=1){const t=e.observers[n];t.state||(t.state=B,t.pure?p.push(t):E.push(t),t.observers&&we(t))}}function K(e){let n;if(e.sources)for(;e.sources.length;){const t=e.sources.pop(),s=e.sourceSlots.pop(),i=t.observers;if(i&&i.length){const l=i.pop(),o=t.observerSlots.pop();s<i.length&&(l.sourceSlots[o]=s,i[s]=l,t.observerSlots[s]=o)}}if(e.tOwned){for(n=e.tOwned.length-1;n>=0;n--)K(e.tOwned[n]);delete e.tOwned}if(e.owned){for(n=e.owned.length-1;n>=0;n--)K(e.owned[n]);e.owned=null}if(e.cleanups){for(n=e.cleanups.length-1;n>=0;n--)e.cleanups[n]();e.cleanups=null}e.state=0}function Me(e){return e instanceof Error?e:new Error(typeof e=="string"?e:"Unknown error",{cause:e})}function pe(e,n=y){throw Me(e)}function Z(e){if(typeof e=="function"&&!e.length)return Z(e());if(Array.isArray(e)){const n=[];for(let t=0;t<e.length;t++){const s=Z(e[t]);Array.isArray(s)?n.push.apply(n,s):n.push(s)}return n}return e}function qe(e,n){return function(s){let i;return W(()=>i=D(()=>(y.context={...y.context,[e]:s.value},Le(()=>s.children))),void 0),i}}let Ae=!1;function Be(){Ae=!0}function z(e,n){if(Ae&&g.context){const t=g.context;I(Te());const s=D(()=>e(n||{}));return I(t),s}return D(()=>e(n||{}))}const We=de();function Ue(e){let n=0,t,s,i,l,o;const[f,u]=Q(!1),c=He(),r={increment:()=>{++n===1&&u(!0)},decrement:()=>{--n===0&&u(!1)},inFallback:f,effects:[],resolved:!1},d=ve();if(g.context&&g.load){const w=g.getContextId();let A=g.load(w);if(A&&(typeof A!="object"||A.s!==1?i=A:g.gather(w)),i&&i!=="$$f"){const[C,x]=Q(void 0,{equals:!1});l=C,i.then(()=>{if(g.done)return x();g.gather(w),I(s),x(),I()},T=>{o=T,x()})}}const h=Re(We);h&&(t=h.register(r.inFallback));let a;return Ie(()=>a&&a()),z(c.Provider,{value:r,get children(){return H(()=>{if(o)throw o;if(s=g.context,l)return l(),l=void 0;s&&i==="$$f"&&I();const w=H(()=>e.children);return H(A=>{const C=r.inFallback(),{showContent:x=!0,showFallback:T=!0}=t?t():{};if((!C||i&&i!=="$$f")&&x)return r.resolved=!0,a&&a(),a=s=i=void 0,_e(r.effects),w();if(T)return a?A:ce(Ee=>(a=Ee,s&&(I({id:s.id+"F",count:0}),s=void 0),e.fallback),d)})})}})}const ee=Symbol("store-raw"),v=Symbol("store-node"),O=Symbol("store-has"),Se=Symbol("store-self");function xe(e){let n=e[$];if(!n&&(Object.defineProperty(e,$,{value:n=new Proxy(e,ke)}),!Array.isArray(e))){const t=Object.keys(e),s=Object.getOwnPropertyDescriptors(e);for(let i=0,l=t.length;i<l;i++){const o=t[i];s[o].get&&Object.defineProperty(e,o,{enumerable:s[o].enumerable,get:s[o].get.bind(n)})}}return n}function N(e){let n;return e!=null&&typeof e=="object"&&(e[$]||!(n=Object.getPrototypeOf(e))||n===Object.prototype||Array.isArray(e))}function _(e,n=new Set){let t,s,i,l;if(t=e!=null&&e[ee])return t;if(!N(e)||n.has(e))return e;if(Array.isArray(e)){Object.isFrozen(e)?e=e.slice(0):n.add(e);for(let o=0,f=e.length;o<f;o++)i=e[o],(s=_(i,n))!==i&&(e[o]=s)}else{Object.isFrozen(e)?e=Object.assign({},e):n.add(e);const o=Object.keys(e),f=Object.getOwnPropertyDescriptors(e);for(let u=0,c=o.length;u<c;u++)l=o[u],!f[l].get&&(i=e[l],(s=_(i,n))!==i&&(e[l]=s))}return e}function Y(e,n){let t=e[n];return t||Object.defineProperty(e,n,{value:t=Object.create(null)}),t}function M(e,n,t){if(e[n])return e[n];const[s,i]=Q(t,{equals:!1,internal:!0});return s.$=i,e[n]=s}function Ye(e,n){const t=Reflect.getOwnPropertyDescriptor(e,n);return!t||t.get||!t.configurable||n===$||n===v||(delete t.value,delete t.writable,t.get=()=>e[$][n]),t}function Ce(e){X()&&M(Y(e,v),Se)()}function Ve(e){return Ce(e),Reflect.ownKeys(e)}const ke={get(e,n,t){if(n===ee)return e;if(n===$)return t;if(n===le)return Ce(e),t;const s=Y(e,v),i=s[n];let l=i?i():e[n];if(n===v||n===O||n==="__proto__")return l;if(!i){const o=Object.getOwnPropertyDescriptor(e,n);X()&&(typeof l!="function"||e.hasOwnProperty(n))&&!(o&&o.get)&&(l=M(s,n,l)())}return N(l)?xe(l):l},has(e,n){return n===ee||n===$||n===le||n===v||n===O||n==="__proto__"?!0:(X()&&M(Y(e,O),n)(),n in e)},set(){return!0},deleteProperty(){return!0},ownKeys:Ve,getOwnPropertyDescriptor:Ye};function S(e,n,t,s=!1){if(!s&&e[n]===t)return;const i=e[n],l=e.length;t===void 0?(delete e[n],e[O]&&e[O][n]&&i!==void 0&&e[O][n].$()):(e[n]=t,e[O]&&e[O][n]&&i===void 0&&e[O][n].$());let o=Y(e,v),f;if((f=M(o,n,i))&&f.$(()=>t),Array.isArray(e)&&e.length!==l){for(let u=e.length;u<l;u++)(f=o[u])&&f.$();(f=M(o,"length",l))&&f.$(e.length)}(f=o[Se])&&f.$()}function Oe(e,n){const t=Object.keys(n);for(let s=0;s<t.length;s+=1){const i=t[s];S(e,i,n[i])}}function me(e,n){if(typeof n=="function"&&(n=n(e)),n=_(n),Array.isArray(n)){if(e===n)return;let t=0,s=n.length;for(;t<s;t++){const i=n[t];e[t]!==i&&S(e,t,i)}S(e,"length",s)}else Oe(e,n)}function L(e,n,t=[]){let s,i=e;if(n.length>1){s=n.shift();const o=typeof s,f=Array.isArray(e);if(Array.isArray(s)){for(let u=0;u<s.length;u++)L(e,[s[u]].concat(n),t);return}else if(f&&o==="function"){for(let u=0;u<e.length;u++)s(e[u],u)&&L(e,[u].concat(n),t);return}else if(f&&o==="object"){const{from:u=0,to:c=e.length-1,by:r=1}=s;for(let d=u;d<=c;d+=r)L(e,[d].concat(n),t);return}else if(n.length>1){L(e[s],n,[s].concat(t));return}i=e[s],t=[s].concat(t)}let l=n[0];typeof l=="function"&&(l=l(i,t),l===i)||s===void 0&&l==null||(l=_(l),s===void 0||N(i)&&N(l)&&!Array.isArray(l)?Oe(i,l):S(e,s,l))}function Ge(...[e,n]){const t=_(e||{}),s=Array.isArray(t),i=xe(t);function l(...o){Fe(()=>{s&&o.length===1?me(t,o[0]):L(t,o)})}return[i,l]}const ne=Symbol("store-root");function F(e,n,t,s,i){const l=n[t];if(e===l)return;const o=Array.isArray(e);if(t!==ne&&(!N(e)||!N(l)||o!==Array.isArray(l)||i&&e[i]!==l[i])){S(n,t,e);return}if(o){if(e.length&&l.length&&(!s||i&&e[0]&&e[0][i]!=null)){let c,r,d,h,a,w,A,C;for(d=0,h=Math.min(l.length,e.length);d<h&&(l[d]===e[d]||i&&l[d]&&e[d]&&l[d][i]&&l[d][i]===e[d][i]);d++)F(e[d],l,d,s,i);const x=new Array(e.length),T=new Map;for(h=l.length-1,a=e.length-1;h>=d&&a>=d&&(l[h]===e[a]||i&&l[h]&&e[a]&&l[h][i]&&l[h][i]===e[a][i]);h--,a--)x[a]=l[h];if(d>a||d>h){for(r=d;r<=a;r++)S(l,r,e[r]);for(;r<e.length;r++)S(l,r,x[r]),F(e[r],l,r,s,i);l.length>e.length&&S(l,"length",e.length);return}for(A=new Array(a+1),r=a;r>=d;r--)w=e[r],C=i&&w?w[i]:w,c=T.get(C),A[r]=c===void 0?-1:c,T.set(C,r);for(c=d;c<=h;c++)w=l[c],C=i&&w?w[i]:w,r=T.get(C),r!==void 0&&r!==-1&&(x[r]=l[c],r=A[r],T.set(C,r));for(r=d;r<e.length;r++)r in x?(S(l,r,x[r]),F(e[r],l,r,s,i)):S(l,r,e[r])}else for(let c=0,r=e.length;c<r;c++)F(e[c],l,c,s,i);l.length>e.length&&S(l,"length",e.length);return}const f=Object.keys(e);for(let c=0,r=f.length;c<r;c++)F(e[f[c]],l,f[c],s,i);const u=Object.keys(l);for(let c=0,r=u.length;c<r;c++)e[u[c]]===void 0&&S(l,u[c],void 0)}function Je(e,n={}){const{merge:t,key:s="id"}=n,i=_(e);return l=>{if(!N(l)||!N(i))return i;const o=F(i,{[ne]:l},ne,t,s);return o===void 0?l:o}}function Qe(e,n,t){let s=t.length,i=n.length,l=s,o=0,f=0,u=n[i-1].nextSibling,c=null;for(;o<i||f<l;){if(n[o]===t[f]){o++,f++;continue}for(;n[i-1]===t[l-1];)i--,l--;if(i===o){const r=l<s?f?t[f-1].nextSibling:t[l-f]:u;for(;f<l;)e.insertBefore(t[f++],r)}else if(l===f)for(;o<i;)(!c||!c.has(n[o]))&&n[o].remove(),o++;else if(n[o]===t[l-1]&&t[f]===n[i-1]){const r=n[--i].nextSibling;e.insertBefore(t[f++],n[o++].nextSibling),e.insertBefore(t[--l],r),n[i]=t[l]}else{if(!c){c=new Map;let d=f;for(;d<l;)c.set(t[d],d++)}const r=c.get(n[o]);if(r!=null)if(f<r&&r<l){let d=o,h=1,a;for(;++d<i&&d<l&&!((a=c.get(n[d]))==null||a!==r+h);)h++;if(h>r-f){const w=n[o];for(;f<r;)e.insertBefore(t[f++],w)}else e.replaceChild(t[f++],n[o++])}else o++;else n[o++].remove()}}}function te(e,n,t,s={}){let i;return ce(l=>{i=l,n===document?e():Xe(n,e(),n.firstChild?null:void 0,t)},s.owner),()=>{i(),n.textContent=""}}function Xe(e,n,t,s){if(t!==void 0&&!s&&(s=[]),typeof n!="function")return V(e,n,s,t);W(i=>V(e,n(),i,t),s)}function Ze(e,n,t={}){if(globalThis._$HY.done)return te(e,n,[...n.childNodes],t);g.completed=globalThis._$HY.completed,g.events=globalThis._$HY.events,g.load=s=>globalThis._$HY.r[s],g.has=s=>s in globalThis._$HY.r,g.gather=s=>fe(n,s),g.registry=new Map,g.context={id:t.renderId||"",count:0};try{return fe(n,t.renderId),te(e,n,[...n.childNodes],t)}finally{g.context=null}}function ze(e){return!!g.context&&!g.done&&(!e||e.isConnected)}function V(e,n,t,s,i){const l=ze(e);if(l){!t&&(t=[...e.childNodes]);let u=[];for(let c=0;c<t.length;c++){const r=t[c];r.nodeType===8&&r.data.slice(0,2)==="!$"?r.remove():u.push(r)}t=u}for(;typeof t=="function";)t=t();if(n===t)return t;const o=typeof n,f=s!==void 0;if(e=f&&t[0]&&t[0].parentNode||e,o==="string"||o==="number"){if(l||o==="number"&&(n=n.toString(),n===t))return t;if(f){let u=t[0];u&&u.nodeType===3?u.data!==n&&(u.data=n):u=document.createTextNode(n),t=j(e,t,s,u)}else t!==""&&typeof t=="string"?t=e.firstChild.data=n:t=e.textContent=n}else if(n==null||o==="boolean"){if(l)return t;t=j(e,t,s)}else{if(o==="function")return W(()=>{let u=n();for(;typeof u=="function";)u=u();t=V(e,u,t,s)}),()=>t;if(Array.isArray(n)){const u=[],c=t&&Array.isArray(t);if(se(u,n,t,i))return W(()=>t=V(e,u,t,s,!0)),()=>t;if(l){if(!u.length)return t;if(s===void 0)return t=[...e.childNodes];let r=u[0];if(r.parentNode!==e)return t;const d=[r];for(;(r=r.nextSibling)!==s;)d.push(r);return t=d}if(u.length===0){if(t=j(e,t,s),f)return t}else c?t.length===0?re(e,u,s):Qe(e,t,u):(t&&j(e),re(e,u));t=u}else if(n.nodeType){if(l&&n.parentNode)return t=f?[n]:n;if(Array.isArray(t)){if(f)return t=j(e,t,s,n);j(e,t,null,n)}else t==null||t===""||!e.firstChild?e.appendChild(n):e.replaceChild(n,e.firstChild);t=n}}return t}function se(e,n,t,s){let i=!1;for(let l=0,o=n.length;l<o;l++){let f=n[l],u=t&&t[e.length],c;if(!(f==null||f===!0||f===!1))if((c=typeof f)=="object"&&f.nodeType)e.push(f);else if(Array.isArray(f))i=se(e,f,u)||i;else if(c==="function")if(s){for(;typeof f=="function";)f=f();i=se(e,Array.isArray(f)?f:[f],Array.isArray(u)?u:[u])||i}else e.push(f),i=!0;else{const r=String(f);u&&u.nodeType===3&&u.data===r?e.push(u):e.push(document.createTextNode(r))}}return i}function re(e,n,t=null){for(let s=0,i=n.length;s<i;s++)e.insertBefore(n[s],t)}function j(e,n,t,s){if(t===void 0)return e.textContent="";const i=s||document.createTextNode("");if(n.length){let l=!1;for(let o=n.length-1;o>=0;o--){const f=n[o];if(i!==f){const u=f.parentNode===e;!l&&!o?u?e.replaceChild(i,f):e.insertBefore(i,t):u&&f.remove()}else l=!0}}else e.insertBefore(i,t);return[i]}function fe(e,n){const t=e.querySelectorAll("*[data-hk]");for(let s=0;s<t.length;s++){const i=t[s],l=i.getAttribute("data-hk");(!n||l.startsWith(n))&&!g.registry.has(l)&&g.registry.set(l,i)}}const en=(...e)=>(Be(),Ze(...e)),J=new WeakMap;var nn=e=>(n,t,s,{client:i})=>{if(!e.hasAttribute("ssr"))return;const l=i!=="only",o=l?en:te;let f,u={};if(Object.keys(s).length>0){if(i!=="only"){const h=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,a=>a===e?NodeFilter.FILTER_SKIP:a.nodeName==="ASTRO-SLOT"?NodeFilter.FILTER_ACCEPT:a.nodeName==="ASTRO-ISLAND"?NodeFilter.FILTER_REJECT:NodeFilter.FILTER_SKIP);for(;f=h.nextNode();)u[f.getAttribute("name")||"default"]=f}for(const[h,a]of Object.entries(s))u[h]||(u[h]=document.createElement("astro-slot"),h!=="default"&&u[h].setAttribute("name",h),u[h].innerHTML=a)}const{default:c,...r}=u,d=e.dataset.solidRenderId;if(J.has(e))J.get(e)(Je({...t,...r,children:c}));else{const[h,a]=Ge({...t,...r,children:c});J.set(e,a);const w=o(()=>{const A=()=>z(n,h);return l?z(Ue,{get children(){return A()}}):A()},e,{renderId:d});e.addEventListener("astro:unmount",()=>w(),{once:!0})}};export{nn as default};
diff --git a/00-Lesson-Site/frontend/dist/changelog/index.html b/00-Lesson-Site/frontend/dist/changelog/index.html
deleted file mode 100644
index bd19f9c..0000000
--- a/00-Lesson-Site/frontend/dist/changelog/index.html
+++ /dev/null
@@ -1,82 +0,0 @@
-<!DOCTYPE html><html lang="en"> <head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="astro-view-transitions-enabled" content="true"><meta name="astro-view-transitions-fallback" content="animate"><script type="module" src="/_astro/ClientRouter.astro_astro_type_script_index_0_lang.QW52Ox2j.js"></script><!-- Color Mode Helper --><script>
-	// 1. Basic function to set theme on load
-	function getTheme() {
-		const stored = localStorage.getItem("theme");
-		if (stored) return stored;
-		return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-	}
-
-	function setTheme(theme) {
-		if (theme === "dark") {
-			document.documentElement.classList.add("dark");
-			document.documentElement.setAttribute("data-theme", "dark");
-		} else {
-			document.documentElement.classList.remove("dark");
-			document.documentElement.setAttribute("data-theme", "light");
-		}
-	}
-
-	// Run on initial load
-	setTheme(getTheme());
-
-	// 2. THE FIX: Intercept the new page BEFORE the swap
-	document.addEventListener("astro:before-swap", (event) => {
-		// Read the current class from the OLD document (the one you are looking at)
-		const isDark = document.documentElement.classList.contains("dark");
-
-		// Apply it to the NEW document (the one about to slide in)
-		// This ensures the "snapshot" of the new page is already dark.
-		if (isDark) {
-			event.newDocument.documentElement.classList.add("dark");
-			event.newDocument.documentElement.setAttribute("data-theme", "dark");
-		} else {
-			// Explicitly remove it for light mode to be safe
-			event.newDocument.documentElement.classList.remove("dark");
-			event.newDocument.documentElement.setAttribute("data-theme", "light");
-		}
-	});
-</script><!-- Favicon Icons --><link rel="icon" href="favicon/favicon.ico"><link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png"><link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon.png"><link rel="manifest" href="favicon/site.webmanifest"><title>Web Dev Lessons</title><link rel="stylesheet" href="/_astro/changelog._xb0PRBH.css"><style>[data-astro-transition-scope="astro-bsfr7lx6-1"] { view-transition-name: main-nav; }@layer astro { ::view-transition-old(main-nav) { animation: none; opacity: 0; mix-blend-mode: normal; }::view-transition-new(main-nav) { animation: none; mix-blend-mode: normal; }::view-transition-group(main-nav) { animation: none } }[data-astro-transition-fallback="old"] [data-astro-transition-scope="astro-bsfr7lx6-1"],
-			[data-astro-transition-fallback="old"][data-astro-transition-scope="astro-bsfr7lx6-1"] { animation: none; mix-blend-mode: normal; }[data-astro-transition-fallback="new"] [data-astro-transition-scope="astro-bsfr7lx6-1"],
-			[data-astro-transition-fallback="new"][data-astro-transition-scope="astro-bsfr7lx6-1"] { animation: none; mix-blend-mode: normal; }</style><style>[data-astro-transition-scope="astro-4lmx52ww-2"] { view-transition-name: nav-underline; }@layer astro { ::view-transition-old(nav-underline) { 
-	animation-duration: 180ms;
-	animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
-	animation-fill-mode: both;
-	animation-name: astroFadeOut; }::view-transition-new(nav-underline) { 
-	animation-duration: 180ms;
-	animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
-	animation-fill-mode: both;
-	animation-name: astroFadeIn; }[data-astro-transition=back]::view-transition-old(nav-underline) { 
-	animation-duration: 180ms;
-	animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
-	animation-fill-mode: both;
-	animation-name: astroFadeOut; }[data-astro-transition=back]::view-transition-new(nav-underline) { 
-	animation-duration: 180ms;
-	animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
-	animation-fill-mode: both;
-	animation-name: astroFadeIn; } }[data-astro-transition-fallback="old"] [data-astro-transition-scope="astro-4lmx52ww-2"],
-			[data-astro-transition-fallback="old"][data-astro-transition-scope="astro-4lmx52ww-2"] { 
-	animation-duration: 180ms;
-	animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
-	animation-fill-mode: both;
-	animation-name: astroFadeOut; }[data-astro-transition-fallback="new"] [data-astro-transition-scope="astro-4lmx52ww-2"],
-			[data-astro-transition-fallback="new"][data-astro-transition-scope="astro-4lmx52ww-2"] { 
-	animation-duration: 180ms;
-	animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
-	animation-fill-mode: both;
-	animation-name: astroFadeIn; }[data-astro-transition=back][data-astro-transition-fallback="old"] [data-astro-transition-scope="astro-4lmx52ww-2"],
-			[data-astro-transition=back][data-astro-transition-fallback="old"][data-astro-transition-scope="astro-4lmx52ww-2"] { 
-	animation-duration: 180ms;
-	animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
-	animation-fill-mode: both;
-	animation-name: astroFadeOut; }[data-astro-transition=back][data-astro-transition-fallback="new"] [data-astro-transition-scope="astro-4lmx52ww-2"],
-			[data-astro-transition=back][data-astro-transition-fallback="new"][data-astro-transition-scope="astro-4lmx52ww-2"] { 
-	animation-duration: 180ms;
-	animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
-	animation-fill-mode: both;
-	animation-name: astroFadeIn; }</style></head> <body> <nav class="_navbar_1epzi_66" data-astro-transition-scope="astro-bsfr7lx6-1"> <a href="/" class="_nav-logo_1epzi_75"> Web Dev Lessons </a> <ul class="_nav-links_1epzi_103"> <li> <a href="/lessons">
-Lessons
- </a> </li> <li> <a href="/changelog" class="_active_1epzi_99">
-Changelog
-<span class="_magic-line_1epzi_126" data-astro-transition-scope="astro-4lmx52ww-2"></span> </a> </li> <li> <a href="/resources">
-Resources
- </a> </li> </ul> <div class="_nav-right_1epzi_137"> <button id="theme-toggle" aria-label="Toggle Dark Mode" class="_toggle-btn_mhqqg_66"> <div class="_icon-container_mhqqg_86"> <span class="_color-icon_mhqqg_92 _moon-wrapper_mhqqg_101"> <svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" class="svg-icon" stroke-width="1" data-astro-cid-dz5dpgmq> <path fill-rule="evenodd" clip-rule="evenodd" fill="currentColor" d="M14.228 7.9439C10.5176 8.82869 7.75757 12.1054 7.75757 15.9987C7.75757 20.5716 11.5618 24.2919 16.2367 24.2919C19.2323 24.2919 21.9337 22.7699 23.4514 20.3585C23.2779 20.3676 23.1033 20.3722 22.9287 20.3722C17.7826 20.3722 13.5951 16.2772 13.5951 11.2435C13.5951 10.1032 13.8108 8.98914 14.228 7.9439M16.2367 26.4993C10.3171 26.4993 5.50037 21.7899 5.50037 15.9987C5.50037 10.2109 10.3171 5.49927 16.2367 5.49927C16.6598 5.49927 17.0501 5.72963 17.2435 6.09753C17.438 6.46428 17.4087 6.90668 17.1638 7.24363C16.3059 8.42297 15.8535 9.80631 15.8535 11.2435C15.8535 15.06 19.0272 18.1637 22.9287 18.1637C23.6483 18.1637 24.3573 18.0582 25.0359 17.8531C25.4378 17.7293 25.8785 17.8359 26.1738 18.1304C26.4715 18.425 26.5758 18.8559 26.4446 19.2467C25.0019 23.5847 20.9 26.4993 16.2367 26.4993" data-astro-cid-dz5dpgmq></path> </svg>  </span> <span class="_color-icon_mhqqg_92 _sun-wrapper_mhqqg_110"> <svg class="w-full" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" class="svg-icon" stroke-width="1" data-astro-cid-rwuhct55> <path fill-rule="evenodd" clip-rule="evenodd" d="M16.0003 21.4194C13.0123 21.4194 10.5813 18.9874 10.5813 15.9994C10.5813 13.0114 13.0123 10.5804 16.0003 10.5804C18.9883 10.5804 21.4193 13.0114 21.4193 15.9994C21.4193 18.9874 18.9883 21.4194 16.0003 21.4194M16.0003 8.64136C11.9423 8.64136 8.64233 11.9414 8.64233 15.9994C8.64233 20.0574 11.9423 23.3574 16.0003 23.3574C20.0573 23.3574 23.3583 20.0574 23.3583 15.9994C23.3583 11.9414 20.0573 8.64136 16.0003 8.64136" fill="currentColor" data-astro-cid-rwuhct55></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.11559 15.0298H3.34559C2.81059 15.0298 2.37659 15.4648 2.37659 15.9998C2.37659 16.5348 2.81059 16.9688 3.34559 16.9688H6.11559C6.65159 16.9688 7.08459 16.5348 7.08459 15.9998C7.08459 15.4648 6.65159 15.0298 6.11559 15.0298" fill="currentColor" data-astro-cid-rwuhct55></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M16.0004 7.08447C16.5364 7.08447 16.9704 6.64946 16.9704 6.11446V3.34546C16.9704 2.81046 16.5364 2.37646 16.0004 2.37646C15.4644 2.37646 15.0304 2.81046 15.0304 3.34546V6.11446C15.0304 6.64946 15.4644 7.08447 16.0004 7.08447" fill="currentColor" data-astro-cid-rwuhct55></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M16.0004 24.9146C15.4644 24.9146 15.0304 25.3496 15.0304 25.8846V28.6536C15.0304 29.1886 15.4644 29.6236 16.0004 29.6236C16.5364 29.6236 16.9704 29.1886 16.9704 28.6536V25.8846C16.9704 25.3496 16.5364 24.9146 16.0004 24.9146" fill="currentColor" data-astro-cid-rwuhct55></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M28.6542 15.0298H25.8842C25.3492 15.0298 24.9152 15.4648 24.9152 15.9998C24.9152 16.5348 25.3492 16.9688 25.8842 16.9688H28.6542C29.1902 16.9688 29.6242 16.5348 29.6242 15.9998C29.6242 15.4648 29.1902 15.0298 28.6542 15.0298" fill="currentColor" data-astro-cid-rwuhct55></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M22.9896 9.97995C23.2376 9.97995 23.4856 9.88495 23.6756 9.69595L24.7036 8.66795C25.0816 8.28995 25.0816 7.67495 24.7036 7.29595C24.3246 6.91795 23.7106 6.91795 23.3316 7.29595L22.3036 8.32495C21.9256 8.70295 21.9256 9.31695 22.3036 9.69595C22.4926 9.88495 22.7416 9.97995 22.9896 9.97995" fill="currentColor" data-astro-cid-rwuhct55></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.32507 9.69593C8.51407 9.88493 8.76207 9.97993 9.01107 9.97993C9.25907 9.97993 9.50707 9.88493 9.69607 9.69593C10.0751 9.31693 10.0751 8.70293 9.69607 8.32493L8.66807 7.29693C8.28907 6.91893 7.67507 6.91893 7.29707 7.29693C6.91807 7.67493 6.91807 8.28993 7.29707 8.66793L8.32507 9.69593Z" fill="currentColor" data-astro-cid-rwuhct55></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.32507 22.3043L7.29707 23.3313C6.91807 23.7093 6.91807 24.3243 7.29707 24.7023C7.48607 24.8923 7.73407 24.9873 7.98207 24.9873C8.23007 24.9873 8.47807 24.8923 8.66807 24.7023L9.69607 23.6753C10.0751 23.2973 10.0751 22.6833 9.69607 22.3043C9.31807 21.9253 8.70307 21.9253 8.32507 22.3043" fill="currentColor" data-astro-cid-rwuhct55></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M23.6752 22.3043C23.2962 21.9253 22.6822 21.9253 22.3032 22.3043C21.9252 22.6833 21.9252 23.2973 22.3042 23.6753L23.3322 24.7023C23.5212 24.8923 23.7692 24.9873 24.0182 24.9873C24.2662 24.9873 24.5142 24.8923 24.7032 24.7023C25.0822 24.3243 25.0822 23.7093 24.7032 23.3313L23.6752 22.3043Z" fill="currentColor" data-astro-cid-rwuhct55></path> </svg>  </span> </div> </button> <script type="module">document.addEventListener("astro:page-load",()=>{const e=document.getElementById("theme-toggle"),a=()=>{const t=document.documentElement,s=t.classList.contains("dark")?"light":"dark";s==="dark"?(t.classList.add("dark"),t.setAttribute("data-theme","dark")):(t.classList.remove("dark"),t.setAttribute("data-theme","light")),localStorage.setItem("theme",s)};e?.removeEventListener("click",a),e?.addEventListener("click",a)});</script> <a class="_user-icon_1ry98_66"> <div class="_spin-container_1ry98_82"> <div class="_spin-animation_1ry98_96"> <svg height="56" width="56" viewBox="0 0 56 56"> <path d="M29.465,0.038373A28,28,0,0,1,52.948,40.712L51.166,39.804A26,26,0,0,0,29.361,2.0356Z" style="color: oklch(62.3% 0.214 259.815);" fill="currentColor"></path> <path d="M51.483,43.250A28,28,0,0,1,4.5172,43.250L6.1946,42.161A26,26,0,0,0,49.805,42.161Z" style="color: oklch(79.5% 0.184 86.047);" fill="currentColor"></path> <path d="M3.0518,40.712A28,28,0,0,1,26.535,0.038373L26.639,2.0356A26,26,0,0,0,4.8338,39.804Z" style="color: #D14242;" fill="currentColor"></path> </svg> </div> </div> <svg xmlns="http://www.w3.org/2000/svg" style="width: 2rem; height: 2rem" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"></path> </svg> </a> </div> </nav> <main>  <h1>Welcome to the Lesson Site</h1> <p>This is the homepage of the lesson site built with Astro.</p> <a href="/lessons/01-intro">Lesson 1</a>  </main> </body></html>
\ No newline at end of file
diff --git a/00-Lesson-Site/frontend/dist/fonts/Geist.woff2 b/00-Lesson-Site/frontend/dist/fonts/Geist.woff2
deleted file mode 100644
index 305664c..0000000
Binary files a/00-Lesson-Site/frontend/dist/fonts/Geist.woff2 and /dev/null differ
diff --git a/00-Lesson-Site/frontend/dist/fonts/GeistMono.woff2 b/00-Lesson-Site/frontend/dist/fonts/GeistMono.woff2
deleted file mode 100644
index 7ba2132..0000000
Binary files a/00-Lesson-Site/frontend/dist/fonts/GeistMono.woff2 and /dev/null differ
diff --git a/00-Lesson-Site/frontend/dist/index.html b/00-Lesson-Site/frontend/dist/index.html
deleted file mode 100644
index b7e5aee..0000000
--- a/00-Lesson-Site/frontend/dist/index.html
+++ /dev/null
@@ -1,46 +0,0 @@
-<!DOCTYPE html><html lang="en"> <head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="astro-view-transitions-enabled" content="true"><meta name="astro-view-transitions-fallback" content="animate"><script type="module" src="/_astro/ClientRouter.astro_astro_type_script_index_0_lang.QW52Ox2j.js"></script><!-- Color Mode Helper --><script>
-	// 1. Basic function to set theme on load
-	function getTheme() {
-		const stored = localStorage.getItem("theme");
-		if (stored) return stored;
-		return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-	}
-
-	function setTheme(theme) {
-		if (theme === "dark") {
-			document.documentElement.classList.add("dark");
-			document.documentElement.setAttribute("data-theme", "dark");
-		} else {
-			document.documentElement.classList.remove("dark");
-			document.documentElement.setAttribute("data-theme", "light");
-		}
-	}
-
-	// Run on initial load
-	setTheme(getTheme());
-
-	// 2. THE FIX: Intercept the new page BEFORE the swap
-	document.addEventListener("astro:before-swap", (event) => {
-		// Read the current class from the OLD document (the one you are looking at)
-		const isDark = document.documentElement.classList.contains("dark");
-
-		// Apply it to the NEW document (the one about to slide in)
-		// This ensures the "snapshot" of the new page is already dark.
-		if (isDark) {
-			event.newDocument.documentElement.classList.add("dark");
-			event.newDocument.documentElement.setAttribute("data-theme", "dark");
-		} else {
-			// Explicitly remove it for light mode to be safe
-			event.newDocument.documentElement.classList.remove("dark");
-			event.newDocument.documentElement.setAttribute("data-theme", "light");
-		}
-	});
-</script><!-- Favicon Icons --><link rel="icon" href="favicon/favicon.ico"><link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png"><link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon.png"><link rel="manifest" href="favicon/site.webmanifest"><title>Web Dev Lessons</title><link rel="stylesheet" href="/_astro/changelog._xb0PRBH.css"><style>[data-astro-transition-scope="astro-bsfr7lx6-1"] { view-transition-name: main-nav; }@layer astro { ::view-transition-old(main-nav) { animation: none; opacity: 0; mix-blend-mode: normal; }::view-transition-new(main-nav) { animation: none; mix-blend-mode: normal; }::view-transition-group(main-nav) { animation: none } }[data-astro-transition-fallback="old"] [data-astro-transition-scope="astro-bsfr7lx6-1"],
-			[data-astro-transition-fallback="old"][data-astro-transition-scope="astro-bsfr7lx6-1"] { animation: none; mix-blend-mode: normal; }[data-astro-transition-fallback="new"] [data-astro-transition-scope="astro-bsfr7lx6-1"],
-			[data-astro-transition-fallback="new"][data-astro-transition-scope="astro-bsfr7lx6-1"] { animation: none; mix-blend-mode: normal; }</style></head> <body> <nav class="_navbar_1epzi_66" data-astro-transition-scope="astro-bsfr7lx6-1"> <a href="/" class="_nav-logo_1epzi_75 _active_1epzi_99"> Web Dev Lessons </a> <ul class="_nav-links_1epzi_103"> <li> <a href="/lessons">
-Lessons
- </a> </li> <li> <a href="/changelog">
-Changelog
- </a> </li> <li> <a href="/resources">
-Resources
- </a> </li> </ul> <div class="_nav-right_1epzi_137"> <button id="theme-toggle" aria-label="Toggle Dark Mode" class="_toggle-btn_mhqqg_66"> <div class="_icon-container_mhqqg_86"> <span class="_color-icon_mhqqg_92 _moon-wrapper_mhqqg_101"> <svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" class="svg-icon" stroke-width="1" data-astro-cid-dz5dpgmq> <path fill-rule="evenodd" clip-rule="evenodd" fill="currentColor" d="M14.228 7.9439C10.5176 8.82869 7.75757 12.1054 7.75757 15.9987C7.75757 20.5716 11.5618 24.2919 16.2367 24.2919C19.2323 24.2919 21.9337 22.7699 23.4514 20.3585C23.2779 20.3676 23.1033 20.3722 22.9287 20.3722C17.7826 20.3722 13.5951 16.2772 13.5951 11.2435C13.5951 10.1032 13.8108 8.98914 14.228 7.9439M16.2367 26.4993C10.3171 26.4993 5.50037 21.7899 5.50037 15.9987C5.50037 10.2109 10.3171 5.49927 16.2367 5.49927C16.6598 5.49927 17.0501 5.72963 17.2435 6.09753C17.438 6.46428 17.4087 6.90668 17.1638 7.24363C16.3059 8.42297 15.8535 9.80631 15.8535 11.2435C15.8535 15.06 19.0272 18.1637 22.9287 18.1637C23.6483 18.1637 24.3573 18.0582 25.0359 17.8531C25.4378 17.7293 25.8785 17.8359 26.1738 18.1304C26.4715 18.425 26.5758 18.8559 26.4446 19.2467C25.0019 23.5847 20.9 26.4993 16.2367 26.4993" data-astro-cid-dz5dpgmq></path> </svg>  </span> <span class="_color-icon_mhqqg_92 _sun-wrapper_mhqqg_110"> <svg class="w-full" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" class="svg-icon" stroke-width="1" data-astro-cid-rwuhct55> <path fill-rule="evenodd" clip-rule="evenodd" d="M16.0003 21.4194C13.0123 21.4194 10.5813 18.9874 10.5813 15.9994C10.5813 13.0114 13.0123 10.5804 16.0003 10.5804C18.9883 10.5804 21.4193 13.0114 21.4193 15.9994C21.4193 18.9874 18.9883 21.4194 16.0003 21.4194M16.0003 8.64136C11.9423 8.64136 8.64233 11.9414 8.64233 15.9994C8.64233 20.0574 11.9423 23.3574 16.0003 23.3574C20.0573 23.3574 23.3583 20.0574 23.3583 15.9994C23.3583 11.9414 20.0573 8.64136 16.0003 8.64136" fill="currentColor" data-astro-cid-rwuhct55></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.11559 15.0298H3.34559C2.81059 15.0298 2.37659 15.4648 2.37659 15.9998C2.37659 16.5348 2.81059 16.9688 3.34559 16.9688H6.11559C6.65159 16.9688 7.08459 16.5348 7.08459 15.9998C7.08459 15.4648 6.65159 15.0298 6.11559 15.0298" fill="currentColor" data-astro-cid-rwuhct55></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M16.0004 7.08447C16.5364 7.08447 16.9704 6.64946 16.9704 6.11446V3.34546C16.9704 2.81046 16.5364 2.37646 16.0004 2.37646C15.4644 2.37646 15.0304 2.81046 15.0304 3.34546V6.11446C15.0304 6.64946 15.4644 7.08447 16.0004 7.08447" fill="currentColor" data-astro-cid-rwuhct55></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M16.0004 24.9146C15.4644 24.9146 15.0304 25.3496 15.0304 25.8846V28.6536C15.0304 29.1886 15.4644 29.6236 16.0004 29.6236C16.5364 29.6236 16.9704 29.1886 16.9704 28.6536V25.8846C16.9704 25.3496 16.5364 24.9146 16.0004 24.9146" fill="currentColor" data-astro-cid-rwuhct55></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M28.6542 15.0298H25.8842C25.3492 15.0298 24.9152 15.4648 24.9152 15.9998C24.9152 16.5348 25.3492 16.9688 25.8842 16.9688H28.6542C29.1902 16.9688 29.6242 16.5348 29.6242 15.9998C29.6242 15.4648 29.1902 15.0298 28.6542 15.0298" fill="currentColor" data-astro-cid-rwuhct55></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M22.9896 9.97995C23.2376 9.97995 23.4856 9.88495 23.6756 9.69595L24.7036 8.66795C25.0816 8.28995 25.0816 7.67495 24.7036 7.29595C24.3246 6.91795 23.7106 6.91795 23.3316 7.29595L22.3036 8.32495C21.9256 8.70295 21.9256 9.31695 22.3036 9.69595C22.4926 9.88495 22.7416 9.97995 22.9896 9.97995" fill="currentColor" data-astro-cid-rwuhct55></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.32507 9.69593C8.51407 9.88493 8.76207 9.97993 9.01107 9.97993C9.25907 9.97993 9.50707 9.88493 9.69607 9.69593C10.0751 9.31693 10.0751 8.70293 9.69607 8.32493L8.66807 7.29693C8.28907 6.91893 7.67507 6.91893 7.29707 7.29693C6.91807 7.67493 6.91807 8.28993 7.29707 8.66793L8.32507 9.69593Z" fill="currentColor" data-astro-cid-rwuhct55></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.32507 22.3043L7.29707 23.3313C6.91807 23.7093 6.91807 24.3243 7.29707 24.7023C7.48607 24.8923 7.73407 24.9873 7.98207 24.9873C8.23007 24.9873 8.47807 24.8923 8.66807 24.7023L9.69607 23.6753C10.0751 23.2973 10.0751 22.6833 9.69607 22.3043C9.31807 21.9253 8.70307 21.9253 8.32507 22.3043" fill="currentColor" data-astro-cid-rwuhct55></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M23.6752 22.3043C23.2962 21.9253 22.6822 21.9253 22.3032 22.3043C21.9252 22.6833 21.9252 23.2973 22.3042 23.6753L23.3322 24.7023C23.5212 24.8923 23.7692 24.9873 24.0182 24.9873C24.2662 24.9873 24.5142 24.8923 24.7032 24.7023C25.0822 24.3243 25.0822 23.7093 24.7032 23.3313L23.6752 22.3043Z" fill="currentColor" data-astro-cid-rwuhct55></path> </svg>  </span> </div> </button> <script type="module">document.addEventListener("astro:page-load",()=>{const e=document.getElementById("theme-toggle"),a=()=>{const t=document.documentElement,s=t.classList.contains("dark")?"light":"dark";s==="dark"?(t.classList.add("dark"),t.setAttribute("data-theme","dark")):(t.classList.remove("dark"),t.setAttribute("data-theme","light")),localStorage.setItem("theme",s)};e?.removeEventListener("click",a),e?.addEventListener("click",a)});</script> <a class="_user-icon_1ry98_66"> <div class="_spin-container_1ry98_82"> <div class="_spin-animation_1ry98_96"> <svg height="56" width="56" viewBox="0 0 56 56"> <path d="M29.465,0.038373A28,28,0,0,1,52.948,40.712L51.166,39.804A26,26,0,0,0,29.361,2.0356Z" style="color: oklch(62.3% 0.214 259.815);" fill="currentColor"></path> <path d="M51.483,43.250A28,28,0,0,1,4.5172,43.250L6.1946,42.161A26,26,0,0,0,49.805,42.161Z" style="color: oklch(79.5% 0.184 86.047);" fill="currentColor"></path> <path d="M3.0518,40.712A28,28,0,0,1,26.535,0.038373L26.639,2.0356A26,26,0,0,0,4.8338,39.804Z" style="color: #D14242;" fill="currentColor"></path> </svg> </div> </div> <svg xmlns="http://www.w3.org/2000/svg" style="width: 2rem; height: 2rem" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"></path> </svg> </a> </div> </nav> <main>  <h1>Welcome to the Lesson Site</h1> <p>This is the homepage of the lesson site built with Astro.</p> <a href="/lessons/01-intro">Lesson 1</a>  </main> </body></html>
\ No newline at end of file
diff --git a/00-Lesson-Site/frontend/dist/lessons/01-intro/index.html b/00-Lesson-Site/frontend/dist/lessons/01-intro/index.html
deleted file mode 100644
index b142e54..0000000
--- a/00-Lesson-Site/frontend/dist/lessons/01-intro/index.html
+++ /dev/null
@@ -1,90 +0,0 @@
-<!DOCTYPE html><html lang="en"> <head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="astro-view-transitions-enabled" content="true"><meta name="astro-view-transitions-fallback" content="animate"><script type="module" src="/_astro/ClientRouter.astro_astro_type_script_index_0_lang.QW52Ox2j.js"></script><!-- Color Mode Helper --><script>
-	// 1. Basic function to set theme on load
-	function getTheme() {
-		const stored = localStorage.getItem("theme");
-		if (stored) return stored;
-		return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-	}
-
-	function setTheme(theme) {
-		if (theme === "dark") {
-			document.documentElement.classList.add("dark");
-			document.documentElement.setAttribute("data-theme", "dark");
-		} else {
-			document.documentElement.classList.remove("dark");
-			document.documentElement.setAttribute("data-theme", "light");
-		}
-	}
-
-	// Run on initial load
-	setTheme(getTheme());
-
-	// 2. THE FIX: Intercept the new page BEFORE the swap
-	document.addEventListener("astro:before-swap", (event) => {
-		// Read the current class from the OLD document (the one you are looking at)
-		const isDark = document.documentElement.classList.contains("dark");
-
-		// Apply it to the NEW document (the one about to slide in)
-		// This ensures the "snapshot" of the new page is already dark.
-		if (isDark) {
-			event.newDocument.documentElement.classList.add("dark");
-			event.newDocument.documentElement.setAttribute("data-theme", "dark");
-		} else {
-			// Explicitly remove it for light mode to be safe
-			event.newDocument.documentElement.classList.remove("dark");
-			event.newDocument.documentElement.setAttribute("data-theme", "light");
-		}
-	});
-</script><!-- Favicon Icons --><link rel="icon" href="favicon/favicon.ico"><link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png"><link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon.png"><link rel="manifest" href="favicon/site.webmanifest"><title>Introduction to Web Dev</title><link rel="stylesheet" href="/_astro/changelog._xb0PRBH.css"><style>[data-astro-transition-scope="astro-bsfr7lx6-1"] { view-transition-name: main-nav; }@layer astro { ::view-transition-old(main-nav) { animation: none; opacity: 0; mix-blend-mode: normal; }::view-transition-new(main-nav) { animation: none; mix-blend-mode: normal; }::view-transition-group(main-nav) { animation: none } }[data-astro-transition-fallback="old"] [data-astro-transition-scope="astro-bsfr7lx6-1"],
-			[data-astro-transition-fallback="old"][data-astro-transition-scope="astro-bsfr7lx6-1"] { animation: none; mix-blend-mode: normal; }[data-astro-transition-fallback="new"] [data-astro-transition-scope="astro-bsfr7lx6-1"],
-			[data-astro-transition-fallback="new"][data-astro-transition-scope="astro-bsfr7lx6-1"] { animation: none; mix-blend-mode: normal; }</style><style>[data-astro-transition-scope="astro-wj2alrb6-2"] { view-transition-name: nav-underline; }@layer astro { ::view-transition-old(nav-underline) { 
-	animation-duration: 180ms;
-	animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
-	animation-fill-mode: both;
-	animation-name: astroFadeOut; }::view-transition-new(nav-underline) { 
-	animation-duration: 180ms;
-	animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
-	animation-fill-mode: both;
-	animation-name: astroFadeIn; }[data-astro-transition=back]::view-transition-old(nav-underline) { 
-	animation-duration: 180ms;
-	animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
-	animation-fill-mode: both;
-	animation-name: astroFadeOut; }[data-astro-transition=back]::view-transition-new(nav-underline) { 
-	animation-duration: 180ms;
-	animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
-	animation-fill-mode: both;
-	animation-name: astroFadeIn; } }[data-astro-transition-fallback="old"] [data-astro-transition-scope="astro-wj2alrb6-2"],
-			[data-astro-transition-fallback="old"][data-astro-transition-scope="astro-wj2alrb6-2"] { 
-	animation-duration: 180ms;
-	animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
-	animation-fill-mode: both;
-	animation-name: astroFadeOut; }[data-astro-transition-fallback="new"] [data-astro-transition-scope="astro-wj2alrb6-2"],
-			[data-astro-transition-fallback="new"][data-astro-transition-scope="astro-wj2alrb6-2"] { 
-	animation-duration: 180ms;
-	animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
-	animation-fill-mode: both;
-	animation-name: astroFadeIn; }[data-astro-transition=back][data-astro-transition-fallback="old"] [data-astro-transition-scope="astro-wj2alrb6-2"],
-			[data-astro-transition=back][data-astro-transition-fallback="old"][data-astro-transition-scope="astro-wj2alrb6-2"] { 
-	animation-duration: 180ms;
-	animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
-	animation-fill-mode: both;
-	animation-name: astroFadeOut; }[data-astro-transition=back][data-astro-transition-fallback="new"] [data-astro-transition-scope="astro-wj2alrb6-2"],
-			[data-astro-transition=back][data-astro-transition-fallback="new"][data-astro-transition-scope="astro-wj2alrb6-2"] { 
-	animation-duration: 180ms;
-	animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
-	animation-fill-mode: both;
-	animation-name: astroFadeIn; }</style></head> <body> <nav class="_navbar_1epzi_66" data-astro-transition-scope="astro-bsfr7lx6-1"> <a href="/" class="_nav-logo_1epzi_75"> Web Dev Lessons </a> <ul class="_nav-links_1epzi_103"> <li> <a href="/lessons" class="_active_1epzi_99">
-Lessons
-<span class="_magic-line_1epzi_126" data-astro-transition-scope="astro-wj2alrb6-2"></span> </a> </li> <li> <a href="/changelog">
-Changelog
- </a> </li> <li> <a href="/resources">
-Resources
- </a> </li> </ul> <div class="_nav-right_1epzi_137"> <button id="theme-toggle" aria-label="Toggle Dark Mode" class="_toggle-btn_mhqqg_66"> <div class="_icon-container_mhqqg_86"> <span class="_color-icon_mhqqg_92 _moon-wrapper_mhqqg_101"> <svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" class="svg-icon" stroke-width="1" data-astro-cid-dz5dpgmq> <path fill-rule="evenodd" clip-rule="evenodd" fill="currentColor" d="M14.228 7.9439C10.5176 8.82869 7.75757 12.1054 7.75757 15.9987C7.75757 20.5716 11.5618 24.2919 16.2367 24.2919C19.2323 24.2919 21.9337 22.7699 23.4514 20.3585C23.2779 20.3676 23.1033 20.3722 22.9287 20.3722C17.7826 20.3722 13.5951 16.2772 13.5951 11.2435C13.5951 10.1032 13.8108 8.98914 14.228 7.9439M16.2367 26.4993C10.3171 26.4993 5.50037 21.7899 5.50037 15.9987C5.50037 10.2109 10.3171 5.49927 16.2367 5.49927C16.6598 5.49927 17.0501 5.72963 17.2435 6.09753C17.438 6.46428 17.4087 6.90668 17.1638 7.24363C16.3059 8.42297 15.8535 9.80631 15.8535 11.2435C15.8535 15.06 19.0272 18.1637 22.9287 18.1637C23.6483 18.1637 24.3573 18.0582 25.0359 17.8531C25.4378 17.7293 25.8785 17.8359 26.1738 18.1304C26.4715 18.425 26.5758 18.8559 26.4446 19.2467C25.0019 23.5847 20.9 26.4993 16.2367 26.4993" data-astro-cid-dz5dpgmq></path> </svg>  </span> <span class="_color-icon_mhqqg_92 _sun-wrapper_mhqqg_110"> <svg class="w-full" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" class="svg-icon" stroke-width="1" data-astro-cid-rwuhct55> <path fill-rule="evenodd" clip-rule="evenodd" d="M16.0003 21.4194C13.0123 21.4194 10.5813 18.9874 10.5813 15.9994C10.5813 13.0114 13.0123 10.5804 16.0003 10.5804C18.9883 10.5804 21.4193 13.0114 21.4193 15.9994C21.4193 18.9874 18.9883 21.4194 16.0003 21.4194M16.0003 8.64136C11.9423 8.64136 8.64233 11.9414 8.64233 15.9994C8.64233 20.0574 11.9423 23.3574 16.0003 23.3574C20.0573 23.3574 23.3583 20.0574 23.3583 15.9994C23.3583 11.9414 20.0573 8.64136 16.0003 8.64136" fill="currentColor" data-astro-cid-rwuhct55></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.11559 15.0298H3.34559C2.81059 15.0298 2.37659 15.4648 2.37659 15.9998C2.37659 16.5348 2.81059 16.9688 3.34559 16.9688H6.11559C6.65159 16.9688 7.08459 16.5348 7.08459 15.9998C7.08459 15.4648 6.65159 15.0298 6.11559 15.0298" fill="currentColor" data-astro-cid-rwuhct55></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M16.0004 7.08447C16.5364 7.08447 16.9704 6.64946 16.9704 6.11446V3.34546C16.9704 2.81046 16.5364 2.37646 16.0004 2.37646C15.4644 2.37646 15.0304 2.81046 15.0304 3.34546V6.11446C15.0304 6.64946 15.4644 7.08447 16.0004 7.08447" fill="currentColor" data-astro-cid-rwuhct55></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M16.0004 24.9146C15.4644 24.9146 15.0304 25.3496 15.0304 25.8846V28.6536C15.0304 29.1886 15.4644 29.6236 16.0004 29.6236C16.5364 29.6236 16.9704 29.1886 16.9704 28.6536V25.8846C16.9704 25.3496 16.5364 24.9146 16.0004 24.9146" fill="currentColor" data-astro-cid-rwuhct55></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M28.6542 15.0298H25.8842C25.3492 15.0298 24.9152 15.4648 24.9152 15.9998C24.9152 16.5348 25.3492 16.9688 25.8842 16.9688H28.6542C29.1902 16.9688 29.6242 16.5348 29.6242 15.9998C29.6242 15.4648 29.1902 15.0298 28.6542 15.0298" fill="currentColor" data-astro-cid-rwuhct55></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M22.9896 9.97995C23.2376 9.97995 23.4856 9.88495 23.6756 9.69595L24.7036 8.66795C25.0816 8.28995 25.0816 7.67495 24.7036 7.29595C24.3246 6.91795 23.7106 6.91795 23.3316 7.29595L22.3036 8.32495C21.9256 8.70295 21.9256 9.31695 22.3036 9.69595C22.4926 9.88495 22.7416 9.97995 22.9896 9.97995" fill="currentColor" data-astro-cid-rwuhct55></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.32507 9.69593C8.51407 9.88493 8.76207 9.97993 9.01107 9.97993C9.25907 9.97993 9.50707 9.88493 9.69607 9.69593C10.0751 9.31693 10.0751 8.70293 9.69607 8.32493L8.66807 7.29693C8.28907 6.91893 7.67507 6.91893 7.29707 7.29693C6.91807 7.67493 6.91807 8.28993 7.29707 8.66793L8.32507 9.69593Z" fill="currentColor" data-astro-cid-rwuhct55></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.32507 22.3043L7.29707 23.3313C6.91807 23.7093 6.91807 24.3243 7.29707 24.7023C7.48607 24.8923 7.73407 24.9873 7.98207 24.9873C8.23007 24.9873 8.47807 24.8923 8.66807 24.7023L9.69607 23.6753C10.0751 23.2973 10.0751 22.6833 9.69607 22.3043C9.31807 21.9253 8.70307 21.9253 8.32507 22.3043" fill="currentColor" data-astro-cid-rwuhct55></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M23.6752 22.3043C23.2962 21.9253 22.6822 21.9253 22.3032 22.3043C21.9252 22.6833 21.9252 23.2973 22.3042 23.6753L23.3322 24.7023C23.5212 24.8923 23.7692 24.9873 24.0182 24.9873C24.2662 24.9873 24.5142 24.8923 24.7032 24.7023C25.0822 24.3243 25.0822 23.7093 24.7032 23.3313L23.6752 22.3043Z" fill="currentColor" data-astro-cid-rwuhct55></path> </svg>  </span> </div> </button> <script type="module">document.addEventListener("astro:page-load",()=>{const e=document.getElementById("theme-toggle"),a=()=>{const t=document.documentElement,s=t.classList.contains("dark")?"light":"dark";s==="dark"?(t.classList.add("dark"),t.setAttribute("data-theme","dark")):(t.classList.remove("dark"),t.setAttribute("data-theme","light")),localStorage.setItem("theme",s)};e?.removeEventListener("click",a),e?.addEventListener("click",a)});</script> <a class="_user-icon_1ry98_66"> <div class="_spin-container_1ry98_82"> <div class="_spin-animation_1ry98_96"> <svg height="56" width="56" viewBox="0 0 56 56"> <path d="M29.465,0.038373A28,28,0,0,1,52.948,40.712L51.166,39.804A26,26,0,0,0,29.361,2.0356Z" style="color: oklch(62.3% 0.214 259.815);" fill="currentColor"></path> <path d="M51.483,43.250A28,28,0,0,1,4.5172,43.250L6.1946,42.161A26,26,0,0,0,49.805,42.161Z" style="color: oklch(79.5% 0.184 86.047);" fill="currentColor"></path> <path d="M3.0518,40.712A28,28,0,0,1,26.535,0.038373L26.639,2.0356A26,26,0,0,0,4.8338,39.804Z" style="color: #D14242;" fill="currentColor"></path> </svg> </div> </div> <svg xmlns="http://www.w3.org/2000/svg" style="width: 2rem; height: 2rem" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"></path> </svg> </a> </div> </nav> <main>  <h1>Introduction to Web Dev</h1> <hr> <h2 id="pre-requisites">Pre-Requisites</h2>
-<p>The Web-Dev Beginniner Lessons are created in <strong>December 2025</strong>.</p>
-<p>To follow along with the lessons, please ensure you have completed the the following pre-requisites:</p>
-<ul>
-<li>Basic Linux</li>
-</ul>
-<h2 id="lesson-project">Lesson Project</h2>
-<p>For this lesson, we will be building a simple personal portfolio website. This project will help you understand the basics of HTML, CSS, and JavaScript while creating something you can showcase.</p>
-<p>By the end of this lesson, you will have deploy a functional portfolio website that you can customize and expand upon in future lessons.</p>  </main> </body></html>
\ No newline at end of file
diff --git a/00-Lesson-Site/frontend/dist/lessons/index.html b/00-Lesson-Site/frontend/dist/lessons/index.html
deleted file mode 100644
index 38d1a80..0000000
--- a/00-Lesson-Site/frontend/dist/lessons/index.html
+++ /dev/null
@@ -1,82 +0,0 @@
-<!DOCTYPE html><html lang="en"> <head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="astro-view-transitions-enabled" content="true"><meta name="astro-view-transitions-fallback" content="animate"><script type="module" src="/_astro/ClientRouter.astro_astro_type_script_index_0_lang.QW52Ox2j.js"></script><!-- Color Mode Helper --><script>
-	// 1. Basic function to set theme on load
-	function getTheme() {
-		const stored = localStorage.getItem("theme");
-		if (stored) return stored;
-		return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-	}
-
-	function setTheme(theme) {
-		if (theme === "dark") {
-			document.documentElement.classList.add("dark");
-			document.documentElement.setAttribute("data-theme", "dark");
-		} else {
-			document.documentElement.classList.remove("dark");
-			document.documentElement.setAttribute("data-theme", "light");
-		}
-	}
-
-	// Run on initial load
-	setTheme(getTheme());
-
-	// 2. THE FIX: Intercept the new page BEFORE the swap
-	document.addEventListener("astro:before-swap", (event) => {
-		// Read the current class from the OLD document (the one you are looking at)
-		const isDark = document.documentElement.classList.contains("dark");
-
-		// Apply it to the NEW document (the one about to slide in)
-		// This ensures the "snapshot" of the new page is already dark.
-		if (isDark) {
-			event.newDocument.documentElement.classList.add("dark");
-			event.newDocument.documentElement.setAttribute("data-theme", "dark");
-		} else {
-			// Explicitly remove it for light mode to be safe
-			event.newDocument.documentElement.classList.remove("dark");
-			event.newDocument.documentElement.setAttribute("data-theme", "light");
-		}
-	});
-</script><!-- Favicon Icons --><link rel="icon" href="favicon/favicon.ico"><link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png"><link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon.png"><link rel="manifest" href="favicon/site.webmanifest"><title>Web Dev Lessons</title><link rel="stylesheet" href="/_astro/changelog._xb0PRBH.css"><style>[data-astro-transition-scope="astro-bsfr7lx6-1"] { view-transition-name: main-nav; }@layer astro { ::view-transition-old(main-nav) { animation: none; opacity: 0; mix-blend-mode: normal; }::view-transition-new(main-nav) { animation: none; mix-blend-mode: normal; }::view-transition-group(main-nav) { animation: none } }[data-astro-transition-fallback="old"] [data-astro-transition-scope="astro-bsfr7lx6-1"],
-			[data-astro-transition-fallback="old"][data-astro-transition-scope="astro-bsfr7lx6-1"] { animation: none; mix-blend-mode: normal; }[data-astro-transition-fallback="new"] [data-astro-transition-scope="astro-bsfr7lx6-1"],
-			[data-astro-transition-fallback="new"][data-astro-transition-scope="astro-bsfr7lx6-1"] { animation: none; mix-blend-mode: normal; }</style><style>[data-astro-transition-scope="astro-wj2alrb6-2"] { view-transition-name: nav-underline; }@layer astro { ::view-transition-old(nav-underline) { 
-	animation-duration: 180ms;
-	animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
-	animation-fill-mode: both;
-	animation-name: astroFadeOut; }::view-transition-new(nav-underline) { 
-	animation-duration: 180ms;
-	animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
-	animation-fill-mode: both;
-	animation-name: astroFadeIn; }[data-astro-transition=back]::view-transition-old(nav-underline) { 
-	animation-duration: 180ms;
-	animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
-	animation-fill-mode: both;
-	animation-name: astroFadeOut; }[data-astro-transition=back]::view-transition-new(nav-underline) { 
-	animation-duration: 180ms;
-	animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
-	animation-fill-mode: both;
-	animation-name: astroFadeIn; } }[data-astro-transition-fallback="old"] [data-astro-transition-scope="astro-wj2alrb6-2"],
-			[data-astro-transition-fallback="old"][data-astro-transition-scope="astro-wj2alrb6-2"] { 
-	animation-duration: 180ms;
-	animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
-	animation-fill-mode: both;
-	animation-name: astroFadeOut; }[data-astro-transition-fallback="new"] [data-astro-transition-scope="astro-wj2alrb6-2"],
-			[data-astro-transition-fallback="new"][data-astro-transition-scope="astro-wj2alrb6-2"] { 
-	animation-duration: 180ms;
-	animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
-	animation-fill-mode: both;
-	animation-name: astroFadeIn; }[data-astro-transition=back][data-astro-transition-fallback="old"] [data-astro-transition-scope="astro-wj2alrb6-2"],
-			[data-astro-transition=back][data-astro-transition-fallback="old"][data-astro-transition-scope="astro-wj2alrb6-2"] { 
-	animation-duration: 180ms;
-	animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
-	animation-fill-mode: both;
-	animation-name: astroFadeOut; }[data-astro-transition=back][data-astro-transition-fallback="new"] [data-astro-transition-scope="astro-wj2alrb6-2"],
-			[data-astro-transition=back][data-astro-transition-fallback="new"][data-astro-transition-scope="astro-wj2alrb6-2"] { 
-	animation-duration: 180ms;
-	animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
-	animation-fill-mode: both;
-	animation-name: astroFadeIn; }</style></head> <body> <nav class="_navbar_1epzi_66" data-astro-transition-scope="astro-bsfr7lx6-1"> <a href="/" class="_nav-logo_1epzi_75"> Web Dev Lessons </a> <ul class="_nav-links_1epzi_103"> <li> <a href="/lessons" class="_active_1epzi_99">
-Lessons
-<span class="_magic-line_1epzi_126" data-astro-transition-scope="astro-wj2alrb6-2"></span> </a> </li> <li> <a href="/changelog">
-Changelog
- </a> </li> <li> <a href="/resources">
-Resources
- </a> </li> </ul> <div class="_nav-right_1epzi_137"> <button id="theme-toggle" aria-label="Toggle Dark Mode" class="_toggle-btn_mhqqg_66"> <div class="_icon-container_mhqqg_86"> <span class="_color-icon_mhqqg_92 _moon-wrapper_mhqqg_101"> <svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" class="svg-icon" stroke-width="1" data-astro-cid-dz5dpgmq> <path fill-rule="evenodd" clip-rule="evenodd" fill="currentColor" d="M14.228 7.9439C10.5176 8.82869 7.75757 12.1054 7.75757 15.9987C7.75757 20.5716 11.5618 24.2919 16.2367 24.2919C19.2323 24.2919 21.9337 22.7699 23.4514 20.3585C23.2779 20.3676 23.1033 20.3722 22.9287 20.3722C17.7826 20.3722 13.5951 16.2772 13.5951 11.2435C13.5951 10.1032 13.8108 8.98914 14.228 7.9439M16.2367 26.4993C10.3171 26.4993 5.50037 21.7899 5.50037 15.9987C5.50037 10.2109 10.3171 5.49927 16.2367 5.49927C16.6598 5.49927 17.0501 5.72963 17.2435 6.09753C17.438 6.46428 17.4087 6.90668 17.1638 7.24363C16.3059 8.42297 15.8535 9.80631 15.8535 11.2435C15.8535 15.06 19.0272 18.1637 22.9287 18.1637C23.6483 18.1637 24.3573 18.0582 25.0359 17.8531C25.4378 17.7293 25.8785 17.8359 26.1738 18.1304C26.4715 18.425 26.5758 18.8559 26.4446 19.2467C25.0019 23.5847 20.9 26.4993 16.2367 26.4993" data-astro-cid-dz5dpgmq></path> </svg>  </span> <span class="_color-icon_mhqqg_92 _sun-wrapper_mhqqg_110"> <svg class="w-full" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" class="svg-icon" stroke-width="1" data-astro-cid-rwuhct55> <path fill-rule="evenodd" clip-rule="evenodd" d="M16.0003 21.4194C13.0123 21.4194 10.5813 18.9874 10.5813 15.9994C10.5813 13.0114 13.0123 10.5804 16.0003 10.5804C18.9883 10.5804 21.4193 13.0114 21.4193 15.9994C21.4193 18.9874 18.9883 21.4194 16.0003 21.4194M16.0003 8.64136C11.9423 8.64136 8.64233 11.9414 8.64233 15.9994C8.64233 20.0574 11.9423 23.3574 16.0003 23.3574C20.0573 23.3574 23.3583 20.0574 23.3583 15.9994C23.3583 11.9414 20.0573 8.64136 16.0003 8.64136" fill="currentColor" data-astro-cid-rwuhct55></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.11559 15.0298H3.34559C2.81059 15.0298 2.37659 15.4648 2.37659 15.9998C2.37659 16.5348 2.81059 16.9688 3.34559 16.9688H6.11559C6.65159 16.9688 7.08459 16.5348 7.08459 15.9998C7.08459 15.4648 6.65159 15.0298 6.11559 15.0298" fill="currentColor" data-astro-cid-rwuhct55></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M16.0004 7.08447C16.5364 7.08447 16.9704 6.64946 16.9704 6.11446V3.34546C16.9704 2.81046 16.5364 2.37646 16.0004 2.37646C15.4644 2.37646 15.0304 2.81046 15.0304 3.34546V6.11446C15.0304 6.64946 15.4644 7.08447 16.0004 7.08447" fill="currentColor" data-astro-cid-rwuhct55></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M16.0004 24.9146C15.4644 24.9146 15.0304 25.3496 15.0304 25.8846V28.6536C15.0304 29.1886 15.4644 29.6236 16.0004 29.6236C16.5364 29.6236 16.9704 29.1886 16.9704 28.6536V25.8846C16.9704 25.3496 16.5364 24.9146 16.0004 24.9146" fill="currentColor" data-astro-cid-rwuhct55></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M28.6542 15.0298H25.8842C25.3492 15.0298 24.9152 15.4648 24.9152 15.9998C24.9152 16.5348 25.3492 16.9688 25.8842 16.9688H28.6542C29.1902 16.9688 29.6242 16.5348 29.6242 15.9998C29.6242 15.4648 29.1902 15.0298 28.6542 15.0298" fill="currentColor" data-astro-cid-rwuhct55></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M22.9896 9.97995C23.2376 9.97995 23.4856 9.88495 23.6756 9.69595L24.7036 8.66795C25.0816 8.28995 25.0816 7.67495 24.7036 7.29595C24.3246 6.91795 23.7106 6.91795 23.3316 7.29595L22.3036 8.32495C21.9256 8.70295 21.9256 9.31695 22.3036 9.69595C22.4926 9.88495 22.7416 9.97995 22.9896 9.97995" fill="currentColor" data-astro-cid-rwuhct55></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.32507 9.69593C8.51407 9.88493 8.76207 9.97993 9.01107 9.97993C9.25907 9.97993 9.50707 9.88493 9.69607 9.69593C10.0751 9.31693 10.0751 8.70293 9.69607 8.32493L8.66807 7.29693C8.28907 6.91893 7.67507 6.91893 7.29707 7.29693C6.91807 7.67493 6.91807 8.28993 7.29707 8.66793L8.32507 9.69593Z" fill="currentColor" data-astro-cid-rwuhct55></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.32507 22.3043L7.29707 23.3313C6.91807 23.7093 6.91807 24.3243 7.29707 24.7023C7.48607 24.8923 7.73407 24.9873 7.98207 24.9873C8.23007 24.9873 8.47807 24.8923 8.66807 24.7023L9.69607 23.6753C10.0751 23.2973 10.0751 22.6833 9.69607 22.3043C9.31807 21.9253 8.70307 21.9253 8.32507 22.3043" fill="currentColor" data-astro-cid-rwuhct55></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M23.6752 22.3043C23.2962 21.9253 22.6822 21.9253 22.3032 22.3043C21.9252 22.6833 21.9252 23.2973 22.3042 23.6753L23.3322 24.7023C23.5212 24.8923 23.7692 24.9873 24.0182 24.9873C24.2662 24.9873 24.5142 24.8923 24.7032 24.7023C25.0822 24.3243 25.0822 23.7093 24.7032 23.3313L23.6752 22.3043Z" fill="currentColor" data-astro-cid-rwuhct55></path> </svg>  </span> </div> </button> <script type="module">document.addEventListener("astro:page-load",()=>{const e=document.getElementById("theme-toggle"),a=()=>{const t=document.documentElement,s=t.classList.contains("dark")?"light":"dark";s==="dark"?(t.classList.add("dark"),t.setAttribute("data-theme","dark")):(t.classList.remove("dark"),t.setAttribute("data-theme","light")),localStorage.setItem("theme",s)};e?.removeEventListener("click",a),e?.addEventListener("click",a)});</script> <a class="_user-icon_1ry98_66"> <div class="_spin-container_1ry98_82"> <div class="_spin-animation_1ry98_96"> <svg height="56" width="56" viewBox="0 0 56 56"> <path d="M29.465,0.038373A28,28,0,0,1,52.948,40.712L51.166,39.804A26,26,0,0,0,29.361,2.0356Z" style="color: oklch(62.3% 0.214 259.815);" fill="currentColor"></path> <path d="M51.483,43.250A28,28,0,0,1,4.5172,43.250L6.1946,42.161A26,26,0,0,0,49.805,42.161Z" style="color: oklch(79.5% 0.184 86.047);" fill="currentColor"></path> <path d="M3.0518,40.712A28,28,0,0,1,26.535,0.038373L26.639,2.0356A26,26,0,0,0,4.8338,39.804Z" style="color: #D14242;" fill="currentColor"></path> </svg> </div> </div> <svg xmlns="http://www.w3.org/2000/svg" style="width: 2rem; height: 2rem" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"></path> </svg> </a> </div> </nav> <main>  <h1>Welcome to the Lesson Site</h1> <p>This is the homepage of the lesson site built with Astro.</p> <a href="/lessons/01-intro">Lesson 1</a>  </main> </body></html>
\ No newline at end of file
diff --git a/00-Lesson-Site/frontend/dist/resources/index.html b/00-Lesson-Site/frontend/dist/resources/index.html
deleted file mode 100644
index 0678a9d..0000000
--- a/00-Lesson-Site/frontend/dist/resources/index.html
+++ /dev/null
@@ -1,82 +0,0 @@
-<!DOCTYPE html><html lang="en"> <head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="astro-view-transitions-enabled" content="true"><meta name="astro-view-transitions-fallback" content="animate"><script type="module" src="/_astro/ClientRouter.astro_astro_type_script_index_0_lang.QW52Ox2j.js"></script><!-- Color Mode Helper --><script>
-	// 1. Basic function to set theme on load
-	function getTheme() {
-		const stored = localStorage.getItem("theme");
-		if (stored) return stored;
-		return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-	}
-
-	function setTheme(theme) {
-		if (theme === "dark") {
-			document.documentElement.classList.add("dark");
-			document.documentElement.setAttribute("data-theme", "dark");
-		} else {
-			document.documentElement.classList.remove("dark");
-			document.documentElement.setAttribute("data-theme", "light");
-		}
-	}
-
-	// Run on initial load
-	setTheme(getTheme());
-
-	// 2. THE FIX: Intercept the new page BEFORE the swap
-	document.addEventListener("astro:before-swap", (event) => {
-		// Read the current class from the OLD document (the one you are looking at)
-		const isDark = document.documentElement.classList.contains("dark");
-
-		// Apply it to the NEW document (the one about to slide in)
-		// This ensures the "snapshot" of the new page is already dark.
-		if (isDark) {
-			event.newDocument.documentElement.classList.add("dark");
-			event.newDocument.documentElement.setAttribute("data-theme", "dark");
-		} else {
-			// Explicitly remove it for light mode to be safe
-			event.newDocument.documentElement.classList.remove("dark");
-			event.newDocument.documentElement.setAttribute("data-theme", "light");
-		}
-	});
-</script><!-- Favicon Icons --><link rel="icon" href="favicon/favicon.ico"><link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png"><link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon.png"><link rel="manifest" href="favicon/site.webmanifest"><title>Web Dev Lessons</title><link rel="stylesheet" href="/_astro/changelog._xb0PRBH.css"><style>[data-astro-transition-scope="astro-bsfr7lx6-1"] { view-transition-name: main-nav; }@layer astro { ::view-transition-old(main-nav) { animation: none; opacity: 0; mix-blend-mode: normal; }::view-transition-new(main-nav) { animation: none; mix-blend-mode: normal; }::view-transition-group(main-nav) { animation: none } }[data-astro-transition-fallback="old"] [data-astro-transition-scope="astro-bsfr7lx6-1"],
-			[data-astro-transition-fallback="old"][data-astro-transition-scope="astro-bsfr7lx6-1"] { animation: none; mix-blend-mode: normal; }[data-astro-transition-fallback="new"] [data-astro-transition-scope="astro-bsfr7lx6-1"],
-			[data-astro-transition-fallback="new"][data-astro-transition-scope="astro-bsfr7lx6-1"] { animation: none; mix-blend-mode: normal; }</style><style>[data-astro-transition-scope="astro-wmc3457o-2"] { view-transition-name: nav-underline; }@layer astro { ::view-transition-old(nav-underline) { 
-	animation-duration: 180ms;
-	animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
-	animation-fill-mode: both;
-	animation-name: astroFadeOut; }::view-transition-new(nav-underline) { 
-	animation-duration: 180ms;
-	animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
-	animation-fill-mode: both;
-	animation-name: astroFadeIn; }[data-astro-transition=back]::view-transition-old(nav-underline) { 
-	animation-duration: 180ms;
-	animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
-	animation-fill-mode: both;
-	animation-name: astroFadeOut; }[data-astro-transition=back]::view-transition-new(nav-underline) { 
-	animation-duration: 180ms;
-	animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
-	animation-fill-mode: both;
-	animation-name: astroFadeIn; } }[data-astro-transition-fallback="old"] [data-astro-transition-scope="astro-wmc3457o-2"],
-			[data-astro-transition-fallback="old"][data-astro-transition-scope="astro-wmc3457o-2"] { 
-	animation-duration: 180ms;
-	animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
-	animation-fill-mode: both;
-	animation-name: astroFadeOut; }[data-astro-transition-fallback="new"] [data-astro-transition-scope="astro-wmc3457o-2"],
-			[data-astro-transition-fallback="new"][data-astro-transition-scope="astro-wmc3457o-2"] { 
-	animation-duration: 180ms;
-	animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
-	animation-fill-mode: both;
-	animation-name: astroFadeIn; }[data-astro-transition=back][data-astro-transition-fallback="old"] [data-astro-transition-scope="astro-wmc3457o-2"],
-			[data-astro-transition=back][data-astro-transition-fallback="old"][data-astro-transition-scope="astro-wmc3457o-2"] { 
-	animation-duration: 180ms;
-	animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
-	animation-fill-mode: both;
-	animation-name: astroFadeOut; }[data-astro-transition=back][data-astro-transition-fallback="new"] [data-astro-transition-scope="astro-wmc3457o-2"],
-			[data-astro-transition=back][data-astro-transition-fallback="new"][data-astro-transition-scope="astro-wmc3457o-2"] { 
-	animation-duration: 180ms;
-	animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
-	animation-fill-mode: both;
-	animation-name: astroFadeIn; }</style></head> <body> <nav class="_navbar_1epzi_66" data-astro-transition-scope="astro-bsfr7lx6-1"> <a href="/" class="_nav-logo_1epzi_75"> Web Dev Lessons </a> <ul class="_nav-links_1epzi_103"> <li> <a href="/lessons">
-Lessons
- </a> </li> <li> <a href="/changelog">
-Changelog
- </a> </li> <li> <a href="/resources" class="_active_1epzi_99">
-Resources
-<span class="_magic-line_1epzi_126" data-astro-transition-scope="astro-wmc3457o-2"></span> </a> </li> </ul> <div class="_nav-right_1epzi_137"> <button id="theme-toggle" aria-label="Toggle Dark Mode" class="_toggle-btn_mhqqg_66"> <div class="_icon-container_mhqqg_86"> <span class="_color-icon_mhqqg_92 _moon-wrapper_mhqqg_101"> <svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" class="svg-icon" stroke-width="1" data-astro-cid-dz5dpgmq> <path fill-rule="evenodd" clip-rule="evenodd" fill="currentColor" d="M14.228 7.9439C10.5176 8.82869 7.75757 12.1054 7.75757 15.9987C7.75757 20.5716 11.5618 24.2919 16.2367 24.2919C19.2323 24.2919 21.9337 22.7699 23.4514 20.3585C23.2779 20.3676 23.1033 20.3722 22.9287 20.3722C17.7826 20.3722 13.5951 16.2772 13.5951 11.2435C13.5951 10.1032 13.8108 8.98914 14.228 7.9439M16.2367 26.4993C10.3171 26.4993 5.50037 21.7899 5.50037 15.9987C5.50037 10.2109 10.3171 5.49927 16.2367 5.49927C16.6598 5.49927 17.0501 5.72963 17.2435 6.09753C17.438 6.46428 17.4087 6.90668 17.1638 7.24363C16.3059 8.42297 15.8535 9.80631 15.8535 11.2435C15.8535 15.06 19.0272 18.1637 22.9287 18.1637C23.6483 18.1637 24.3573 18.0582 25.0359 17.8531C25.4378 17.7293 25.8785 17.8359 26.1738 18.1304C26.4715 18.425 26.5758 18.8559 26.4446 19.2467C25.0019 23.5847 20.9 26.4993 16.2367 26.4993" data-astro-cid-dz5dpgmq></path> </svg>  </span> <span class="_color-icon_mhqqg_92 _sun-wrapper_mhqqg_110"> <svg class="w-full" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" class="svg-icon" stroke-width="1" data-astro-cid-rwuhct55> <path fill-rule="evenodd" clip-rule="evenodd" d="M16.0003 21.4194C13.0123 21.4194 10.5813 18.9874 10.5813 15.9994C10.5813 13.0114 13.0123 10.5804 16.0003 10.5804C18.9883 10.5804 21.4193 13.0114 21.4193 15.9994C21.4193 18.9874 18.9883 21.4194 16.0003 21.4194M16.0003 8.64136C11.9423 8.64136 8.64233 11.9414 8.64233 15.9994C8.64233 20.0574 11.9423 23.3574 16.0003 23.3574C20.0573 23.3574 23.3583 20.0574 23.3583 15.9994C23.3583 11.9414 20.0573 8.64136 16.0003 8.64136" fill="currentColor" data-astro-cid-rwuhct55></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.11559 15.0298H3.34559C2.81059 15.0298 2.37659 15.4648 2.37659 15.9998C2.37659 16.5348 2.81059 16.9688 3.34559 16.9688H6.11559C6.65159 16.9688 7.08459 16.5348 7.08459 15.9998C7.08459 15.4648 6.65159 15.0298 6.11559 15.0298" fill="currentColor" data-astro-cid-rwuhct55></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M16.0004 7.08447C16.5364 7.08447 16.9704 6.64946 16.9704 6.11446V3.34546C16.9704 2.81046 16.5364 2.37646 16.0004 2.37646C15.4644 2.37646 15.0304 2.81046 15.0304 3.34546V6.11446C15.0304 6.64946 15.4644 7.08447 16.0004 7.08447" fill="currentColor" data-astro-cid-rwuhct55></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M16.0004 24.9146C15.4644 24.9146 15.0304 25.3496 15.0304 25.8846V28.6536C15.0304 29.1886 15.4644 29.6236 16.0004 29.6236C16.5364 29.6236 16.9704 29.1886 16.9704 28.6536V25.8846C16.9704 25.3496 16.5364 24.9146 16.0004 24.9146" fill="currentColor" data-astro-cid-rwuhct55></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M28.6542 15.0298H25.8842C25.3492 15.0298 24.9152 15.4648 24.9152 15.9998C24.9152 16.5348 25.3492 16.9688 25.8842 16.9688H28.6542C29.1902 16.9688 29.6242 16.5348 29.6242 15.9998C29.6242 15.4648 29.1902 15.0298 28.6542 15.0298" fill="currentColor" data-astro-cid-rwuhct55></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M22.9896 9.97995C23.2376 9.97995 23.4856 9.88495 23.6756 9.69595L24.7036 8.66795C25.0816 8.28995 25.0816 7.67495 24.7036 7.29595C24.3246 6.91795 23.7106 6.91795 23.3316 7.29595L22.3036 8.32495C21.9256 8.70295 21.9256 9.31695 22.3036 9.69595C22.4926 9.88495 22.7416 9.97995 22.9896 9.97995" fill="currentColor" data-astro-cid-rwuhct55></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.32507 9.69593C8.51407 9.88493 8.76207 9.97993 9.01107 9.97993C9.25907 9.97993 9.50707 9.88493 9.69607 9.69593C10.0751 9.31693 10.0751 8.70293 9.69607 8.32493L8.66807 7.29693C8.28907 6.91893 7.67507 6.91893 7.29707 7.29693C6.91807 7.67493 6.91807 8.28993 7.29707 8.66793L8.32507 9.69593Z" fill="currentColor" data-astro-cid-rwuhct55></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.32507 22.3043L7.29707 23.3313C6.91807 23.7093 6.91807 24.3243 7.29707 24.7023C7.48607 24.8923 7.73407 24.9873 7.98207 24.9873C8.23007 24.9873 8.47807 24.8923 8.66807 24.7023L9.69607 23.6753C10.0751 23.2973 10.0751 22.6833 9.69607 22.3043C9.31807 21.9253 8.70307 21.9253 8.32507 22.3043" fill="currentColor" data-astro-cid-rwuhct55></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M23.6752 22.3043C23.2962 21.9253 22.6822 21.9253 22.3032 22.3043C21.9252 22.6833 21.9252 23.2973 22.3042 23.6753L23.3322 24.7023C23.5212 24.8923 23.7692 24.9873 24.0182 24.9873C24.2662 24.9873 24.5142 24.8923 24.7032 24.7023C25.0822 24.3243 25.0822 23.7093 24.7032 23.3313L23.6752 22.3043Z" fill="currentColor" data-astro-cid-rwuhct55></path> </svg>  </span> </div> </button> <script type="module">document.addEventListener("astro:page-load",()=>{const e=document.getElementById("theme-toggle"),a=()=>{const t=document.documentElement,s=t.classList.contains("dark")?"light":"dark";s==="dark"?(t.classList.add("dark"),t.setAttribute("data-theme","dark")):(t.classList.remove("dark"),t.setAttribute("data-theme","light")),localStorage.setItem("theme",s)};e?.removeEventListener("click",a),e?.addEventListener("click",a)});</script> <a class="_user-icon_1ry98_66"> <div class="_spin-container_1ry98_82"> <div class="_spin-animation_1ry98_96"> <svg height="56" width="56" viewBox="0 0 56 56"> <path d="M29.465,0.038373A28,28,0,0,1,52.948,40.712L51.166,39.804A26,26,0,0,0,29.361,2.0356Z" style="color: oklch(62.3% 0.214 259.815);" fill="currentColor"></path> <path d="M51.483,43.250A28,28,0,0,1,4.5172,43.250L6.1946,42.161A26,26,0,0,0,49.805,42.161Z" style="color: oklch(79.5% 0.184 86.047);" fill="currentColor"></path> <path d="M3.0518,40.712A28,28,0,0,1,26.535,0.038373L26.639,2.0356A26,26,0,0,0,4.8338,39.804Z" style="color: #D14242;" fill="currentColor"></path> </svg> </div> </div> <svg xmlns="http://www.w3.org/2000/svg" style="width: 2rem; height: 2rem" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"></path> </svg> </a> </div> </nav> <main>  <h1>Welcome to the Lesson Site</h1> <p>This is the homepage of the lesson site built with Astro.</p> <a href="/lessons/01-intro">Lesson 1</a>  </main> </body></html>
\ No newline at end of file