Merge pull request #4 from david-read-iii/release/v1.1.0

david-read-iii · web-flow · commit a84527e6ca4c · 2025-04-13T17:40:22.000-04:00
Merge release/v1.1.0 into main
diff --git a/about.html b/about.html
@@ -33,7 +33,7 @@
 
 </head>
 
-<body class="h-100 d-flex flex-column text-white">
+<body class="min-vh-100 d-flex flex-column text-white">
 
     <!-- Nav header. -->
     <nav class="mb-auto p-3 navbar navbar-expand-sm navbar-dark">
@@ -46,72 +46,37 @@
             <a class="nav-item nav-link" href="/">Home</a>
             <a class="nav-item nav-link active" href="about.html">About</a>
             <a class="nav-item nav-link" href="projects.html">Projects</a>
-            <li class="nav-item dropdown">
-                <a class="nav-link dropdown-toggle" href="#" id="resume-dropdown" role="button"
-                    data-bs-toggle="dropdown" aria-expanded="false">
-                    Resumes
-                </a>
-                <ul class="dropdown-menu" id="resume-dropdown-menu" aria-labelledby="resume-dropdown"></ul>
-            </li>
+            <div id="resume-nav-item-container"></div>
             <a class="nav-item nav-link" href="contact.html">Contact</a>
         </div>
 
     </nav>
 
-
     <!-- Main content. -->
-    <main class="p-5">
-
-        <h3>Started from a young age</h3>
+    <main class="p-5 container flex-grow-1">
 
+        <h3>Early Passion For Technology</h3>
         <p>
-            My software development journey began in my early high school years when I downloaded the Android Studio
-            IDE. I had a soundboard app idea and thought I could make some easy money releasing something cool on the
-            Google Play Store. I thought the whole thing
-            would be a piece of cake. Code the app, release it, and profit. I learned immediately that it wasn't so
-            simple. Instead of giving up, I placed the app idea on the backburner and completed smaller projects to work
-            my way up to this level. I
-            learned an important lesson from the experience: anything worth doing is not simple and achieving your goals
-            requires resiliency and patience.
+            My fascination with technology started early. I spent years learning Java and Android development,
+            culminating in creating a soundboard app. In high school, I developed the top project in my Intro to
+            Computer Science course—a professional-looking Star Wars ship shooter game.
         </p>
-
         <p>
-            My high school's Introduction to Computer Science course was what jumpstarted my software development
-            journey. It was here where I learned computer science concepts for the first time and learned my first
-            programming language: Java. I became so engrossed
-            in this course that I spent an entire month coding my final project, which was a Star Wars ship shooter game
-            within a Java applet. I was lucky enough to have a very capable and supportive teacher who encouraged me to
-            pursue this in university.
+            This passion led me to pursue a B.S. in Computer Science at Montclair State University (2017–2021), where I
+            graduated magna cum laude with a 3.85 GPA. I particularly enjoyed Database Systems, Mobile Computing, and
+            Software Engineering courses. I also held a leadership role in the Computer Club, organizing and leading
+            meetings.
         </p>
 
-        <h3 class="mt-5">Studies in university</h3>
-
+        <h3 class="mt-5">Android Development at JPMorganChase</h3>
         <p>
-            I pursued my bachelor's degree in computer science from Montclair State University from September 2017 to
-            May 2021. I excelled in my studies here, finishing with a 3.85 overall GPA, being awarded Dean's List seven
-            out of eight of my semesters, and graduating
-            with magna cum laude. The courses I enjoyed the most during my time here included Database Systems, Mobile
-            Computing, and Software Engineering.
+            After graduation, I joined Wiley Edge as a contractor and quickly earned a full-time role at JPMorgan Chase
+            through my dedication and technical skills. Now, I contribute to a high-performing scrum team that develops
+            business banking products for the Chase Mobile app, impacting 10+ million users daily.
         </p>
