add who am i page

raclim · Sep 13, 2024 · 76d18db · 76d18db
1 parent 12ab56d
commit 76d18db
Show file tree

Hide file tree

Showing 7 changed files with 74 additions and 18 deletions.
diff --git a/index.html b/index.html
@@ -3,7 +3,7 @@
     <head>
       <meta charset="utf-8">
 	    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-      <title>Rachel Lim's Teaching Materials</title>
+      <title>Rachel Lim: Teach</title>
       <link rel="icon" type="image/x-icon" href="images/favicon.ico">
       <link rel="preconnect" href="https://fonts.googleapis.com">
       <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
@@ -31,6 +31,6 @@ <h1>Teach</h1>
     </main>
 
   <footer>
-    <p><a class="footer__contact" href="https://www.raclim.cool">Rachel Lim</a> 2023</p>
+    <p><a class="footer__contact" href="https://www.raclim.cool">Rachel Lim</a> 2024</p>
   </footer>
 </html>
diff --git a/intro-to-open-source/getting-involved.html b/intro-to-open-source/getting-involved.html
@@ -15,6 +15,7 @@
             <h1>Getting Involved with Open Source</h1>
 
         <nav class="workshop__navigation">
+            <a class="nav__element" href="who-am-i.html">Who Am I?</a>
             <a class="nav__element" href="intro.html">Introduction</a>
             <a class="nav__element" href="origin.html">Origin</a>
             <a class="nav__element" href="getting-started.html">Getting Started</a>
@@ -61,7 +62,7 @@ <h2>Getting Paid for Open Source Work</h2>
           <a class="footer__navLink" href="references-and-resources.html">References and Resources 👉</a>
         </div>
         <p class="footer__contact">
-          <a class="footer__contactLink" href="https://www.raclim.cool">Rachel Lim</a> 2023
+          <a class="footer__contactLink" href="https://www.raclim.cool">Rachel Lim</a> 2024
         </p>
       </footer>
 </html>
diff --git a/intro-to-open-source/getting-started.html b/intro-to-open-source/getting-started.html
@@ -16,6 +16,7 @@
             <h1>Getting Started with Contributing</h1>
 
             <nav class="workshop__navigation">
+              <a class="nav__element" href="who-am-i.html">Who Am I?</a>
               <a class="nav__element" href="intro.html">Introduction</a>
               <a class="nav__element" href="origin.html">Origin</a>
               <a class="nav__element" href="getting-started.html">Getting Started</a>
@@ -111,7 +112,7 @@ <h2>Let's Try It Out!</h2>
           <a class="footer__navLink" href="getting-involved.html">Getting Involved 👉</a>
         </div>
         <p class="footer__contact">
-          <a class="footer__contactLink" href="https://www.raclim.cool">Rachel Lim</a> 2023
+          <a class="footer__contactLink" href="https://www.raclim.cool">Rachel Lim</a> 2024
         </p>
       </footer>
 </html>
diff --git a/intro-to-open-source/intro.html b/intro-to-open-source/intro.html
@@ -16,6 +16,7 @@
         <h1>Introduction to Open Source Contribution</h1>
 
         <nav class="workshop__navigation">
+          <a class="nav__element" href="who-am-i.html">Who Am I?</a>
           <a class="nav__element" href="intro.html">Introduction</a>
           <a class="nav__element" href="origin.html">Origin</a>
           <a class="nav__element" href="getting-started.html">Getting Started</a>
@@ -25,17 +26,6 @@ <h1>Introduction to Open Source Contribution</h1>
       </header>
 
       <div class="page__holder">
-        <div class="page__section">
-          <h2>What We Recommend You'll Need</h2>
-          <ul class="spacer__list">
-            <li>A Github Account</li>
-            <li>Github Desktop</li>
-            <li>A Device with Internet Access</li>
-          </ul>
-
-          <p class="spacer">If you don't have any of these prepared, please feel free to partner up with someone who does!</p>
-        </div>
-
         <div class="page__section">
           <h2>What is Open Source?</h2>
           <img class="content__img" src="../images/dog-confused.gif" alt="" width="30%"/>
@@ -83,6 +73,17 @@ <h2>Why Would I Want to Get Involved?</h2>
           <p>Work towards a software-specific Job or Career.</p>
           <p>Contribute to creating software that can be more representative of you!</p>
         </div>
+
+        <div class="page__section"></div>
+          <h2>Before I Begin, What Would I Need to Get Started?</h2>
+          <ul class="spacer__list">
+            <li>A Github Account</li>
+            <li>Github Desktop</li>
+            <li>A Device with Internet Access</li>
+          </ul>
+
+          <p class="spacer">If you don't have any of these prepared, please feel free to partner up with someone who does!</p>
+        </div>
       </div>
   </main>
 
@@ -92,7 +93,7 @@ <h2>Why Would I Want to Get Involved?</h2>
       <a class="footer__navLink" href="origin.html">Go to Origin of Open Source 👉</a>
     </div>
     <p class="footer__contact">
