From 86d5da3b5712813a6c666a15bf045ae02d876303 Mon Sep 17 00:00:00 2001
From: Lester Huang <huangl302d@gmail.com>
Date: Sun, 2 Jan 2022 14:56:04 -0500
Subject: [PATCH] init structure for career pane

---
 src/assets/CareerData.json     |  50 ++++++++++++++
 src/assets/lehigh.svg          | 119 +++++++++++++++++++++++++++++++++
 src/assets/optum.svg           |  64 ++++++++++++++++++
 src/components/CareerPane.vue  |  15 +++--
 src/components/ContactPane.vue |   7 +-
 src/components/HumanPane.vue   |  13 ++--
 src/components/SplashPane.vue  |   7 +-
 src/css/app.scss               |  10 +++
 src/layouts/CareerEntry.vue    |  16 +++++
 9 files changed, 283 insertions(+), 18 deletions(-)
 create mode 100644 src/assets/CareerData.json
 create mode 100644 src/assets/lehigh.svg
 create mode 100644 src/assets/optum.svg
 create mode 100644 src/layouts/CareerEntry.vue

diff --git a/src/assets/CareerData.json b/src/assets/CareerData.json
new file mode 100644
index 0000000..9bcf9f9
--- /dev/null
+++ b/src/assets/CareerData.json
@@ -0,0 +1,50 @@
+[
+    {
+        "company": "Optum",
+        "logo_url": "@/assets/optum.svg",
+        "positions": [
+            {
+                "title": "Software Engineer Intern",
+                "time": "June - August 2021",
+                "summary": "My first professional software engineering related internship! Woohoo!",
+                "skills": ["Python", "REST APIs", "GraphQL", "Azure"]
+            }
+        ]
+    },
+    {
+        "company": "Lehigh University",
+        "logo_url": "@/assets/lehigh.svg",
+        "positions": [
+            {
+                "title": "Junior Systems Administrator",
+                "time": "January 2022 - Present",
+                "summary": "Work with the school's system of VMs powered by Sun Microsystems computers and work on a side projects and explore tech interests",
+                "skills": []
+            },
+            {
+                "title": "Teaching Assistant",
+                "time": "September 2021 - Present",
+                "summary": "CSE 109 TA, CSE 340 Upcoming TA (Tentative)",
+                "skills": ["C"]
+            },
+            {
+                "title": "B.S Computer Science | Data Science Minor",
+                "time": "September 2019 - Expected Grad. December 2022",
+                "summary": "Work on a bachelor's degree to pursue software engineering",
+                "skills": []
+            }
+        ]
+    },
+    {
+        "company": "JHU Engineering Innovation",
+        "logo_url": "",
+        "positions": [
+            {
+                "title": "Summer Program Participant",
+                "time": "September 2021 - Present",
+                "summary": "Partnership between Milton Hershey School, Harrisburg Area Community College and Johns Hopkins University. Participated in a summer-long engineering exploration that concluded with a spaghetti bridge breaking event",
+                "skills": []
+            }
+        ]
+    }
+]
\ No newline at end of file
diff --git a/src/assets/lehigh.svg b/src/assets/lehigh.svg
new file mode 100644
index 0000000..118f389
--- /dev/null
+++ b/src/assets/lehigh.svg
@@ -0,0 +1,119 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.45.1"
+   width="300"
+   height="300"
+   version="1.0"
+   sodipodi:docbase="C:\Documents and Settings\Timothy Brauning\My Documents"
+   sodipodi:docname="LUwithShield-CMYK 2.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape">
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs5" />
+  <sodipodi:namedview
+     inkscape:window-height="712"
+     inkscape:window-width="1020"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     guidetolerance="10.0"
+     gridtolerance="10.0"
+     objecttolerance="10.0"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     id="base"
+     inkscape:zoom="1.5157166"
+     inkscape:cx="160.97894"
+     inkscape:cy="167.57863"
+     inkscape:window-x="-4"
+     inkscape:window-y="-4"
+     inkscape:current-layer="svg2"
+     showgrid="false"
+     inkscape:object-paths="false"
+     inkscape:grid-bbox="false"
+     inkscape:guide-bbox="true"
+     showguides="true" />
+  <path
+     style="fill:#502D0E;fill-opacity:1"
+     d="M 110.53274,251.2526 C 84.565726,225.9669 67.003303,201.75213 58.752593,178.00883 C 58.752593,178.00883 56.217384,170.48121 55.903686,168.13191 C 55.166449,162.6107 55.646606,129.44918 55.503786,90.843031 C 55.360966,52.236877 55.332406,13.707291 55.332406,13.707291 L 247.49547,13.707291 L 247.16081,89.957291 C 246.82725,165.95832 246.81872,166.23178 244.55001,173.70729 C 236.13397,201.43852 211.95103,234.81519 180.54308,262.04801 C 171.23101,270.1222 169.78096,271.35884 151.20148,284.9805 C 126.46776,267.82346 122.9366,263.62895 110.53274,251.2526 z "
+     id="path3211"
+     sodipodi:nodetypes="ccsscccsscc" />
+  <path
+     style="fill:#ffffff;fill-opacity:1"
+     d="M 172.12977,231.86664 C 182.11534,226.03475 190.19872,222.79109 205.97374,222.79109 L 205.97158,142.69891 C 186.30195,141.25683 180.28389,141.48654 169.24594,144.41483 C 164.00303,145.80574 153.74888,149.38838 153.00098,157.87047 C 152.83808,159.71789 152.78006,160.98342 152.78006,162.81532 L 149.49362,162.83383 C 149.49192,160.96994 149.48055,159.97116 149.22717,157.7417 C 148.36904,150.19126 142.3929,146.99319 136.54471,145.22978 C 123.41161,141.26974 109.66859,141.89186 96.454576,142.72085 L 96.402616,222.49849 C 99.200276,222.49849 102.28451,222.59813 102.83782,222.65442 C 116.25916,224.01978 128.75364,229.558 141.41508,239.65259 L 149.4843,246.63248 L 149.48822,217.70879 L 152.81779,217.70729 L 152.90514,246.74045 C 152.90514,246.74045 154.20019,245.32847 158.77893,241.34918 C 163.11639,237.57958 168.29379,234.10697 172.12977,231.86664 z "
+     id="path3199"
+     sodipodi:nodetypes="cccssccssccscccccss" />
+  <path
+     id="path2184"
+     style="fill:#502D0E;fill-opacity:1"
+     d="M 143.78503,294.09545 C 129.32196,284.40388 114.62339,273.29525 99.204951,256.83854 C 75.305116,231.3293 58.894596,210.51522 50.825676,188.86925 C 41.434826,163.67702 43.544786,179.42939 43.402616,87.45428 C 43.330446,40.635324 43.402616,1.7072906 43.402616,1.7072906 L 259.40237,1.7072906 L 259.437,85.903251 C 259.47203,171.08269 256.82899,173.85531 256.59785,174.84416 C 250.59842,200.51029 228.67094,238.30615 177.15527,280.43684 C 168.71377,287.34049 154.32356,296.97735 151.22489,298.81486 C 148.78247,297.3711 147.57036,296.63196 143.78503,294.09545 z M 168.76718,279.55429 C 191.1106,262.16162 201.18561,251.94093 215.62675,234.70729 C 229.7584,217.84299 241.36907,199.12479 246.95386,183.83924 C 253.13849,166.91196 252.9086,174.37157 252.90541,85.735271 L 252.90261,7.7072348 L 49.334396,7.7072908 C 49.334396,7.7072908 49.560866,47.663214 49.383356,87.538085 C 49.205856,127.41308 49.422006,158.85366 49.432326,159.77421 C 49.587766,173.77379 57.222616,190.62464 60.279786,196.20309 C 72.126496,217.81989 87.881076,240.33594 124.14196,271.96835 C 133.4838,280.11777 149.60948,290.86978 151.20857,291.86479 C 152.97089,290.84666 167.29208,280.70254 168.76718,279.55429 z "
+     sodipodi:nodetypes="cssccccsscccsscccsssscc" />
+  <path
+     style="opacity:1;fill:#ce1126;fill-opacity:1"
+     d="M 127.97728,187.1988 C 126.39939,184.1784 125.73895,180.91962 126.16289,177.82701 C 127.71379,166.51335 140.00198,162.58321 149.40002,171.78827 L 151.16624,173.51822 L 152.90731,171.79107 C 162.20948,162.56326 174.82507,166.43566 176.10315,177.77469 C 176.46531,180.98785 175.50837,184.6819 174.26118,187.42942 C 171.97311,192.46995 164.39359,198.98487 155.93856,206.38765 L 151.19648,210.53956 L 146.59342,206.40167 C 137.47579,198.20543 130.94781,192.88501 127.97728,187.1988 z "
+     id="path2174"
+     sodipodi:nodetypes="cscccsscccc" />
+  <path
+     style="fill:#ffcf49;fill-opacity:1"
+     d="M 162.63711,271.44326 C 167.68067,267.57242 176.61693,259.54132 183.84853,252.91941 C 192.4147,245.07544 196.44257,240.77868 196.44257,240.77868 L 169.90008,240.79706 C 166.87302,243.06971 165.1495,244.43266 157.25944,251.6874 C 155.30709,253.48254 151.20397,257.82021 151.20397,257.82021 C 151.20397,257.82021 147.43797,253.54541 144.95059,251.21122 C 138.24349,244.91719 136.48236,243.70328 132.28536,240.70729 L 105.88494,240.78267 C 105.88494,240.78267 114.03417,249.21352 118.66123,253.50463 C 134.13975,267.85932 138.99688,271.22057 151.19177,280.07791 C 153.65485,278.16936 157.59355,275.31409 162.63711,271.44326 z "
+     id="path3209"
+     sodipodi:nodetypes="csccscsccscc" />
+  <path
+     style="fill:#ffffff;fill-opacity:1"
+     d="M 207.15634,228.54818 C 192.89719,228.57535 186.68408,230.09308 177.85814,235.72398 L 200.49798,235.69566 L 207.15634,228.54818 z "
+     id="path3207"
+     sodipodi:nodetypes="cccc" />
+  <path
+     style="fill:#ffffff;fill-opacity:1"
+     d="M 217.98373,214.64244 L 217.98205,154.18767 L 212.43323,154.18676 L 212.56455,221.94491 L 217.98373,214.64244 z "
+     id="path3205"
+     sodipodi:nodetypes="ccccc" />
+  <path
+     style="fill:#ffcf49;fill-opacity:1"
+     d="M 232.25891,192.21323 C 240.3693,175.97405 242.40261,168.65822 242.40261,154.64646 L 242.40261,142.70729 L 212.40261,142.70729 L 212.40261,148.76689 L 222.40261,148.70729 L 222.41458,208.96336 C 223.00098,207.97991 228.64241,199.45445 232.25891,192.21323 z "
+     id="path3203"
+     sodipodi:nodetypes="cccccccc" />
+  <path
+     style="fill:#ffcf49;fill-opacity:1"
+     d="M 98.537416,136.32379 C 101.30772,136.13816 104.2507,136.16652 108.21699,136.05557 C 108.21699,136.05557 108.4121,134.50501 108.72861,133.27414 C 104.67716,133.4726 101.67665,133.63956 97.652611,133.42454 C 85.068088,132.75683 80.751236,131.55352 75.507256,127.06486 C 71.441346,123.5846 68.701222,119.23055 67.641633,113.85826 C 67.14965,111.36383 67.887608,109.07016 67.887608,109.07016 C 67.887608,109.07016 68.583493,111.77814 70.926146,113.59381 C 72.955213,115.16644 75.769996,116.64175 77.170956,117.27636 C 78.476486,117.86775 79.630336,118.1203 81.193396,118.27508 C 81.933126,118.34833 85.824646,118.2112 89.907456,117.64333 C 98.945801,116.38621 103.73438,117.44749 108.04657,121.66346 L 111.10571,124.65433 C 111.90638,122.53301 112.90474,120.27328 113.89496,117.97571 L 88.541456,82.839013 L 104.00082,93.853867 L 122.86523,107.29483 C 123.85076,106.37724 126.3919,104.33659 127.83421,103.4911 C 127.83421,103.4911 127.06043,102.76735 122.85653,97.470392 C 115.83772,88.626611 113.42411,82.365885 113.41238,75.425172 C 113.40096,68.664986 115.44608,64.222478 118.51345,60.179605 C 119.29334,59.151691 120.30795,58.079634 121.85047,57.627331 C 121.85047,57.627331 121.23095,59.68467 120.95817,61.373612 C 120.01954,67.185179 122.07118,72.55381 128.86004,79.647499 C 136.35673,87.480797 137.40261,89.913365 137.40261,94.64155 C 137.40261,97.897422 137.20024,96.597222 137.59376,98.847962 C 139.79617,98.136078 142.01971,97.707371 143.91099,97.443371 C 143.97469,95.813537 150.95098,52.664999 151.23788,53.81493 C 154.76415,67.948658 155.87572,83.186602 158.82203,97.446872 C 158.82203,97.446872 163.36349,98.261006 165.40261,98.957292 C 165.40261,98.957292 165.31367,97.451112 165.40261,93.937626 C 165.63915,84.523042 168.65526,77.039058 172.42211,71.839069 C 176.61154,66.055727 180.97961,62.799225 186.90261,62.540862 C 191.20122,62.353355 191.90261,63.72947 191.90261,63.72947 C 191.90261,63.72947 190.42225,64.70288 188.76847,66.200184 C 182.80741,71.597218 182.40261,75.245481 182.40261,84.826398 C 183.30931,97.888832 177.9718,99.929921 174.81174,103.04335 C 176.7253,104.56359 178.15511,105.77921 179.85929,107.63537 L 213.88198,82.707291 C 214.13393,82.707291 189.51719,116.76957 188.38481,118.4621 C 189.66164,120.13731 190.72592,121.94691 191.58946,123.45377 C 195.64178,119.83562 199.86114,116.12073 204.73089,113.53981 C 209.77032,110.86895 218.91319,110.09943 223.84259,111.68748 C 230.80635,113.93091 233.45323,117.7677 234.60291,120.25717 C 232.93312,120.05585 231.18629,119.49934 229.02025,119.59306 C 222.68245,119.86728 220.15716,120.60482 212.40261,127.27665 C 206.24379,132.57556 201.13897,134.48922 195.5694,134.57845 C 195.60249,135.28814 195.67316,135.76407 195.68646,136.12056 C 198.28598,136.19591 201.22343,136.32579 204.95103,136.6512 C 207.35009,136.86063 209.61835,136.98746 211.13648,137.13823 C 213.5084,135.06158 215.12428,133.60128 217.53738,131.85292 C 225.38435,126.16756 230.10875,125.12163 236.41504,129.18558 C 237.98669,130.19839 238.68236,130.61944 239.78732,131.41634 C 240.70474,129.79829 241.49546,128.85447 242.37633,125.74755 C 243.82237,120.64715 241.77716,115.08536 236.42149,109.55383 C 230.47981,103.41705 222.78285,100.93431 214.44868,102.46625 C 211.39834,103.02694 208.77279,103.36823 208.61411,103.22466 L 235.77477,59.959401 L 189.80601,87.707291 C 188.6554,87.707291 190.34915,76.711353 191.98789,73.542386 C 193.61197,70.401744 198.71835,68.641906 202.81847,67.707291 L 204.77204,67.261978 L 204.26166,64.732799 C 203.52384,61.076546 198.91098,56.634521 193.85857,55.351804 C 190.95547,54.61476 188.44703,54.662497 184.89748,54.888515 C 177.37144,55.367737 171.78847,58.506848 166.91677,65.433789 C 166.09425,66.603301 164.40071,68.313263 163.35956,69.646187 L 151.19506,21.438988 L 137.39243,76.707291 C 136.57776,76.707291 131.13482,69.973232 129.56492,67.023032 C 128.92565,65.82169 128.40261,63.85796 128.40261,62.659187 C 128.40261,59.996113 132.15315,53.703593 133.90709,52.184533 C 132.81266,50.873464 131.51267,50.167413 128.13403,49.630264 C 120.74793,48.455994 111.37805,53.687763 107.42529,62.876189 C 105.5805,67.16453 105.38909,70.319982 105.67259,74.669691 C 105.90368,78.268813 106.45512,83.285461 106.87046,84.30148 L 66.918046,59.890234 L 97.102886,108.34035 C 96.919736,108.5235 92.894246,108.79274 88.157356,108.93866 C 77.732756,109.25979 74.915286,107.7184 72.448566,100.34466 L 70.860656,95.597933 L 67.381636,97.922542 C 61.040386,102.15964 58.848996,110.46886 61.504496,120.20729 C 63.882806,128.92922 72.913183,136.41487 89.842271,138.19926 L 89.843397,136.94924 C 92.076821,136.7104 95.198802,136.54751 98.537416,136.32379 z "
+     id="path3201"
+     sodipodi:nodetypes="cccssscsssscccccccssscsssccsccssscsccccccsscssccscsscssscccscccssscccsscssccccscccsccs" />
+  <path
+     style="fill:#ffcf49;fill-opacity:1"
+     d="M 89.850226,148.69137 L 89.850226,142.70729 L 59.383826,142.68409 L 59.400736,154.37493 C 59.424586,170.8689 64.508486,182.73416 74.693526,200.58391 L 78.902616,207.96052 L 79.432376,148.70729 L 89.850226,148.69137 z "
+     id="path3197" />
+  <path
+     style="fill:#ffffff;fill-opacity:1"
+     d="M 89.975886,154.20863 L 84.333756,154.24687 L 84.348836,215.69766 L 89.923076,222.768 L 89.975886,154.20863 z "
+     id="path3195" />
+  <path
+     style="fill:#ffffff;fill-opacity:1"
+     d="M 123.68184,235.69003 C 113.53923,230.43079 110.53813,228.55694 95.079855,228.53051 L 101.73496,235.69361 L 123.68184,235.69003 z "
+     id="path3193"
+     sodipodi:nodetypes="cccc" />
+  <path
+     style="fill:#ffcf49;fill-opacity:1"
+     d="M 156.94532,142.53976 C 163.1938,139.24858 168.67218,137.75424 176.79535,136.6254 C 179.45455,136.25586 182.76255,136.03058 185.45144,136.02949 C 185.49335,129.08421 179.06782,119.22507 173.78484,114.39673 C 161.08233,102.78735 142.57976,102.94638 128.79274,114.24381 C 124.62163,117.66172 117.40123,128.80174 117.4037,136.00935 C 121.21082,136.10108 124.86771,136.27903 127.85749,136.84927 C 135.30479,138.2697 139.38161,139.39961 144.27827,141.98581 C 147.92166,143.91009 149.90488,145.32477 151.22431,146.34268 C 152.57619,145.32044 154.17183,144.0006 156.94532,142.53976 z "
+     id="path2180"
+     sodipodi:nodetypes="cscsscsscc" />
+</svg>
diff --git a/src/assets/optum.svg b/src/assets/optum.svg
new file mode 100644
index 0000000..3f00377
--- /dev/null
+++ b/src/assets/optum.svg
@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="layer" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 652 652" style="enable-background:new 0 0 652 652;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#F57E29;}
+	.st1{fill:#E0601F;}
+	.st2{fill:#FCB515;}
+	.st3{fill:#B3B2B1;}
+	.st4{fill:#8B8B8E;}
+	.st5{fill:#D2D0CE;}
+	.st6{fill:#E09E14;}
+	.st7{fill:#FFD600;}
+	.st8{fill:#F2B411;}
+	.st9{fill:#55565A;}
+</style>
+<g>
+	<g>
+		<path class="st0" d="M141.1,351.4c-2.8,10.9-5.6,22.1-8.3,33.6c12.1,7.8,24,15.6,35.9,22.2C159.6,389.9,150.5,371,141.1,351.4"/>
+		<path class="st1" d="M141.1,351.4c10.8,7.7,21.4,15.6,31.9,22.8c-1.4,10.6-2.9,21.6-4.3,32.9C159.6,389.9,150.5,371,141.1,351.4"
+			/>
+		<path class="st1" d="M141.1,351.4c-2.8,10.9-5.6,22.1-8.3,33.6c-12.1-7.8-24.5-15.8-36.9-22.8C110.8,357.3,126,353.5,141.1,351.4"
+			/>
+		<path class="st2" d="M141.1,351.4c-10.8-7.7-21.9-15.4-33.1-22.2c-4.1,10.8-8.1,21.9-12.1,33C110.8,357.3,126,353.5,141.1,351.4"
+			/>
+		<path class="st0" d="M153.4,306.8c-1.8,6.2-3.7,12.7-5.6,19.3c9.7,7.8,19.2,15.8,28.4,23.5C168.8,336.2,161.2,321.7,153.4,306.8"
+			/>
+		<path class="st1" d="M153.4,306.8c8.7,7.9,17.2,16,25.4,24c-0.8,6.1-1.7,12.3-2.6,18.8C168.8,336.2,161.2,321.7,153.4,306.8"/>
+		<path class="st2" d="M141.1,351.4c2.2-8.7,4.5-17.1,6.8-25.3c9.7,7.8,19.2,15.8,28.4,23.5C164.9,349,153.1,349.6,141.1,351.4"/>
+		<path class="st0" d="M141.1,351.4c10.8,7.7,21.4,15.6,31.9,22.8c1.1-8.4,2.2-16.6,3.3-24.6C164.9,349,153.1,349.6,141.1,351.4"/>
+		<path class="st3" d="M153.4,306.8c1.5-5.2,3.1-10.2,4.6-15c7.9,7.9,15.5,16.2,22.8,24.3C172.2,311.9,163,308.8,153.4,306.8"/>
+		<path class="st4" d="M153.4,306.8c8.7,7.9,17.2,16,25.4,24c0.7-5,1.3-10,2-14.7C172.2,311.9,163,308.8,153.4,306.8"/>
+		<path class="st4" d="M153.4,306.8c1.5-5.2,3.1-10.2,4.6-15c-7.9-7.9-16.1-15.6-24.5-22.8C140.3,281.7,147,294.4,153.4,306.8"/>
+		<path class="st5" d="M153.4,306.8c-8.7-7.9-17.8-15.5-27-22.6c2.4-5.2,4.7-10.3,7.1-15.2C140.3,281.7,147,294.4,153.4,306.8"/>
+		<path class="st1" d="M74.4,311.5c-5.3,11-10.3,22-15.3,32.9c12,4.4,24.4,10.6,36.8,17.7C88.8,344.7,81.6,327.7,74.4,311.5"/>
+		<path class="st0" d="M74.4,311.5c11.1,4.7,22.4,10.8,33.6,17.6c-4.1,10.8-8.1,21.9-12.1,33C88.8,344.7,81.6,327.7,74.4,311.5"/>
+		<path class="st6" d="M74.4,311.5c-5.3,11-10.3,22-15.3,32.9c-11.9-4.4-23.4-7.1-33.3-7C40,325.9,56.6,317.2,74.4,311.5"/>
+		<path class="st7" d="M74.4,311.5c-11-4.7-21.8-7.9-31.7-9.2c-5.9,11.8-11.5,23.6-17,35C40,325.9,56.6,317.2,74.4,311.5"/>
+		<path class="st7" d="M98.3,265.3c-3.7,6.5-7.4,13.3-11,20.2c-10.2-5.1-20.4-9-30-11.3C70.2,268.8,84.1,265.8,98.3,265.3"/>
+		<path class="st8" d="M98.3,265.3c-9.4-5.5-18.9-10-28.1-13.1c-4.4,7.1-8.7,14.5-12.9,22.1C70.2,268.8,84.1,265.8,98.3,265.3"/>
+		<path class="st8" d="M74.4,311.5c4.2-8.7,8.5-17.4,12.9-25.9c-10.2-5.1-20.4-9-30-11.3C62.9,286,68.6,298.5,74.4,311.5"/>
+		<path class="st6" d="M74.4,311.5c-11-4.7-21.8-7.9-31.7-9.2c4.7-9.4,9.6-18.8,14.7-28.1C62.9,286,68.6,298.5,74.4,311.5"/>
+		<path class="st4" d="M98.3,265.3c3.1-5.4,6.3-10.7,9.5-15.8c8.7,5.8,17.4,12.4,25.8,19.5C122,266.1,110.1,264.9,98.3,265.3"/>
+		<path class="st3" d="M98.3,265.3c9.5,5.5,18.9,11.9,28.1,18.9c2.4-5.2,4.7-10.3,7.1-15.2C122,266.1,110.1,264.9,98.3,265.3"/>
+		<path class="st8" d="M98.3,265.3c3.1-5.4,6.3-10.7,9.5-15.8c-8.7-5.8-17.5-10.7-26.2-14.6C87.2,244.7,92.8,254.9,98.3,265.3"/>
+		<path class="st6" d="M98.3,265.3c-9.4-5.5-18.9-10-28.1-13.1c3.7-5.9,7.5-11.7,11.3-17.3C87.2,244.7,92.8,254.9,98.3,265.3"/>
+		<path class="st9" d="M243.7,416.9c-23.3,0-39.6-17.7-39.6-39.2s16.5-39.4,39.8-39.4c23.3,0,39.6,17.7,39.6,39.2
+			C283.5,399,267,416.9,243.7,416.9 M243.7,350.7c-15.1,0-25.6,12-25.6,26.9c0,14.9,10.7,27.1,25.8,27.1c15.1,0,25.6-12,25.6-26.9
+			C269.5,362.9,258.8,350.7,243.7,350.7"/>
+		<path class="st9" d="M324.3,391.2h-15.1v24.4h-13.3v-75.9h29.9c17.7,0,28.8,10,28.8,25.5C354.7,382.3,341,391.2,324.3,391.2
+			 M324.7,351.9h-15.5v27.3h15.5c10.1,0,16.4-5.5,16.4-13.7C341.1,356.5,334.7,351.9,324.7,351.9"/>
+		<polygon class="st9" points="398.3,415.6 384.8,415.6 384.8,352.1 360.8,352.1 360.8,339.7 422.4,339.7 422.4,352.1 398.3,352.1 
+					"/>
+		<path class="st9" d="M499.1,382.8c0,22.7-12.8,34.1-32.6,34.1c-19.7,0-32.3-11.4-32.3-33.4v-43.7h13.3v43.2
+			c0,14.1,7.3,21.7,19.2,21.7c11.8,0,19.1-7.2,19.1-21.1v-43.7h13.3V382.8z"/>
+		<polygon class="st9" points="551,397 550.6,397 526.8,361.4 526.8,415.6 513.7,415.6 513.7,339.7 527.9,339.7 551,375.6 
+			574.1,339.7 588.3,339.7 588.3,415.6 575,415.6 575,361.2 		"/>
+		<path class="st9" d="M602.9,348.7L602.9,348.7c0-6.3,5-11.5,11.4-11.5c6.4,0,11.4,5.2,11.4,11.4v0.1c0,6.2-5,11.5-11.4,11.5
+			C607.9,360.1,602.9,354.9,602.9,348.7 M624.4,348.7L624.4,348.7c0-5.6-4.3-10.2-10.1-10.2c-5.7,0-10.1,4.7-10.1,10.2v0.1
+			c0,5.6,4.3,10.1,10.1,10.1C620,358.9,624.4,354.2,624.4,348.7 M610,342.7h5.1c2.4,0,4.3,1.2,4.3,3.5c0,1.9-1.2,3-2.8,3.5l3.2,4.4
+			h-2.3l-2.9-4.2h-2.7v4.2H610V342.7z M614.9,348.5c1.6,0,2.6-0.9,2.6-2.1c0-1.4-1-2-2.6-2h-3.1v4.1H614.9z"/>
+	</g>
+</g>
+</svg>
diff --git a/src/components/CareerPane.vue b/src/components/CareerPane.vue
index 98d8056..3a3fcf3 100644
--- a/src/components/CareerPane.vue
+++ b/src/components/CareerPane.vue
@@ -1,14 +1,19 @@
 <script setup>
+import CareerData from '@/assets/CareerData.json'
+import CareerEntry from '@/layouts/CareerEntry.vue'
 </script>
 
 <template>
-    <div id="experiences">
-        Experiences
-        <!-- Brief resume -->
+    <div id="career" class="container">
+        <h2 class="header">My SWE journey...</h2>
+        <CareerEntry />
     </div>
 </template>
 
 
-<style>
-
+<style scoped lang="scss">
+#career {
+    background: $amber;
+    color: white;
+}
 </style>
\ No newline at end of file
diff --git a/src/components/ContactPane.vue b/src/components/ContactPane.vue
index 1add034..e3a8f83 100644
--- a/src/components/ContactPane.vue
+++ b/src/components/ContactPane.vue
@@ -6,7 +6,7 @@ import { QBtn } from 'quasar'
 <template>
     <div id="contact">
         <div id="contact-blurb">
-            <h2>Let's talk</h2>
+            <h2 class="header">Let's talk</h2>
             <p>Reach out to me on the these platforms!</p>
         </div>
         <div id="contact-buttons">
@@ -35,11 +35,6 @@ import { QBtn } from 'quasar'
     margin-right: 5vw;
 }
 
-#contact-blurb h2 {
-    margin-top: 3rem;
-    margin-bottom: 0;
-}
-
 #contact-blurb p {
     margin-bottom: 3rem;
 }
diff --git a/src/components/HumanPane.vue b/src/components/HumanPane.vue
index 7ec965a..996a057 100644
--- a/src/components/HumanPane.vue
+++ b/src/components/HumanPane.vue
@@ -2,13 +2,16 @@
 </script>
 
 <template>
-    <div id="hobbies">
-        Hobbies
-        <!-- Brief hobby desc and pictures if possible -->
+    <div id="hobbies" class="container">
+        <h2 class="header">My interests...</h2>
+        <!-- Brief resume -->
     </div>
 </template>
 
 
-<style>
-
+<style scoped lang="scss">
+#hobbies {
+    background: $accent;
+    color: white;
+}
 </style>
\ No newline at end of file
diff --git a/src/components/SplashPane.vue b/src/components/SplashPane.vue
index 78b1a27..e6dc829 100644
--- a/src/components/SplashPane.vue
+++ b/src/components/SplashPane.vue
@@ -2,12 +2,15 @@
 </script>
 
 <template>
-    <div id="splash">
+    <div id="splash" class="container">
         <h1>👋 I'm Lester Huang</h1>
         <!-- Brief about me with a good picture -->
     </div>
 </template>
 
 
-<style>
+<style scoped lang="scss">
+#splash {
+    background: white;
+}
 </style>
\ No newline at end of file
diff --git a/src/css/app.scss b/src/css/app.scss
index 4ceaca7..d592dcb 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -6,3 +6,13 @@
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }
+
+.container {
+    padding-top: 1rem;
+    padding-bottom: 5rem;
+}
+
+.header {
+    margin-top: 2rem; // Redefine h2 top margin
+    margin-bottom: 0;
+}
diff --git a/src/layouts/CareerEntry.vue b/src/layouts/CareerEntry.vue
new file mode 100644
index 0000000..5956e41
--- /dev/null
+++ b/src/layouts/CareerEntry.vue
@@ -0,0 +1,16 @@
+<script setup>
+</script>
+
+<template>
+    <div id="career-entry">
+        <div id="logo">
+        </div>
+    </div>
+</template>
+
+
+<style scoped lang="scss">
+#logo {
+    
+}
+</style>
\ No newline at end of file