Merge pull request #1 from dana-rocha/november2022-update

update: adds project page
dana-rocha · Nov 26, 2022 · 84afeb3 · 84afeb3
2 parents 83a7c1b + 163aa82
commit 84afeb3
Show file tree

Hide file tree

Showing 7 changed files with 276 additions and 55 deletions.
diff --git a/_config.yml b/_config.yml
@@ -1,2 +1,3 @@
 name: Dana Rocha
 markdown: kramdown
+title: Dana Rocha
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -57,9 +57,9 @@ <h1><strong>Hi, I'm Dana!</strong></h1>
             <h4>A software developer in training - I'm currently a student at <a href="https://www.adadevelopersacademy.org/" target="_blank" class="highlight">Ada Developers Academy</a>
               in Seattle, WA. I'm learning full-stack web development with Python, Flask, SQL, React, JavaScript.
             </h4>
-            <h4>Previously at <a href="https://www.merck.com/" target="_blank" class="highlight">Merck & Co.</a>, <a href="https://www.ecdivers.com/" target="_blank" class="highlight">East Coast Divers.</a>, <a href="https://orig3n.com/" target="_blank" id="highlight">Orig3n Inc.</a>, and <a href="https://www.brighamandwomens.org/" target="_blank">Brigham and Women's Hospital</a>.
+            <h4>Previously at <a href="https://www.merck.com/" target="_blank" class="highlight">Merck & Co.</a>, <a href="https://www.ecdivers.com/" target="_blank" class="highlight">East Coast Divers.</a>, <a href="https://orig3n.com/" target="_blank" class="highlight">Orig3n Inc.</a>, and <a href="https://www.brighamandwomens.org/" target="_blank" class="highlight">Brigham and Women's Hospital</a>.
             </h4>
-            <h4>Learn more about me or check out my resume. <a href="mailto:[email protected]"><strong>Let's Connect→</strong></a></h4>
+            <h4>Learn more about me or check out my resume. <a href="mailto:[email protected]" class="highlight"><strong>Let's Connect→</strong></a></h4>
         </div>
       </div>
 

diff --git a/index.html b/index.html
@@ -1,58 +1,37 @@
 ---
-layout: default
 title: Dana Rocha
+layout: default
 ---
 
 <!-- About Secton -->
 <!-- <div class="row text-center">
   <div class="welcome">
     <img class="profile-pic avatar" src="../media/github.jpg" alt="Profile Picture">
       <h1><strong>Hi, I'm Dana!</strong></h1>
-      <h4>Recent graduate of Northeastern University - studied <span style="color: #1B9CE5;">Bioinformatics and Data Analytics</span>.
-        Passionate about leveraging data and technology to make informed data-driven decisions.
+      <h4>A software developer in training - I'm currently a student at <a href="https://www.adadevelopersacademy.org/" target="_blank" class="highlight">Ada Developers Academy</a>
+        in Seattle, WA. I'm learning full-stack web development with Python, Flask, SQL, React, JavaScript.
       </h4>
       <h4>Previously at <a href="https://www.merck.com/" target="_blank" class="highlight">Merck & Co.</a>, <a href="https://www.ecdivers.com/" target="_blank" class="highlight">East Coast Divers.</a>, <a href="https://orig3n.com/" target="_blank" id="highlight">Orig3n Inc.</a>, and <a href="https://www.brighamandwomens.org/" target="_blank">Brigham and Women's Hospital</a>.
       </h4>
-      <h4>Learn more about me or check out my resume. Do we share something in common? <a href="mailto:[email protected]"><strong>Let's Connect→</strong></a></h4>
+      <h4>Learn more about me or check out my resume. <a href="mailto:[email protected]"><strong>Let's Connect→</strong></a></h4>
   </div>
 </div>
 
-<hr class="my-4">
-
+<hr class="my-4"> -->
 
-<div class="row current">
+<!-- Updates Secton -->
+<!-- <div class="row current">
   <div class="column col-lg-6">
   <h6 class="update-section"><strong> NOW </strong></h6>
-    <h6 class="updates"> Student Facilitator Volunteer @ Northeastern's Graduate Leadership Institute </h6>
-    <h6 class="updates"> Completing personal projects (such as launching this site!) </h6>
+    <h6 class="updates"> - Student at Ada Developers Academy, Cohort 17 - Seattle </h6>
+    <h6 class="updates"> - SDE intern @ the Allen Institute for Neural Dynamics </h6>
   </div>
   <br>
   <div class="column col-lg-6">
   <h6 class="update-section"><strong> LATEST </strong></h6>
-    <h6 class="updates"> Actively seeking full-time opportunities starting 2021 </h6>
-    <h6 class="updates"> Participating in my first hackathon, Pearl Hacks, @ UNC Chapel Hill! </h6>
+    <h6 class="updates"> - Actively seeking full-time opportunities starting February 2023 </h6>
   </div>
 </div>
 
 
