Merge pull request #42 from tekktrik/dev/about-update

Add intro to About page
tekktrik · Feb 3, 2024 · 51fda05 · 51fda05
2 parents fc25e3b + 9ba6f24
commit 51fda05
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 2 deletions.
diff --git a/flask_app/templates/about.html b/flask_app/templates/about.html
@@ -11,6 +11,35 @@
 
 {% block content %}
     <div class="fade-fly-in" style="--delay: 0s">
+        <div class="row d-flex align-items-center">
+            <div class="col-lg-6 col-xl-4 mb-3 mb-lg-0">
+                <img class="img-fluid profile-image" src="static/img/tekkno_wings.jpg" alt="Image of myself (Alec) with light-up wings behind me">
+            </div>
+            <div class="col-lg-6 col-xl-8 align-items-center">
+                <h2>About Me:</h2>
+                <p class="lead">
+                    I'm an hardware engineer and software developer from the Boston area.
+                    I love creating free and open source projects that others can use.
+                    I also love playing Dungeons and Dragons, making cocktails, running,
+                    and cycling.If you're hoping to make or collaborate on anything
+                    relating to...
+                </p>
+                <ul>
+                    <li class="lead">Robotics</li>
+                    <li class="lead">Automation</li>
+                    <li class="lead">Software Engineering</li>
+                    <li class="lead">Embedded Design</li>
+                    <li class="lead">CircuitPython</li>
+                    <li class="lead">DevOps</li>
+                    <li class="lead">Open Source Hardware/Software</li>
+                </ul>
+                <p class="lead"> ...then let me know!  I'd love to talk about it!</p>
+            </div>
+        </div>
+        <hr/>
+    </div>
+
+    <div class="fade-fly-in" style="--delay: 1s">
         <h2>Professional Experience</h2>
         <div class="accordion" id="jobAccordion">
             {% for jobs_list in jobs_lists %}
@@ -50,7 +79,7 @@ <h6>{{ job.startDate }} - {{ job.endDate }}</h6>
         <hr/>
     </div>
 
-    <div class="fade-fly-in" style="--delay: 1s">
+    <div class="fade-fly-in" style="--delay: 2s">
         <h2>Education</h2>
         <div class="container">
             <div class="row m-2">

diff --git a/flask_app/templates/index.html b/flask_app/templates/index.html
@@ -18,7 +18,7 @@ <h1 class="display-3 fade-fly-in" style="--delay: 1.5s">Hello, world!</h1>
         </p>
     </div>
     <div class="fade-in" style="--duration: 1s">
-        <img src="static/img/ragnar_hero.jpg" class="img-fluid profile-image landing-prof-img" style="--delay: 4s" alt="Photo of Alec Delaney" />
+        <a href="/about" aria-label="Link to About page"><img src="static/img/ragnar_hero.jpg" class="img-fluid profile-image landing-prof-img" style="--delay: 4s" alt="Photo of Alec Delaney"/></a>
     </div>
 </div>
 {% endblock %}