-      <a class="footer__contactLink" href="https://www.raclim.cool">Rachel Lim</a> 2023
+      <a class="footer__contactLink" href="https://www.raclim.cool">Rachel Lim</a> 2024
     </p>
   </footer>
 </html>
diff --git a/intro-to-open-source/origin.html b/intro-to-open-source/origin.html
@@ -15,6 +15,7 @@
             <h1>Origin of Open Source</h1>
 
             <nav class="workshop__navigation">
+              <a class="nav__element" href="who-am-i.html">Who Am I?</a>
               <a class="nav__element" href="intro.html">Introduction</a>
               <a class="nav__element" href="origin.html">Origin</a>
               <a class="nav__element" href="getting-started.html">Getting Started</a>
@@ -74,7 +75,7 @@ <h2>FLOSS Software</h2>
           <a class="footer__navLink" href="getting-started.html">Go to Getting Started 👉</a>
         </div>
         <p class="footer__contact">
-          <a class="footer__contactLink" href="https://www.raclim.cool">Rachel Lim</a> 2023
+          <a class="footer__contactLink" href="https://www.raclim.cool">Rachel Lim</a> 2024
         </p>
       </footer>
 </html>
diff --git a/intro-to-open-source/references-and-resources.html b/intro-to-open-source/references-and-resources.html
@@ -16,6 +16,7 @@
             <h1>Resources and References</h1>
 
             <nav class="workshop__navigation">
+                <a class="nav__element" href="who-am-i.html">Who Am I?</a>
                 <a class="nav__element" href="intro.html">Introduction</a>
                 <a class="nav__element" href="origin.html">Origin</a>
                 <a class="nav__element" href="getting-started.html">Getting Started</a>
@@ -73,7 +74,7 @@ <h1>Resources and References</h1>
           <a class="footer__navLink" href="../index.html">👈 Go Back to Home</a>
         </div>
         <p class="footer__contact">
-          <a class="footer__contactLink" href="https://www.raclim.cool">Rachel Lim</a> 2023
+          <a class="footer__contactLink" href="https://www.raclim.cool">Rachel Lim</a> 2024
         </p>
       </footer>
 </html>
diff --git a/intro-to-open-source/who-am-i.html b/intro-to-open-source/who-am-i.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+  <html lang="en">
+    <head>
+      <meta charset="utf-8">
+	    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+      <title>Introduction to Open Source Contribution: Who Am I?</title>
+      <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
+      <link rel="preconnect" href="https://fonts.googleapis.com">
+      <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+      <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;700&family=Roboto+Mono:wght@100;400;700&display=swap" rel="stylesheet">
+      <link rel="stylesheet" href="../index.css">
+    </head>
+
+    <main>
+      <header>
+        <h1>Introduction to Open Source Contribution</h1>
+
+        <nav class="workshop__navigation">
+        <a class="nav__element" href="who-am-i.html">Who Am I?</a>
+        <a class="nav__element" href="intro.html">Introduction</a>
+          <a class="nav__element" href="origin.html">Origin</a>
+          <a class="nav__element" href="getting-started.html">Getting Started</a>
+          <a class="nav__element" href="getting-involved.html">Getting Involved</a>
+          <a class="nav__element" href="references-and-resources.html">References and Resources</a>
+        </nav>
+      </header>
+
+      <div class="page__holder">
+        <div class="page__section">
+          <h2>Who Am I? (WIP)</h2>
+          <p class="spacer">My name is Rachel!</p>
+          <p class="spacer">Currently, I'm a lead for the p5.js Editor. I will provide a brief overview on my journey that led me here.</p>
+          <p class="spacer">Was interested in art as a child. Discouraged from pursuing STEM oriented subjects by family. Led to studying art history in college.</p>
+          <p class="spacer">In undergraduate program, was not too invested in art history major. Took a CS course, was interested in the professor talking about working with art and code. Took more CS courses to explore this but was disappointed by reality vs expectations.</p>
+          <p class="spacer">Discovered ITP, applied looking to further explore museum technology. First semester ICM course was taught by Cassie, who created the p5.js editor. This course and overall program completely changed my outlook on programming. Was introduced to open source and programming.</p>
+          <p class="spacer">Applied to GSoC in 2019. Continued contributing back to p5.js project as a GSoC Mentor. </p>
+          <p class="spacer">Worked within education technology startups for around 3 years, wanted to explore a more accessible and community oriented approach to developing educational tools.</p>
+        </div>
+      </div>
+  </main>
+
+  <footer>
+    <div class="footer__nav">
+      <a class="footer__navLink" href="../index.html">👈 Go Back to Home</a>
+      <a class="footer__navLink" href="intro.html">Go to Introduction 👉</a>
+    </div>
+    <p class="footer__contact">
+      <a class="footer__contactLink" href="https://www.raclim.cool">Rachel Lim</a> 2024
+    </p>
+  </footer>
+</html>