content updated

ZintisMay · Mar 23, 2024 · 30b9ad4 · 30b9ad4
1 parent c6cb489
commit 30b9ad4
Show file tree

Hide file tree

Showing 5 changed files with 69 additions and 59 deletions.
diff --git a/data/teachingData.js b/data/teachingData.js
@@ -2,18 +2,19 @@ let teachingData = [
   {
     name: "RCBC",
     year: 2018,
-    properName: "Rutgers Coding Bootcamp",
+    properName: "Bootcamp TA",
     image: "img_2456_360.jpg",
     linkURL: "https://trilogy.com/",
     description:
-      "Rutgers Coding Bootcamp was the same program that I entered Web Development with. Right after I finished the course I was invited to become a TA, as I had shown a lot of the qualities they look for in their teaching staff. Patience, passion, focused on helping others. This was my first foray into teaching, and was a great way to solidify my understanding of many programming topics.",
+      "Rutgers Coding Bootcamp was the same program that I entered Web Development with. Right after I finished the course I was invited to become a TA, as I had shown a lot of the qualities they look for in their teaching staff. Patience, passion, focused on helping others. This was my first foray into teaching, and a really memorable experience.",
   },
   {
     name: "Wyzant",
     year: 2020,
-    properName: "Wyzant",
+    properName: "Wyzant Tutor",
     image: "wyzant.png",
-    linkURL: "https://www.wyzant.com/",
+    linkURL:
+      "https://www.wyzant.com/match/tutor/88147245/?onlineOnly=false&search_id=df2e72fc-0b5c-4218-83e8-f52f927422da",
     description:
       "Wyzant is an online platform that connects students and teachers across numerous topics, for in person and remote lessons. Back in 2020 I learned about these kinds of sites and services, and spent quite a lot of time helping students (and professionals!) learn more about coding. This really solidified a lot of my skills as a teacher and tutor, giving me thousands of hours of practice working with individuals of all skill levels. From high school students learning their first lines of coding, to seasoned professionals who just need a little help figuring out the latest tech.",
   },
@@ -23,12 +24,12 @@ let teachingData = [
     properName: "Mentor",
     image: "mentoring.png",
     description:
-      "Mentoring has been one of the most fulfilling things I've done, professionally. As a co-worker, teacher, tutor, I've managed to make a few dozen contacts with individuals who are trying to get ahead in the programming space. I've kept in touch with them over years, checking in and providing support and direction as needed. It is very satisfying seeing everyone achieve their goals, and it's great knowing that I had a small part in that.",
+      "Mentoring is one of the most fulfilling things I've done. As a co-worker, teacher, tutor, I've made few dozen contacts who are trying to get ahead in the programming world. I keep in touch with them, checking in and providing support and direction as needed. Most have outgrown me, a sign of success, but I'll still get the occasional email or message, letting me know their latest achievements.",
   },
   {
     name: "devX",
     year: 2021,
-    properName: "DevX",
+    properName: "DevX Instructor",
     image: "wedevx.png",
     linkURL: "https://www.wedevx.com/",
     description:

diff --git a/data/workData.js b/data/workData.js
@@ -1,100 +1,94 @@
 let workData = [
+  {
+    name: "cascadeBlonde",
+    year: 2018,
+    properName: "Cascade Blonde",
+    text: "",
+    imageURL: "",
+    image: "Fireshot-CB.png",
+    linkURL:
+      "https://web.archive.org/web/20180801221649/https://www.cascadeblonde.com/",
+    description:
+      "Cascade Blonde is a brand of Tennessee whiskey. For their site I handled translating mockups into HTML, CSS, and Javascript animations. This was one of the first sites I ever worked on, and the first site I worked on solo.",
+  },
   {
     name: "quakerCityShrubs",
     year: 2018,
-    websiteFullURL: "http://www.quakercityshrubs.com/",
     properName: "Quaker City Shrubs",
     text: "",
     imageURL: "",
     image: "Fireshot-QC.png",
     linkURL: "http://www.quakercityshrubs.com/",
     description:
-      "QC Shrubs is a brand of malt beverage, with a distinct site meant to convey its distinct flavor.I was responsible for website architecture, structure, UI and UX development.I translated UI mockups into HTML and CSS using the Gulp/ Nunjucks engine.",
+      "QC Shrubs is a marketing site from out major client, Diageo. I was responsible for architecture, structure, UI and UX development. We used Gulp / Nunjucks to handle HTML templating and SCSS.",
   },
   {
     name: "joinThePact",
     year: 2018,
-    websiteFullURL: "https://www.jointhepact.com/en-us/",
     properName: "Join The Pact",
     text: "",
     imageURL: "",
     image: "Fireshot-JTP.png",
-    linkURL: "https://www.jointhepact.com/en-us/",
+    linkURL:
+      "https://web.archive.org/web/20191221232042/https://www.jointhepact.com/",
     description:
-      "Join The Pact is a site for people to pledge against drunk driving. I was responsible for website architecture, structure, localization,    and database design.I translated UI mockups into HTML and CSS using the Gulp/Nunjucks engine.",
+      "JTP's purpose is for people to pledge against drunk driving. It's major feature is to display all user signups on an interactive world map, showing the location of millions of users in many countries.<br><br>I handled architecture, localization, database design, and implementation. Built using Gulp/Nunjucks to generate the pages, Leaflet.js for an interactive map, and MySql for user signups.",
   },
   {
     name: "kikoriWhiskey",
     year: 2019,
-    websiteFullURL: "https://www.kikoriwhiskey.com/",
     properName: "Kikori Whiskey",
     text: "",
     imageURL: "",
     image: "Fireshot-KW.png",
     linkURL: "https://www.kikoriwhiskey.com/",
     description:
-      "Kikori is a Japanese rice whiskey. Originally Wordpress, I designed a custom scraper to pull the content into JSON and process it for the Gulp / Nunjucks engine to consume.I handled nearly every step in the process.",
-  },
-  {
-    name: "cascadeBlonde",
-    year: 2018,
-    websiteFullURL: "https://www.cascadeblonde.com/",
-    properName: "Cascade Blonde",
-    text: "",
-    imageURL: "",
-    image: "Fireshot-CB.png",
-    linkURL: "https://www.cascadeblonde.com/",
-    description:
-      "Cascade Blonde is a brand of Tennessee whiskey. For their site I handled translating the mockups into HTML, CSS, and Javascript animations.This site was a lot of fun to work on, with a nice color pallette interesting layout.",
+      "Kikori is a marketing site for Japanese rice whiskey. Originally hosted on Wordpress, the client managed to lose control of the site hosting and had no backups. I designed a custom Node scraper to pull the content into JSON and process it for Gulp / Nunjucks consume and create identical pages. We chose a simpler suite of technologies to build it to allow the client an easier time with future updates and maintenance: HTML, SCSS, JS, JQuery, and various JS libraries to help with the UI. I handled this project from start to finish.",
   },
   {
     name: "unitedHealthcare",
-    year: 2021,
-    websiteFullURL: "https://www.uhc.com/",
+    year: 2020,
     properName: "United Healthcare",
     text: "",
     imageURL: "",
     image: "uhc.png",
-    linkURL: "",
+    linkURL: "https://www.uhc.com/",
     description:
-      "I was with UHC for a short while before deciding that it wasn't for me. The work environment was not what I was expecting, and I didn't have strong leadership or mentorship while there. During my time I started adding features to their internal facing portal for Doctors to sign up as a UHC provider, and took point in another internal facing tool for business analysts.",
+      "At UHC I worked as a Web Developer on various internal facing tools. Our primary work was on a sign-up portal for Doctors to become healthcare providers under the UHC insurance program. This portal was written with React, Node, Mongo and RxJs. The business logic was well documented and very thorough, with a huge amount of data being pulled from various API's to make the signup process easy for the user. I also created prototypes for analytics dashboards to consume company data and provide visualizations for executives. These tools also utilized React and Node.",
   },
   {
     name: "TakedaCT",
     year: 2021,
-    websiteFullURL: "https://clinicaltrials.takeda.com/",
     properName: "Takeda Clinical Trials",
     text: "",
     imageURL: "",
     image: "takedaCT.png",
-    linkURL: "",
+    linkURL: "https://clinicaltrials.takeda.com/",
     description:
-      "For TCT I worked on implementing UI and UX improvements, and polishing the functionality of a fairly complex search page.I also created a number of prototype UI experiments proposed by the client.",
+      "I came into TCT to implement a number of UI/UX features, cleaned up the user flow and experience, and prototyped a number of experimental UI elements for the client to review. The project was built with React, Node, Express, Redux, SCSS, MySQL, and Mongo.",
   },
   {
     name: "Community.Atlassian.Com",
-    year: 2021,
-    websiteFullURL: "https://community.atlassian.com/",
+    year: 2022,
     properName: "Atlassian Community",
     text: "",
     imageURL: "",
     image: "atlassianCommunity.png",
-    linkURL: "",
+    linkURL: "https://community.atlassian.com/",
     description:
-      "Community is a forum style site where Atlassian users can go to get help with various products and software. I did feature implementation, bug fixes, deployments, project planning, ticket management, research, prototyping, and some light UI/UX design.",
+      "Atlassian Community is a forum style site where Atlassian users can go to get help with various products and software, garnering approximately 1.3 million users per month. The community team was responsible for all technical aspects of the site, including Devops and Analytics.<br><br>Community is built on top of a 3rd party platform called Khoros, which is a robust forum product. Khoros allows for significant customization, allowing programmers to provide additional features to the user. We also would take point in the creation of support sites and projects, not built with Khoros. Overall we utilized Freemarker (Java templating language), Node, Mongo, MySQL, and React.<br><br>We also would often collaborate with other teams across Atlassian, teams focused on initiatives involving Analytics, AI Innovation, customer service, customer retention, and others.",
   },
   {
     name: "RCSB.org",
-    year: 2021,
-    websiteFullURL: "https://www.rcsb.org/",
+    year: 2023,
     properName:
       "Research Collaboratory for Structural Bioinformatics (RCSB.org)",
     text: "",
     imageURL: "",
     image: "RCSB.png",
-    linkURL: "",
+    linkURL: "https://www.rcsb.org/",
     description:
-      "RCSB is a scientific site where users can look up research data on proteins, and perform robust searches on protein structures. As lead dev, I handled feature implementation, bug fixing, project management, training, onboarding, refactoring, documentation, and various other tasks.",
+      "RCSB is a scientific site where millions of users look up research data on proteins and perform robust searches across protein structures. I managed the Front-End team, gathered requirements, architecture design, prototyping, development, and documentation of new and existing projects.<br><br>Most projects utilized React and Node, with Redux for state management, Mysql as the DB, and Elasticsearch to sift through the data. I also worked with older projects, largely written in Node, Handlebars, and utilizing numerous internal libraries to handle the parsing and visualization of scientific data. Most notable being JSmol and Mol*.<br><br>As team lead, I worked with onboarding new members, training, project management, ticket management, collaboration with other teams and stakeholders. This role was fairly challenging due to the depth of knowledge required in Biology and Bioinformatics, and the wide variety of stakeholders (scientific, administrative, academic).",
   },
 ];
 

diff --git a/index.css b/index.css
@@ -173,10 +173,30 @@ body {
   max-width: 900px;
   display: flex;
   justify-content: space-between;
-  align-items: center;
+  align-items: start;
   flex-wrap: wrap;
   margin-bottom: 50px;
 }
+.floatRow {
+  margin: auto;
+  max-width: 900px;
+  clear: both;
+  margin-bottom: 3rem;
+}
+.floatRow img {
+  float: left;
+  min-width: 300px;
+
+  width: 50%;
+  margin: 0 30px 30px 0;
+}
+@media (max-width: 750px) {
+  .floatRow img {
+    width: 100%;
+    min-width: 0;
+  }
+}
+
 .col {
   min-height: 300px;
   width: 48%;
@@ -190,7 +210,11 @@ body {
 .row.flip {
   flex-direction: row-reverse;
 }
+.col.right h3 {
+  margin-top: 0;
+}
 .col.right {
+  align-items: start;
 }
 .col.left {
 }

diff --git a/teaching.html b/teaching.html
@@ -36,20 +36,16 @@ <h1 class="headerText">Teaching</h1>
   for (let x = 0; x < teachingData.length; x++) {
     let job = teachingData[x]
     let content = `
-      <div class="row">
-        <div class="col left">
+      <div class="floatRow">
           <a ${job.linkURL ? `href="${job.linkURL}"` : ""}>
           <img src="images/${job.image}" alt="">
         </a>
-        </div>
-        <div class="col right">
           <p>
             <h3>
               <a ${job.linkURL ? `href="${job.linkURL}"` : ""}>${job.properName} - ${job.year}</a>
             </h3>
             ${job.description}
           </p>
-        </div>
       </div>
     `
     contentArea.innerHTML += content

diff --git a/work.html b/work.html
@@ -22,7 +22,8 @@ <h1 class="headerText">Work Experience</h1>
       <p>Some years ago a friend of mine forgot what kind of work I did, and mentioned "well, I always thought you were
         a programmer". And... that stuck with me. Enough to start studying it in 2016, and switch careers by
         2017.It's been a gratifying journey (and a neverending one). It scratches my itches for challenge, creativity,
-        and problem solving.<br><br>Here's a selection of websites that I've worked on over the years!</p>
+        and problem solving.<br><br>Here's a selection of organizations and websites that I've worked on over the years!
+      </p>
     </div>
 
   </div>
@@ -34,20 +35,14 @@ <h1 class="headerText">Work Experience</h1>
   for (let x = 0; x < workData.length; x++) {
     let job = workData[x]
     let content = `
-      <div class="row">
-        <div class="col left">
-          <a href="${job.linkURL}">
+      <div class="floatRow">
+        <a href="${job.linkURL}">
           <img src="images/${job.image}" alt="">
         </a>
-        </div>
-        <div class="col right">
-          <p>
-            <h3>
-              <a href="${job.linkURL}">${job.properName} - ${job.year}</a>
-            </h3>
-            ${job.description}
-          </p>
-        </div>
+          <h3>
+            <a href="${job.linkURL}">${job.properName} - ${job.year}</a>
+          </h3>
+          ${job.description}
       </div>
     `
     contentArea.innerHTML += content