Henry-Hiles/website-old
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Should all be working

Browse source
This commit is contained in:
Henry Hiles 2023-06-02 16:04:05 -04:00
parent 1c29248f9f
commit e3543f99c5
6 changed files with 322 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

88
public/images/QWeatherThumb.svg
View file

@ -1,19 +1,71 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 264 264"
id="vector">
<g
id="group"
transform="translate(67.61489 67.61489) scale(0.4888889 0.4888889)">
<path
id="path"
d="M 117.89 64.38 C 103.951 64.38 90.476 67.582 79.986 73.387 C 69.496 79.192 62.69 87.213 60.84 95.95 C 46.307 99.289 34.532 103.585 26.429 108.507 C 18.325 113.428 14.11 118.842 14.11 124.33 C 14.113 124.373 14.116 124.417 14.12 124.46 C 4.978 130.198 0.007 137.271 0 144.55 C 0 150.286 3.083 155.922 8.939 160.89 C 14.794 165.858 23.218 169.984 33.36 172.852 C 43.502 175.72 55.009 177.23 66.72 177.23 C 67.984 177.228 69.248 177.208 70.51 177.17 C 75.439 183.869 84.952 189.703 97.69 193.837 C 110.427 197.971 125.751 200.198 141.47 200.2 C 152.071 200.2 162.552 199.188 172.216 197.232 C 181.879 195.275 190.505 192.418 197.52 188.85 C 215.94 187.737 232.982 182.912 245.354 175.306 C 257.727 167.7 264.58 157.837 264.59 147.62 C 264.589 139.676 260.451 131.896 252.67 125.21 C 252.715 124.917 252.749 124.623 252.77 124.33 C 252.768 119.407 249.374 114.537 242.801 110.025 C 236.228 105.514 226.617 101.457 214.57 98.11 C 211.716 91.321 205.314 85.308 196.371 81.019 C 187.428 76.729 176.441 74.401 165.14 74.4 C 162.775 74.402 160.412 74.505 158.07 74.71 C 147.325 68.089 132.902 64.38 117.9 64.38 Z"
fill="#f2f2f2"
stroke-width="18.5641"/>
<path
id="path_1"
d="M 169.35 133.68 Q 169.35 144.27 165.99 152.3 Q 162.63 160.34 156.83 165.52 L 168.15 179.74 L 152.54 179.74 L 146.16 171.9 Q 139.71 174.33 132.29 174.33 Q 121.74 174.33 113.36 169.54 Q 104.97 164.75 100.11 155.67 Q 95.24 146.55 95.24 133.68 Q 95.24 120.74 100.11 111.65 Q 104.98 102.57 113.36 97.82 Q 121.75 93.03 132.29 93.03 Q 142.8 93.03 151.19 97.82 Q 159.58 102.57 164.44 111.65 Q 169.35 120.73 169.35 133.68 Z M 126.5 145.73 L 140.72 145.73 L 146.59 153.26 Q 149.33 149.98 150.84 145.07 Q 152.39 140.16 152.39 133.67 Q 152.39 121.07 146.9 114.47 Q 141.41 107.82 132.29 107.82 Q 123.17 107.82 117.68 114.47 Q 112.19 121.08 112.19 133.67 Q 112.19 146.23 117.68 152.87 Q 123.17 159.52 132.29 159.52 Q 134.57 159.52 136.62 159.09 Z"
fill="#3b4252"
stroke-width="362.705"/>
</g>
</svg>
viewBox="0 0 264 264"
id="vector"
version="1.1"
sodipodi:docname="QWeatherThumb.svg"
xml:space="preserve"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"><defs
id="defs8">
</defs><sodipodi:namedview
id="namedview6"
pagecolor="#354b5f"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="1"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
showgrid="false"
inkscape:zoom="1.28"
inkscape:cx="101.95312"
inkscape:cy="192.1875"
inkscape:window-width="1904"
inkscape:window-height="1003"
inkscape:window-x="35"
inkscape:window-y="32"
inkscape:window-maximized="0"
inkscape:current-layer="vector" /><circle
style="fill:#354b5f;fill-opacity:1;stroke:none;stroke-width:8.24088;stroke-linejoin:round"
id="path4497"
cx="132"
cy="132"
r="105.48328" /><path
id="path2523"
style="color:#000000;fill:#ffffff;stroke-width:0.799116;-inkscape-stroke:none"
d="m 128.51089,108.63609 v 50.53782 45.27335 c 0,8.86272 7.10089,15.9636 15.96359,15.9636 8.86271,0 15.96358,-7.10087 15.96358,-15.9636 1e-5,-1.97175 -1.51538,-3.48988 -3.48832,-3.48988 -1.97297,0 -3.48989,1.51912 -3.48989,3.48988 0,4.91624 -4.06916,8.98537 -8.98537,8.98537 -4.9162,0 -8.98537,-4.06915 -8.98537,-8.98537 v -45.27335 -50.53782 z" /><style
type="text/css"
id="style435">
<![CDATA[
.st0{fill:#000000;}
]]>
</style><style
type="text/css"
id="style450">
<![CDATA[
.st0{fill:#000000;}
]]>
</style><path
id="path2301"
style="fill:#ffffff;stroke-width:2.4949"
d="m 132,63.11879 c -15.69036,22.029876 -24.94896,48.9523 -24.94896,78.05269 v 9.38025 c 1.43707,-0.73598 2.08988,-1.89634 2.08988,-1.89634 2.86912,-6.55907 8.47275,-11.64604 15.37361,-13.81909 0,0 0.62362,-0.25167 1.55921,-0.50413 0.4678,-0.12622 1.0135,-0.25337 1.59823,-0.34805 0.29238,-0.0473 0.59514,-0.0863 0.90213,-0.11393 0.30699,-0.0276 0.61836,-0.0437 0.93022,-0.0437 0.82081,-0.0823 1.65241,-0.14046 2.49568,-0.14046 0.84327,0 1.67329,0.0581 2.49411,0.14046 h -1.28608 c 0.47065,0.006 0.92237,2.5e-4 1.40002,0.0234 0.47765,0.0232 0.95393,0.056 1.41562,0.10301 0.46169,0.0471 0.91013,0.10919 1.3329,0.18729 0.42277,0.0781 0.81906,0.17235 1.17994,0.28875 0.3556,0.11469 0.67401,0.25165 0.94739,0.41048 v -0.003 c 6.90086,2.17305 12.5045,7.26002 15.37361,13.81909 0,0 0.65438,1.16036 2.09144,1.89634 v -9.38025 c 0,-29.10039 -9.25859,-56.022815 -24.94895,-78.05269 z" /><path
fill="#231f20"
d="m 52.163285,141.97959 c 0,0 0,2.49489 2.494898,2.49489 2.494897,0 4.657973,-2.49489 4.657973,-2.49489 4.523249,-4.61556 10.82037,-7.48469 17.796103,-7.48469 10.229079,0 19.006128,6.16239 22.858249,14.96938 0,0 0.653662,1.16013 2.090722,1.89612 v -9.38081 c 0,-29.62691 9.26355,-57.065787 24.99388,-79.669557 -41.787032,2.55727 -74.891825,37.236343 -74.891825,79.669557 z"
id="path1807"
style="fill:#ffffff;stroke-width:2.4949" /><path
fill="#231f20"
d="m 136.94489,62.310033 c 15.73033,22.60377 24.99388,50.042647 24.99388,79.669557 v 9.38081 c 1.43706,-0.73599 2.09072,-1.89612 2.09072,-1.89612 3.85213,-8.80699 12.62917,-14.96938 22.85825,-14.96938 6.97573,0 13.27036,2.86913 17.7961,7.48469 0,0 2.16308,2.49489 4.65798,2.49489 2.49489,0 2.49489,-2.49489 2.49489,-2.49489 0,-42.433214 -33.10479,-77.112287 -74.89182,-79.669557 z"
id="path1809"
style="fill:#ffffff;stroke-width:2.4949" /><path
fill="#231f20"
d="m 132,52.163285 c -4.13404,0 -7.48469,3.353143 -7.48469,7.484692 h 14.96938 c 0,-4.131549 -3.35065,-7.484692 -7.48469,-7.484692 z"
id="path1811"
style="fill:#ffffff;stroke-width:2.4949" /></svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 3.9 KiB

Before After
Before After

86
public/images/movieReactThumb.svg Normal file
View file

@ -0,0 +1,86 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="256"
height="256"
viewBox="0 0 67.733332 67.733333"
version="1.1"
id="svg2511"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
xml:space="preserve"
sodipodi:docname="movieReactThumb.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
id="namedview2513"
pagecolor="#354b5f"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="1"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="px"
showgrid="false"
inkscape:zoom="0.33941497"
inkscape:cx="1078.326"
inkscape:cy="315.24832"
inkscape:window-width="1904"
inkscape:window-height="975"
inkscape:window-x="35"
inkscape:window-y="32"
inkscape:window-maximized="0"
inkscape:current-layer="layer1" /><defs
id="defs2508">
</defs><g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"><circle
style="fill:#354b5f;fill-opacity:1;stroke:none;stroke-width:2.64583;stroke-linejoin:round"
id="path4497"
cx="33.866669"
cy="33.866665"
r="33.866665" /><g
id="g645"
transform="translate(0.74804868,-1.6685862)"><path
class="st0"
d="m 14.419298,49.4402 c 0,1.634332 1.323697,2.958031 2.95803,2.958031 h 31.945473 c 1.63307,0 2.958031,-1.323699 2.958031,-2.958031 V 30.612372 H 14.419298 Z m 16.386229,-8.716332 v -4.27187 c 0,-0.06161 0.03329,-0.117059 0.08503,-0.146639 0.05301,-0.02958 0.11706,-0.02832 0.168884,0.0024 l 7.158435,4.273132 c 0.05056,0.02958 0.08133,0.08503 0.08133,0.143011 0,0.05916 -0.03084,0.114614 -0.08133,0.144194 l -7.158435,4.273053 c -0.05175,0.03203 -0.115876,0.03329 -0.168884,0.0024 -0.05175,-0.02958 -0.08503,-0.08503 -0.08503,-0.14664 z"
id="path452"
style="fill:#ffffff;stroke-width:0.0788807" /><path
id="path458"
style="fill:#ffffff;stroke-width:0.0788807"
class="st0"
d="m 17.88917,24.198416 -1.511536,0.280086 c -1.605934,0.297066 -2.668497,1.837555 -2.371431,3.444751 l 0.412895,2.238623 h 1.045414 l -0.0615,-0.08888 2.486153,-5.527828 z" /><polygon
class="st0"
points="178.363,48.766 115.097,60.438 81.441,135.281 144.707,123.609 "
id="polygon464"
transform="matrix(0.07888083,0,0,0.07888083,12.925215,18.672274)"
style="fill:#ffffff" /><polygon
class="st0"
points="291.66,27.844 228.394,39.531 194.722,114.375 257.988,102.688 "
id="polygon466"
transform="matrix(0.07888083,0,0,0.07888083,12.925215,18.672274)"
style="fill:#ffffff" /><polygon
class="st0"
points="404.957,6.938 341.675,18.625 308.019,93.469 371.285,81.781 "
id="polygon468"
transform="matrix(0.07888083,0,0,0.07888083,12.925215,18.672274)"
style="fill:#ffffff" /><path
class="st0"
d="m 51.238106,21.052267 c -0.236642,-1.287966 -1.276923,-2.209925 -2.505728,-2.379993 l -2.57467,5.723831 5.510535,-1.015592 z"
id="path470"
style="fill:#ffffff;stroke-width:0.0788807" /></g></g><style
type="text/css"
id="style435">
<![CDATA[
.st0{fill:#000000;}
]]>
</style><style
type="text/css"
id="style450">
<![CDATA[
.st0{fill:#000000;}
]]>
</style></svg>
Side by side

After

Width:  |  Height:  |  Size: 3.5 KiB

82
public/images/quadraticBotThumb.svg Normal file
View file

@ -0,0 +1,82 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="256"
height="256"
viewBox="0 0 67.733332 67.733333"
version="1.1"
id="svg5"
xml:space="preserve"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="quadraticBotThumb.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
id="namedview7"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="px"
showgrid="false"
inkscape:zoom="1.9200211"
inkscape:cx="146.09214"
inkscape:cy="145.3109"
inkscape:window-width="1904"
inkscape:window-height="1003"
inkscape:window-x="35"
inkscape:window-y="32"
inkscape:window-maximized="0"
inkscape:current-layer="layer1"
showguides="true" /><defs
id="defs2" /><g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"><circle
style="fill:#354b5f;stroke-width:0"
id="path365"
cx="33.866665"
cy="33.866665"
r="33.866665" /><path
id="path4138"
style="fill:#ffffff;stroke-width:0.0661732"
d="M 24.337532 23.279199 A 5.2921363 5.2921363 0 0 0 19.043799 28.572933 L 19.043799 46.571834 A 4.2392729 4.2392729 0 0 0 23.279199 50.807234 L 44.454134 50.807234 A 4.2392729 4.2392729 0 0 0 48.689534 46.571834 L 48.689534 28.572933 A 5.2921363 5.2921363 0 0 0 43.3958 23.279199 L 37.74705 23.279199 L 35.984366 23.279199 L 31.748966 23.279199 L 29.986283 23.279199 L 24.337532 23.279199 z M 27.773498 31.232719 A 2.6469284 2.6469284 0 0 1 30.160949 33.866666 A 2.6467299 2.6467299 0 0 1 27.514083 36.513533 A 2.6469284 2.6469284 0 1 1 27.773498 31.232719 z M 40.478666 31.232719 A 2.6469284 2.6469284 0 0 1 42.866117 33.866666 A 2.6467299 2.6467299 0 0 1 40.21925 36.513533 A 2.6469284 2.6469284 0 1 1 40.478666 31.232719 z M 14.808915 31.748966 A 2.1150056 2.1150056 0 0 0 12.691215 33.866666 L 12.691215 42.33695 A 2.1150056 2.1150056 0 0 0 14.808915 44.454134 L 16.926098 44.454134 L 16.926098 31.748966 L 14.808915 31.748966 z M 50.807234 31.748966 L 50.807234 44.454134 L 52.924417 44.454134 A 2.1150056 2.1150056 0 0 0 55.042118 42.33695 L 55.042118 33.866666 A 2.1150056 2.1150056 0 0 0 52.924417 31.748966 L 50.807234 31.748966 z M 25.396382 42.33695 L 29.631783 42.33695 L 29.631783 44.454134 L 25.396382 44.454134 L 25.396382 42.33695 z M 31.748966 42.33695 L 35.984366 42.33695 L 35.984366 44.454134 L 31.748966 44.454134 L 31.748966 42.33695 z M 38.10155 42.33695 L 42.33695 42.33695 L 42.33695 44.454134 L 38.10155 44.454134 L 38.10155 42.33695 z " /><rect
style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:1.28921;stroke-linejoin:round"
id="rect4254"
width="6.4622889"
height="6.8408689"
x="14.738746"
y="34.511269"
ry="1.6140701" /><rect
style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:1.28921;stroke-linejoin:round"
id="rect4384"
width="6.4622889"
height="6.8408689"
x="45.458321"
y="34.511269"
ry="1.6140701" /><rect
style="fill:#354b5f;fill-opacity:1;stroke:none;stroke-width:2.11667;stroke-linejoin:round"
id="rect4445"
width="16.940342"
height="2.117542"
x="25.396494"
y="42.336838"
ry="0" /><rect
style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:2.3779;stroke-linejoin:round"
id="rect4572"
width="3.5144277"
height="9.4785137"
x="32.109451"
y="15.446238"
ry="1.537643" /><ellipse
style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:5.11618;stroke-linejoin:round"
id="path4636"
cx="33.866665"
cy="13.650502"
rx="4.2473435"
ry="4.3404555" /></g></svg>
Side by side

After

Width:  |  Height:  |  Size: 4.1 KiB

80
public/images/videoChatThumb.svg Normal file
View file

@ -0,0 +1,80 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="256"
height="256"
viewBox="0 0 67.733332 67.733333"
version="1.1"
id="svg2511"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
xml:space="preserve"
sodipodi:docname="videoChatThumb.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
id="namedview2513"
pagecolor="#354b5f"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="1"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="px"
showgrid="false"
inkscape:zoom="1.3576599"
inkscape:cx="-97.226117"
inkscape:cy="67.763657"
inkscape:window-width="1904"
inkscape:window-height="1003"
inkscape:window-x="35"
inkscape:window-y="32"
inkscape:window-maximized="0"
inkscape:current-layer="layer1" /><defs
id="defs2508" /><g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"><circle
style="fill:#354b5f;fill-opacity:1;stroke:none;stroke-width:2.64583;stroke-linejoin:round"
id="path4497"
cx="33.866665"
cy="33.866657"
r="33.866665" /><g
id="g4244"
transform="translate(96.784398,-38.506055)"><rect
style="fill:#ffffff;stroke:none;stroke-width:1.21288"
id="rect3268"
width="31.987516"
height="25.520342"
x="-83.918022"
y="59.612549"
ry="4.9436579" /><path
sodipodi:type="star"
style="fill:#ffffff;stroke:#ffffff;stroke-width:2.30623;stroke-linecap:butt;stroke-linejoin:round;stroke-dasharray:none"
id="path3328"
inkscape:flatsided="false"
sodipodi:sides="3"
sodipodi:cx="83.754196"
sodipodi:cy="26.683048"
sodipodi:r1="9.331007"
sodipodi:r2="4.665504"
sodipodi:arg1="1.0471976"
sodipodi:arg2="2.0943951"
inkscape:rounded="0"
inkscape:randomized="0"
d="m 88.419699,34.763938 -6.998255,-4.040445 -6.998255,-4.040445 6.998255,-4.040445 6.998256,-4.040444 0,8.080889 z"
inkscape:transform-center-x="2.6762592"
transform="matrix(1.1472533,0,0,1.1472533,-144.68015,41.760506)" /></g><circle
style="fill:#000000;fill-opacity:0;stroke:none;stroke-width:2.64583;stroke-linejoin:round"
id="path3611"
cx="-63.12355"
cy="72.372719"
r="33.866665" /><ellipse
style="fill:#000000;fill-opacity:0;stroke:none;stroke-width:2.70546;stroke-linejoin:round"
id="path4369"
cx="33.866665"
cy="33.866665"
rx="33.866665"
ry="33.866673" /></g></svg>
Side by side

After

Width:  |  Height:  |  Size: 2.9 KiB

4
src/components/Jumbo.astro
View file

@ -5,7 +5,6 @@ import Divider from "./Divider.astro"
<header>
<section id={styles.jumbo}>
<!-- <h1>Henry Hiles</h1> -->
<img
id={styles.logoLong}
src="/images/logoLong.svg"
@ -13,8 +12,7 @@ import Divider from "./Divider.astro"
/>
<Divider />
<span id={styles.shortAbout}>
Full Stack .NET Developer & Discord Bot Developer
Full Stack Web Developer and Discord Bot Developer
</span>
<!-- <RoundDivider /> -->
</section>
</header>

6
src/projects.json
View file

@ -11,7 +11,7 @@
},
"technologies": "This project was built using Node.js and Discord.js.",
"mainImage": "quadraticBotComputer.png",
"thumbImage": "mentalMathThumb.svg"
"thumbImage": "quadraticBotThumb.svg"
},
{
"name": "PokeAPI Searcher",
@ -42,7 +42,7 @@
"description": "A simple Web-RTC powered video chat, great for chatting with friends or family.",
"technologies": "This project was built using EJS, PeerJS, Express, and Socket.IO.",
"mainImage": "videoChatComputer.png",
"thumbImage": "mentalMathThumb.svg",
"thumbImage": "videoChatThumb.svg",
"demoLink": "https://video.henryhiles.com"
},
{
@ -63,7 +63,7 @@
"description": "An open-source website to find movies, written in React. Includes a client-side only rating system. Uses the TMDB API for data.",
"technologies": "This project was built using React and CSS Modules.",
"mainImage": "movieComputer.png",
"thumbImage": "mentalMathThumb.svg",
"thumbImage": "movieReactThumb.svg",
"demoLink": "https://movies.henryhiles.com"
},
{