-<hr class="my-4">
-
-<div class="row">
-  <div class="experience">
-  <h3> Education </h3>
-  <p>I recently graduated from Northeastern University,
-    earning a <strong>M.S. in Bioinformatics with a Data Analytics Concentration</strong>.
-    For undergrad, I also attended Northeastern and earned a <strong>B.S. in Biochemistry </strong>in 2018. </p>
-  <p>My informatics training was interdisciplinary - combining Biology,
-    Computer Science, and Statistics. During my Master's program, I learned
-    how to code in Perl and Python.
-    I gained experience with <strong>unit testing, file manipulation, program design,
-    and implementation</strong>.</p>
-  <p>My data science training was focused on <strong>data wrangling, data visualization,
-    and regression</strong> applied to biological data and social science data. I also
-    have experience using machine learning techniques such as <strong>Clustering,
-    Principal Component Analysis, Support Vector Machines, and Neural Networks.</strong>
-    R is my language of choice when it comes to data science.
-    I'm a big fan of tidyverse - particularly the ggplot2 package. </p>
-  </div>
-</div> -->
+<hr class="my-4"> -->
diff --git a/_layouts/dark-mode.js → old/dark-mode.js b/_layouts/dark-mode.js → old/dark-mode.js
diff --git a/old/projects.html b/old/projects.html
@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+      <!-- Meta Tags -->
+      <meta charset="UTF-8">
+      <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1">
+      <title>{{ page.title }}</title>
+      <!-- Bootstrap CSS-->
+      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
+      <!-- jQuery, Popper.js, Bootstrap JS, FontAwesome -->
+      <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+      <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
+      <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
+      <script src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script>
+      <!-- Fonts -->
+      <link rel="preconnect" href="https://fonts.gstatic.com">
+      <link href="https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;1,400;1,500&family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
+      <!-- Stylesheet -->
+      <link href="/styles/main.css" rel="stylesheet">
+  </head>
+
+  <body>
+
+    <header>
+    <!-- Navigation -->
+      <nav class="navbar navbar-expand-md navbar-light bg-light py-4">
+      <div class="container-fluid">
+        <a class="navbar-brand" id="brand" href="/">DANA ROCHA</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 class="nav-link mx-2" href="/pages/projects.html">PROJECTS</a>
+            </li>
+
+            <li class="nav-item">
+              <!-- <a class="nav-link mx-2" href="/about/index.html">ABOUT</a> -->
+            </li>
+
+            <li class="nav-item">
+              <a class="nav-link mx-2" href="/resume/DanaRocha-Resume.pdf" target="_blank">RESUME</a>
+            </li>
+
+        </div>
+      </div>
+      </nav>
+    </header>
+
+    <main>
+
+      {{ content }}
+
+    </main>
+
+      <!--- Footer -->
+      <footer id="main-footer">
+
+        <div class="social">
+          <a href="https://www.linkedin.com/in/rochadana/" target="_blank"><i class="fab fa-linkedin"></i></a>
+          <a href="https://github.com/dana-rocha" target="_blank"><i class="fab fa-github"></i></a>
+          <a href="mailto:[email protected]" target="_blank"><i class="fas fa-envelope"></i></a>
+          <a href="https://www.goodreads.com/danarocha" target="_blank"><i class="fab fa-goodreads-g"></i></a>
+        </div>
+
+        <div class="footer_copy">
+          <h6><strong> &copy; 2022 Dana Rocha </strong></h6>
+        </div>
+
+      </footer>
+
+      <script src="./dark-mode.js"></script>
+  </body>
+</html>
diff --git a/pages/projects.html b/pages/projects.html
@@ -1,12 +1,140 @@
----
-layout: default
-title: Projects
----
-
-<div class="row text-center">
-  <div class="welcome">
-      <h1><strong>Projects<strong></h1>
-      <h4>This section is still under construction. Coming soon!
-      </h4>
-  </div>
-</div>
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+      <!-- Meta Tags -->
+      <meta charset="UTF-8">
+      <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1">
+      <title>{{ page.title }}</title>
+      <!-- Bootstrap CSS-->
+      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
+      <!-- jQuery, Popper.js, Bootstrap JS, FontAwesome -->
+      <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+      <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
+      <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
+      <script src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script>
+      <!-- Fonts -->
+      <link rel="preconnect" href="https://fonts.gstatic.com">
+      <link href="https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;1,400;1,500&family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
+      <!-- Stylesheet -->
+      <link href="/styles/main.css" rel="stylesheet">
+  </head>
+
+  <body>
+
+    <header>
+    <!-- Navigation -->
+      <nav class="navbar navbar-expand-md navbar-light bg-light py-4">
+      <div class="container-fluid">
+        <a class="navbar-brand" id="brand" href="/">DANA ROCHA</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 class="nav-link mx-2" href="/pages/projects.html">PROJECTS</a>
+            </li>
+
+            <li class="nav-item">
+              <!-- <a class="nav-link mx-2" href="/about/index.html">ABOUT</a> -->
+            </li>
+
+            <li class="nav-item">
+              <a class="nav-link mx-2" href="/resume/DanaRocha-Resume.pdf" target="_blank">RESUME</a>
+            </li>
+
+        </div>
+      </div>
+      </nav>
+    </header>
+
+    <main>
+
+      <div class="row text-center">
+        <h2><strong>Allen Institute for Neural Dynamics - Data Asset View</strong></h2>
+        <div class="project-links"> 
+          <div class="project-social"> 
+          <a href="https://github.com/AllenNeuralDynamics/aind-data-asset-view" target="_blank"><i class="fab fa-github"></i></a>
+          </div>
+        </div>
+        <h4> A React application to view and share brain imaging data that has been registered and analyzed on a third-party cloud platform, Code Ocean. 
+          This project consumes the <a href="https://docs.codeocean.com/user-guide/code-ocean-api/data-asset-api" target="_blank" class="highlight">Code Ocean Data Asset API.</a>
+          <br> 
+          <br> Design: <a href="https://drive.google.com/file/d/1UCaSE5AdGhEd3SzcwLI0Yf5rR9jJb1Xe/view?usp=sharing" target="_blank" class="highlight"> Wireframe - Data Asset View</a>
+          <br> Built with: ReactJS, JavaScript, Material UI
+        </h4>
+      </div>
+
+      <hr class="my-4">
+
+      <div class="row text-center">
+        <h2><strong>Room Reservation System - Capstone Project</strong></h2>
+        <div class="project-links"> 
+          <div class="project-social"> 
+          <a href="https://github.com/dana-rocha/Ada-Reservation" target="_blank"><i class="fab fa-github"></i></a>
+          </div>
+        </div>
+        <h4>This project is a web application that tracks room reservation information. This capstone addresses a real world problem at Ada Developers Academy's Seattle campus which currently lacks
+          an automated system for reserving conference rooms.
+          <br> 
+          <br> Deployed with <a href="https://ada-reservation-fb.firebaseapp.com/" target="_blank" class="highlight"> Google Firebase </a>
+          <br> Built with: ReactJS, JavaScript, Google Firestore (NoSQL database), Materialize CSS
+        </h4>
+      </div>
+
+      <hr class="my-4">
+
+      <div class="row text-center">
+        <h2><strong>Inspiration Board - Group Project</strong></h2>
+        <div class="project-links"> 
+          <div class="project-social"> 
+          <a href="https://github.com/mctagle/front-end-inspiration-board" target="_blank"><i class="fab fa-github"></i></a>
+          </div>
+        </div>
+        <h4>This project is a web application where users can leave inspirational "sticky notes" on digital boards. I developed two React components to 
+          display notes for a selected board and allow users to like/delete a note. 
+          <br>
+          <br> Deployed with <a href="https://migrationmess-front-end.herokuapp.com/" target="_blank" class="highlight"> Heroku </a>
+          <br> Built with: ReactJS, JavaScript, HTML/CSS
+        </h4>
+      </div>
+
+      <hr class="my-4">
+
+      <div class="row text-center">
+        <h2><strong>Task List API</strong></h2>
+        <div class="project-links"> 
+          <div class="project-social"> 
+          <a href="https://github.com/dana-rocha/task-list-api" target="_blank"><i class="fab fa-github"></i></a>
+          </div>
+        </div>
+        <h4>A web API to create, read, update, and delete tasks and goals. Created custom endpoints and utilized the Slackbot API to show a message when a POST request was successful.
+          <br>
+          <br> Deployed with <a href="https://desolate-crag-61230.herokuapp.com/goals" target="_blank" class="highlight"> Heroku </a>
+          <br> Built with: Python, Flask, PostgreSQL, SQLAlchemy
+        </h4>
+      </div>
+
+      <hr class="my-4">
+
+    </main>
+
+      <!--- Footer -->
+      <footer id="main-footer">
+
+        <div class="social">
+          <a href="https://www.linkedin.com/in/rochadana/" target="_blank"><i class="fab fa-linkedin"></i></a>
+          <a href="https://github.com/dana-rocha" target="_blank"><i class="fab fa-github"></i></a>
+          <a href="mailto:[email protected]" target="_blank"><i class="fas fa-envelope"></i></a>
+          <a href="https://www.goodreads.com/danarocha" target="_blank"><i class="fab fa-goodreads-g"></i></a>
+        </div>
+
+        <div class="footer_copy">
+          <h6><strong> &copy; 2022 Dana Rocha </strong></h6>
+        </div>
+
+      </footer>
+
+      <script src="./dark-mode.js"></script>
+  </body>
+</html>