1var Be=Object.defineProperty;var Qe=(i,e,t)=>e in i?Be(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t;var ye=(i,e,t)=>(Qe(i,typeof e!="symbol"?e+"":e,t),t);import{S as se,i as oe,s as re,e as _,t as S,c as b,a as g,h as D,d as c,b as p,g as O,J as s,j as he,H as de,k as x,w as J,m as A,x as Y,Z as ve,y as B,n as _e,o as G,p as be,q as R,B as Q,_ as Le,l as $e,$ as We,a0 as Ze,a1 as Xe,a2 as fe,a3 as pe,G as et,v as Ke,X as tt,a4 as nt,a5 as Ce,a6 as Fe,Y as at,V as it,W as st,I as Ve,U as Se,a7 as ot,L as rt,a8 as lt,a9 as ct,aa as dt,ab as ht,ac as je,ad as ut,ae as ft}from"./vendor-e2f71783.js";import{S as Ue}from"./SeeMore-d7fe5648.js";function pt(i){let e,t=i[2]+" "+new Date(i[0]).getDate()+(i[1]?" "+new Date(i[0]).getFullYear():""),n;return{c(){e=_("div"),n=S(t),this.h()},l(a){e=b(a,"DIV",{class:!0});var r=g(e);n=D(r,t),r.forEach(c),this.h()},h(){p(e,"class","date-view svelte-1j9kz8x")},m(a,r){O(a,e,r),s(e,n)},p(a,[r]){r&7&&t!==(t=a[2]+" "+new Date(a[0]).getDate()+(a[1]?" "+new Date(a[0]).getFullYear():""))&&he(n,t)},i:de,o:de,d(a){a&&c(e)}}}function mt(i,e,t){let n;const a=["Jan","Feb","Mar","Apr","May","June","July","Aug","Sep","Oct","Nov","Dec"];let{date:r}=e,{showYear:o=!0}=e;return i.$$set=l=>{"date"in l&&t(0,r=l.date),"showYear"in l&&t(1,o=l.showYear)},i.$$.update=()=>{i.$$.dirty&1&&t(2,n=a[new Date(r).getMonth()])},[r,o,n]}class Ie extends se{constructor(e){super();oe(this,e,mt,pt,re,{date:0,showYear:1})}}function gt(i){let e,t=i[0].explanation+"",n;return{c(){e=_("p"),n=S(t)},l(a){e=b(a,"P",{});var r=g(e);n=D(r,t),r.forEach(c)},m(a,r){O(a,e,r),s(e,n)},p(a,[r]){r&1&&t!==(t=a[0].explanation+"")&&he(n,t)},i:de,o:de,d(a){a&&c(e)}}}function vt(i,e,t){let{entry:n}=e;return i.$$set=a=>{"entry"in a&&t(0,n=a.entry)},[n]}class Z extends se{constructor(e){super();oe(this,e,vt,gt,re,{entry:0})}}function wt(i){let e,t,n;return t=new Ue({props:{$$slots:{default:[_t]},$$scope:{ctx:i}}}),t.$on("click",i[6]),{c(){e=_("div"),J(t.$$.fragment)},l(a){e=b(a,"DIV",{});var r=g(e);Y(t.$$.fragment,r),r.forEach(c)},m(a,r){O(a,e,r),B(t,e,null),n=!0},p(a,r){const o={};r&512&&(o.$$scope={dirty:r,ctx:a}),t.$set(o)},i(a){n||(R(t.$$.fragment,a),n=!0)},o(a){G(t.$$.fragment,a),n=!1},d(a){a&&c(e),Q(t)}}}function yt(i){let e,t;return e=new Ue({props:{href:`/capstone/timeline/${i[4]+"-"+i[3]}`,$$slots:{default:[bt]},$$scope:{ctx:i}}}),{c(){J(e.$$.fragment)},l(n){Y(e.$$.fragment,n)},m(n,a){B(e,n,a),t=!0},p(n,a){const r={};a&24&&(r.href=`/capstone/timeline/${n[4]+"-"+n[3]}`),a&512&&(r.$$scope={dirty:a,ctx:n}),e.$set(r)},i(n){t||(R(e.$$.fragment,n),t=!0)},o(n){G(e.$$.fragment,n),t=!1},d(n){Q(e,n)}}}function _t(i){let e;return{c(){e=S("Read full entry >")},l(t){e=D(t,"Read full entry >")},m(t,n){O(t,e,n)},d(t){t&&c(e)}}}function bt(i){let e;return{c(){e=S("View progress >")},l(t){e=D(t,"View progress >")},m(t,n){O(t,e,n)},d(t){t&&c(e)}}}function Et(i){let e,t,n,a,r,o=i[0].name+"",l,u,d,h,y,f,k,v,E=i[0].explanation+"",$,w,m,j,I,T;h=new Ie({props:{date:i[0].start}});const M=[yt,wt],C=[];function z(P,q){return P[2]?0:P[1]&&P[0].detailedView!==Z?1:-1}return~(m=z(i))&&(j=C[m]=M[m](i)),{c(){e=_("div"),t=_("div"),n=_("div"),a=_("div"),r=_("h1"),l=S(o),u=x(),d=_("div"),J(h.$$.fragment),y=x(),f=_("hr"),k=x(),v=_("p"),$=S(E),w=x(),j&&j.c(),this.h()},l(P){e=b(P,"DIV",{class:!0});var q=g(e);t=b(q,"DIV",{class:!0});var N=g(t);n=b(N,"DIV",{class:!0});var H=g(n);a=b(H,"DIV",{class:!0});var X=g(a);r=b(X,"H1",{class:!0});var W=g(r);l=D(W,o),W.forEach(c),u=A(X),d=b(X,"DIV",{class:!0});var ae=g(d);Y(h.$$.fragment,ae),ae.forEach(c),X.forEach(c),y=A(H),f=b(H,"HR",{class:!0}),k=A(H),v=b(H,"P",{class:!0});var ie=g(v);$=D(ie,E),ie.forEach(c),w=A(H),j&&j.l(H),H.forEach(c),N.forEach(c),q.forEach(c),this.h()},h(){p(r,"class","svelte-s5d6l"),p(d,"class","date-view svelte-s5d6l"),p(a,"class","header"),p(f,"class","svelte-s5d6l"),p(v,"class","svelte-s5d6l"),p(n,"class","content svelte-s5d6l"),p(t,"class","wrapper svelte-s5d6l"),p(e,"class",I=ve("detailed-entry "+(i[5]?"passed":""))+" svelte-s5d6l")},m(P,q){O(P,e,q),s(e,t),s(t,n),s(n,a),s(a,r),s(r,l),s(a,u),s(a,d),B(h,d,null),s(n,y),s(n,f),s(n,k),s(n,v),s(v,$),s(n,w),~m&&C[m].m(n,null),T=!0},p(P,[q]){(!T||q&1)&&o!==(o=P[0].name+"")&&he(l,o);const N={};q&1&&(N.date=P[0].start),h.$set(N),(!T||q&1)&&E!==(E=P[0].explanation+"")&&he($,E);let H=m;m=z(P),m===H?~m&&C[m].p(P,q):(j&&(_e(),G(C[H],1,1,()=>{C[H]=null}),be()),~m?(j=C[m],j?j.p(P,q):(j=C[m]=M[m](P),j.c()),R(j,1),j.m(n,null)):j=null),(!T||q&32&&I!==(I=ve("detailed-entry "+(P[5]?"passed":""))+" svelte-s5d6l"))&&p(e,"class",I)},i(P){T||(R(h.$$.fragment,P),R(j),T=!0)},o(P){G(h.$$.fragment,P),G(j),T=!1},d(P){P&&c(e),Q(h),~m&&C[m].d()}}}function It(i,e,t){let n,a,r,o;const l=Le();let{point:u}=e,{timeline:d}=e,{linkFullRead:h=!1}=e;function y(){l("goToEntry",{point:u})}return i.$$set=f=>{"point"in f&&t(0,u=f.point),"timeline"in f&&t(7,d=f.timeline),"linkFullRead"in f&&t(1,h=f.linkFullRead)},i.$$.update=()=>{i.$$.dirty&129&&t(5,n=u.start<=(d.at?d.at:Date.now())),i.$$.dirty&128&&t(4,a=d.name=="Grade 11"?"11":"12"),i.$$.dirty&129&&t(3,r=d.points.indexOf(u)),i.$$.dirty&1&&t(2,o=u.points.length>0)},[u,h,o,r,a,n,y,d]}class kt extends se{constructor(e){super();oe(this,e,It,Et,re,{point:0,timeline:7,linkFullRead:1})}}function Tt(i){let e,t,n;return t=new We({}),{c(){e=_("span"),J(t.$$.fragment),this.h()},l(a){e=b(a,"SPAN",{class:!0,title:!0});var r=g(e);Y(t.$$.fragment,r),r.forEach(c),this.h()},h(){p(e,"class","started icon svelte-1kafm58"),p(e,"title","Started")},m(a,r){O(a,e,r),B(t,e,null),n=!0},i(a){n||(R(t.$$.fragment,a),n=!0)},o(a){G(t.$$.fragment,a),n=!1},d(a){a&&c(e),Q(t)}}}function $t(i){let e,t,n;return t=new Ze({}),{c(){e=_("span"),J(t.$$.fragment),this.h()},l(a){e=b(a,"SPAN",{class:!0,title:!0});var r=g(e);Y(t.$$.fragment,r),r.forEach(c),this.h()},h(){p(e,"class","done icon svelte-1kafm58"),p(e,"title","Completed")},m(a,r){O(a,e,r),B(t,e,null),n=!0},i(a){n||(R(t.$$.fragment,a),n=!0)},o(a){G(t.$$.fragment,a),n=!1},d(a){a&&c(e),Q(t)}}}function St(i){let e,t,n;return t=new Xe({}),{c(){e=_("span"),J(t.$$.fragment),this.h()},l(a){e=b(a,"SPAN",{class:!0,title:!0});var r=g(e);Y(t.$$.fragment,r),r.forEach(c),this.h()},h(){p(e,"class","none icon svelte-1kafm58"),p(e,"title","Not started")},m(a,r){O(a,e,r),B(t,e,null),n=!0},i(a){n||(R(t.$$.fragment,a),n=!0)},o(a){G(t.$$.fragment,a),n=!1},d(a){a&&c(e),Q(t)}}}function Dt(i){let e,t,n,a;const r=[St,$t,Tt],o=[];function l(u,d){return u[0]==="none"?0:u[0]==="done"?1:u[0]==="started"?2:-1}return~(e=l(i))&&(t=o[e]=r[e](i)),{c(){t&&t.c(),n=$e()},l(u){t&&t.l(u),n=$e()},m(u,d){~e&&o[e].m(u,d),O(u,n,d),a=!0},p(u,[d]){let h=e;e=l(u),e!==h&&(t&&(_e(),G(o[h],1,1,()=>{o[h]=null}),be()),~e?(t=o[e],t||(t=o[e]=r[e](u),t.c()),R(t,1),t.m(n.parentNode,n)):t=null)},i(u){a||(R(t),a=!0)},o(u){G(t),a=!1},d(u){~e&&o[e].d(u),u&&c(n)}}}function Pt(i,e,t){let{progress:n}=e;return i.$$set=a=>{"progress"in a&&t(0,n=a.progress)},[n]}class jt extends se{constructor(e){super();oe(this,e,Pt,Dt,re,{progress:0})}}function Ne(i){let e,t;return e=new jt({props:{progress:i[0].progress}}),{c(){J(e.$$.fragment)},l(n){Y(e.$$.fragment,n)},m(n,a){B(e,n,a),t=!0},p(n,a){const r={};a&1&&(r.progress=n[0].progress),e.$set(r)},i(n){t||(R(e.$$.fragment,n),t=!0)},o(n){G(e.$$.fragment,n),t=!1},d(n){Q(e,n)}}}function Mt(i){let e,t,n,a,r,o,l,u,d,h,y=i[0].name+"",f,k,v,E,$,w,m,j;n=new Ie({props:{showYear:!1,date:i[0].start}});let I=i[4]&&Ne(i);return{c(){e=_("div"),t=_("div"),J(n.$$.fragment),a=x(),r=_("div"),o=fe("svg"),l=fe("path"),u=
1x(),d=_("div"),h=_("button"),f=S(y),k=x(),I&&I.c(),this.h()},l(T){e=b(T,"DIV",{class:!0,style:!0});var M=g(e);t=b(M,"DIV",{class:!0});var C=g(t);Y(n.$$.fragment,C),C.forEach(c),a=A(M),r=b(M,"DIV",{class:!0});var z=g(r);o=pe(z,"svg",{class:!0});var P=g(o);l=pe(P,"path",{d:!0,class:!0}),g(l).forEach(c),P.forEach(c),u=A(z),d=b(z,"DIV",{class:!0});var q=g(d);h=b(q,"BUTTON",{tabindex:!0,class:!0});var N=g(h);f=D(N,y),k=A(N),I&&I.l(N),N.forEach(c),q.forEach(c),z.forEach(c),M.forEach(c),this.h()},h(){p(t,"class","date svelte-mtu5lh"),p(l,"d","M 0 0 l 150 0"),p(l,"class","svelte-mtu5lh"),p(o,"class","svelte-mtu5lh"),p(h,"tabindex","0"),p(h,"class","preview simple svelte-mtu5lh"),p(d,"class","svelte-mtu5lh"),p(r,"class",v=ve("timeline-point "+(i[2]&&!i[1]?"expanded":""))+" svelte-mtu5lh"),p(e,"class",E=ve((i[4]?"at":"not-at")+" timeline-point-top")+" svelte-mtu5lh"),p(e,"style",$="--delay: "+i[3]+"s;")},m(T,M){O(T,e,M),s(e,t),B(n,t,null),s(e,a),s(e,r),s(r,o),s(o,l),s(r,u),s(r,d),s(d,h),s(h,f),s(h,k),I&&I.m(h,null),w=!0,m||(j=et(h,"click",i[5]),m=!0)},p(T,[M]){const C={};M&1&&(C.date=T[0].start),n.$set(C),(!w||M&1)&&y!==(y=T[0].name+"")&&he(f,y),T[4]?I?(I.p(T,M),M&16&&R(I,1)):(I=Ne(T),I.c(),R(I,1),I.m(h,null)):I&&(_e(),G(I,1,1,()=>{I=null}),be()),(!w||M&6&&v!==(v=ve("timeline-point "+(T[2]&&!T[1]?"expanded":""))+" svelte-mtu5lh"))&&p(r,"class",v),(!w||M&16&&E!==(E=ve((T[4]?"at":"not-at")+" timeline-point-top")+" svelte-mtu5lh"))&&p(e,"class",E),(!w||M&8&&$!==($="--delay: "+T[3]+"s;"))&&p(e,"style",$)},i(T){w||(R(n.$$.fragment,T),R(I),w=!0)},o(T){G(n.$$.fragment,T),G(I),w=!1},d(T){T&&c(e),Q(n),I&&I.d(),m=!1,j()}}}let qt=2;function xt(i,e,t){let n,a,r,o,l,u;const d=Le();let{point:h}=e,{timeline:y}=e,{animateIn:f=!0}=e,{expandedPoint:k}=e,v=f;v&&Ke(()=>{setTimeout(()=>t(1,v=!1),u*1e3/1.5)});function E(){(h!==k||!n)&&d("expanded",{expanded:n,point:h})}function $(){window.matchMedia("(min-width: 1050px)").matches?(t(2,n=!n),E()):d("goToEntry",{point:h})}return i.$$set=w=>{"point"in w&&t(0,h=w.point),"timeline"in w&&t(6,y=w.timeline),"animateIn"in w&&t(7,f=w.animateIn),"expandedPoint"in w&&t(8,k=w.expandedPoint)},i.$$.update=()=>{i.$$.dirty&257&&t(2,n=k===h),i.$$.dirty&64&&t(11,a=y.at?y.at:Date.now()),i.$$.dirty&64&&t(10,r=y.end),i.$$.dirty&64&&t(9,o=y.start),i.$$.dirty&2049&&t(4,l=h.start<=a),i.$$.dirty&3713&&t(3,u=f?qt*((h.start-o)/(Math.min(a,r)-o)):0)},[h,v,n,u,l,$,y,f,k,o,r,a]}class At extends se{constructor(e){super();oe(this,e,xt,Mt,re,{point:0,timeline:6,animateIn:7,expandedPoint:8})}}function Re(i,e,t){const n=i.slice();return n[30]=e[t],n}function ze(i){let e,t,n,a,r,o;function l(d){i[17](d)}let u={animateIn:i[5],point:i[30],timeline:i[0]};return i[6]!==void 0&&(u.expandedPoint=i[6]),t=new At({props:u}),it.push(()=>st(t,"expandedPoint",l)),t.$on("goToEntry",i[18]),t.$on("expanded",i[15]),{c(){e=_("div"),J(t.$$.fragment),a=x(),this.h()},l(d){e=b(d,"DIV",{class:!0,style:!0});var h=g(e);Y(t.$$.fragment,h),a=A(h),h.forEach(c),this.h()},h(){p(e,"class","point svelte-qfhlc6"),p(e,"style",r="top: "+(i[14](i[30].start)-16)+"px;")},m(d,h){O(d,e,h),B(t,e,null),s(e,a),o=!0},p(d,h){const y={};h[0]&32&&(y.animateIn=d[5]),h[0]&256&&(y.point=d[30]),h[0]&1&&(y.timeline=d[0]),!n&&h[0]&64&&(n=!0,y.expandedPoint=d[6],tt(()=>n=!1)),t.$set(y),(!o||h[0]&256&&r!==(r="top: "+(d[14](d[30].start)-16)+"px;"))&&p(e,"style",r)},i(d){o||(R(t.$$.fragment,d),o=!0)},o(d){G(t.$$.fragment,d),o=!1},d(d){d&&c(e),Q(t)}}}function Ge(i){let e,t,n,a;return t=new kt({props:{linkFullRead:i[1],point:i[6],timeline:i[0]}}),t.$on("goToEntry",i[19]),{c(){e=_("div"),J(t.$$.fragment),this.h()},l(r){e=b(r,"DIV",{class:!0});var o=g(e);Y(t.$$.fragment,o),o.forEach(c),this.h()},h(){p(e,"class","entry-wrapper svelte-qfhlc6")},m(r,o){O(r,e,o),B(t,e,null),a=!0},p(r,o){const l={};o[0]&2&&(l.linkFullRead=r[1]),o[0]&64&&(l.point=r[6]),o[0]&1&&(l.timeline=r[0]),t.$set(l)},i(r){a||(R(t.$$.fragment,r),nt(()=>{n||(n=Ce(e,Fe,{duration:250},!0)),n.run(1)}),a=!0)},o(r){G(t.$$.fragment,r),n||(n=Ce(e,Fe,{duration:250},!1)),n.run(0),a=!1},d(r){r&&c(e),Q(t),r&&n&&n.end()}}}function Ct(i){let e,t,n,a,r,o,l,u,d,h,y,f,k,v,E,$,w,m,j,I,T,M,C,z,P,q,N,H,X,W,ae,ie,V,L,le;a=new Ie({props:{date:i[13],showYear:!1}}),N=new Ie({props:{date:i[3]}}),W=new Ie({props:{date:i[4]}});let me=i[8],U=[];for(let F=0;F<me.length;F+=1)U[F]=ze(Re(i,me,F));const ke=F=>G(U[F],1,1,()=>{U[F]=null});let ne=i[9]&&i[6]&&i[10]&&Ge(i);return{c(){e=_("div"),t=_("div"),n=_("div"),J(a.$$.fragment),o=x(),l=_("div"),u=fe("svg"),d=fe("defs"),h=fe("linearGradient"),y=fe("stop"),f=fe("stop"),k=fe("rect"),E=fe("rect"),w=fe("rect"),j=fe("rect"),T=fe("rect"),z=x(),P=_("div"),q=_("div"),J(N.$$.fragment),H=x(),X=_("div"),J(W.$$.fragment),ae=x(),ie=_("div");for(let F=0;F<U.length;F+=1)U[F].c();V=x(),ne&&ne.c(),this.h()},l(F){e=b(F,"DIV",{class:!0});var K=g(e);t=b(K,"DIV",{style:!0});var ue=g(t);n=b(ue,"DIV",{class:!0,style:!0});var Ee=g(n);Y(a.$$.fragment,Ee),Ee.forEach(c),ue.forEach(c),o=A(K),l=b(K,"DIV",{class:!0,style:!0});var ee=g(l);u=pe(ee,"svg",{class:!0});var ge=g(u);d=pe(ge,"defs",{});var Me=g(d);h=pe(Me,"linearGradient",{id:!0,gradientTransform:!0});var De=g(h);y=pe(De,"stop",{offset:!0,"stop-color":!0}
1),g(y).forEach(c),f=pe(De,"stop",{offset:!0,"stop-color":!0}),g(f).forEach(c),De.forEach(c),Me.forEach(c),k=pe(ge,"rect",{class:!0,x:!0,y:!0,width:!0,height:!0}),g(k).forEach(c),E=pe(ge,"rect",{rx:!0,class:!0,width:!0,height:!0}),g(E).forEach(c),w=pe(ge,"rect",{class:!0,x:!0,y:!0,width:!0,style:!0}),g(w).forEach(c),j=pe(ge,"rect",{rx:!0,class:!0,width:!0,height:!0,y:!0}),g(j).forEach(c),T=pe(ge,"rect",{rx:!0,class:!0,width:!0,y:!0,style:!0}),g(T).forEach(c),ge.forEach(c),z=A(ee),P=b(ee,"DIV",{class:!0});var Te=g(P);q=b(Te,"DIV",{class:!0});var qe=g(q);Y(N.$$.fragment,qe),qe.forEach(c),H=A(Te),X=b(Te,"DIV",{class:!0});var xe=g(X);Y(W.$$.fragment,xe),xe.forEach(c),Te.forEach(c),ae=A(ee),ie=b(ee,"DIV",{class:!0});var Ae=g(ie);for(let Pe=0;Pe<U.length;Pe+=1)U[Pe].l(Ae);Ae.forEach(c),V=A(ee),ne&&ne.l(ee),ee.forEach(c),K.forEach(c),this.h()},h(){p(n,"class","date-marker svelte-qfhlc6"),p(n,"style",i[11]),p(t,"style",r="position: absolute"+(i[12]?"":"; visibility: hidden;")),p(y,"offset","5%"),p(y,"stop-color","var(--main-accent)"),p(f,"offset","95%"),p(f,"stop-color","var(--alt-accent)"),p(h,"id","filled-gradient"),p(h,"gradientTransform","rotate(90)"),p(k,"class","total svelte-qfhlc6"),p(k,"x","27.5"),p(k,"y","15"),p(k,"width","25"),p(k,"height",v=i[2]-30),p(E,"rx","2"),p(E,"class",$=ve("start"+(i[13]<i[3]?" not-filled":""))+" svelte-qfhlc6"),p(E,"width","80"),p(E,"height","15"),p(w,"class","filled svelte-qfhlc6"),p(w,"x","27.5"),p(w,"y","10"),p(w,"width","25"),p(w,"style",m="--filled: "+i[2]*i[7]+"px;"),p(j,"rx","2"),p(j,"class","end svelte-qfhlc6"),p(j,"width","80"),p(j,"height","15"),p(j,"y",I=i[2]-15),p(T,"rx","2"),p(T,"class","end-filled svelte-qfhlc6"),p(T,"width","80"),p(T,"y",M=i[2]-15),p(T,"style",C=i[7]!==1?"opacity: 0;":"opacity: 1;"),p(u,"class","timeline-svg svelte-qfhlc6"),p(q,"class","start-date"),p(X,"class","end-date"),p(P,"class","main-dates svelte-qfhlc6"),p(ie,"class","points svelte-qfhlc6"),p(l,"class","timeline svelte-qfhlc6"),p(l,"style",L="--size: "+i[2]+"px;"),p(e,"class","timeline-wrapper svelte-qfhlc6")},m(F,K){O(F,e,K),s(e,t),s(t,n),B(a,n,null),s(e,o),s(e,l),s(l,u),s(u,d),s(d,h),s(h,y),s(h,f),s(u,k),s(u,E),s(u,w),s(u,j),s(u,T),s(l,z),s(l,P),s(P,q),B(N,q,null),s(P,H),s(P,X),B(W,X,null),s(l,ae),s(l,ie);for(let ue=0;ue<U.length;ue+=1)U[ue].m(ie,null);s(l,V),ne&&ne.m(l,null),le=!0},p(F,K){(!le||K[0]&2048)&&p(n,"style",F[11]),(!le||K[0]&4096&&r!==(r="position: absolute"+(F[12]?"":"; visibility: hidden;")))&&p(t,"style",r),(!le||K[0]&4&&v!==(v=F[2]-30))&&p(k,"height",v),(!le||K[0]&8&&$!==($=ve("start"+(F[13]<F[3]?" not-filled":""))+" svelte-qfhlc6"))&&p(E,"class",$),(!le||K[0]&132&&m!==(m="--filled: "+F[2]*F[7]+"px;"))&&p(w,"style",m),(!le||K[0]&4&&I!==(I=F[2]-15))&&p(j,"y",I),(!le||K[0]&4&&M!==(M=F[2]-15))&&p(T,"y",M),(!le||K[0]&128&&C!==(C=F[7]!==1?"opacity: 0;":"opacity: 1;"))&&p(T,"style",C);const ue={};K[0]&8&&(ue.date=F[3]),N.$set(ue);const Ee={};if(K[0]&16&&(Ee.date=F[4]),W.$set(Ee),K[0]&49505){me=F[8];let ee;for(ee=0;ee<me.length;ee+=1){const ge=Re(F,me,ee);U[ee]?(U[ee].p(ge,K),R(U[ee],1)):(U[ee]=ze(ge),U[ee].c(),R(U[ee],1),U[ee].m(ie,null))}for(_e(),ee=me.length;ee<U.length;ee+=1)ke(ee);be()}F[9]&&F[6]&&F[10]?ne?(ne.p(F,K),K[0]&1600&&R(ne,1)):(ne=Ge(F),ne.c(),R(ne,1),ne.m(l,null)):ne&&(_e(),G(ne,1,1,()=>{ne=null}),be()),(!le||K[0]&4&&L!==(L="--size: "+F[2]+"px;"))&&p(l,"style",L)},i(F){if(!le){R(a.$$.fragment,F),R(N.$$.fragment,F),R(W.$$.fragment,F);for(let K=0;K<me.length;K+=1)R(U[K]);R(ne),le=!0}},o(F){G(a.$$.fragment,F),G(N.$$.fragment,F),G(W.$$.fragment,F),U=U.filter(Boolean);for(let K=0;K<U.length;K+=1)G(U[K]);G(ne),le=!1},d(F){F&&c(e),Q(a),Q(N),Q(W),at(U,F),ne&&ne.d()}}}let Ft="(min-width: 1050px)";function Vt(i,e,t){let n,a,r,o,{timeline:l}=e,{readFullEntries:u=!1}=e,d=l.start,h=l.end,y=l.points,f=Date.now(),k=l,v=!0,E=X(),$=E?E.start:d,w=1.5*($-d)/(Math.min(f,h)-d)*1e3,m=!1;setTimeout(()=>t(9,m=!0),w);let j,I,T,M=!0;Ke(()=>(t(16,T=!0),()=>{z()}));function C(){j=window.matchMedia(Ft),I=V=>t(10,M=V.matches),j.addEventListener("change",I),t(10,M=j.matches)}function z(){j&&I&&j.removeEventListener("change",I)}let{size:P=600}=e;function q(V){return Math.round(P*Math.min(1,(V-d)/(h-d)))}let N=new Map;function H(V){V!==null&&V.detail.expanded?(t(6,o=V.detail.point),N.set(l,o)):(t(6,o=null),N.set(l,null))}function X(){if(!y||y.length<1||y[0].start>f)return null;let V=null;if(y.length!=0){for(let L of y)if(L.start<=f)V=L;else if(V==null){V=L;break}}return V}function W(V){o=V,t(6,o),t(28,N),t(0,l)}function ae(V){Ve.call(this,i,V)}function ie(V){Ve.call(this,i,V)}return i.$$set=V=>{"timeline"in V&&t(0,l=V.timeline),"readFullEntries"in V&&t(1,u=V.readFullEntries),"size"in V&&t(2,P=V.size)},i.$$.update=()=>{i.$$.dirty[0]&1&&t(3,d=l.start),i.$$.dirty[0]&1&&t(4,h=l.end),i.$$.dirty[0]&1&&t(8,y=l.points),i.$$.dirty[0]&33&&t(5,v=v&&k===l),i.$$.dirty[0]&65536&&T&&(z(),C()),i.$$.dirty[0]&24&&t(7,n=Math.min(1,(f-d)/(h-d))),i.$$.dirty[0]&136&&t(12,a=n!==1&&f>=d),i.$$.dirty[0]&28&&t(11,r="top: "+Math.round(P*Math.min(1,(f-d)/(h-d)))+"px;"),i.$$.dirty[0]&1&&t(6,o=N.get(l)),i.$$.dirty[0]&65&&(N.has(l)||(t(6,o=X()),N.set(l,o)))},[l,u,P,d,h,v,o,n,y,m,M,r,a,f,q,H,T,W,ae,ie]}class qn extends se{constructor(e){super();oe(this,e,Vt,Ct,re,{timeline:0,readFullEntries:1,size:2},null,[-1,-1])}}class ce{constructor(e,t,n,a="",r=[],o=Z,l=null,u=null){ye(this,"start");ye(this,"end");ye(this,"name");ye(this,"explanation");ye(this,"points");ye(this,"detailedView");ye(this,"topDisplay");this.start=e,this.end=t,this.points=r,this.explanation=a,this.name=n,this.detailedView=o,this.progress=l,this.topDisplay=u}}function Nt(i){let e,t,n,a,r,o,l,u,d,h,y,f;return{c(){e=_("div"),t=_("p"),n=S("The initial page is the home page for my Capstone. It needs to provide some key information about my capstone as well as allow users to navigate to other elements of the site. It can be seen "),a=_("a"),r=S("here"),o=S("."),l=x(),u=_("h3"),d=S("Page contents"),h=x(),y=_("p"),f=S("The page should contain the following elements: a title (with my name), a timeline documenting my Capstone's progression, my Capstone Inquiry question, and a QnA about how the webstie was made."),this.h()},l(k){e=b(k,"DIV",{});var v=g(e);t=b(v,"P",{});var E=g(t);n=D(E,"The initial page is the home page for my Capstone. It needs to provide some key information about my capstone as well as allow users to navigate to other elements of the site. It can be seen "),a=b(E,"A",{href:!0});var $=g(a);
1r=D($,"here"),$.forEach(c),o=D(E,"."),E.forEach(c),l=A(v),u=b(v,"H3",{});var w=g(u);d=D(w,"Page contents"),w.forEach(c),h=A(v),y=b(v,"P",{});var m=g(y);f=D(m,"The page should contain the following elements: a title (with my name), a timeline documenting my Capstone's progression, my Capstone Inquiry question, and a QnA about how the webstie was made."),m.forEach(c),v.forEach(c),this.h()},h(){p(a,"href","/capstone")},m(k,v){O(k,e,v),s(e,t),s(t,n),s(t,a),s(a,r),s(t,o),s(e,l),s(e,u),s(u,d),s(e,h),s(e,y),s(y,f)},p:de,i:de,o:de,d(k){k&&c(e)}}}function Rt(i,e,t){let{entry:n}=e;return i.$$set=a=>{"entry"in a&&t(0,n=a.entry)},[n]}class zt extends se{constructor(e){super();oe(this,e,Rt,Nt,re,{entry:0})}}function Gt(i){let e,t,n=i[0].explanation+"",a,r,o,l,u,d,h,y,f,k,v,E,$,w,m,j,I,T,M;return{c(){e=_("div"),t=_("p"),a=S(n),r=x(),o=_("p"),l=S("For my UI framework I'm going with "),u=_("a"),d=S("Svelte"),h=S(". After doing some research I decided to go with Svelte for this project. This decision was made because this project is going to be pretty big, so I want to use a framework I enjoy using, and Svelte meets this requirement."),y=x(),f=_("p"),k=S("For hosting I ended up going with Firebase hosting "),v=_("strong"),E=S("(later switched to vercel)"),$=S(". I'm choosing firebase because I have some experience with it from much smaller previous projects."),w=x(),m=_("p"),j=S("For now I'm not using any backend framework to manage multiple pages "),I=_("strong"),T=S("(later began using SvelteKit)"),M=S("."),this.h()},l(C){e=b(C,"DIV",{});var z=g(e);t=b(z,"P",{});var P=g(t);a=D(P,n),P.forEach(c),r=A(z),o=b(z,"P",{});var q=g(o);l=D(q,"For my UI framework I'm going with "),u=b(q,"A",{href:!0});var N=g(u);
1d=D(N,"Svelte"),N.forEach(c),h=D(q,". After doing some research I decided to go with Svelte for this project. This decision was made because this project is going to be pretty big, so I want to use a framework I enjoy using, and Svelte meets this requirement."),q.forEach(c),y=A(z),f=b(z,"P",{});var H=g(f);k=D(H,"For hosting I ended up going with Firebase hosting "),v=b(H,"STRONG",{});var X=g(v);E=D(X,"(later switched to vercel)"),X.forEach(c),$=D(H,". I'm choosing firebase because I have some experience with it from much smaller previous projects."),H.forEach(c),w=A(z),m=b(z,"P",{});var W=g(m);j=D(W,"For now I'm not using any backend framework to manage multiple pages "),I=b(W,"STRONG",{});var ae=g(I);T=D(ae,"(later began using SvelteKit)"),ae.forEach(c),M=D(W,"."),W.forEach(c),z.forEach(c),this.h()},h(){p(u,"href","https://svelte.dev/")},m(C,z){O(C,e,z),s(e,t),s(t,a),s(e,r),s(e,o),s(o,l),s(o,u),s(u,d),s(o,h),s(e,y),s(e,f),s(f,k),s(f,v),s(v,E),s(f,$),s(e,w),s(e,m),s(m,j),s(m,I),s(I,T),s(m,M)},p(C,[z]){z&1&&n!==(n=C[0].explanation+"")&&he(a,n)},i:de,o:de,d(C){C&&c(e)}}}function Ht(i,e,t){let{entry:n}=e;return i.$$set=a=>{"entry"in a&&t(0,n=a.entry)},[n]}class Lt extends se{constructor(e){super();oe(this,e,Ht,Gt,re,{entry:0})}}function Kt(i){let e,t,n=i[0].explanation+"",a,r,o,l,u,d,h,y,f,k,v,E,$;return{c(){e=_("div"),t=_("p"),a=S(n),r=x(),o=_("p"),l=S("The timeline will (by far) be the most difficult thing to implement. The logic is pretty straightforward, most of the difficulty is in the design. To help myself visualize what I'm building I want to make a design for what I want in Figma. Here's what that ended up looking like:"),u=x(),d=_("img"),y=x(),f=_("p"),k=S("I found this very strategy very useful, and plan reimploying it in the future in cases where I'm having trouble visualizing a final result."),v=x(),E=_("p"),$=S("The next portion of the project was adding the QnA and Capstone Inquiry question to the site, which was quite straightforward."),this.h()},l(w){e=b(w,"DIV",{});var m=g(e);t=b(m,"P",{});var j=g(t);a=D(j,n),j.forEach(c),r=A(m),o=b(m,"P",{});var I=g(o);l=D(I,"The timeline will (by far) be the most difficult thing to implement. The logic is pretty straightforward, most of the difficulty is in the design. To help myself visualize what I'm building I want to make a design for what I want in Figma. Here's what that ended up looking like:"),I.forEach(c),u=A(m),d=b(m,"IMG",{src:!0,alt:!0,class:!0}),y=A(m),f=b(m,"P",{});var T=g(f);k=D(T,"I found this very strategy very useful, and plan reimploying it in the future in cases where I'm having trouble visualizing a final result."),T.forEach(c),v=A(m),E=b(m,"P",{});var M=g(E);$=D(M,"The next portion of the project was adding the QnA and Capstone Inquiry question to the site, which was quite straightforward."),M.forEach(c),m.forEach(c),this.h()},h(){Se(d.src,h="/timeline-design.png")||p(d,"src",h),p(d,"alt","Figma design of timeline"),p(d,"class","svelte-1hfqhvt")},m(w,m){O(w,e,m),s(e,t),s(t,a),s(e,r),s(e,o),s(o,l),s(e,u),s(e,d),s(e,y),s(e,f),s(f,k),s(e,v),s(e,E),s(E,$)},p(w,[m]){m&1&&n!==(n=w[0].explanation+"")&&he(a,n)},i:de,o:de,d(w){w&&c(e)}}}function Ut(i,e,t){let{entry:n}=e;return i.$$set=a=>{"entry"in a&&t(0,n=a.entry)},[n]}class Ot extends se{constructor(e){super();oe(this,e,Ut,Kt,re,{entry:0})}}function He(i){let e,t,n,a,r;return{c(){e=_("div"),t=_("h2"),n=S(i[2]),a=x(),r=_("hr"),this.h()},l(o){e=b(o,"DIV",{class:!0});var l=g(e);t=b(l,"H2",{class:!0});var u=g(t);n=D(u,i[2]),u.forEach(c),a=A(l),r=b(l,"HR",{class:!0}),l.forEach(c),this.h()},h(){p(t,"class","svelte-2qm844"),p(r,"class","svelte-2qm844"),p(e,"class","header svelte-2qm844")},m(o,l){O(o,e,l),s(e,t),s(t,n),s(e,a),s(e,r)},p(o,l){l&4&&he(n,o[2])},d(o){o&&c(e)}}}function Jt(i){let e,t;return e=new dt({props:{language:i[0],code:i[1]}}),{c(){J(e.$$.fragment)},l(n){Y(e.$$.fragment,n)},m(n,a){B(e,n,a),t=!0},p(n,a){const r={};a&1&&(r.language=n[0]),a&2&&(r.code=n[1]),e.$set(r)},i(n){t||(R(e.$$.fragment,n),t=!0)},o(n){G(e.$$.fragment,n),t=!1},d(n){Q(e,n)}}}function Yt(i){let e,t;return e=new ht({props:{code:i[1]}}),{c(){J(e.$$.fragment)},l(n){Y(e.$$.fragment,n)},m(n,a){B(e,n,a),t=!0},p(n,a){const r={};a&2&&(r.code=n[1]),e.$set(r)},i(n){t||(R(e.$$.fragment,n),t=!0)},o(n){G(e.$$.fragment,n),t=!1},d(n){Q(e,n)}}}function Bt(i){let e,t,n,a,r,o,l,u,d,h=i[2]&&He(i);const y=[Yt,Jt],f=[];function k(v,E){return v[0]==="svelte"?0:1}
1return o=k(i),l=f[o]=y[o](i),{c(){e=new ot,t=$e(),n=x(),a=_("div"),h&&h.c(),r=x(),l.c(),this.h()},l(v){const E=rt('[data-svelte="svelte-aoqfv4"]',document.head);e=lt(E),t=$e(),E.forEach(c),n=A(v),a=b(v,"DIV",{class:!0});var $=g(a);h&&h.l($),r=A($),l.l($),$.forEach(c),this.h()},h(){e.a=t,p(a,"class",u=ve(i[2]?"showing-header":"")+" svelte-2qm844")},m(v,E){e.m(ct,document.head),s(document.head,t),O(v,n,E),O(v,a,E),h&&h.m(a,null),s(a,r),f[o].m(a,null),d=!0},p(v,[E]){v[2]?h?h.p(v,E):(h=He(v),h.c(),h.m(a,r)):h&&(h.d(1),h=null);let $=o;o=k(v),o===$?f[o].p(v,E):(_e(),G(f[$],1,1,()=>{f[$]=null}),be(),l=f[o],l?l.p(v,E):(l=f[o]=y[o](v),l.c()),R(l,1),l.m(a,null)),(!d||E&4&&u!==(u=ve(v[2]?"showing-header":"")+" svelte-2qm844"))&&p(a,"class",u)},i(v){d||(R(l),d=!0)},o(v){G(l),d=!1},d(v){c(t),v&&e.d(),v&&c(n),v&&c(a),h&&h.d(),f[o].d()}}}function Qt(i,e,t){let{language:n}=e,{code:a}=e,{fileName:r=null}=e;return i.$$set=o=>{"language"in o&&t(0,n=o.language),"code"in o&&t(1,a=o.code),"fileName"in o&&t(2,r=o.fileName)},[n,a,r]}class we extends se{constructor(e){super();oe(this,e,Qt,Bt,re,{language:0,code:1,fileName:2})}}function Wt(i){let e,t,n=i[0].explanation+"",a,r,o,l,u,d,h,y,f,k,v,E,$;return E=new we({props:{language:je,code:i[1]}}),{c(){e=_("div"),t=_("p"),a=S(n),r=x(),o=_("p"),l=S("This version of the landing page is still being updated, but remains quite similiar to the current version, found "),u=_("a"),d=S("here"),h=S("."),y=x(),f=_("p"),k=S("To make styling the project easier I'm using global CSS variables. This requires a bit of a hack to be accomplished in Svelte. With SvelteKit I add a global selector to my layout component's CSS which sets the variables."),v=x(),J(E.$$.fragment),this.h()},l(w){e=b(w,"DIV",{});var m=g(e);t=b(m,"P",{});var j=g(t);a=D(j,n),j.forEach(c),r=A(m),o=b(m,"P",{});var I=g(o);l=D(I,"This version of the landing page is still being updated, but remains quite similiar to the current version, found "),u=b(I,"A",{href:!0});var T=g(u);d=D(T,"here"),T.forEach(c),h=D(I,"."),I.forEach(c),y=A(m),f=b(m,"P",{});var M=g(f);k=D(M,"To make styling the project easier I'm using global CSS variables. This requires a bit of a hack to be accomplished in Svelte. With SvelteKit I add a global selector to my layout component's CSS which sets the variables."),M.forEach(c),v=A(m),Y(E.$$.fragment,m),m.forEach(c),this.h()},h(){p(u,"href","/capstone")},m(w,m){O(w,e,m),s(e,t),s(t,a),s(e,r),s(e,o),s(o,l),s(o,u),s(u,d),s(o,h),s(e,y),s(e,f),s(f,k),s(e,v),B(E,e,null),$=!0},p(w,[m]){(!$||m&1)&&n!==(n=w[0].explanation+"")&&he(a,n)},i(w){$||(R(E.$$.fragment,w),$=!0)},o(w){G(E.$$.fragment,w),$=!1},d(w){w&&c(e),Q(E)}}}function Zt(i,e,t){let{entry:n}=e,a=`:global(*) { 2 --main-bg: #111116; 3 --alt-bg: #191920; 4 --alt2-bg: rgb(31, 31, 39); 5 --alt3-bg: rgb(35, 35, 44); 6 7 --light-tint: rgba(69, 72, 85, 0.05); 8 --main-accent-tint: rgba(103, 145, 253, 0.3); 9 --alt-accent-tint: rgba(180, 103, 253, 0.3); 10 11 --alt-text: rgb(233, 233, 233); 12 --main-text: white; 13 14 --between-color: rgb(139, 148, 158); 15 16 --item-bg: #25262E; 17 --sub-item-bg: #30323d; 18 --sub2-item-bg: rgb(69, 72, 85); 19 20 --drop-shadow-color: rgba(0, 0, 0, 0.25); 21 22 --main-accent: #6791FD; 23 --alt-accent: #b467fd; 24}`;return i.$$set=r=>{"entry"in r&&t(0,n=r.entry)},[n,a]}class Xt extends se{constructor(e){super();oe(this,e,Zt,Wt,re,{entry:0})}}function en(i){let e,t,n=i[0].explanation+"",a,r,o,l,u,d,h,y,f,k,v,E,$,w,m,j,I,T,M,C,z,P,q,N,H,X,W,ae,ie;return d=new we({props:{code:`npm init svelte@next zevg-site 25cd zevg-site 26npm install 27npm run dev -- --open`,language:ut,fileName:"command line"}}),q=new we({props:{language:je,fileName:"global.css",code:`body { 28 color: var(--main-text); 29 margin: 0; 30 padding: 0; 31 box-sizing: border-box; 32 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 33} 34 35* { 36 --main-bg: #111116; 37 --alt-bg: #191920; 38 --alt2-bg: rgb(31, 31, 39); 39 --alt3-bg: rgb(35, 35, 44); 40 41 --light-tint: rgba(69, 72, 85, 0.05); 42 --main-accent-tint: rgba(103, 145, 253, 0.3); 43 --alt-accent-tint: rgba(180, 103, 253, 0.3); 44 45 ... 46}`}}),ae=new we({props:{language:je,code:`:global(body) { 47 color: var(--main-text); 48 margin: 0; 49 padding: 0; 50 box-sizing: border-box; 51 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 52} 53 54:global(*) { 55 --main-bg: #111116; 56 --alt-bg: #191920; 57 --alt2-bg: rgb(31, 31, 39); 58 --alt3-bg: rgb(35, 35, 44); 59 60 --light-tint: rgba(69, 72, 85, 0.05); 61 --main-accent-tint: rgba(103, 145, 253, 0.3); 62 --alt-accent-tint: rgba(180, 103, 253, 0.3); 63 64 ... 65}`}}),{c(){e=_("div"),t=_("p"),a=S(n),r=x(),o=_("p"),l=S("To switch to SvelteKit I need to set up a new SvelteKit project. This is pretty easy, I can just use a few command line commands."),u=x(),J(d.$$.fragment),h=x(),y=_("p"),f=S("SvelteKit (like Svelte) is very well designed so setting up the routing is pretty straightforard after reading the "),k=_("a"),v=S("SvelteKit docs"),E=S("."),$=x(),w=_("p"),m=S("Switching to SvelteKit means that I can no longer use Firebase for hosting. After looking at my options I'm deciding to switch to Vercel for hosting. This also fixes the really long loading time for the site."),j=x(),I=_("p"),T=S("Lots of code needs to be refactored to properly make this switch. All my components need to be moved into their own folder, and pages need to be designed separately. One of the toughest parts of this is losing a global CSS file to put common styles in."),M=x(),C=_("p"),z=S("To keep the global CSS functionaliy I can add global selectors to my layout component. Here's what this switch looks like:"),P=x(),J(q.$$.fragment),N=x(),H=_("strong"),X=S("To:"),W=x(),J(ae.$$.fragment),this.h()},l(V){e=b(V,"DIV",{});var L=g(e);t=b(L,"P",{});var le=g(t);a=D(le,n),le.forEach(c),r=A(L),o=b(L,"P",{});var me=g(o);l=D(me,"To switch to SvelteKit I need to set up a new SvelteKit project. This is pretty easy, I can just use a few command line commands."),me.forEach(c),u=A(L),Y(d.$$.fragment,L),h=A(L),y=b(L,"P",{});var U=g(y);f=D(U,"SvelteKit (like Svelte) is very well designed so setting up the routing is pretty straightforard after reading the "),k=b(U,"A",{href:!0});var ke=g(k);
65v=D(ke,"SvelteKit docs"),ke.forEach(c),E=D(U,"."),U.forEach(c),$=A(L),w=b(L,"P",{});var ne=g(w);m=D(ne,"Switching to SvelteKit means that I can no longer use Firebase for hosting. After looking at my options I'm deciding to switch to Vercel for hosting. This also fixes the really long loading time for the site."),ne.forEach(c),j=A(L),I=b(L,"P",{});var F=g(I);T=D(F,"Lots of code needs to be refactored to properly make this switch. All my components need to be moved into their own folder, and pages need to be designed separately. One of the toughest parts of this is losing a global CSS file to put common styles in."),F.forEach(c),M=A(L),C=b(L,"P",{});var K=g(C);z=D(K,"To keep the global CSS functionaliy I can add global selectors to my layout component. Here's what this switch looks like:"),K.forEach(c),P=A(L),Y(q.$$.fragment,L),N=A(L),H=b(L,"STRONG",{});var ue=g(H);X=D(ue,"To:"),ue.forEach(c),W=A(L),Y(ae.$$.fragment,L),L.forEach(c),this.h()},h(){p(k,"href","https://kit.svelte.dev/docs/introduction")},m(V,L){O(V,e,L),s(e,t),s(t,a),s(e,r),s(e,o),s(o,l),s(e,u),B(d,e,null),s(e,h),s(e,y),s(y,f),s(y,k),s(k,v),s(y,E),s(e,$),s(e,w),s(w,m),s(e,j),s(e,I),s(I,T),s(e,M),s(e,C),s(C,z),s(e,P),B(q,e,null),s(e,N),s(e,H),s(H,X),s(e,W),B(ae,e,null),ie=!0},p(V,[L]){(!ie||L&1)&&n!==(n=V[0].explanation+"")&&he(a,n)},i(V){ie||(R(d.$$.fragment,V),R(q.$$.fragment,V),R(ae.$$.fragment,V),ie=!0)},o(V){G(d.$$.fragment,V),G(q.$$.fragment,V),G(ae.$$.fragment,V),ie=!1},d(V){V&&c(e),Q(d),Q(q),Q(ae)}}}function tn(i,e,t){let{entry:n}=e;return i.$$set=a=>{"entry"in a&&t(0,n=a.entry)},[n]}class nn extends se{constructor(e){super();oe(this,e,tn,en,re,{entry:0})}}function an(i){let e,t,n=i[0].explanation+"",a,r,o,l,u,d,h,y,f,k,v,E,$,w,m,j,I,T;return f=new we({props:{fileName:"Section.svelte",language:"svelte",code:i[1]}}),I=new we({props:{fileName:"Section.svelte",language:"svelte",code:i[2]}}),{c(){e=_("div"),t=_("p"),a=S(n),r=x(),o=_("p"),l=S("To do this I'm creating "),u=_("strong"),d=S("Sections"),h=S(". Each section has a header and content. This content can be expanded, but is minimized by default so the user isn't overwhelmed with content."),y=x(),J(f.$$.fragment),k=x(),v=_("p"),E=S("This works but I thought it would be nice to add an icon showing if the Section was expanded or not. To do this I added the "),$=_("a"),w=S("svelte-icons"),m=S(" library to my project, making the process quite simple."),j=x(),J(I.$$.fragment),this.h()},l(M){e=b(M,"DIV",{});var C=g(e);t=b(C,"P",{});var z=g(t);a=D(z,n),z.forEach(c),r=A(C),o=b(C,"P",{});var P=g(o);l=D(P,"To do this I'm creating "),u=b(P,"STRONG",{});var q=g(u);d=D(q,"Sections"),q.forEach(c),h=D(P,". Each section has a header and content. This content can be expanded, but is minimized by default so the user isn't overwhelmed with content."),P.forEach(c),y=A(C),Y(f.$$.fragment,C),k=A(C),v=b(C,"P",{});var N=g(v);E=D(N,"This works but I thought it would be nice to add an icon showing if the Section was expanded or not. To do this I added the "),$=b(N,"A",{href:!0});var H=g($);w=D(H,"svelte-icons"),H.forEach(c),m=D(N," library to my project, making the process quite simple."),N.forEach(c),j=A(C),Y(I.$$.fragment,C),C.forEach(c),this.h()},h(){p($,"href","https://github.com/Introvertuous/svelte-icons")},m(M,C){O(M,e,C),s(e,t),s(t,a),s(e,r),s(e,o),s(o,l),s(o,u),s(u,d),s(o,h),s(e,y),B(f,e,null),s(e,k),s(e,v),s(v,E),s(v,$),s($,w),s(v,m),s(e,j),B(I,e,null),T=!0},p(M,[C]){(!T||C&1)&&n!==(n=M[0].explanation+"")&&he(a,n)},i(M){T||(R(f.$$.fragment,M),R(I.$$.fragment,M),T=!0)},o(M){G(f.$$.fragment,M),G(I.$$.fragment,M),T=!1},d(M){M&&c(e),Q(f),Q(I)}}}function sn(i,e,t){let{entry:n}=e,a=`<script> 66 export let expanded = false; 67<\/script> 68 69<div class="setion"> 70 <div class={"header " + (expanded ? "expanded" : "")} on:click={() => expanded = !expanded}> 71 <slot name="header"></slot> 72 </div> 73 {#if expanded} 74 <hr> 75 <div class="content"> 76 <slot name="content"></slot> 77 </div> 78 {/if} 79</div> `,r=`<script> 80 import IoIosArrowForward from 'svelte-icons/io/IoIosArrowForward.svelte' 81 export let expanded = false;
82<\/script> 83 84<div class="setion"> 85 <div class={"header " + (expanded ? "expanded" : "")} on:click={() => expanded = !expanded}> 86 <slot name="header"></slot> 87 <div class="mid-icon"> 88 <IoIosArrowForward /> 89 </div> 90 </div> 91 {#if expanded} 92 <hr> 93 <div class="content"> 94 <slot name="content"></slot> 95 </div> 96 {/if} 97</div>`;return i.$$set=o=>{"entry"in o&&t(0,n=o.entry)},[n,a,r]}class on extends se{constructor(e){super();oe(this,e,sn,an,re,{entry:0})}}function rn(i){let e,t,n=i[0].explanation+"",a,r,o,l,u,d,h,y,f,k,v,E,$,w,m,j,I,T,M,C,z;return f=new we({props:{language:"svelte",fileName:"[id].svelte",code:`<script context="module"> 98 export async function load({params, props}) { 99 return { 100 props: { 101 id: params.id 102 } 103 }; 104 } 105<\/script> 106 107<script> 108 export let id; 109<\/script> 110 111...`}}),I=new we({props:{language:ft,fileName:"ProjectElement.js",code:`import SimpleEntry from "./projects/SimpleEntry.svelte"; 112 113export default class ProjectElement { 114 115 start; 116 end; 117 name; 118 explanation; 119 points; 120 detailedView; 121 122 constructor(start, end, name, explanation = "", points = [], detailedView = SimpleEntry) { 123 this.start = start; 124 this.end = end; 125 this.points = points; 126 this.explanation = explanation; 127 this.name = name; 128 this.detailedView = detailedView; 129 } 130}`}}),{c(){e=_("div"),t=_("p"),a=S(n),r=x(),o=_("p"),l=S("Loading a page dynamically via its URL is made easy by SvelteKit. All I need to do is add a script to the module context of a file named "),u=_("i"),d=S("[id].svelte"),h=S("."),y=x(),J(f.$$.fragment),k=x(),v=_("p"),E=S("This code means that every version of the page will correspond to a particular id. This means the data I use to populate the page will need to be accessed dynamically via this id."),$=x(),w=_("p"),m=S("The timeline data restructuring can be done by creating a ProjectElement class:"),j=x(),J(I.$$.fragment),T=x(),M=_("p"),C=S("This way each ProjectElement could contain a list of its own ProjectElements.")},l(P){e=b(P,"DIV",{});var q=g(e);t=b(q,"P",{});var N=g(t);a=D(N,n),N.forEach(c),r=A(q),o=b(q,"P",{});var H=g(o);l=D(H,"Loading a page dynamically via its URL is made easy by SvelteKit. All I need to do is add a script to the module context of a file named "),u=b(H,"I",{});var X=g(u);d=D(X,"[id].svelte"),X.forEach(c),h=D(H,"."),H.forEach(c),y=A(q),Y(f.$$.fragment,q),k=A(q),v=b(q,"P",{});var W=g(v);E=D(W,"This code means that every version of the page will correspond to a particular id. This means the data I use to populate the page will need to be accessed dynamically via this id."),W.forEach(c),$=A(q),w=b(q,"P",{});var ae=g(w);m=D(ae,"The timeline data restructuring can be done by creating a ProjectElement class:"),ae.forEach(c),j=A(q),Y(I.$$.fragment,q),T=A(q),M=b(q,"P",{});var ie=g(M);C=D(ie,"This way each ProjectElement could contain a list of its own ProjectElements."),ie.forEach(c),q.forEach(c)},m(P,q){O(P,e,q),s(e,t),s(t,a),s(e,r),s(e,o),s(o,l),s(o,u),s(u,d),s(o,h),s(e,y),B(f,e,null),s(e,k),s(e,v),s(v,E),s(e,$),s(e,w),s(w,m),s(e,j),B(I,e,null),s(e,T),s(e,M),s(M,C),z=!0},p(P,[q]){(!z||q&1)&&n!==(n=P[0].explanation+"")&&he(a,n)},i(P){z||(R(f.$$.fragment,P),R(I.$$.fragment,P),z=!0)},o(P){G(f.$$.fragment,P),G(I.$$.fragment,P),z=!1},d(P){P&&c(e),Q(f),Q(I)}}}function ln(i,e,t){let{entry:n}=e;return i.$$set=a=>{"entry"in a&&t(0,n=a.entry)},[n]}class cn extends se{constructor(e){super();oe(this,e,ln,rn,re,{entry:0})}}function dn(i){let e,t,n=i[0].explanation+"",a,r,o,l,u,d,h,y,f,k,v,E,$;return E=new we({props:{language:"svelte",code:`<script> 131 import FaListUl from 'svelte-icons/fa/FaListUl.svelte'; 132 import { fade } from 'svelte/transition'; 133 import clickOutside from './click_outside'; 134 135 export let showing = false; 136<\/script> 137 138<div class={"pages-nav " + (showing ? "content-visible" : "")} use:clickOutside on:outclick={() => showing = false}> 139 <div class="ml-icon" on:click={() => showing = !showing}> 140 <FaListUl /> 141 </div> 142 {#if showing} 143 <div class="dropdown-content" transition:fade={{ duration: 70 }}> 144 <slot></slot> 145 </div> 146 {/if} 147</div> 148 149...`,fileName:"PagesNav.svelte"}}),{c(){e=_("div"),t=_("p"),a=S(n),r=x(),o=_("p"),l=S("My inspriation for this feature is Github's README navigation, except this will be for switching the entire page rather than the portion of the README you're on. Github's README:"),u=
149x(),d=_("img"),y=x(),f=_("p"),k=S("To make this I'll need to create a new component called PagesNav. It just provides a button which shows a dropdown, the content of the dropdown needs to be designed by each implementaiton."),v=x(),J(E.$$.fragment),this.h()},l(w){e=b(w,"DIV",{});var m=g(e);t=b(m,"P",{});var j=g(t);a=D(j,n),j.forEach(c),r=A(m),o=b(m,"P",{});var I=g(o);l=D(I,"My inspriation for this feature is Github's README navigation, except this will be for switching the entire page rather than the portion of the README you're on. Github's README:"),I.forEach(c),u=A(m),d=b(m,"IMG",{alt:!0,src:!0,class:!0}),y=A(m),f=b(m,"P",{});var T=g(f);k=D(T,"To make this I'll need to create a new component called PagesNav. It just provides a button which shows a dropdown, the content of the dropdown needs to be designed by each implementaiton."),T.forEach(c),v=A(m),Y(E.$$.fragment,m),m.forEach(c),this.h()},h(){p(d,"alt","Github README Navigation"),Se(d.src,h="/github-nav.png")||p(d,"src",h),p(d,"class","svelte-1pemytu")},m(w,m){O(w,e,m),s(e,t),s(t,a),s(e,r),s(e,o),s(o,l),s(e,u),s(e,d),s(e,y),s(e,f),s(f,k),s(e,v),B(E,e,null),$=!0},p(w,[m]){(!$||m&1)&&n!==(n=w[0].explanation+"")&&he(a,n)},i(w){$||(R(E.$$.fragment,w),$=!0)},o(w){G(E.$$.fragment,w),$=!1},d(w){w&&c(e),Q(E)}}}function hn(i,e,t){let{entry:n}=e;return i.$$set=a=>{"entry"in a&&t(0,n=a.entry)},[n]}class un extends se{constructor(e){super();oe(this,e,hn,dn,re,{entry:0})}}function fn(i){let e,t,n=i[0].explanation+"",a,r,o,l,u,d,h;return{c(){e=_("div"),t=_("p"),a=S(n),r=x(),o=_("p"),l=S("Restructuring the timeline was very difficult because the entirety of the code wasn't created for the timeline variable to be reassigned (something which supporting switching between multiple timelines requires). The details of refactoring the code to support this are too complicated and extensive to be documented here, but the change can be seen in "),u=_("a"),d=S("this commit"),h=S("."),this.h()},l(y){e=b(y,"DIV",{});var f=g(e);t=b(f,"P",{});var k=g(t);a=D(k,n),k.forEach(c),r=A(f),o=b(f,"P",{});var v=g(o);l=D(v,"Restructuring the timeline was very difficult because the entirety of the code wasn't created for the timeline variable to be reassigned (something which supporting switching between multiple timelines requires). The details of refactoring the code to support this are too complicated and extensive to be documented here, but the change can be seen in "),u=b(v,"A",{href:!0});var E=g(u);d=D(E,"this commit"),E.forEach(c),h=D(v,"."),v.forEach(c),f.forEach(c),this.h()},h(){p(u,"href","https://github.com/Zev-G/zevg-site/commit/9010ca3050041589d41a586cb26f56821dcc9e42")},m(y,f){O(y,e,f),s(e,t),s(t,a),s(e,r),s(e,o),s(o,l),s(o,u),s(u,d),s(o,h)},p(y,[f]){f&1&&n!==(n=y[0].explanation+"")&&he(a,n)},i:de,o:de,d(y){y&&c(e)}}}function pn(i,e,t){let{entry:n}=e;return i.$$set=a=>{"entry"in a&&t(0,n=a.entry)},[n]}class mn extends se{constructor(e){super();oe(this,e,pn,fn,re,{entry:0})}}function gn(i){let e,t,n=i[0].explanation+"",a,r,o,l,u,d,h,y,f,k,v,E,$;return E=new we({props:{language:"svelte",fileName:"Code.svelte",code:`<script> 150 import { Highlight, HighlightSvelte } from "svelte-highlight"; 151 import { githubDark } from "svelte-highlight/src/styles"; 152 153 export let language; 154 export let code; 155 export let fileName = null; 156<\/script> 157 158<svelte:head> 159 {@html githubDark} 160</svelte:head> 161 162<div class={fileName ? "showing-header" : ""}> 163 {#if fileName} 164 <div class="header"> 165 <h2>{fileName}</h2> 166 <hr> 167 </div> 168 {/if} 169 {#if language === "svelte"} 170 <HighlightSvelte {code} /> 171 {:else} 172 <Highlight {language} {code} /> 173 {/if} 174</div> 175 176...`}}),{c(){e=_("div"),t=_("p"),a=S(n),r=x(),o=_("p"),l=S("Most of the work that needs to be done for the explanations is just writing them, but I want to allow for code to be injected into the explanations. To do this I will use a "),u=_("a"),d=S("Svelte port"),h=S(" for "),y=_("a"),f=S("highlight.js"),k=S("."),v=x(),J(E.$$.fragment),this.h()},l(w){e=b(w,"DIV",{});var m=g(e);t=b(m,"P",{});var j=g(t);
176a=D(j,n),j.forEach(c),r=A(m),o=b(m,"P",{});var I=g(o);l=D(I,"Most of the work that needs to be done for the explanations is just writing them, but I want to allow for code to be injected into the explanations. To do this I will use a "),u=b(I,"A",{href:!0});var T=g(u);d=D(T,"Svelte port"),T.forEach(c),h=D(I," for "),y=b(I,"A",{href:!0});var M=g(y);f=D(M,"highlight.js"),M.forEach(c),k=D(I,"."),I.forEach(c),v=A(m),Y(E.$$.fragment,m),m.forEach(c),this.h()},h(){p(u,"href","https://github.com/metonym/svelte-highlight"),p(y,"href","https://highlightjs.org/")},m(w,m){O(w,e,m),s(e,t),s(t,a),s(e,r),s(e,o),s(o,l),s(o,u),s(u,d),s(o,h),s(o,y),s(y,f),s(o,k),s(e,v),B(E,e,null),$=!0},p(w,[m]){(!$||m&1)&&n!==(n=w[0].explanation+"")&&he(a,n)},i(w){$||(R(E.$$.fragment,w),$=!0)},o(w){G(E.$$.fragment,w),$=!1},d(w){w&&c(e),Q(E)}}}function vn(i,e,t){let{entry:n}=e;return i.$$set=a=>{"entry"in a&&t(0,n=a.entry)},[n]}class wn extends se{constructor(e){super();oe(this,e,vn,gn,re,{entry:0})}}function yn(i){let e,t,n,a,r,o,l,u;return{c(){e=_("div"),t=_("a"),n=_("div"),a=_("img"),o=x(),l=_("h2"),u=S(i[1]),this.h()},l(d){e=b(d,"DIV",{class:!0});var h=g(e);t=b(h,"A",{href:!0,class:!0});var y=g(t);n=b(y,"DIV",{class:!0});var f=g(n);a=b(f,"IMG",{src:!0,alt:!0,class:!0}),o=A(f),l=b(f,"H2",{class:!0});var k=g(l);u=D(k,i[1]),k.forEach(c),f.forEach(c),y.forEach(c),h.forEach(c),this.h()},h(){Se(a.src,r=i[0])||p(a,"src",r),p(a,"alt",""),p(a,"class","svelte-zy5rxi"),p(l,"class","svelte-zy5rxi"),p(n,"class","inner svelte-zy5rxi"),p(t,"href",i[2]),p(t,"class","svelte-zy5rxi"),p(e,"class","wrapper svelte-zy5rxi")},m(d,h){O(d,e,h),s(e,t),s(t,n),s(n,a),s(n,o),s(n,l),s(l,u)},p(d,[h]){h&1&&!Se(a.src,r=d[0])&&p(a,"src",r),h&2&&he(u,d[1]),h&4&&p(t,"href",d[2])},i:de,o:de,d(d){d&&c(e)}}}function _n(i,e,t){let{img:n}=e,{title:a}=e,{url:r}=e;return i.$$set=o=>{"img"in o&&t(0,n=o.img),"title"in o&&t(1,a=o.title),"url"in o&&t(2,r=o.url)},[n,a,r]}class bn extends se{constructor(e){super();oe(this,e,_n,yn,re,{img:0,title:1,url:2})}}function En(i){let e,t;return e=new bn({props:{img:"/chess.png",url:"/chess",title:"Visit the Website"}}),{c(){J(e.$$.fragment)},l(n){Y(e.$$.fragment,n)},m(n,a){B(e,n,a),t=!0},p:de,i(n){t||(R(e.$$.fragment,n),t=!0)},o(n){G(e.$$.fragment,n),t=!1},d(n){Q(e,n)}}}class In extends se{constructor(e){super();oe(this,e,null,En,re,{})}}const xn=[{question:"How was this website made?",answer:"This website was created using vanilla Svelte. The timeline was quite difficult to implement and so an earlier version of it was designed on Figma before being created in the actual project. Many thanks go to CSS Tricks and W3Schools for providing great documentation for JS, HTML and CSS."},{question:"Where is this site's code?",answer:"You can check out the code for this website on my github at https://github.com/Zev-G/zevg-site."},{question:"How is this site hosted?",answer:"This website is hosted using Vercel on a custom domain purchased from Google Domains."}];function te(i,e,t,n=Z,a=null){return i=Date.parse(i),new ce(i,i,e,t,[],n,a)}const kn=new ce(Date.parse("Feb 26 2022"),Date.parse("June 23 2022"),"Create Capstone site","The first step towards completing my Capstone Project and answering my Capstone Question is to create a good landing page for the project. That's the website you're currently on! This website will receive updates over time but the basic version is complete as of February 27th 2022.",[new ce(Date.parse("Feb 26 2022"),Date.parse("Mar 1 2022"),"Initial page","This is the original version of the page, it has one page. This page has a timeline documenting some important goals of the project. Farther down on the page is the Capstone Inquiry Question, later a link to the Capstone Proposal will be linked here. At the bottom of the page is a simple QNA about the site.",[te("Feb 26 10:00 2022","Just getting started","The very first version of my Capstone Page. All it needs to include is a title. Most of the work going into this version is setup. I need to choose a UI Framework, hosting, routing, and other important behind the scenes decisions.",Lt,"done"),te("Feb 27 2022","Giving the site structure","This version of the original page is populated with it's basic functionalities. It contains a title, a simple timeline, my Capstone Inquiry Question, and a QnA about how the site is made at the bottom. The key elements of this page will later serve as navigation to other elements of the site.",Ot,"done"),te("Feb 28 2022","Finish the landing page","The finished (version 1) langing page. This contains all the features of the previous landing page but supports mobile, has animations, and a cleaner code base. Under the hood a lot of work has gone into making the code more reusable, and visually the site has received lots of improvements.",Xt,"done")],zt,"done"),new ce(
176Date.parse("Mar 1 2022"),Date.parse("Mar 8 2022"),"Capstone Proposal","This version of the site includes everything from the previous version as well as a page putting forth my Capstone Proposal. This site should have a back button to return to the Capstone home page, my Inquiry Question, and answers to a series of questions.",[te("Mar 2 2022","Switch to SvelteKit","Up until this point in the project I've been using vanilla Svelte, the downside to this is that it only supports single page websites. To add a Capstone Proposal page to my site I need to make my project support multiple pages. This is done using SvelteKit which requires creating a fresh project and importing my old code.",nn,"done"),te("Mar 4 2022","Design page","Before I can answer my Capstone Proposal questions I need to find a format to answer the questions in. I don't want to overwhelm the user with all the answers to all the questions, so I need to create a way of sectioning off specific questions and their answers.",on,"done"),te("Mar 7 2022","Answering the questions","This was the most straightforward step. I just needed to write up answers to all the Capstone Proposal questions in the assignment and add them to my Capstone Proposal page.",Z,"done")],Z,"done"),new ce(Date.parse("Mar 8 2022"),Date.parse("Mar 22 2022"),"Projects page","This version of the site is meant to provide a more detailed explanation and documentation of my projects. Each page should contain navigation to switch to a different project. It should contain the project's timeline(s), and write-ups for each element of the timeline.",[te("Mar 10 2022","Handle routing and data","To host each project's page without hardcoding each one I need to dynamically create them based on the URL. To do this I wil need to use more advanced SvelteKit routing features. Another thing which needs to be changed is the way timeline data is structured. Currently there is no way to have a timeline entry (project) have it's own timeline, so lots of data refactoring needs to be done to make this possible.",cn,"done"),te("Mar 12 2022","Navigation between projects","The first feature all of these project pages will need is the ability to easily switch which project's page you're currently on. To make this easy for the user I want to implement a button which will switch which project you're currently looking at.",un,"done"),te("Mar 14 2022","Multiple timelines","Each project can be broken into stages, and each of these stages should have its own timelines. This wasn't a feature I was initially planning on implementing, so almost all of the timeline code will need to be re-written to make this possible.",mn,"done"),te("Mar 18 2022","Detailed documentation","Individual entries in a project's timeline provide a brief overview of that feature/goal, but lots of details aren't included since there's only so much you can fit in a paragraph. To give more detailed explanations I want each project page to include a series of sections explaining particular entries in more detail.",wn,"done")],Z,"done")],Z,"done"),Tn=new ce(Date.parse("Apr 10 2022"),Date.parse("Apr 10 2022"),"Make a chess Site","I've created chess twice, but never for the web. The plan is to create a simple two-player chess game and have it hosted on a website. This chess game needs to meet the following criteria: include all official chess rules, be built with either React or Svelte, and look good.",[new ce(Date.parse("Mar 18 2022"),Date.parse("Apr 20 2022"),"Basic Game","",[te("Mar 21 2022","Project and hosting setup","The first step in starting this project is deciding how I want to structure it. I (currently) plan on using Svelte for my UI framework and Vercel for hosting.",Z,"done"),te("Mar 26 2022","Board and pieces","Once the page is hosted the next step is to initialize a chess board with the correct pieces. This will require picking a color scheme and images for the chess pieces.",Z,"done"),te("Mar 31 2022","Basic piece moving","This will be the first piece of logic that needs to be implemented. Every piece moves in a unique way, so a way of generating moves based on the board state and piece type needs to be created.",Z,"done"),te("Apr 5 2022","Complex piece moving","During this section of the project I will add more complex movements to certain pieces. This includes castling and en passant.",Z,"done"),te("Apr 10 2022","Game rules","Once the pieces can move the rules of the game need to be added. Chess has quite a few rules but some which will be difficult to implement are: pawn promotion, checkmating, not moving into check, and all of chess' draw conditions.",Z,"done"),te("Apr 15 2022","Players and turns","The last thing which will need to be created for a functional game of chess is turn management and displaying the winner.",Z,"done")],Z,"done"),new ce(
176Date.parse("Apr 20 2022"),Date.parse("May 3 2022"),"Creating Computer Opponents","",[te("Apr 22 2022","Allow for computer opponents","At this point in the chess project the code doesn't support non-human opponents. Some code refactoring will need to be done to allow for the computer to handle its own turns.",Z,"done"),te("Apr 25 2022","Implement Minimax opponent","The plan isn't to create an insane computer opponent, just a Minimax based opponent. An explanation of the Minimax Algorithm can be found with a quick Google search.",Z,"done"),te("May 1 2022","Optimization","To make the Minimax opponent more effective I'll need to optimize the program so that moves can be simulated more efficiently.",Z,"done")],Z,"done"),new ce(Date.parse("May 3 2022"),Date.parse("June 1 2022"),"Polishing and Extra Features","",[te("May 7 2022","Draggable pieces","Players should have the ability to drag pieces to move them.",Z,"done"),te("May 12 2022","Animated piece movement","The movement of pieces being animated rather than jumping from spot to spot. This is a QoL feature which would make the game more visually appealing.",Z,"done"),te("May 16 2022","Move side bar","Throughout games it would be nice to be able to see a simple list of all the moves which have occured. The plan is to display this to the right of the chess board.",Z,"done"),te("May 20 2022","Board editor","Currently, making visual graphics of chess boards is quite tedious, especially when you want a board of a size other than 8x8. I want to give users a tool to easily design a chessboard of various sizes.",Z,"done"),te("May 27 2022","Done","At this point the basic chess game (and a little more) I envisioned has been created. I want to continue to add features to it but I feel that at this point I have a nice looking and functional chess game.",Z,"done")],Z,"done")],Z,"done",In),Oe=new ce(Date.parse("Jun 1 2022"),Date.parse("Jun 1 2022"),"Get ready for next year","Decide what my future goals are for my grade 12 year and document them in a timeline similar to this one.");Oe.progress="done";const $n=new ce(Date.parse("Feb 1 2022"),Date.parse("Jun 23 2022"),"Grade 11","",[kn,Tn,Oe]),Sn=new ce(Date.parse("Sep 30 2022"),Date.parse("Sep 30 2022"),"This year's expectations","This year my primary focus is going to be on school work, and with three tough academics in my first semester that means good time management. As a result I won't be able to dedicate as much time to my capstone as I did in grade 11. That being said, I still want to continue to work on my capstone this year, just at a slower pace than previously."),Je=new ce(Date.parse("Jan 10 2023"),Date.parse("Jan 10 2023"),"Create a Notetaking App","Every day in class I use my ASUS Zenbook Pro Flip OLED 15 UP6502ZA to take notes with a Renaisser 520C stylus. This school year I've tried out a bunch of notetaking applications, but none have been to my liking. This will be my biggest project, but I would like to create an application to take handwritten notes for my last semester of high school and for university.",[]);Je.progress="done";const Ye=new ce(Date.parse("May 1 2023"),Date.parse("May 1 2023"),"Hackathon","I teamed up with two fellow programmers Alex Skvortsov and Isaac Nelson in the Royal Bay Hackathon. We created an application to redistrubte would-be wasted food to those in need. I designed and created both the homepage and the donation page, populated the markers on the map, created the navigational system, and generated our icons. During the brainstorming portion of the project I came up with the originating idea of creating an app to redistribute food.",[]);Ye.progress="done";const Dn=new ce(Date.parse("Sep 6 2022"),Date.parse("Jun 23 2023"),"Grade 12","",[Sn,Je,Ye]),An=new ce(Date.parse("Feb 1 2022"),Date.parse("Jun 23 2023"),"Capstone Timeline","My Capstone Timeline",[$n,Dn]);export{jt as P,qn as T,$n as a,Dn as g,xn as q,An as t};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.