-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
81 lines (74 loc) · 35.5 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<!DOCTYPE html><html><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><link rel="preload" href="/component---src-layouts-index-js-9b379ac3a99b5b93249d.js" as="script"/><link rel="preload" href="/component---src-pages-index-js-f9b0b4e2e0029b5b13b2.js" as="script"/><link rel="preload" href="/path---index-a4f263d1351905597471.js" as="script"/><link rel="preload" href="/app-4665a6d5cda545e52ef5.js" as="script"/><link rel="preload" href="/commons-d3e8e0337cdee5d4f212.js" as="script"/><style data-styled-components="iDXOlS eCmRrL dyiPMk gSYCRk cMyjYy dgeIxr eIjZRV dZADmj eWZRpr hzsDGm eGrrvr fKmRFu">
/* sc-component-id: sc-bdVaJa */
.iDXOlS{max-width:960px;margin:0 auto;}
/* sc-component-id: sc-bwzfXH */
.eCmRrL{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:480px;background-color:#66cbff;margin:1em 0;position:relative;} @media (max-width:992px){.eCmRrL{margin-top:0;}}
/* sc-component-id: sc-htpNat */
.dyiPMk{background-color:#ffffff;padding:2em;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;text-align:center;margin:auto;} @media (max-width:992px){.dyiPMk{padding:1.5em;}}
/* sc-component-id: sc-bxivhb */
.gSYCRk{position:absolute;bottom:0;right:0;margin:0.5em;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;}
/* sc-component-id: sc-ifAKCX */
.cMyjYy{display:inline-block;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-top:0.5em;padding:0.25em 0.5em;background-color:#ffffff;} .cMyjYy > span{margin-left:0.75em;}
/* sc-component-id: sc-EHOje */
.dZADmj{-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;} @media (max-width:640px){.dZADmj{-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;}}
/* sc-component-id: sc-bZQynM */
.eWZRpr{margin:2em;margin-bottom:1em;} @media (max-width:960px){.eWZRpr{margin:1em;}}
/* sc-component-id: sc-gzVnrw */
.hzsDGm{margin-bottom:1em;}
/* sc-component-id: sc-htoDjs */
.eGrrvr{display:inline-block;padding:2px 8px;background-color:#ddd;border-radius:4px;} .eGrrvr:not(:first-child){margin-left:8px;}
/* sc-component-id: sc-dnqmqq */
.eIjZRV{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-1em;}
/* sc-component-id: sc-iwsKbI */
.dgeIxr{padding:1em;margin-bottom:2em;}
/* sc-component-id: sc-gZMcBi */
.fKmRFu{background-color:#ffcccc;margin:1em 0;padding:1em;}</style><link rel="preconnect dns-prefetch" href="https://www.google-analytics.com"/><title data-react-helmet="true">Justus Tumacder</title><meta data-react-helmet="true" name="description" content="Sample"/><meta data-react-helmet="true" name="keywords" content="sample, something"/><style id="typography.js">html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,optgroup,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}html{font:100%/1.45 'Rubik',sans-serif;box-sizing:border-box;overflow-y:scroll;}*{box-sizing:inherit;}*:before{box-sizing:inherit;}*:after{box-sizing:inherit;}body{color:hsla(0,0%,0%,0.8);font-family:'Rubik',sans-serif;font-weight:normal;word-wrap:break-word;font-kerning:normal;-moz-font-feature-settings:"kern", "liga", "clig", "calt";-ms-font-feature-settings:"kern", "liga", "clig", "calt";-webkit-font-feature-settings:"kern", "liga", "clig", "calt";font-feature-settings:"kern", "liga", "clig", "calt";}img{max-width:100%;margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.45rem;}h1{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.45rem;color:inherit;font-family:'Poppins',sans-serif;font-weight:bold;text-rendering:optimizeLegibility;font-size:3rem;line-height:1.1;}h2{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.45rem;color:inherit;font-family:'Poppins',sans-serif;font-weight:bold;text-rendering:optimizeLegibility;font-size:1.93318rem;line-height:1.1;}h3{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.45rem;color:inherit;font-family:'Poppins',sans-serif;font-weight:bold;text-rendering:optimizeLegibility;font-size:1.55185rem;line-height:1.1;}h4{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.45rem;color:inherit;font-family:'Poppins',sans-serif;font-weight:bold;text-rendering:optimizeLegibility;font-size:1rem;line-height:1.1;}h5{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.45rem;color:inherit;font-family:'Poppins',sans-serif;font-weight:bold;text-rendering:optimizeLegibility;font-size:0.80274rem;line-height:1.1;}h6{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.45rem;color:inherit;font-family:'Poppins',sans-serif;font-weight:bold;text-rendering:optimizeLegibility;font-size:0.71922rem;line-height:1.1;}hgroup{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.45rem;}ul{margin-left:1.45rem;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.45rem;list-style-position:outside;list-style-image:none;}ol{margin-left:1.45rem;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.45rem;list-style-position:outside;list-style-image:none;}dl{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.45rem;}dd{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.45rem;}p{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.45rem;}figure{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.45rem;}pre{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.45rem;font-size:0.85rem;line-height:1.45rem;}table{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.45rem;font-size:1rem;line-height:1.45rem;border-collapse:collapse;width:100%;}fieldset{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.45rem;}blockquote{margin-left:1.45rem;margin-right:1.45rem;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.45rem;}form{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.45rem;}noscript{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.45rem;}iframe{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.45rem;}hr{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:calc(1.45rem - 1px);background:hsla(0,0%,0%,0.2);border:none;height:1px;}address{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.45rem;}b{font-weight:bold;}strong{font-weight:bold;}dt{font-weight:bold;}th{font-weight:bold;}li{margin-bottom:calc(1.45rem / 2);}ol li{padding-left:0;}ul li{padding-left:0;}li > ol{margin-left:1.45rem;margin-bottom:calc(1.45rem / 2);margin-top:calc(1.45rem / 2);}li > ul{margin-left:1.45rem;margin-bottom:calc(1.45rem / 2);margin-top:calc(1.45rem / 2);}blockquote *:last-child{margin-bottom:0;}li *:last-child{margin-bottom:0;}p *:last-child{margin-bottom:0;}li > p{margin-bottom:calc(1.45rem / 2);}code{font-size:0.85rem;line-height:1.45rem;}kbd{font-size:0.85rem;line-height:1.45rem;}samp{font-size:0.85rem;line-height:1.45rem;}abbr{border-bottom:1px dotted hsla(0,0%,0%,0.5);cursor:help;}acronym{border-bottom:1px dotted hsla(0,0%,0%,0.5);cursor:help;}abbr[title]{border-bottom:1px dotted hsla(0,0%,0%,0.5);cursor:help;text-decoration:none;}thead{text-align:left;}td,th{text-align:left;border-bottom:1px solid hsla(0,0%,0%,0.12);font-feature-settings:"tnum";-moz-font-feature-settings:"tnum";-ms-font-feature-settings:"tnum";-webkit-font-feature-settings:"tnum";padding-left:0.96667rem;padding-right:0.96667rem;padding-top:0.725rem;padding-bottom:calc(0.725rem - 1px);}th:first-child,td:first-child{padding-left:0;}th:last-child,td:last-child{padding-right:0;}</style><link href="//fonts.googleapis.com/css?family=Poppins:700|Rubik:400,700" rel="stylesheet" type="text/css"/><style id="gatsby-inlined-css">a{color:#0094ff}a:hover,a:visited:hover{color:#ff0094}a:visited{color:#7f00ff}</style></head><body><div id="___gatsby"><div data-reactroot="" data-reactid="1" data-react-checksum="-2128439074"><!-- react-empty: 2 --><div class="sc-bdVaJa iDXOlS" data-reactid="3"><div data-reactid="4"><div class="sc-bwzfXH eCmRrL" data-reactid="5"><div class="sc-htpNat dyiPMk" data-reactid="6"><h1 data-reactid="7">Justus Tumacder</h1><h3 data-reactid="8">Web Developer</h3></div><div class="sc-bxivhb gSYCRk" data-reactid="9"><span class="sc-ifAKCX cMyjYy" data-reactid="10"><b data-reactid="11">Email:</b><span data-reactid="12"><a href="mailto:[email protected]" data-reactid="13">[email protected]</a></span></span><span class="sc-ifAKCX cMyjYy" data-reactid="14"><b data-reactid="15">Github:</b><span data-reactid="16"><a href="https://github.com/JustusFT" rel="noopener noreferrer" target="_blank" data-reactid="17">JustusFT</a></span></span><span class="sc-ifAKCX cMyjYy" data-reactid="18"><b data-reactid="19">Location:</b><span data-reactid="20">Philippines</span></span></div></div><div class="sc-iwsKbI dgeIxr" data-reactid="21"><h2 data-reactid="22">Web projects</h2><div class="sc-dnqmqq eIjZRV" data-reactid="23"><span class="sc-EHOje dZADmj" data-reactid="24"><div class="sc-bZQynM eWZRpr" data-reactid="25"><div class="sc-gzVnrw hzsDGm" data-reactid="26"><div class=" gatsby-image-outer-wrapper" style="position:relative;" data-reactid="27"><div class=" gatsby-image-wrapper" style="position:relative;overflow:hidden;" data-reactid="28"><div style="width:100%;padding-bottom:56.25%;" data-reactid="29"></div><img alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAAAsSAAALEgHS3X78AAABk0lEQVQoz4WSyU7DQAyG8/Tc4MC+CIEQIPEGIIHYBQjBge3ACSG6iLZJmmYyk8zYP55OC63YRrL+8dj+7FiJrNFwYkSEQmtobdBNUzSbDcRxjEajiXa7hZ6qkPYcnPvZrFhVVYjSbheq0GBmsEA9WOkSSZoJXMNa2zddMpTBvyfKVIlWolCY0MFDCik2FUlYmvAwlQf+3xb1CotOVkp3QlmKKiWBMKlP8MTKMe5r0sQGKA2KR+9EA2CSGdRbObqyIw/M87wPBGQvFIoe6oyJXcbtK39O6gGOvvyhRYWpkOUGpnShkyxXlxa1hD4n2LpmzBwx1i4YuWFkmrFzw9iW99f46wteOgL8vlYWoMO6FB8/M/aeGLMCWzoVPQ6QjSvG9GF4n5e31XPG1AHj7k2A40sNQN9x45IwuR8KF06k8CSoh8wJZHHgD2M+77E+MuEY0BI2r6g/1coZYfnMTxh0+XTEl7i/+xzf5KFG34FerXVIcotYEdqZRdLXSpTxnhrEuUNHfnKv4R5ylbbjwFH9/fwd/wCxDkYghE3YKgAAAABJRU5ErkJggg==" style="position:absolute;top:0;left:0;transition:opacity 0.5s;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transition-delay:0.25s;" data-reactid="30"/><noscript data-reactid="31"><img src="/static/not_bilty_dashboard-14becee1f5978fa57b92030479eb9db5-b521a.png" srcset="/static/not_bilty_dashboard-14becee1f5978fa57b92030479eb9db5-86d5c.png 160w,
/static/not_bilty_dashboard-14becee1f5978fa57b92030479eb9db5-c8f2a.png 320w,
/static/not_bilty_dashboard-14becee1f5978fa57b92030479eb9db5-b521a.png 640w,
/static/not_bilty_dashboard-14becee1f5978fa57b92030479eb9db5-b60ca.png 960w,
/static/not_bilty_dashboard-14becee1f5978fa57b92030479eb9db5-9f8be.png 1280w" alt="" sizes="(max-width: 640px) 100vw, 640px" style="position:absolute;top:0;left:0;transition:opacity 0.5s;transition-delay:0.5s;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center"/></noscript></div></div></div><h3 data-reactid="32">Not Bitly</h3><p data-reactid="33"><p>A URL shortener webapp. Features ability to keep track of your shortened link's data such as total visits and visits per day.</p>
</p><div data-reactid="34"><div data-reactid="35"><span class="sc-htoDjs eGrrvr" data-reactid="36">Node.js</span><span class="sc-htoDjs eGrrvr" data-reactid="37">Express</span><span class="sc-htoDjs eGrrvr" data-reactid="38">React</span><span class="sc-htoDjs eGrrvr" data-reactid="39">PostgreSQL</span><span class="sc-htoDjs eGrrvr" data-reactid="40">Chart.js</span></div><br data-reactid="41"/></div><div data-reactid="42"><a href="https://not-bitly.herokuapp.com/" target="_blank" rel="noopener noreferrer" data-reactid="43">View project</a></div><div data-reactid="44"><a href="https://github.com/JustusFT/not-bitly" target="_blank" rel="noopener noreferrer" data-reactid="45">View source code</a></div></div></span><span class="sc-EHOje dZADmj" data-reactid="46"><div class="sc-bZQynM eWZRpr" data-reactid="47"><div class="sc-gzVnrw hzsDGm" data-reactid="48"><div class=" gatsby-image-outer-wrapper" style="position:relative;" data-reactid="49"><div class=" gatsby-image-wrapper" style="position:relative;overflow:hidden;" data-reactid="50"><div style="width:100%;padding-bottom:56.25%;" data-reactid="51"></div><img alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAAAsSAAALEgHS3X78AAABZElEQVQoz42STcuCUBCF++du2kVrCaLaRFRgGNRGKjIkIyzRKKJdaPQFJVFgZSdm4IJvFK8DF6/jeO5z5k7q9XqBIgxDBEGAKIpwPB6xWq2w2+2g6zoOhwO22y3m8zm63S5M04QI8b+I1LckRS6XQzabZaFMJgNZllGtVlmw0WjAdV2uI4A/gkKMnuIjkSqKgmazicFgwAK0b7VaqNfrqNVqfNBPwk/88/nMNCQ0Ho/heR7W6zWWyyXy+TxKpRKez+f/goJwNpsxSb/fZ6rNZsP9pAMWiwU0TcNkMvlu+RshXUqlUmHK6XQK3/dxu93gOA6LUn6/3ye3TDS9Xg+j0QiqqnIfh8MhDMNAoVBAuVzG/X5PJigKisUi0uk0i0uSxDdNZDQ6lmXBtu3klmnuiIx6RavT6aDdbvOebptsn06n5JaFHQoaj+v1ygKXy4UXvf+a39RnIj6XYv94PHjF7cXr4vEGDhAt0MtoQCoAAAAASUVORK5CYII=" style="position:absolute;top:0;left:0;transition:opacity 0.5s;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transition-delay:0.25s;" data-reactid="52"/><noscript data-reactid="53"><img src="/static/ultimate_tic_tac_toe_web-9b375982ecde43a304b17ce47b3f02de-b521a.png" srcset="/static/ultimate_tic_tac_toe_web-9b375982ecde43a304b17ce47b3f02de-86d5c.png 160w,
/static/ultimate_tic_tac_toe_web-9b375982ecde43a304b17ce47b3f02de-c8f2a.png 320w,
/static/ultimate_tic_tac_toe_web-9b375982ecde43a304b17ce47b3f02de-b521a.png 640w,
/static/ultimate_tic_tac_toe_web-9b375982ecde43a304b17ce47b3f02de-b60ca.png 960w,
/static/ultimate_tic_tac_toe_web-9b375982ecde43a304b17ce47b3f02de-9f8be.png 1280w" alt="" sizes="(max-width: 640px) 100vw, 640px" style="position:absolute;top:0;left:0;transition:opacity 0.5s;transition-delay:0.5s;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center"/></noscript></div></div></div><h3 data-reactid="54">Ultimate Tic Tac Toe</h3><p data-reactid="55"><p>It looks like traditional tic-tac-toe, but it has much more depth with its strategic elements. You can play against the AI or locally with someone else. The AI uses <a href="https://en.wikipedia.org/wiki/Monte_Carlo_tree_search">Monte Carlo tree search</a>.</p>
</p><div data-reactid="56"><div data-reactid="57"><span class="sc-htoDjs eGrrvr" data-reactid="58">Rust</span><span class="sc-htoDjs eGrrvr" data-reactid="59">WebAssembly</span><span class="sc-htoDjs eGrrvr" data-reactid="60">React</span></div><br data-reactid="61"/></div><div data-reactid="62"><a href="https://justusft.github.io/ultimate_tic_tac_toe" target="_blank" rel="noopener noreferrer" data-reactid="63">View project</a></div><div data-reactid="64"><a href="https://github.com/JustusFT/ultimate_tic_tac_toe" target="_blank" rel="noopener noreferrer" data-reactid="65">View source code</a></div></div></span><span class="sc-EHOje dZADmj" data-reactid="66"><div class="sc-bZQynM eWZRpr" data-reactid="67"><div class="sc-gzVnrw hzsDGm" data-reactid="68"><div class=" gatsby-image-outer-wrapper" style="position:relative;" data-reactid="69"><div class=" gatsby-image-wrapper" style="position:relative;overflow:hidden;" data-reactid="70"><div style="width:100%;padding-bottom:56.25%;" data-reactid="71"></div><img alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAAAsSAAALEgHS3X78AAAA7UlEQVQoz5WS63KEIAyFff+31P6xbtspCgpRPM3JyvYyK7tlJpOI8HFyaUQEbhyxxIh1Xc3P84xt2+w753xq/B/CDFEvej4pqyEwKsR7fwUuC5xzmKbJ4n3fT42P8r6khKRGb0AqIoDAUdV2XYfLMIDrEbCA0mGNbfAVNQMq+HW43C7V1g143JeScqEzXqLgMySrBx8g9F79fin8CyxQAryf8PH+hqyHaylXFf4EOjei7V6sltsB/XfKBizdElWZMmL6TvlhU84U0ocQ0Pe9xU93uZ6yQ9u2Npfcr6X9lEIOOUeHQMI53PeUngG/AAXoYInSsXSKAAAAAElFTkSuQmCC" style="position:absolute;top:0;left:0;transition:opacity 0.5s;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transition-delay:0.25s;" data-reactid="72"/><noscript data-reactid="73"><img src="/static/not_quora-84c15c3cf58a3c1b1e6e11076f35f558-b521a.png" srcset="/static/not_quora-84c15c3cf58a3c1b1e6e11076f35f558-86d5c.png 160w,
/static/not_quora-84c15c3cf58a3c1b1e6e11076f35f558-c8f2a.png 320w,
/static/not_quora-84c15c3cf58a3c1b1e6e11076f35f558-b521a.png 640w,
/static/not_quora-84c15c3cf58a3c1b1e6e11076f35f558-b60ca.png 960w,
/static/not_quora-84c15c3cf58a3c1b1e6e11076f35f558-9f8be.png 1280w" alt="" sizes="(max-width: 640px) 100vw, 640px" style="position:absolute;top:0;left:0;transition:opacity 0.5s;transition-delay:0.5s;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center"/></noscript></div></div></div><h3 data-reactid="74">Not Quora</h3><p data-reactid="75"><p>A simple Q&A website based off of Quora.</p>
</p><div data-reactid="76"><div data-reactid="77"><span class="sc-htoDjs eGrrvr" data-reactid="78">Ruby on Rails</span><span class="sc-htoDjs eGrrvr" data-reactid="79">jQuery</span><span class="sc-htoDjs eGrrvr" data-reactid="80">Bootstrap</span><span class="sc-htoDjs eGrrvr" data-reactid="81">Sass</span></div><br data-reactid="82"/></div><div data-reactid="83"><a href="https://whispering-plains-50835.herokuapp.com" target="_blank" rel="noopener noreferrer" data-reactid="84">View project</a></div><div data-reactid="85"><a href="https://github.com/JustusFT/quora-clone-rails" target="_blank" rel="noopener noreferrer" data-reactid="86">View source code</a></div></div></span><span class="sc-EHOje dZADmj" data-reactid="87"><div class="sc-bZQynM eWZRpr" data-reactid="88"><div class="sc-gzVnrw hzsDGm" data-reactid="89"><div class=" gatsby-image-outer-wrapper" style="position:relative;" data-reactid="90"><div class=" gatsby-image-wrapper" style="position:relative;overflow:hidden;" data-reactid="91"><div style="width:100%;padding-bottom:56.25%;" data-reactid="92"></div><img alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAAAsSAAALEgHS3X78AAABmUlEQVQoz12TDY7sIAyDe/9DTiH89wgt4Gens/uk1YrO5otxWmGOWAwpF5TEZYn/RwQuSxkpJGQzWA6I2RAtI0cx9lkHLhMLhsw9kesoo6D2gVY7Rqnoo6JwNbFC1hqaNKOhtoEuXWXfdeyJlYbRVRcc937wrI31LOxnYrEWm2TzJpsTc9949sQzNzVi7LuOPbF7Ynt946Adm8DSg4a0EaEx2aPHwnoJh4BmZDRcrltq+xBoIP/8Defev4Yu3F/DW5vnO2LT9q8h2Zpk+hIZ7h9D/+T/hu8QGa7XcH8Ntfl5Dafr9Ml/DGXBbfCHXss/mgKxqXL/Em9Lt1WJbrXh0/1VJo6qEx06vYGrNvSr+Ym2cfH0yHTKlzSdabh4wmKsXdfRG5nSoBTQ6/jYiTMyYyczdTJvFiAWxD7MWwgI9sFJfgZpxNh3HXtin8A80ofrsMpgl4LMYFcGO9cEK/xlJrORJTFpGPRc/QLUZF8dQ53IYkbhHnkduinGm5KZ+KJbwPrn9iQJaZhK9CGWvjrTAOnYE+O+optE3T8BFESvb8fQrgAAAABJRU5ErkJggg==" style="position:absolute;top:0;left:0;transition:opacity 0.5s;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transition-delay:0.25s;" data-reactid="93"/><noscript data-reactid="94"><img src="/static/react_theremin-9e893f22a68e16ed76eac7909c8b24e1-b521a.png" srcset="/static/react_theremin-9e893f22a68e16ed76eac7909c8b24e1-86d5c.png 160w,
/static/react_theremin-9e893f22a68e16ed76eac7909c8b24e1-c8f2a.png 320w,
/static/react_theremin-9e893f22a68e16ed76eac7909c8b24e1-b521a.png 640w,
/static/react_theremin-9e893f22a68e16ed76eac7909c8b24e1-b60ca.png 960w,
/static/react_theremin-9e893f22a68e16ed76eac7909c8b24e1-9f8be.png 1280w" alt="" sizes="(max-width: 640px) 100vw, 640px" style="position:absolute;top:0;left:0;transition:opacity 0.5s;transition-delay:0.5s;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center"/></noscript></div></div></div><h3 data-reactid="95">React Theremin</h3><p data-reactid="96"><p>A musical webapp where the sound produced is determined from the position of your mouse cursor. Based on the <a href="https://en.wikipedia.org/wiki/Theremin">theremin</a>, a musical instrument.</p>
</p><div data-reactid="97"><div data-reactid="98"><span class="sc-htoDjs eGrrvr" data-reactid="99">React</span><span class="sc-htoDjs eGrrvr" data-reactid="100">Web Audio API</span></div><br data-reactid="101"/></div><div data-reactid="102"><a href="https://justusft.github.io/react-theremin" target="_blank" rel="noopener noreferrer" data-reactid="103">View project</a></div><div data-reactid="104"><a href="https://github.com/JustusFT/react-theremin" target="_blank" rel="noopener noreferrer" data-reactid="105">View source code</a></div></div></span><span class="sc-EHOje dZADmj" data-reactid="106"><div class="sc-bZQynM eWZRpr" data-reactid="107"><div class="sc-gzVnrw hzsDGm" data-reactid="108"><div class=" gatsby-image-outer-wrapper" style="position:relative;" data-reactid="109"><div class=" gatsby-image-wrapper" style="position:relative;overflow:hidden;" data-reactid="110"><div style="width:100%;padding-bottom:56.25%;" data-reactid="111"></div><img alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAAAsSAAALEgHS3X78AAAAkklEQVQoz71SWwrAIAzz/jcT/BH91Av4QvAA3So4nCs6YewjWKUNaSKLMcKXYL8RppRu6N/6ni2F3nsIITzQiLDeIrTWgtIalNKgz1NKCcYYUtmrlZtK59yFXiG1OpuRjb6N9WuFY3POuWKVMM4tvw0SoZfoHUmaNkJBv0opIIQAznmtqWRJwmb2OID3fuVZwogDHPQ723LFdsoAAAAASUVORK5CYII=" style="position:absolute;top:0;left:0;transition:opacity 0.5s;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transition-delay:0.25s;" data-reactid="112"/><noscript data-reactid="113"><img src="/static/alphabet_soup-370cd813fe73a8cceb0a04b8b9bace81-b521a.png" srcset="/static/alphabet_soup-370cd813fe73a8cceb0a04b8b9bace81-86d5c.png 160w,
/static/alphabet_soup-370cd813fe73a8cceb0a04b8b9bace81-c8f2a.png 320w,
/static/alphabet_soup-370cd813fe73a8cceb0a04b8b9bace81-b521a.png 640w,
/static/alphabet_soup-370cd813fe73a8cceb0a04b8b9bace81-b60ca.png 960w,
/static/alphabet_soup-370cd813fe73a8cceb0a04b8b9bace81-9f8be.png 1280w" alt="" sizes="(max-width: 640px) 100vw, 640px" style="position:absolute;top:0;left:0;transition:opacity 0.5s;transition-delay:0.5s;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center"/></noscript></div></div></div><h3 data-reactid="114">Alphabet Soup</h3><p data-reactid="115"><p>Animated messages with css and javascript. Letters that are scattered around the screen arrange themselves to form messages.</p>
</p><div data-reactid="116"><div data-reactid="117"><span class="sc-htoDjs eGrrvr" data-reactid="118">jQuery</span></div><br data-reactid="119"/></div><div data-reactid="120"><a href="https://codepen.io/JustusFT/full/ENLZGJ" target="_blank" rel="noopener noreferrer" data-reactid="121">View project</a></div><div data-reactid="122"><a href="https://codepen.io/JustusFT/pen/ENLZGJ" target="_blank" rel="noopener noreferrer" data-reactid="123">View source code</a></div></div></span><span class="sc-EHOje dZADmj" data-reactid="124"><div class="sc-bZQynM eWZRpr" data-reactid="125"><div class="sc-gzVnrw hzsDGm" data-reactid="126"><div class=" gatsby-image-outer-wrapper" style="position:relative;" data-reactid="127"><div class=" gatsby-image-wrapper" style="position:relative;overflow:hidden;" data-reactid="128"><div style="width:100%;padding-bottom:56.25%;" data-reactid="129"></div><img alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAAAsSAAALEgHS3X78AAACjklEQVQozx2QaVcaWxREWxkVo1EwAVslIIIdwBaauZG0DM0ok2EQQU2y3v//Cfsd+FCr6k57nbpKfzih9zyiPxwzEB+MJgwkrz/+sH7/4P39k7///mP1thGt2Ww2vH98MhpP6Pb6O43GU/ryNvDtAqVrPdF+alDPGuTit9TTKSyzyrBlM5WL45cZs/mS37MF09/zHfh1tWYyfdmBOt2eQAf0B89oyXsU8zyA5T+jLH53GSJx7seQ3IuG6d5GGdhtFgJYLF95mc3FV8wl95+HDKVNS87rjSbtTpd8sYJSOPJROfRgffdTEljz8gI7eE7zm5+q14mdiLGR+m/rDcvXFVOZeDx52QG2stsdrKc6tuSHbBHlweMke+Ai7/NQ3oLPTvh1+gXTd0jO5aB0csRqvuDz7z+p+ib1F8wWy91/d7oDWu0eT/UmlmVRKORQNHmUdDu4F3DaqZB175M/8GB4PWRkz1SDUrvDUmpvgXa7S6lU4UG/R0/doSejFDJRKrkIRT0kQJlkC9XcTlK+A5KufdKS70++oB+6qYVVmqU8VrWMrsUI+NwcuxRSNwFqxSjNxziNxxhWOYJpqCgxAcYEGD88QDs9JeFxkxDgnc9L3LVHRQ1QTQZ51C9ol2OYqXPKPwOY2TDlzCWV7PUO/KsU4TF/hXLlUNgq7Njjh3hEJrwR4K3U1zwOzHiIsZ1l0jZ4buh0aj+pl24oplUBXknNC/LpkPh2LROqzj3UfYGKrkU/nPtEBXgt8Oixl9pDlF4tzaiVZWQbtGtJGpU45WSAXCIgMJWCfrlzIyl/+FWm8O8pfBdYUBTaZpFXkfWREyNyRi0TpmXGRQla1TuRhmWEMLVTMtFjMlpQoNfkUir/AzZXWPLC5b6nAAAAAElFTkSuQmCC" style="position:absolute;top:0;left:0;transition:opacity 0.5s;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transition-delay:0.25s;" data-reactid="130"/><noscript data-reactid="131"><img src="/static/pomodoro_timer-7ac884e48fa665667c5ba6b4080c6bb2-b521a.png" srcset="/static/pomodoro_timer-7ac884e48fa665667c5ba6b4080c6bb2-86d5c.png 160w,
/static/pomodoro_timer-7ac884e48fa665667c5ba6b4080c6bb2-c8f2a.png 320w,
/static/pomodoro_timer-7ac884e48fa665667c5ba6b4080c6bb2-b521a.png 640w,
/static/pomodoro_timer-7ac884e48fa665667c5ba6b4080c6bb2-b60ca.png 960w,
/static/pomodoro_timer-7ac884e48fa665667c5ba6b4080c6bb2-9f8be.png 1280w" alt="" sizes="(max-width: 640px) 100vw, 640px" style="position:absolute;top:0;left:0;transition:opacity 0.5s;transition-delay:0.5s;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center"/></noscript></div></div></div><h3 data-reactid="132">Pomodoro timer</h3><p data-reactid="133"><p>A timer for users that follow the <a href="https://en.wikipedia.org/wiki/Pomodoro_Technique">pomodoro technique</a>.</p>
</p><div data-reactid="134"><div data-reactid="135"><span class="sc-htoDjs eGrrvr" data-reactid="136">jQuery</span><span class="sc-htoDjs eGrrvr" data-reactid="137">Canvas</span></div><br data-reactid="138"/></div><div data-reactid="139"><a href="https://codepen.io/JustusFT/full/qNZKjq/" target="_blank" rel="noopener noreferrer" data-reactid="140">View project</a></div><div data-reactid="141"><a href="https://codepen.io/JustusFT/pen/qNZKjq/" target="_blank" rel="noopener noreferrer" data-reactid="142">View source code</a></div></div></span><span class="sc-EHOje dZADmj" data-reactid="143"><div class="sc-bZQynM eWZRpr" data-reactid="144"><div class="sc-gzVnrw hzsDGm" data-reactid="145"><div class=" gatsby-image-outer-wrapper" style="position:relative;" data-reactid="146"><div class=" gatsby-image-wrapper" style="position:relative;overflow:hidden;" data-reactid="147"><div style="width:100%;padding-bottom:56.25%;" data-reactid="148"></div><img alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAAAsSAAALEgHS3X78AAABjklEQVQoz42SSU8CQRCF+f8Hj149c+AiKKCGfRkMi+yoIIthE1BnmOllZvRZ0yAxmACHl+5UV315VdU+V87hyREzuCTHXUBO2mCxIHjuBuIhvVEjB67dgWXCEJU0rGx0U/Nbu+X4/gHtN8jVC1jyClY0AFHNQHTuwSspgubBCMTiQYhuGY7c1hwEUpIY1cFS1wrItVvlTrQKkM8lsEQIpv8CvJqG4yxOAFKSoELR1CD7VQWQgxqpqtxKcuaNgNezVDM90rJ3sgnEawOiXQAvJRSE5aKQvQqskF/BWSYCVorD/V7B4dNjDmmG80ewdFjN0Zsdi12Cl5MQ9dwmRnf+VFS5h1veOpTLHuxFF7wYh6BCm7bOqU0rEti49pbU0pS74y1bY8ghzcxzRO5kMw9BYJ6NgMdDWJ+fQVKcU9x1l6ruINCm05x1YNIS1t0S1m0NRi2jZI5b0MmhSQ6tTuE0hza1rL/3YehDGB8DGNS6oY/oTrHPAXT6owbJpBz7EPDvwxd97p3oG+3ue2/7ME8/mrQzGwA/krwAAAAASUVORK5CYII=" style="position:absolute;top:0;left:0;transition:opacity 0.5s;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transition-delay:0.25s;" data-reactid="149"/><noscript data-reactid="150"><img src="/static/conways_game_of_life-2572edaaf6c2842d088ae9bfbab6a7d5-b521a.png" srcset="/static/conways_game_of_life-2572edaaf6c2842d088ae9bfbab6a7d5-86d5c.png 160w,
/static/conways_game_of_life-2572edaaf6c2842d088ae9bfbab6a7d5-c8f2a.png 320w,
/static/conways_game_of_life-2572edaaf6c2842d088ae9bfbab6a7d5-b521a.png 640w,
/static/conways_game_of_life-2572edaaf6c2842d088ae9bfbab6a7d5-b60ca.png 960w,
/static/conways_game_of_life-2572edaaf6c2842d088ae9bfbab6a7d5-9f8be.png 1280w" alt="" sizes="(max-width: 640px) 100vw, 640px" style="position:absolute;top:0;left:0;transition:opacity 0.5s;transition-delay:0.5s;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center"/></noscript></div></div></div><h3 data-reactid="151">Conway's Game of Life</h3><p data-reactid="152"><p>An implementation of the famous cellular automaton, <a href="https://en.wikipedia.org/wiki/Conway%27s_Game_of_Life">Conway's Game of Life</a>.</p>
</p><div data-reactid="153"><div data-reactid="154"><span class="sc-htoDjs eGrrvr" data-reactid="155">React</span></div><br data-reactid="156"/></div><div data-reactid="157"><a href="https://codepen.io/JustusFT/full/MovwKJ/" target="_blank" rel="noopener noreferrer" data-reactid="158">View project</a></div><div data-reactid="159"><a href="https://codepen.io/JustusFT/pen/MovwKJ/" target="_blank" rel="noopener noreferrer" data-reactid="160">View source code</a></div></div></span><span class="sc-EHOje dZADmj" data-reactid="161"><div class="sc-bZQynM eWZRpr" data-reactid="162"><div class="sc-gzVnrw hzsDGm" data-reactid="163"><div class=" gatsby-image-outer-wrapper" style="position:relative;" data-reactid="164"><div class=" gatsby-image-wrapper" style="position:relative;overflow:hidden;" data-reactid="165"><div style="width:100%;padding-bottom:56.25%;" data-reactid="166"></div><img alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAAAsSAAALEgHS3X78AAAB+klEQVQoz4VSTU9TURDll7lx4cpEEU2MRsSNqAt/ggvj0lg1YUFcgOjGCCQFNm6RUmKhhEIpBdq+vhYUrbTvq+/rznHmvmdjExInmcyduWfOnDvvjcQK2hZNYPQr8GADGM8Tbq4BYxd5Dri1lmAEKz3SKyZcIzElyVIbuLMOPCoQJgvAXJ2waISYb0RYMGKO6bnuY64WMy7BSo/0akL6hzDLxds8/eE3wpMtoHragbFfQnWvhFplD+ViAZWdIo52tlA/62mMYKUn+z9CUfjdi7lK8K0uOqct/Go39Vms4/NQVicK764TK6SUkISQ0ieLfMJjeTKTfmwAKydcZ19OY/Ykqc3y3Tjv7z77ddlhC3q43mGkkmTBTC4nGHQvLx+AOCeMrnJM/QbnV1eBpxt9vCu7mD6IkSlHyP+8QGGOiy92Fd4cEF5VSMe31b+OJHLtNfv0oUKu5eDwzMLuDxdtJ9YcJISUErquA9NooF47htk0+Db9n0CpD5vsXmjEFSU4oRoQSvRsG57nIQhDKKUglP3zc4Q8TFDdnoXf3R48P2AS/mAq0lhhoiGFaSHwfTiOiyAI9aXi0X6/j1Ca2LZLJTyfeo/5pWV8nn2JTOYZbNsaCBp6slbE51bThGPZg5qQRVGk8+JmHl8+zWB75QMmxy7j2pVLLMAZIvwD/vUZIVtKPksAAAAASUVORK5CYII=" style="position:absolute;top:0;left:0;transition:opacity 0.5s;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transition-delay:0.25s;" data-reactid="167"/><noscript data-reactid="168"><img src="/static/website-d0caacff69f1d13a8d8929846965e36d-b521a.png" srcset="/static/website-d0caacff69f1d13a8d8929846965e36d-86d5c.png 160w,
/static/website-d0caacff69f1d13a8d8929846965e36d-c8f2a.png 320w,
/static/website-d0caacff69f1d13a8d8929846965e36d-b521a.png 640w,
/static/website-d0caacff69f1d13a8d8929846965e36d-b60ca.png 960w,
/static/website-d0caacff69f1d13a8d8929846965e36d-9f8be.png 1280w" alt="" sizes="(max-width: 640px) 100vw, 640px" style="position:absolute;top:0;left:0;transition:opacity 0.5s;transition-delay:0.5s;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center"/></noscript></div></div></div><h3 data-reactid="169">My Website</h3><p data-reactid="170"><p>You're on it right now! This site is built with Gatsby and React.</p>
</p><div data-reactid="171"><div data-reactid="172"><span class="sc-htoDjs eGrrvr" data-reactid="173">Gatsby</span><span class="sc-htoDjs eGrrvr" data-reactid="174">React</span></div><br data-reactid="175"/></div><div data-reactid="176"><a href="https://github.com/JustusFT/website" target="_blank" rel="noopener noreferrer" data-reactid="177">View source code</a></div></div></span></div><div class="sc-gZMcBi fKmRFu" data-reactid="178"><div data-reactid="179"><!-- react-text: 180 -->Source code for my projects can be found on my<!-- /react-text --><!-- react-text: 181 --> <!-- /react-text --><a href="https://github.com/JustusFT" rel="noopener noreferrer" target="_blank" data-reactid="182">github profile.</a></div><div data-reactid="183"><!-- react-text: 184 -->More projects & source code can be found on my<!-- /react-text --><!-- react-text: 185 --> <!-- /react-text --><a href="https://codepen.io/JustusFT" rel="noopener noreferrer" target="_blank" data-reactid="186">codepen profile.</a></div></div></div></div></div></div></div><script id="webpack-manifest">/*<![CDATA[*/window.webpackManifest={"231608221292675":"app-4665a6d5cda545e52ef5.js","162898551421021":"component---src-pages-404-js-f6662393a31fb18d5e07.js","35783957827783":"component---src-pages-index-js-f9b0b4e2e0029b5b13b2.js","60335399758886":"path----0302f2ed2498dd9b0861.js","254022195166212":"path---404-a0e39f21c11f6a62c5ab.js","142629428675168":"path---index-a4f263d1351905597471.js","178698757827068":"path---404-html-a0e39f21c11f6a62c5ab.js","114276838955818":"component---src-layouts-index-js-9b379ac3a99b5b93249d.js"}/*]]>*/</script><script>
if(true) {
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
}
if (typeof ga === "function") {
ga('create', 'UA-154135260-1', 'auto', {});
}</script><script>/*<![CDATA[*/["/commons-d3e8e0337cdee5d4f212.js","/app-4665a6d5cda545e52ef5.js","/path---index-a4f263d1351905597471.js","/component---src-pages-index-js-f9b0b4e2e0029b5b13b2.js","/component---src-layouts-index-js-9b379ac3a99b5b93249d.js"].forEach(function(s){document.write('<script src="'+s+'" defer></'+'script>')})/*]]>*/</script></body></html>