1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <meta charset="utf-8" /> 5 <meta name="description" content="" /> 6 <link rel="icon" href="./favicon.png" /> 7 <!-- <link rel='stylesheet' href='./global.css'> --> 8 <meta name="viewport" content="width=device-width, initial-scale=1" /> 9 <title>Capstone | Zev Godfrey</title><link rel="stylesheet" href="/cool-breeze.css" data-svelte="svelte-iaqo06"><link rel="stylesheet" href="/global.css" data-svelte="svelte-iaqo06"> 10 <link rel="stylesheet" href="/_app/assets/vendor-adbd902a.css"> 11 <link rel="stylesheet" href="/_app/assets/pages/__layout.svelte-db2bdf6a.css"> 12 <link rel="stylesheet" href="/_app/assets/pages/capstone/index.svelte-9784752c.css"> 13 <link rel="stylesheet" href="/_app/assets/data-f1a9159a.css"> 14 <link rel="stylesheet" href="/_app/assets/SeeMore-670c0e6d.css"> 15 <link rel="stylesheet" href="/_app/assets/BigQuestion-7e472182.css"> 16 <link rel="stylesheet" href="/_app/assets/Section-ddd74b4d.css"> 17 <link rel="stylesheet" href="/_app/assets/CapstoneQuestion-782d0953.css"> 18 <link rel="stylesheet" href="/_app/assets/Timelines-81f77c8e.css"> 19 <link rel="modulepreload" href="/_app/start-2dc3ad12.js"> 20 <link rel="modulepreload" href="/_app/chunks/vendor-e2f71783.js"> 21 <link rel="modulepreload" href="/_app/chunks/singletons-d1fb5791.js"> 22 <link rel="modulepreload" href="/_app/pages/__layout.svelte-1069a0ed.js"> 23 <link rel="modulepreload" href="/_app/pages/capstone/index.svelte-b863796d.js"> 24 <link rel="modulepreload" href="/_app/chunks/data-7c82c6ca.js"> 25 <link rel="modulepreload" href="/_app/chunks/SeeMore-d7fe5648.js"> 26 <link rel="modulepreload" href="/_app/chunks/BigQuestion-63d7479b.js"> 27 <link rel="modulepreload" href="/_app/chunks/Section-5f54874e.js"> 28 <link rel="modulepreload" href="/_app/chunks/CapstoneQuestion-747e6fdd.js"> 29 <link rel="modulepreload" href="/_app/chunks/Timelines-6a561bdc.js"> 30 </head> 31 <body> 32 <div> 33 34 35 36 37<div id="layout" class="svelte-g66k3a"><button class="svelte-7fxhwk"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svelte-c8tyih"><path d="M416 128V32c0-17.67-14.33-32-32-32H32C14.33 0 0 14.33 0 32v96c0 17.67 14.33 32 32 32h352c17.67 0 32-14.33 32-32zm32-64v128c0 17.67-14.33 32-32 32H256c-35.35 0-64 28.65-64 64v32c-17.67 0-32 14.33-32 32v128c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32V352c0-17.67-14.33-32-32-32v-32h160c53.02 0 96-42.98 96-96v-64c0-35.35-28.65-64-64-64z"></path></svg> 38</button> 39 40 41<main class="svelte-32iu8x"><div id="top" class="svelte-32iu8x"><div id="heading" class="svelte-32iu8x"><h1 class="page-title">My Capstone</h1> 42 <h2 class="subtitle">Zev Godfrey</h2></div> 43 <div class="timeline-selector svelte-32iu8x"><div class="timelines"><div class="tl-selectors svelte-13rhv8"><button class="tl-selector simple svelte-13rhv8" tabindex="0">Grade 11 44 45 </button><button class="tl-selector simple selected svelte-13rhv8" tabindex="0">Grade 12 46 47 </button></div> 48</div></div> 49 <div class="timeline-wrapper svelte-qfhlc6"><div style="position: absolute; visibility: hidden;"><div class="date-marker svelte-qfhlc6" style="top: 600px;"><div class="date-view svelte-1j9kz8x">Oct 2 50</div></div></div> 51 <div class="timeline svelte-qfhlc6" style="--size: 600px;"><svg class="timeline-svg svelte-qfhlc6"><defs><linearGradient id="filled-gradient" gradientTransform="rotate(90)"><stop offset="5%" stop-color="var(--main-accent)"></stop><stop offset="95%" stop-color="var(--alt-accent)"></stop></linearGradient></defs><rect class="total svelte-qfhlc6" x="27.5" y="15" width="25" height="570"></rect><rect rx="2" class="start svelte-qfhlc6" width="80" height="15"></rect><rect class="filled svelte-qfhlc6" x="27.5" y="10" width="25" style="--filled: 600px;"></rect><rect rx="2" class="end svelte-qfhlc6" width="80" height="15" y="585"></rect><rect rx="2" class="end-filled svelte-qfhlc6" width="80" y="585" style="opacity: 1;"></rect></svg> 52 <div class="main-dates svelte-qfhlc6"><div class="start-date"><div class="date-view svelte-1j9kz8x">Sep 6 2022 53</div></div> 54 <div class="end-date"><div class="date-view svelte-1j9kz8x">June 23 2023 55</div></div></div> 56 <div class="points svelte-qfhlc6"><div class="point svelte-qfhlc6" style="top: 34px;"><div class="at timeline-point-top svelte-mtu5lh" style="--delay: 0.16551724137931034s;"><div class="date svelte-mtu5lh"><div class="date-view svelte-1j9kz8x">Sep 30 57</div></div> 58 <div class="timeline-point svelte-mtu5lh"><svg class="svelte-mtu5lh"><path d="M 0 0 l 150 0" class="svelte-mtu5lh"></path></svg> 59 <div class="svelte-mtu5lh"><button tabindex="0" class="preview simple svelte-mtu5lh">This year's expectations 60 </button></div></div> 61</div> 62 </div><div class="point svelte-qfhlc6" style="top: 245px;"><div class="at timeline-point-top svelte-mtu5lh" style="--delay: 0.8689655172413793s;"><div class="date svelte-mtu5lh"><div class="date-view svelte-1j9kz8x">Jan 10 63</div></div> 64 <div class="timeline-point svelte-mtu5lh"><svg class="svelte-mtu5lh"><path d="M 0 0 l 150 0" class="svelte-mtu5lh"></path></svg> 65 <div class="svelte-mtu5lh"><button tabindex="0" class="preview simple svelte-mtu5lh">Create a Notetaking App
66 <span class="done icon svelte-1kafm58" title="Completed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svelte-c8tyih"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg></span></button></div></div> 67</div> 68 </div><div class="point svelte-qfhlc6" style="top: 474px;"><div class="at timeline-point-top svelte-mtu5lh" style="--delay: 1.6344827586206896s;"><div class="date svelte-mtu5lh"><div class="date-view svelte-1j9kz8x">May 1 69</div></div> 70 <div class="timeline-point svelte-mtu5lh"><svg class="svelte-mtu5lh"><path d="M 0 0 l 150 0" class="svelte-mtu5lh"></path></svg> 71 <div class="svelte-mtu5lh"><button tabindex="0" class="preview simple svelte-mtu5lh">Hackathon 72 <span class="done icon svelte-1kafm58" title="Completed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svelte-c8tyih"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg></span></button></div></div> 73</div> 74 </div></div> 75 </div> 76</div> 77 <div class="big-question svelte-1btfjnz"><h1 class="svelte-1btfjnz">Capstone Question</h1> 78 <p class="svelte-r0kdqs">How do I build <span class="highlighted svelte-r0kdqs">good looking</span> websites and applications using <span class="highlighted svelte-r0kdqs">modern technologies</span>? 79</p> 80</div> 81 <div class="see-more svelte-1rrw4"><a href="/capstone/proposal" tabindex="0" class="svelte-1rrw4"><div class="link-container svelte-1rrw4"><div class="inner svelte-1rrw4">Read more... ></div></div></a> 82</div> 83 <hr class="svelte-32iu8x"> 84 <div class="big-question svelte-1btfjnz"><h1 class="svelte-1btfjnz">My Projects</h1> 85 <div class="projects-preview svelte-no0vpo"><img src="/projects-preview.png" alt="Projects Preview" class="svelte-no0vpo"> 86 <div class="see-more svelte-1rrw4"><a href="/projects" tabindex="0" class="svelte-1rrw4"><div class="link-container svelte-1rrw4"><div class="inner svelte-1rrw4">Check Them Out</div></div></a> 87</div> 88</div> 89</div> 90 <hr class="svelte-32iu8x"> 91 <div class="big-question svelte-1btfjnz"><h1 class="svelte-1btfjnz">About Me</h1> 92 <p class="about-me svelte-32iu8x">I'm a 20 year old developer from Victoria BC studying Computer Science at UofT. I've been programming primarily in Java since early 2020 but I also have projects in a variety of languages and frameworks. Lately I've been creating a handwritten note taking application which I use everyday to take notes at school.</p> 93 <br> 94 95</div> 96 <div class="sections svelte-32iu8x"><div class="setion"><button class="header simple svelte-xbaqbt"><h1 slot="header" class="svelte-32iu8x">How was this website made?</h1> 97 <div class="mid-icon svelte-xbaqbt"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svelte-c8tyih"><path d="M294.1 256L167 129c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.3 34 0L345 239c9.1 9.1 9.3 23.7.7 33.1L201.1 417c-4.7 4.7-10.9 7-17 7s-12.3-2.3-17-7c-9.4-9.4-9.4-24.6 0-33.9l127-127.1z"></path></svg></div></button> 98 99</div><div class="setion"><button class="header simple svelte-xbaqbt"><h1 slot="header" class="svelte-32iu8x">Where is this site's code?</h1> 100 <div class="mid-icon svelte-xbaqbt"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svelte-c8tyih"><path d="M294.1 256L167 129c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.3 34 0L345 239c9.1 9.1 9.3 23.7.7 33.1L201.1 417c-4.7 4.7-10.9 7-17 7s-12.3-2.3-17-7c-9.4-9.4-9.4-24.6 0-33.9l127-127.1z"></path></svg></div></button> 101 102</div><div class="setion"><button class="header simple svelte-xbaqbt"><h1 slot="header" class="svelte-32iu8x">How is this site hosted?</h1> 103 <div class="mid-icon svelte-xbaqbt"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svelte-c8tyih"><path d="M294.1 256L167 129c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.3 34 0L345 239c9.1 9.1 9.3 23.7.7 33.1L201.1 417c-4.7 4.7-10.9 7-17 7s-12.3-2.3-17-7c-9.4-9.4-9.4-24.6 0-33.9l127-127.1z"></path></svg></div></button> 104 105</div></div></div> 106 107</main> 108 <footer><div id="footer" class="svelte-voe77"><p class="svelte-voe77">Fri Oct 02 2026</p>
109 <span class="divide svelte-voe77">/</span> 110 <p class="svelte-voe77">Zev Godfrey</p> 111 <span class="divide svelte-voe77">/</span> 112 <a href="https://www.github.com/Zev-G" class="svelte-voe77">Github</a> 113 <span class="divide svelte-voe77">/</span> 114 <a href="/capstone" class="svelte-voe77">Capstone Homepage</a> 115 <span class="divide svelte-voe77">/</span> 116 <a href="/projects" class="svelte-voe77">Projects</a> 117 <span class="divide svelte-voe77">/</span> 118 <a href="/capstone/timeline/11-0" class="svelte-voe77">Timeline</a></div></footer></div> 119 120 121
121<script type="module" data-hydrate="uqvwwv"> 122 import { start } from "/_app/start-2dc3ad12.js"; 123 start({ 124 target: document.querySelector('[data-hydrate="uqvwwv"]').parentNode, 125 paths: {"base":"","assets":""}, 126 session: {}, 127 route: true, 128 spa: false, 129 trailing_slash: "never", 130 hydrate: { 131 status: 200, 132 error: null, 133 nodes: [ 134 import("/_app/pages/__layout.svelte-1069a0ed.js"), 135 import("/_app/pages/capstone/index.svelte-b863796d.js") 136 ], 137 params: {}, 138 routeId: "capstone" 139 } 140 }); 141 </script>
141</div> 142 </body> 143</html>
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.