-
-        <h3 class="mt-5">Getting involved in university</h3>
-
         <p>
-            It was around junior year that I realized that I wasn't all too involved with my university. One of the ways
-            I remedied this feeling was through applying for a leadership position for my university's computer club.
-            This landed me with a public relations
-            position with the organization. This position required a lot of work, of course. I had to manage social
-            media pages, draft announcements, organize workshops, and lead meetings. It was definitely worth it, though.
-            I got to regularly network
-            with students and feel that I was contributing to something.
-        </p>
-
-        <h3 class="mt-5">What's next?</h3>
-
-        <p class="mb-0">
-            Now that I've officially graduated, I'm eager to start applying my skills in some type of software
-            development position. I'd love to start in either front end or mobile app development and work my way into
-            full stack development.
+            I'm passionate about building scalable, high-performance Android applications and continuously expanding my
+            expertise in Kotlin, Jetpack, and modern Android architectures.
         </p>
 
     </main>
diff --git a/contact.html b/contact.html
@@ -47,13 +47,7 @@
             <a class="nav-item nav-link" href="/">Home</a>
             <a class="nav-item nav-link" href="about.html">About</a>
             <a class="nav-item nav-link" href="projects.html">Projects</a>
-            <li class="nav-item dropdown">
-                <a class="nav-link dropdown-toggle" href="#" id="resume-dropdown" role="button"
-                    data-bs-toggle="dropdown" aria-expanded="false">
-                    Resumes
-                </a>
-                <ul class="dropdown-menu" id="resume-dropdown-menu" aria-labelledby="resume-dropdown"></ul>
-            </li>
+            <div id="resume-nav-item-container"></div>
             <a class="nav-item nav-link active" href="contact.html">Contact</a>
         </div>
 
@@ -63,8 +57,8 @@
     <main class="p-5 text-center">
 
         <!-- Greeting. -->
-        <h3>Want to talk about something cool?</h3>
-        <p class="mb-3">Hit me up at <a href="" id="email-link"
+        <h3>Always happy to chat about cool projects or new opportunities.</h3>
+        <p class="mb-3">You can reach me at <a href="" id="email-link"
                 onclick="copyEmailToClipboard()">david.read.me@gmail.com</a>!</p>
 
         <!-- Email me button. -->
diff --git a/index.html b/index.html
@@ -46,13 +46,7 @@
             <a class="nav-item nav-link active" href="/">Home</a>
             <a class="nav-item nav-link" href="about.html">About</a>
             <a class="nav-item nav-link" href="projects.html">Projects</a>
-            <li class="nav-item dropdown">
-                <a class="nav-link dropdown-toggle" href="#" id="resume-dropdown" role="button"
-                    data-bs-toggle="dropdown" aria-expanded="false">
-                    Resumes
-                </a>
-                <ul class="dropdown-menu" id="resume-dropdown-menu" aria-labelledby="resume-dropdown"></ul>
-            </li>
+            <div id="resume-nav-item-container"></div>
             <a class="nav-item nav-link" href="contact.html">Contact</a>
         </div>
 
@@ -67,7 +61,7 @@
 
         <!-- Introduction text. -->
         <h3>Hello, there! My name is David.</h3>
-        <p class="m-0">I'm an aspiring full stack software developer.</p>
+        <p class="m-0">I'm a software engineer specializing in Android and mobile development.</p>
 
     </main>
 
