-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcoding.html
More file actions
156 lines (149 loc) · 18.3 KB
/
coding.html
File metadata and controls
156 lines (149 loc) · 18.3 KB
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
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Coding Projects</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="shortcut icon" href="./favicon/favicon.ico" type="image/x-icon">
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<link href="./styles/styles.css" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-expand-md navbar-light bg-light sticky-top">
<div class="container-fluid">
<a href="/index.html" class="navbar-brand">
<svg width="220" height="37" viewBox="0 0 313 47" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M67.23 0.360001C69.33 0.360001 71.35 0.630001 73.31 1.17C75.26 1.71 77.08 2.48 78.77 3.48C80.46 4.48 82 5.67 83.4 7.06C84.8 8.45 86 10 86.99 11.71C87.98 13.42 88.75 15.25 89.3 17.21C89.85 19.17 90.12 21.21 90.12 23.33C90.12 25.43 89.85 27.45 89.31 29.4C88.77 31.36 88 33.19 87 34.88C86 36.57 84.8 38.11 83.41 39.5C82.02 40.89 80.47 42.08 78.78 43.07C77.08 44.06 75.25 44.82 73.29 45.36C71.33 45.9 69.29 46.17 67.17 46.17C65.05 46.17 63.01 45.9 61.06 45.36C59.11 44.82 57.29 44.05 55.6 43.05C53.91 42.05 52.37 40.86 50.98 39.47C49.59 38.08 48.4 36.54 47.41 34.85C46.42 33.16 45.65 31.34 45.12 29.39C44.59 27.44 44.31 25.41 44.31 23.29C44.31 21.19 44.58 19.17 45.12 17.21C45.66 15.26 46.43 13.44 47.43 11.74C48.43 10.04 49.62 8.49 51.01 7.09C52.4 5.69 53.95 4.5 55.64 3.51C57.34 2.52 59.17 1.75 61.12 1.2C63.07 0.630001 65.11 0.360001 67.23 0.360001ZM50.07 23.19C50.07 24.77 50.28 26.29 50.69 27.73C51.1 29.18 51.68 30.54 52.41 31.81C53.15 33.08 54.04 34.24 55.08 35.27C56.12 36.31 57.27 37.2 58.54 37.94C59.81 38.68 61.17 39.26 62.62 39.67C64.07 40.08 65.58 40.28 67.16 40.28C68.72 40.28 70.23 40.08 71.69 39.67C73.15 39.26 74.51 38.69 75.77 37.94C77.03 37.2 78.18 36.31 79.22 35.27C80.26 34.23 81.15 33.08 81.89 31.81C82.63 30.54 83.21 29.18 83.62 27.73C84.03 26.28 84.23 24.77 84.23 23.19C84.23 20.83 83.78 18.61 82.88 16.54C81.98 14.47 80.76 12.66 79.22 11.12C77.68 9.58 75.88 8.36 73.81 7.46C71.74 6.56 69.52 6.11 67.17 6.11C65.59 6.11 64.07 6.32 62.63 6.73C61.18 7.14 59.82 7.72 58.55 8.46C57.28 9.2 56.12 10.09 55.09 11.13C54.05 12.17 53.16 13.32 52.42 14.58C51.68 15.84 51.11 17.2 50.7 18.66C50.27 20.12 50.07 21.63 50.07 23.19Z" fill="black"/>
<path d="M104.07 31.11C104.41 31.39 104.84 31.77 105.37 32.23C105.9 32.7 106.5 33.17 107.18 33.63C108.2 34.31 109.21 34.84 110.21 35.22C111.21 35.6 112.26 35.79 113.36 35.79C114.38 35.79 115.24 35.68 115.92 35.45C116.61 35.22 117.16 34.91 117.56 34.54C117.96 34.16 118.24 33.72 118.41 33.22C118.58 32.72 118.67 32.19 118.67 31.63C118.67 31.01 118.43 30.46 117.96 29.97C117.49 29.48 116.92 29.05 116.24 28.67C115.56 28.29 114.85 27.97 114.11 27.7C113.37 27.43 112.73 27.21 112.19 27.03C109.79 26.19 107.69 25.29 105.89 24.32C104.09 23.35 102.59 22.27 101.39 21.08C100.19 19.89 99.29 18.58 98.69 17.15C98.09 15.72 97.79 14.13 97.79 12.37C97.79 10.51 98.17 8.82 98.91 7.3C99.65 5.78 100.73 4.48 102.12 3.4C103.51 2.32 105.18 1.49 107.15 0.900004C109.11 0.310004 111.3 0.0200043 113.72 0.0200043C115.54 0.0200043 117.29 0.230004 118.96 0.630004C120.63 1.04 122.27 1.69 123.89 2.59C124.57 2.99 125.22 3.41 125.83 3.84C126.44 4.27 126.97 4.69 127.44 5.09C127.9 5.49 128.26 5.87 128.54 6.23C128.81 6.59 128.94 6.9 128.94 7.16C128.94 7.42 128.88 7.66 128.74 7.88C128.61 8.1 128.42 8.35 128.16 8.63L123.57 13.52C123.23 13.86 122.89 14.03 122.55 14.03C122.27 14.03 122.01 13.95 121.79 13.79C121.56 13.63 121.3 13.43 121.02 13.19L120.75 12.95C120.35 12.61 119.9 12.26 119.41 11.9C118.92 11.54 118.39 11.21 117.84 10.92C117.28 10.63 116.69 10.39 116.07 10.2C115.45 10.01 114.82 9.92 114.18 9.92C113.52 9.92 112.9 9.98 112.32 10.09C111.74 10.2 111.23 10.37 110.79 10.61C110.35 10.85 110 11.16 109.74 11.55C109.48 11.94 109.35 12.42 109.35 12.98C109.35 13.54 109.49 14.02 109.77 14.43C110.05 14.84 110.47 15.22 111.03 15.57C111.59 15.92 112.29 16.25 113.12 16.56C113.95 16.87 114.91 17.21 116.01 17.56C118.13 18.26 120.08 19 121.88 19.77C123.67 20.54 125.21 21.45 126.51 22.5C127.81 23.55 128.82 24.81 129.55 26.27C130.28 27.73 130.64 29.5 130.64 31.58C130.64 33.78 130.19 35.78 129.29 37.57C128.39 39.36 127.16 40.88 125.58 42.14C124.01 43.4 122.17 44.38 120.04 45.07C117.92 45.76 115.64 46.1 113.2 46.1C110.9 46.1 108.64 45.69 106.42 44.87C104.2 44.05 102.13 42.94 100.21 41.56C99.41 40.98 98.74 40.41 98.19 39.84C97.64 39.28 97.2 38.83 96.88 38.49L96.79 38.4C96.77 38.36 96.75 38.34 96.73 38.32C96.71 38.31 96.69 38.3 96.67 38.27C96.65 38.23 96.63 38.21 96.61 38.19C96.59 38.18 96.57 38.17 96.55 38.15C96.09 37.65 95.86 37.25 95.86 36.95C95.86 36.61 96.09 36.23 96.55 35.81L101.74 30.86C102.16 30.56 102.5 30.41 102.76 30.41C102.94 30.41 103.13 30.47 103.33 30.59C103.55 30.69 103.79 30.87 104.07 31.11Z" fill="#8CC63F"/>
<path d="M135.39 2.28001C135.39 1.88001 135.52 1.56001 135.79 1.32001C136.06 1.08001 136.4 0.960007 136.8 0.960007H169.08C169.44 0.960007 169.76 1.07001 170.04 1.29001C170.32 1.51001 170.48 1.84001 170.52 2.28001V9.73001C170.52 10.09 170.4 10.43 170.14 10.76C169.89 11.09 169.53 11.25 169.07 11.25H158.72V44.1C158.72 44.46 158.59 44.79 158.33 45.08C158.07 45.37 157.73 45.52 157.31 45.52H148.51C148.17 45.52 147.85 45.39 147.55 45.11C147.25 44.84 147.1 44.5 147.1 44.1V11.25H136.8C136.4 11.25 136.07 11.12 135.79 10.86C135.52 10.6 135.39 10.22 135.39 9.72001V2.28001Z" fill="#8CC63F"/>
<path d="M189.24 27.74C189.24 29.22 189.45 30.48 189.86 31.51C190.27 32.54 190.81 33.38 191.48 34.03C192.15 34.68 192.93 35.16 193.83 35.46C194.72 35.76 195.65 35.91 196.61 35.91C197.61 35.91 198.56 35.74 199.45 35.38C200.34 35.03 201.12 34.51 201.79 33.82C202.46 33.13 202.99 32.27 203.38 31.25C203.77 30.23 203.97 29.06 203.97 27.74V2.28001C203.97 1.92001 204.09 1.61001 204.35 1.35001C204.61 1.09001 204.94 0.960007 205.36 0.960007H214.12C214.58 0.960007 214.94 1.09001 215.2 1.36001C215.46 1.63001 215.59 1.94001 215.59 2.28001V27.57C215.59 31.07 215.07 34.01 214.05 36.39C213.02 38.77 211.63 40.69 209.89 42.14C208.15 43.59 206.14 44.63 203.85 45.26C201.56 45.89 199.16 46.2 196.64 46.2C194.12 46.2 191.71 45.87 189.41 45.22C187.11 44.57 185.09 43.51 183.35 42.04C181.61 40.57 180.23 38.65 179.19 36.28C178.16 33.91 177.65 31.01 177.65 27.57V2.28001C177.65 1.94001 177.77 1.63001 178 1.36001C178.23 1.09001 178.51 0.960007 178.85 0.960007H187.83C188.13 0.960007 188.44 1.08001 188.77 1.34001C189.1 1.59001 189.26 1.90001 189.26 2.29001V27.74H189.24Z" fill="#8CC63F"/>
<path d="M36.87 26.17C36.59 25.94 36.27 25.82 35.91 25.82H35.87H27.8C27.02 25.82 26.38 26.45 26.38 27.24V30.17C26.38 30.95 27.01 31.59 27.8 31.59H31.51V37.98C30.01 38.62 28.53 39.18 27.08 39.64C25.63 40.11 24.17 40.35 22.71 40.35C20.39 40.35 18.21 39.91 16.16 39.03C14.11 38.15 12.31 36.95 10.78 35.41C9.24 33.88 8.02 32.08 7.12 30.01C6.22 27.94 5.77 25.72 5.77 23.34C5.77 21.1 6.21 18.95 7.09 16.89C7.97 14.83 9.18 13.01 10.73 11.43C12.28 9.85 14.11 8.59 16.22 7.65C18.33 6.71 20.62 6.24 23.1 6.24C25.02 6.24 26.82 6.54 28.52 7.13C30.21 7.72 31.77 8.52 33.21 9.54C33.43 9.7 33.63 9.82 33.8 9.89C33.97 9.96 34.12 9.99 34.26 9.99C34.62 9.99 34.97 9.75 35.31 9.27L36.9 6.63C37.06 6.43 37.14 6.19 37.14 5.91C37.14 5.69 37.07 5.47 36.93 5.26C36.79 5.05 36.61 4.87 36.39 4.71C34.41 3.31 32.28 2.23 30 1.48C27.72 0.730001 25.35 0.360001 22.89 0.360001C20.77 0.360001 18.73 0.630001 16.79 1.18C14.84 1.73 13.02 2.51 11.33 3.51C9.64 4.51 8.1 5.71 6.71 7.11C5.32 8.51 4.12 10.06 3.12 11.76C2.12 13.46 1.35 15.28 0.81 17.22C0.27 19.16 0 21.18 0 23.28C0 25.4 0.27 27.43 0.81 29.38C1.35 31.33 2.11 33.15 3.1 34.84C4.09 36.53 5.28 38.07 6.67 39.46C8.06 40.85 9.6 42.04 11.29 43.04C12.98 44.04 14.8 44.81 16.75 45.35C18.7 45.89 20.74 46.16 22.86 46.16C25.48 46.16 27.92 45.79 30.18 45.06C32.44 44.33 34.51 43.29 36.39 41.93L36.63 41.75C36.87 41.61 37.04 41.44 37.14 41.23C37.24 41.02 37.29 40.79 37.29 40.55V27.15C37.29 26.73 37.15 26.4 36.87 26.17Z" fill="black"/>
<path d="M258.69 25.83H257.32H249.25C248.47 25.83 247.83 26.46 247.83 27.25V30.18C247.83 30.96 248.46 31.6 249.25 31.6H254.29V37.99C252.79 38.63 251.32 39.19 249.87 39.65C248.42 40.12 246.96 40.36 245.5 40.36C243.18 40.36 240.99 39.92 238.95 39.04C236.9 38.16 235.1 36.96 233.56 35.42C232.02 33.89 230.8 32.09 229.9 30.02C229 27.95 228.55 25.73 228.55 23.35C228.55 21.11 228.99 18.96 229.87 16.9C230.75 14.84 231.97 13.02 233.51 11.44C235.06 9.85999 236.89 8.59999 239 7.66C241.11 6.72 243.41 6.25 245.88 6.25C247.8 6.25 249.6 6.54999 251.3 7.14C252.99 7.73 254.55 8.52999 256 9.55C256.22 9.71 256.41 9.83 256.58 9.89999C256.75 9.96999 256.91 10 257.04 10C257.4 10 257.75 9.75999 258.09 9.27999L259.68 6.64C259.84 6.44 259.92 6.2 259.92 5.92C259.92 5.7 259.85 5.48 259.71 5.27C259.57 5.06 259.39 4.87999 259.17 4.72C257.19 3.31999 255.06 2.24 252.78 1.49C250.5 0.739995 248.13 0.369995 245.67 0.369995C243.55 0.369995 241.52 0.639995 239.56 1.19C237.61 1.74 235.79 2.52 234.1 3.52C232.41 4.52 230.87 5.72 229.48 7.12C228.09 8.51999 226.9 10.07 225.9 11.77C224.9 13.47 224.13 15.29 223.59 17.23C223.05 19.17 222.78 21.19 222.78 23.29C222.78 25.41 223.05 27.44 223.59 29.39C224.13 31.34 224.89 33.16 225.88 34.85C226.87 36.54 228.06 38.08 229.45 39.47C230.84 40.86 232.38 42.05 234.07 43.05C235.76 44.05 237.58 44.82 239.53 45.36C241.48 45.9 243.51 46.17 245.64 46.17C248.26 46.17 250.7 45.8 252.96 45.07C255.22 44.34 257.29 43.3 259.17 41.94L259.41 41.76C259.65 41.62 259.82 41.45 259.92 41.24C260.02 41.03 260.07 40.8 260.07 40.56V27.15C260.07 26.73 259.93 26.4 259.65 26.17C259.37 25.95 259.05 25.83 258.69 25.83Z" fill="black"/>
<path d="M312.07 17.22C311.52 15.26 310.75 13.43 309.76 11.72C308.77 10.01 307.58 8.46 306.18 7.07C304.78 5.68 303.23 4.49 301.55 3.49C299.86 2.49 298.04 1.72 296.09 1.18C294.14 0.639995 292.12 0.369995 290.02 0.369995C287.9 0.369995 285.86 0.639995 283.91 1.19C281.96 1.74 280.13 2.51 278.44 3.5C276.74 4.49 275.19 5.69 273.81 7.08C272.42 8.47999 271.22 10.03 270.22 11.73C269.22 13.43 268.45 15.25 267.91 17.2C267.37 19.15 267.1 21.18 267.1 23.28C267.1 25.4 267.37 27.43 267.91 29.38C268.45 31.33 269.21 33.15 270.2 34.84C271.19 36.53 272.38 38.07 273.77 39.46C275.16 40.85 276.7 42.04 278.39 43.04C280.08 44.04 281.9 44.81 283.85 45.35C285.8 45.89 287.84 46.16 289.96 46.16C292.08 46.16 294.12 45.89 296.08 45.35C298.04 44.81 299.87 44.04 301.57 43.06C303.27 42.07 304.82 40.88 306.21 39.49C307.6 38.1 308.79 36.56 309.79 34.87C310.79 33.18 311.56 31.36 312.1 29.41C312.64 27.46 312.91 25.44 312.91 23.34C312.9 21.22 312.62 19.18 312.07 17.22ZM306.4 27.73C305.99 29.18 305.42 30.54 304.68 31.81C303.94 33.08 303.05 34.24 302.01 35.27C300.97 36.31 299.82 37.2 298.56 37.94C297.3 38.68 295.94 39.26 294.48 39.67C293.02 40.08 291.51 40.28 289.95 40.28C288.37 40.28 286.85 40.08 285.41 39.67C283.96 39.26 282.6 38.69 281.33 37.94C280.06 37.2 278.9 36.31 277.87 35.27C276.83 34.23 275.94 33.08 275.2 31.81C274.46 30.54 273.89 29.18 273.48 27.73C273.07 26.28 272.86 24.77 272.86 23.19C272.86 21.63 273.07 20.12 273.48 18.66C273.89 17.2 274.46 15.84 275.2 14.58C275.94 13.32 276.83 12.17 277.87 11.13C278.91 10.09 280.07 9.2 281.33 8.46C282.59 7.72 283.96 7.15 285.41 6.73C286.86 6.32 288.37 6.11 289.95 6.11C292.31 6.11 294.53 6.56 296.59 7.46C298.66 8.36 300.47 9.58 302.01 11.12C303.55 12.66 304.77 14.46 305.67 16.54C306.57 18.61 307.02 20.83 307.02 23.19C307.02 24.77 306.81 26.29 306.4 27.73Z" fill="black"/>
</svg>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<!-- <a href="#" class="nav-link">Home</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">About</a>
</li> -->
<li class="nav-item">
<a href="/" class="nav-link">Home</a>
</li>
<li class="nav-item">
<a href="/projects" class="nav-link">Projects</a>
</li>
<li class="nav-item">
<a href="./contact.html" class="nav-link">Contact</a>
</li>
</ul>
</div>
</div> <!-- close container -->
</nav>
<div class="wrapper">
<div class="container-fluid">
<div class="row jumbotron">
<div class="col-xs-12 col-sm-12 col-md-9 col-lg-9 col-xl-10 ">
<p class="lead">These are some fun side projects I did, usually as a test or a learning tool.</p>
</div>
</div>
</div>
<div class="container-fluid project"> <!--- Container -->
<h3 class="project-title">Hot Dogger</h3>
<div class="row justify-content-between"> <!--- Row -->
<div class="col-12 col-sm-3 col-md-3">
<a href="http://hotdogger.io/" target="_blank"><img src="./img/hotdogger.png" class="project-image"></img></a>
</div>
<div class="col-12 col-sm-9 col-md-9">
<div class="project-text">
<ul class="project-list">
<li>The Project: <span class="project-bullet">Hot Dogger is a story-based idle incremental game built for the browser and mobile web.</span></li>
<li>My Role: <span class="project-bullet">This is a pet project I used to concrete the concepts I was learning while going through a coding bootcamp. In addition to programming, I drew all of the artwork. Disclaimer: this link currently goes to an older vanilla JS concept of the project. New version up soon!</span></li>
<li>Takeaways: <span class="project-bullet">React on the frontend Java and Springboot on the back.</span></li>
<li><a class="project-link" target="_blank" href="http://hotdogger.io/">hotdogger.io</a></li>
</ul>
</div>
</div>
</div> <!--- Row -->
</div> <!--- Container -->
<div class="container-fluid project">
<h3 class="project-title" style="text-align: right">Tree Painter</h3>
<div class="row justify-content-between">
<div class="col-12 col-sm-3 col-md-3">
<a href="./treepainter.html" target="_blank"><img src="./img/treepainter.png" class="project-image"></img></a>
</div>
<div class="col-12 order-2 col-sm-8 order-sm-1 col-md-9">
<div class="project-text">
<ul class="project-list">
<li>The Project: <span class="project-bullet">Describe project here.</span></li>
<li>Takeaways: <span class="project-bullet">Describe project here.</span></li>
<li><a class="project-link" target="_blank" href="./treepainter.html">Tree Painter</a></li>
</ul>
</div>
</div>
</div> <!--- Row -->
</div>
<div class="container-fluid project">
<h3 class="project-title">What do Vue know?</h3>
<div class="row justify-content-between">
<div class="col-12 col-sm-3 col-md-3">
<a href="./vue.html" target="_blank"><img src="./img/vue.png" class="project-image"></img></a>
</div>
<div class="col-12 col-sm-9 col-md-9">
<div class="project-text">
<ul class="project-list">
<li>The Project: <span class="project-bullet">Describe project here.</span></li>
<li>Takeaways: <span class="project-bullet">Describe project here.</span></li>
<li><a class="project-link" target="_blank" href="./vue.html">See it in action!</a></li>
</ul>
</div>
</div>
</div> <!--- Row -->
</div>
<div class="container-fluid project"> <!--- Container -->
<h3 class="project-title" style="text-align: right">UI TESTS</h3>
<div class="row justify-content-between"> <!--- Open Row -->
<div class="col-12 col-sm-3 col-md-3"> <!--- Open Image -->
<a href="#" ><img src="./img/uitests.png" class="project-image"></img></a>
</div> <!--- Close Image -->
<div class="col-12 order-2 col-sm-9 order-sm-1 col-md-9">
<div class="project-text">
<ul class="project-list">
<li>The Project: <span class="project-bullet">Describe project here.</span></li>
<li>Takeaways: <span class="project-bullet">Describe project here.</span> </li>
<li><a class="project-link" target="_blank" href="https://smarsh-ui-tests.netlify.app/">UI TESTS</a></li>
</ul>
</div>
</div>
</div> <!--- Close Row -->
</div> <!--- Container -->
<div class="container-fluid project">
<h3 class="project-title">Compound Interest</h3>
<div class="row justify-content-between">
<div class="col-12 col-sm-3 col-md-3">
<a href="./interest.html" target="_blank"></a><img src="./img/interest.png" class="project-image"></img></a>
</div>
<div class="col-12 col-sm-9 col-md-9">
<div class="project-text">
<ul class="project-list">
<li>The Project: <span class="project-bullet">Describe project here.</span></li>
<li>Takeaways: <span class="project-bullet">Describe project here.</span></li>
<li><a class="project-link" target="_blank" href="./interest.html">Compount Interest</a></li>
</ul>
</div>
</div>
</div> <!--- Row -->
</div>
</div> <!--- Close Wrapper -->
<footer class="footer"></footer>
</body>
</html>