-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathprogramming.html
194 lines (156 loc) · 23.2 KB
/
programming.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
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
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="programming.css">
<title>Programming | Simon Sandrew</title>
</head>
<body>
<button class="go_home" onclick="location.href='http://simonsandrew.com'">Go To Home</button>
<button class="Contact">Contact Me</button>
<button class="go_home_shadow" onclick="location.href='http://simonsandrew.com'">Go To Home</button>
<button class="Contact_shadow">Contact Me</button>
<div class="container">
<div id="particles-js"></div>
<section id='title'>
<div class="title_stroke">
<svg class="programming_title_outline"width="1311" height="210" viewBox="0 0 1311 210" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="path-1-outside-1" maskUnits="userSpaceOnUse" x="0.0187378" y="0.600006" width="1311" height="209" fill="black">
<rect fill="white" x="0.0187378" y="0.600006" width="1311" height="209"/>
<path d="M64.6187 22C76.7521 22 87.2854 24 96.2187 28C105.285 32 112.219 37.7333 117.019 45.2C121.819 52.6667 124.219 61.5333 124.219 71.8C124.219 81.9333 121.819 90.8 117.019 98.4C112.219 105.867 105.285 111.6 96.2187 115.6C87.2854 119.6 76.7521 121.6 64.6187 121.6H33.0187V162H7.01874V22H64.6187ZM63.4187 99.6C74.7521 99.6 83.3521 97.2 89.2187 92.4C95.0854 87.6 98.0187 80.7333 98.0187 71.8C98.0187 62.8667 95.0854 56 89.2187 51.2C83.3521 46.4 74.7521 44 63.4187 44H33.0187V99.6H63.4187Z"/>
<path d="M158.606 70.8C165.806 59.6 178.473 54 196.606 54V77.8C194.473 77.4 192.54 77.2 190.806 77.2C181.073 77.2 173.473 80.0667 168.006 85.8C162.54 91.4 159.806 99.5333 159.806 110.2V162H134.806V55.2H158.606V70.8Z"/>
<path d="M252.837 163.4C242.037 163.4 232.304 161.067 223.637 156.4C214.971 151.733 208.171 145.267 203.237 137C198.437 128.6 196.037 119.133 196.037 108.6C196.037 98.0667 198.437 88.6667 203.237 80.4C208.171 72.1333 214.971 65.6667 223.637 61C232.304 56.3333 242.037 54 252.837 54C263.771 54 273.571 56.3333 282.237 61C290.904 65.6667 297.637 72.1333 302.438 80.4C307.371 88.6667 309.838 98.0667 309.838 108.6C309.838 119.133 307.371 128.6 302.438 137C297.637 145.267 290.904 151.733 282.237 156.4C273.571 161.067 263.771 163.4 252.837 163.4ZM252.837 142C262.037 142 269.638 138.933 275.638 132.8C281.638 126.667 284.638 118.6 284.638 108.6C284.638 98.6 281.638 90.5333 275.638 84.4C269.638 78.2667 262.037 75.2 252.837 75.2C243.637 75.2 236.037 78.2667 230.037 84.4C224.171 90.5333 221.237 98.6 221.237 108.6C221.237 118.6 224.171 126.667 230.037 132.8C236.037 138.933 243.637 142 252.837 142Z"/>
<path d="M427.744 55.2V145.8C427.744 183.4 408.544 202.2 370.144 202.2C359.877 202.2 350.144 200.867 340.944 198.2C331.744 195.667 324.144 191.933 318.144 187L329.344 168.2C334.01 172.067 339.877 175.133 346.944 177.4C354.144 179.8 361.41 181 368.744 181C380.477 181 389.077 178.333 394.544 173C400.01 167.667 402.744 159.533 402.744 148.6V143C398.477 147.667 393.277 151.2 387.144 153.6C381.01 156 374.277 157.2 366.944 157.2C356.81 157.2 347.61 155.067 339.344 150.8C331.21 146.4 324.744 140.267 319.944 132.4C315.277 124.533 312.944 115.533 312.944 105.4C312.944 95.2667 315.277 86.3333 319.944 78.6C324.744 70.7333 331.21 64.6667 339.344 60.4C347.61 56.1333 356.81 54 366.944 54C374.677 54 381.677 55.2667 387.944 57.8C394.344 60.3333 399.677 64.2 403.944 69.4V55.2H427.744ZM370.744 136C380.21 136 387.944 133.2 393.944 127.6C400.077 121.867 403.144 114.467 403.144 105.4C403.144 96.4667 400.077 89.2 393.944 83.6C387.944 78 380.21 75.2 370.744 75.2C361.144 75.2 353.277 78 347.144 83.6C341.144 89.2 338.144 96.4667 338.144 105.4C338.144 114.467 341.144 121.867 347.144 127.6C353.277 133.2 361.144 136 370.744 136Z"/>
<path d="M472.411 70.8C479.611 59.6 492.278 54 510.411 54V77.8C508.278 77.4 506.344 77.2 504.611 77.2C494.878 77.2 487.278 80.0667 481.811 85.8C476.344 91.4 473.611 99.5333 473.611 110.2V162H448.611V55.2H472.411V70.8Z"/>
<path d="M559.833 54C575.566 54 587.566 57.8 595.833 65.4C604.233 72.8667 608.433 84.2 608.433 99.4V162H584.833V149C581.766 153.667 577.366 157.267 571.633 159.8C566.033 162.2 559.233 163.4 551.233 163.4C543.233 163.4 536.233 162.067 530.233 159.4C524.233 156.6 519.566 152.8 516.233 148C513.033 143.067 511.433 137.533 511.433 131.4C511.433 121.8 514.966 114.133 522.033 108.4C529.233 102.533 540.499 99.6 555.833 99.6H583.433V98C583.433 90.5333 581.166 84.8 576.633 80.8C572.233 76.8 565.633 74.8 556.833 74.8C550.833 74.8 544.9 75.7333 539.033 77.6C533.3 79.4667 528.433 82.0667 524.433 85.4L514.633 67.2C520.233 62.9333 526.966 59.6667 534.833 57.4C542.699 55.1333 551.033 54 559.833 54ZM556.433 145.2C562.699 145.2 568.233 143.8 573.033 141C577.966 138.067 581.433 133.933 583.433 128.6V116.2H557.633C543.233 116.2 536.033 120.933 536.033 130.4C536.033 134.933 537.833 138.533 541.433 141.2C545.033 143.867 550.033 145.2 556.433 145.2Z"/>
<path d="M763.317 54C776.784 54 787.451 57.9333 795.317 65.8C803.184 73.5333 807.117 85.2 807.117 100.8V162H782.117V104C782.117 94.6667 780.051 87.6667 775.917 83C771.784 78.2 765.851 75.8 758.117 75.8C749.717 75.8 742.984 78.6 737.917 84.2C732.851 89.6667 730.317 97.5333 730.317 107.8V162H705.317V104C705.317 94.6667 703.251 87.6667 699.117 83C694.984 78.2 689.051 75.8 681.317 75.8C672.784 75.8 665.984 78.5333 660.917 84C655.984 89.4667 653.517 97.4 653.517 107.8V162H628.517V55.2H652.317V68.8C656.317 64 661.317 60.3333 667.317 57.8C673.317 55.2667 679.984 54 687.317 54C695.317 54 702.384 55.5333 708.517 58.6C714.784 61.5333 719.717 65.9333 723.317 71.8C727.717 66.2 733.384 61.8667 740.317 58.8C747.251 55.6 754.917 54 763.317 54Z"/>
<path d="M961.864 54C975.331 54 985.997 57.9333 993.864 65.8C1001.73 73.5333 1005.66 85.2 1005.66 100.8V162H980.664V104C980.664 94.6667 978.597 87.6667 974.464 83C970.331 78.2 964.397 75.8 956.664 75.8C948.264 75.8 941.531 78.6 936.464 84.2C931.397 89.6667 928.864 97.5333 928.864 107.8V162H903.864V104C903.864 94.6667 901.797 87.6667 897.664 83C893.531 78.2 887.597 75.8 879.864 75.8C871.331 75.8 864.531 78.5333 859.464 84C854.531 89.4667 852.064 97.4 852.064 107.8V162H827.064V55.2H850.864V68.8C854.864 64 859.864 60.3333 865.864 57.8C871.864 55.2667 878.531 54 885.864 54C893.864 54 900.931 55.5333 907.064 58.6C913.331 61.5333 918.264 65.9333 921.864 71.8C926.264 66.2 931.931 61.8667 938.864 58.8C945.797 55.6 953.464 54 961.864 54Z"/>
<path d="M1025.61 55.2H1050.61V162H1025.61V55.2ZM1038.21 37.6C1033.68 37.6 1029.88 36.2 1026.81 33.4C1023.74 30.4667 1022.21 26.8667 1022.21 22.6C1022.21 18.3333 1023.74 14.8 1026.81 12C1029.88 9.06667 1033.68 7.60001 1038.21 7.60001C1042.74 7.60001 1046.54 9 1049.61 11.8C1052.68 14.4667 1054.21 17.8667 1054.21 22C1054.21 26.4 1052.68 30.1333 1049.61 33.2C1046.68 36.1333 1042.88 37.6 1038.21 37.6Z"/>
<path d="M1132.02 54C1145.49 54 1156.29 57.9333 1164.42 65.8C1172.56 73.6667 1176.62 85.3333 1176.62 100.8V162H1151.62V104C1151.62 94.6667 1149.42 87.6667 1145.02 83C1140.62 78.2 1134.36 75.8 1126.22 75.8C1117.02 75.8 1109.76 78.6 1104.42 84.2C1099.09 89.6667 1096.42 97.6 1096.42 108V162H1071.42V55.2H1095.22V69C1099.36 64.0667 1104.56 60.3333 1110.82 57.8C1117.09 55.2667 1124.16 54 1132.02 54Z"/>
<path d="M1303.31 55.2V145.8C1303.31 183.4 1284.11 202.2 1245.71 202.2C1235.45 202.2 1225.71 200.867 1216.51 198.2C1207.31 195.667 1199.71 191.933 1193.71 187L1204.91 168.2C1209.58 172.067 1215.45 175.133 1222.51 177.4C1229.71 179.8 1236.98 181 1244.31 181C1256.05 181 1264.65 178.333 1270.11 173C1275.58 167.667 1278.31 159.533 1278.31 148.6V143C1274.05 147.667 1268.85 151.2 1262.71 153.6C1256.58 156 1249.85 157.2 1242.51 157.2C1232.38 157.2 1223.18 155.067 1214.91 150.8C1206.78 146.4 1200.31 140.267 1195.51 132.4C1190.85 124.533 1188.51 115.533 1188.51 105.4C1188.51 95.2667 1190.85 86.3333 1195.51 78.6C1200.31 70.7333 1206.78 64.6667 1214.91 60.4C1223.18 56.1333 1232.38 54 1242.51 54C1250.25 54 1257.25 55.2667 1263.51 57.8C1269.91 60.3333 1275.25 64.2 1279.51 69.4V55.2H1303.31ZM1246.31 136C1255.78 136 1263.51 133.2 1269.51 127.6C1275.65 121.867 1278.71 114.467 1278.71 105.4C1278.71 96.4667 1275.65 89.2 1269.51 83.6C1263.51 78 1255.78 75.2 1246.31 75.2C1236.71 75.2 1228.85 78 1222.71 83.6C1216.71 89.2 1213.71 96.4667 1213.71 105.4C1213.71 114.467 1216.71 121.867 1222.71 127.6C1228.85 133.2 1236.71 136 1246.31 136Z"/>
</mask>
<path d="M64.6187 22C76.7521 22 87.2854 24 96.2187 28C105.285 32 112.219 37.7333 117.019 45.2C121.819 52.6667 124.219 61.5333 124.219 71.8C124.219 81.9333 121.819 90.8 117.019 98.4C112.219 105.867 105.285 111.6 96.2187 115.6C87.2854 119.6 76.7521 121.6 64.6187 121.6H33.0187V162H7.01874V22H64.6187ZM63.4187 99.6C74.7521 99.6 83.3521 97.2 89.2187 92.4C95.0854 87.6 98.0187 80.7333 98.0187 71.8C98.0187 62.8667 95.0854 56 89.2187 51.2C83.3521 46.4 74.7521 44 63.4187 44H33.0187V99.6H63.4187Z" stroke="#F0F0C9" stroke-width="14" mask="url(#path-1-outside-1)"/>
<path d="M158.606 70.8C165.806 59.6 178.473 54 196.606 54V77.8C194.473 77.4 192.54 77.2 190.806 77.2C181.073 77.2 173.473 80.0667 168.006 85.8C162.54 91.4 159.806 99.5333 159.806 110.2V162H134.806V55.2H158.606V70.8Z" stroke="#F0F0C9" stroke-width="14" mask="url(#path-1-outside-1)"/>
<path d="M252.837 163.4C242.037 163.4 232.304 161.067 223.637 156.4C214.971 151.733 208.171 145.267 203.237 137C198.437 128.6 196.037 119.133 196.037 108.6C196.037 98.0667 198.437 88.6667 203.237 80.4C208.171 72.1333 214.971 65.6667 223.637 61C232.304 56.3333 242.037 54 252.837 54C263.771 54 273.571 56.3333 282.237 61C290.904 65.6667 297.637 72.1333 302.438 80.4C307.371 88.6667 309.838 98.0667 309.838 108.6C309.838 119.133 307.371 128.6 302.438 137C297.637 145.267 290.904 151.733 282.237 156.4C273.571 161.067 263.771 163.4 252.837 163.4ZM252.837 142C262.037 142 269.638 138.933 275.638 132.8C281.638 126.667 284.638 118.6 284.638 108.6C284.638 98.6 281.638 90.5333 275.638 84.4C269.638 78.2667 262.037 75.2 252.837 75.2C243.637 75.2 236.037 78.2667 230.037 84.4C224.171 90.5333 221.237 98.6 221.237 108.6C221.237 118.6 224.171 126.667 230.037 132.8C236.037 138.933 243.637 142 252.837 142Z" stroke="#F0F0C9" stroke-width="14" mask="url(#path-1-outside-1)"/>
<path d="M427.744 55.2V145.8C427.744 183.4 408.544 202.2 370.144 202.2C359.877 202.2 350.144 200.867 340.944 198.2C331.744 195.667 324.144 191.933 318.144 187L329.344 168.2C334.01 172.067 339.877 175.133 346.944 177.4C354.144 179.8 361.41 181 368.744 181C380.477 181 389.077 178.333 394.544 173C400.01 167.667 402.744 159.533 402.744 148.6V143C398.477 147.667 393.277 151.2 387.144 153.6C381.01 156 374.277 157.2 366.944 157.2C356.81 157.2 347.61 155.067 339.344 150.8C331.21 146.4 324.744 140.267 319.944 132.4C315.277 124.533 312.944 115.533 312.944 105.4C312.944 95.2667 315.277 86.3333 319.944 78.6C324.744 70.7333 331.21 64.6667 339.344 60.4C347.61 56.1333 356.81 54 366.944 54C374.677 54 381.677 55.2667 387.944 57.8C394.344 60.3333 399.677 64.2 403.944 69.4V55.2H427.744ZM370.744 136C380.21 136 387.944 133.2 393.944 127.6C400.077 121.867 403.144 114.467 403.144 105.4C403.144 96.4667 400.077 89.2 393.944 83.6C387.944 78 380.21 75.2 370.744 75.2C361.144 75.2 353.277 78 347.144 83.6C341.144 89.2 338.144 96.4667 338.144 105.4C338.144 114.467 341.144 121.867 347.144 127.6C353.277 133.2 361.144 136 370.744 136Z" stroke="#F0F0C9" stroke-width="14" mask="url(#path-1-outside-1)"/>
<path d="M472.411 70.8C479.611 59.6 492.278 54 510.411 54V77.8C508.278 77.4 506.344 77.2 504.611 77.2C494.878 77.2 487.278 80.0667 481.811 85.8C476.344 91.4 473.611 99.5333 473.611 110.2V162H448.611V55.2H472.411V70.8Z" stroke="#F0F0C9" stroke-width="14" mask="url(#path-1-outside-1)"/>
<path d="M559.833 54C575.566 54 587.566 57.8 595.833 65.4C604.233 72.8667 608.433 84.2 608.433 99.4V162H584.833V149C581.766 153.667 577.366 157.267 571.633 159.8C566.033 162.2 559.233 163.4 551.233 163.4C543.233 163.4 536.233 162.067 530.233 159.4C524.233 156.6 519.566 152.8 516.233 148C513.033 143.067 511.433 137.533 511.433 131.4C511.433 121.8 514.966 114.133 522.033 108.4C529.233 102.533 540.499 99.6 555.833 99.6H583.433V98C583.433 90.5333 581.166 84.8 576.633 80.8C572.233 76.8 565.633 74.8 556.833 74.8C550.833 74.8 544.9 75.7333 539.033 77.6C533.3 79.4667 528.433 82.0667 524.433 85.4L514.633 67.2C520.233 62.9333 526.966 59.6667 534.833 57.4C542.699 55.1333 551.033 54 559.833 54ZM556.433 145.2C562.699 145.2 568.233 143.8 573.033 141C577.966 138.067 581.433 133.933 583.433 128.6V116.2H557.633C543.233 116.2 536.033 120.933 536.033 130.4C536.033 134.933 537.833 138.533 541.433 141.2C545.033 143.867 550.033 145.2 556.433 145.2Z" stroke="#F0F0C9" stroke-width="14" mask="url(#path-1-outside-1)"/>
<path d="M763.317 54C776.784 54 787.451 57.9333 795.317 65.8C803.184 73.5333 807.117 85.2 807.117 100.8V162H782.117V104C782.117 94.6667 780.051 87.6667 775.917 83C771.784 78.2 765.851 75.8 758.117 75.8C749.717 75.8 742.984 78.6 737.917 84.2C732.851 89.6667 730.317 97.5333 730.317 107.8V162H705.317V104C705.317 94.6667 703.251 87.6667 699.117 83C694.984 78.2 689.051 75.8 681.317 75.8C672.784 75.8 665.984 78.5333 660.917 84C655.984 89.4667 653.517 97.4 653.517 107.8V162H628.517V55.2H652.317V68.8C656.317 64 661.317 60.3333 667.317 57.8C673.317 55.2667 679.984 54 687.317 54C695.317 54 702.384 55.5333 708.517 58.6C714.784 61.5333 719.717 65.9333 723.317 71.8C727.717 66.2 733.384 61.8667 740.317 58.8C747.251 55.6 754.917 54 763.317 54Z" stroke="#F0F0C9" stroke-width="14" mask="url(#path-1-outside-1)"/>
<path d="M961.864 54C975.331 54 985.997 57.9333 993.864 65.8C1001.73 73.5333 1005.66 85.2 1005.66 100.8V162H980.664V104C980.664 94.6667 978.597 87.6667 974.464 83C970.331 78.2 964.397 75.8 956.664 75.8C948.264 75.8 941.531 78.6 936.464 84.2C931.397 89.6667 928.864 97.5333 928.864 107.8V162H903.864V104C903.864 94.6667 901.797 87.6667 897.664 83C893.531 78.2 887.597 75.8 879.864 75.8C871.331 75.8 864.531 78.5333 859.464 84C854.531 89.4667 852.064 97.4 852.064 107.8V162H827.064V55.2H850.864V68.8C854.864 64 859.864 60.3333 865.864 57.8C871.864 55.2667 878.531 54 885.864 54C893.864 54 900.931 55.5333 907.064 58.6C913.331 61.5333 918.264 65.9333 921.864 71.8C926.264 66.2 931.931 61.8667 938.864 58.8C945.797 55.6 953.464 54 961.864 54Z" stroke="#F0F0C9" stroke-width="14" mask="url(#path-1-outside-1)"/>
<path d="M1025.61 55.2H1050.61V162H1025.61V55.2ZM1038.21 37.6C1033.68 37.6 1029.88 36.2 1026.81 33.4C1023.74 30.4667 1022.21 26.8667 1022.21 22.6C1022.21 18.3333 1023.74 14.8 1026.81 12C1029.88 9.06667 1033.68 7.60001 1038.21 7.60001C1042.74 7.60001 1046.54 9 1049.61 11.8C1052.68 14.4667 1054.21 17.8667 1054.21 22C1054.21 26.4 1052.68 30.1333 1049.61 33.2C1046.68 36.1333 1042.88 37.6 1038.21 37.6Z" stroke="#F0F0C9" stroke-width="14" mask="url(#path-1-outside-1)"/>
<path d="M1132.02 54C1145.49 54 1156.29 57.9333 1164.42 65.8C1172.56 73.6667 1176.62 85.3333 1176.62 100.8V162H1151.62V104C1151.62 94.6667 1149.42 87.6667 1145.02 83C1140.62 78.2 1134.36 75.8 1126.22 75.8C1117.02 75.8 1109.76 78.6 1104.42 84.2C1099.09 89.6667 1096.42 97.6 1096.42 108V162H1071.42V55.2H1095.22V69C1099.36 64.0667 1104.56 60.3333 1110.82 57.8C1117.09 55.2667 1124.16 54 1132.02 54Z" stroke="#F0F0C9" stroke-width="14" mask="url(#path-1-outside-1)"/>
<path d="M1303.31 55.2V145.8C1303.31 183.4 1284.11 202.2 1245.71 202.2C1235.45 202.2 1225.71 200.867 1216.51 198.2C1207.31 195.667 1199.71 191.933 1193.71 187L1204.91 168.2C1209.58 172.067 1215.45 175.133 1222.51 177.4C1229.71 179.8 1236.98 181 1244.31 181C1256.05 181 1264.65 178.333 1270.11 173C1275.58 167.667 1278.31 159.533 1278.31 148.6V143C1274.05 147.667 1268.85 151.2 1262.71 153.6C1256.58 156 1249.85 157.2 1242.51 157.2C1232.38 157.2 1223.18 155.067 1214.91 150.8C1206.78 146.4 1200.31 140.267 1195.51 132.4C1190.85 124.533 1188.51 115.533 1188.51 105.4C1188.51 95.2667 1190.85 86.3333 1195.51 78.6C1200.31 70.7333 1206.78 64.6667 1214.91 60.4C1223.18 56.1333 1232.38 54 1242.51 54C1250.25 54 1257.25 55.2667 1263.51 57.8C1269.91 60.3333 1275.25 64.2 1279.51 69.4V55.2H1303.31ZM1246.31 136C1255.78 136 1263.51 133.2 1269.51 127.6C1275.65 121.867 1278.71 114.467 1278.71 105.4C1278.71 96.4667 1275.65 89.2 1269.51 83.6C1263.51 78 1255.78 75.2 1246.31 75.2C1236.71 75.2 1228.85 78 1222.71 83.6C1216.71 89.2 1213.71 96.4667 1213.71 105.4C1213.71 114.467 1216.71 121.867 1222.71 127.6C1228.85 133.2 1236.71 136 1246.31 136Z" stroke="#F0F0C9" stroke-width="14" mask="url(#path-1-outside-1)"/>
</svg>
<h3 class=joke>beep boop, beep, boop, boop?</h3>
<h3 class='actual_description'>A catolog of my favorite projects</h3>
</div>
</section>
<section id='method'>
<div class="method_title">
<h1>My Methodology</h1>
</div>
<div class="grid1">
<div class="q1">
<h1>What is this project supposed to do?</h1>
<p>A lot of programmers I’m friends with love to comment on my coding style. I create best by throwing my previous knowledge at a digital wall, building small pieces of my project out of the things I like, and scrapping the others. While this style enables me to be more creative and solve problems considerably faster than my programming peers, It can also potentially cause me to get sidetracked and create beautiful programs that are unfortunately entirely different than what I had set out to make. In order to stay on track, I constantly ask myself “What is this project supposed to do?” Doing this forces me into making tiny adjustments to my projects, fine-tuning them until they perfectly fulfill their purposes.</p>
</div>
<button class="rect1"></button>
</div>
<div class="grid2">
<div class="q2">
<h1 class="benefit">How can one benefit from this project?</h1>
<p>While I can understand the appeal, I’ve never wanted to work at one of the main tech companies. I’ve always thought that computer science could be used for something more than fine-tuning privacy intruding algorithms and developing UX that corrodes the average human attention span. In an effort to keep in line with these values, I ask myself whenever I create a prototype: “Why did I create this?” If the answer to this question involves improving a community, the well-being of others, or my own skill, then I continue working on it. While I don't expect myself to change the world with each project, I want my work to have some degree of meaning. As the saying goes: “Look to solve problems, not create solutions.”
</p>
</div>
<button class="rect2"></button>
</div>
<div class="grid3">
<div class="q3">
<h1>What went well in this project?</h1>
<p>One of the reasons why I love programming so much is how much it demands from me. It constantly asks me to improve on what I’ve made, and to continue to learn. In an effort to grow as fast as possible, I reflect on what goes well throughout my projects, creating an internal dialogue. “Did making a class for this particular section go well? Ok, I’ll do that when I create those from now on. Did this research method work well for finding an answer to a question? Sweet, I’ll make sure to try that the next time I’m having problems.” By physically writing down these findings, I can commit to memory valuable knowledge and skills. </p>
</div>
<button class="rect3"></button>
</div>
<div class="grid4">
<div class="q4">
<h1>What didn't go well in this project?</h1>
<p>While running a program and having it work first try is an adrenaline rush like no other, the reality is that most of the things you make are not going to be perfect the first time. Admitting something was hard to do or was written poorly is incredibly difficult for programmers, but if one wants to improve, it is completely necessary to hone in on the areas you are weakest in. In order to do this, I ask myself the following questions. “What did I spend a lot of unnecessary time on? What was written poorly that could be improved? What did I choose to skip over?” This allows me to take mental notes of what I need to spend more time getting familiar with in the future.</p>
</div>
<button class="rect4"></button>
</div>
</section>
<section id='p1'>
<div class="center_piece">
<div class="iphone_model">
<img class="iphone" src="Apple iPhone 11 Black.png">
<img class="powerupdate_gif" src="powerupdate.gif">
</div>
<div class="PU-title">
<h1>PowerUpdate</h1>
</div>
<h3 class="desc1">SMS texts for Powerschool</h3>
<div class="method_report_PU">
<form>
<button class="PU_method">Methodology Report</button>
</form>
<button class ="PU_code" onclick="location.href='https://github.com/Simon-Sandrew/PowerUpdate-SMS'">Full Code on Github</button>
</div>
</div>
</section>
<section id='p2'>
<div class="ryepeat_main">
<h1 class="r_title">Ryepeat</h1>
<img class="ryepeat_gif" src="ryepeat.gif">
<h3 class="r_description">Twitch highlights made easy</h3>
</div>
<div class="method_report_r">
<form>
<button class="r_method">Methodology Report</button>
</form>
<button class ="r_code" onclick="location.href='https://github.com/Simon-Sandrew/ryepeat-twitch-tool'">Full Code on Github</button>
</div>
</section>
<section id='p3'>
<div class="cn_main">
<h1 class="cn_title">Code Ninjas Private Curriculum</h1>
<h3 class="cn_desc">The project I used to teach python to a 9-year-old with no starting experience</h3>
<img class="cn_gif" src="https://media.giphy.com/media/DbdyHXWrJgO1egvmd4/giphy.gif">
</div>
<div class="cn_links">
<button class="cn_method">Methodology Report</button>
<button class ="cn_code" onclick="location.href='https://github.com/Simon-Sandrew/Code-Ninjas-Cirriculum'">Full Code on Github</button>
</div>
</section>
<section id='p4'>
<div class="server_main">
<img class="host_gif" src="host.gif">
<img class="client_gif" src="client.gif">
</div>
<div class="server_center">
<h1 class="server_t">Basic Messaging</h1>
<h3 class="server_c">Client-server communication with processing</h3>
</div>
<div class="ext_links">
<button class="s_method">Methodology Report</button>
<button class ="s_code" onclick="location.href='https://github.com/Simon-Sandrew/Processing-Basic-Messaging'">Full Code on Github </button>
</div>
</section>
<section id='p5'>
<div class="af_main">
<h1 class="af_title">Album Finder</h1>
<h3 class="af_desc">Find albums with processing</h3>
<img class="af_gif" src="album_finder.gif">
</div>
<div class="af_links">
<button class="af_method">Methodology Report</button>
<button class ="af_code" onclick="location.href='https://github.com/Simon-Sandrew/Processing-Album-Finder'">Full Code on Github</button>
</div>
</section>
<script src ='./anime-master/lib/anime.min.js'></script>
<script src="programming.js"></script>
<script src="./particles.js"></script>
<script src="./particles.min.js"></script>
<script src="particle_control.js"></script>
</body>
</html>