diff --git a/js/navbar.js b/js/navbar.js
@@ -1,3 +1,57 @@
+/**
+ * Sets up the content within the resume nav item container. If only one resume is given, will display a
+ * single Resume link. If more than one resume is given, will display a dropdown where a specific resume
+ * may be selected.
+ * 
+ * @param {Object[]} resumes - The resumes to display.
+ */
+function setupResumeNavItemContainer(resumes) {
+
+    var resumeNavItemContainer = document.getElementById("resume-nav-item-container");
+
+    if (resumes.length > 1) {
+        // Setup outer li tag.
+        var outerListItem = document.createElement("li");
+        outerListItem.setAttribute("class", "nav-item dropdown");
+
+        resumeNavItemContainer.appendChild(outerListItem);
+
+        // Setup resume button.
+        var resumesLink = document.createElement("a");
+        resumesLink.setAttribute("class", "nav-link dropdown-toggle");
+        resumesLink.setAttribute("href", "#");
+        resumesLink.setAttribute("id", "resume-dropdown");
+        resumesLink.setAttribute("role", "button");
+        resumesLink.setAttribute("data-bs-toggle", "dropdown");
+        resumesLink.setAttribute("aria-expanded", "false");
+        resumesLink.textContent = "Resumes";
+
+        outerListItem.appendChild(resumesLink);
+
+        // Setup ul tag.
+        var resumeDropdownMenu = document.createElement("ul");
+        resumeDropdownMenu.setAttribute("class", "dropdown-menu");
+        resumeDropdownMenu.setAttribute("id", "resume-dropdown-menu");
+        resumeDropdownMenu.setAttribute("aria-labelledby", "resume-dropdown");
+
+        outerListItem.appendChild(resumeDropdownMenu);
+
+        // Add an item in the resume dropdown menu for each resume in the resumes array.
+        for (var i = 0; i < resumes.length; i++) {
+            addItemToResumeDropdownMenu(resumeDropdownMenu, resumes[i]);
+        }
+    } else { // resumes.length == 1
+        var resumeLink = document.createElement("a");
+        resumeLink.setAttribute("class", "nav-item nav-link");
+        resumeLink.setAttribute("href", resumes[0].url);
+        resumeLink.setAttribute("target", "_blank");
+        resumeLink.setAttribute("rel", "noreferrer noopener");
+        resumeLink.textContent = "Resume";
+
+        resumeNavItemContainer.appendChild(resumeLink);
+    }
+}
+
 /**
  * Adds a dropdown item representing the passed resume object to the resume dropdown menu.
  * 
@@ -12,22 +66,15 @@ function addItemToResumeDropdownMenu(dropdownMenu, resume) {
     htmlAElement.setAttribute("href", resume.url);
     htmlAElement.setAttribute("target", "_blank");
     htmlAElement.setAttribute("rel", "noreferrer noopener");
-    htmlAElement.innerHTML = resume.name;
+    htmlAElement.textContent = resume.name;
 
     htmlLiElement.appendChild(htmlAElement);
     dropdownMenu.appendChild(htmlLiElement);
 }
 
 $(document).ready(function () {
-
     // Get resumes array using a GET HTTP request.
     $.getJSON("https://david-read-portfolio-default-rtdb.firebaseio.com/resumes.json", function (resumes) {
-
-        // Add an item in the resume dropdown menu for each resume in the resumes array.
-        var resumeDropdownMenu = document.getElementById("resume-dropdown-menu");
-        for (var i = 0; i < resumes.length; i++) {
-            addItemToResumeDropdownMenu(resumeDropdownMenu, resumes[i]);
-        }
+        setupResumeNavItemContainer(resumes)
     });
-
 });
diff --git a/projects.html b/projects.html
@@ -47,13 +47,7 @@
             <a class="nav-item nav-link" href="/">Home</a>
             <a class="nav-item nav-link" href="about.html">About</a>
             <a class="nav-item nav-link active" href="projects.html">Projects</a>
-            <li class="nav-item dropdown">
-                <a class="nav-link dropdown-toggle" href="#" id="resume-dropdown" role="button"
-                    data-bs-toggle="dropdown" aria-expanded="false">
-                    Resumes
-                </a>
-                <ul class="dropdown-menu" id="resume-dropdown-menu" aria-labelledby="resume-dropdown"></ul>
-            </li>
+            <div id="resume-nav-item-container"></div>
             <a class="nav-item nav-link" href="contact.html">Contact</a>
         </div>
 
