inserting too many gifs

src/app.py

@@ -11,7 +11,7 @@ books = json.load(open("./static/json/books.json", "r"))
 skillList = json.load(open("./static/json/skills.json", "r"))
 timeline = json.load(open("./static/json/timeline.json", "r"))
 pages = json.load(open("./static/json/pages.json", "r"))
-pages['home']['skillList'] = skillList
+pages['projects']['skillList'] = skillList
 # pages['about']['timeline'] = timeline
 pages['projects']['projects'] = proj
 pages['home']['books'] = books

src/static/json/projects.json

@@ -1,17 +1,4 @@
 {
-  "Portfolio Website": {
-    "status": "WIP",
-    "classes": "programming",
-    "content": "This website is my personal sandbox where I've integrated some of my data projects via docker cluster.  It is self hosted and zero-trust secure while remaining dynamic and free of the tech debt that comes with pre-designed sites and excessive framework application.  Yeah, I can do E2E.",
-    "links": [
-      ["globe", "https://asimonson.com", "Homepage"],
-      [
-        "github",
-        "https://github.com/asimonson1125/asimonson1125.github.io",
-        "git repo"
-      ]
-    ]
-  },
   "RIT Hotspots": {
     "status": "WIP",
     "classes": "pinned geospacial programming",
@@ -28,6 +15,12 @@
     "bgi": "watershedTemps.png",
     "content": "Geospacial analysis of Maryland's Antietam and Conococheague sub-watersheds, monitoring water quality and temperatures through the summer months for reporting to governmental review boards for environmental protection"
   },
+  "Automotive Brand Valuation Analysis": {
+    "status": "complete",
+    "classes": "programming",
+    "bgi": "automotiveBrandAnalysis.png",
+    "content": "Brand valuation analysis of the used car market, measuring value decay by mileage to extrapolate qualities such as percieved reliability and persistent value of luxury features."
+  },
   "Calorimetry Analysis Engineering": {
     "status": "complete",
     "classes": "pinned programming",
@@ -57,6 +50,19 @@
       ["github", "https://github.com/asimonson1125/Occupy-RIT", "git repo"]
     ]
   },
+  "Portfolio Website": {
+    "status": "WIP",
+    "classes": "programming",
+    "content": "This website is my personal sandbox where I've integrated some of my data projects via docker cluster.  It is self hosted and zero-trust secure while remaining dynamic and free of the tech debt that comes with pre-designed sites and excessive framework application.  Yeah, I can do E2E.",
+    "links": [
+      ["globe", "https://asimonson.com", "Homepage"],
+      [
+        "github",
+        "https://github.com/asimonson1125/asimonson1125.github.io",
+        "git repo"
+      ]
+    ]
+  },
   "Slate": {
     "status": "complete",
     "classes": "pinned programming",

src/static/json/skills.json

@@ -1,14 +1,15 @@
 {
-    "Data and AI": {
+    "Tools": {
-        "Tools": {
+        "Microsoft Azure": {
-            "Microsoft Azure": {
+            "Databricks": {},
-                "Databricks": {},
+            "Data Factory": {},
-                "Data Factory": {},
+            "Stream Analytics": {}
-                "Stream Analytics": {}
-            },
-            "Apache Spark": {},
-            "Visual Basic for Applications (Excel)": {}
         },
+        "Databricks": {},
+        "Apache Spark": {},
+        "Visual Basic for Applications (Excel)": {}
+    },
+    "Data and AI": {
         "Python": {
             "PyTorch/TensorFlow": {},
             "Numpy/Pandas": {},

src/templates/header.html

@@ -70,7 +70,7 @@
       <div class="header">
         <div id="name-container" onclick="goto('home')">
           <div class="line name">
-            <span class="textGrad">Andrew Simonson</span>
+            <span class="textGrad">{# Andrew Simonoson #}</span>
           </div>
         </div>
 

src/templates/home.html

@@ -1,96 +1,93 @@
 {% block content %} {% macro nameplate() %}
 <div>
-  <h1 id="homeName" class="textGrad">Andrew's Definitely Active Website</h1>
+    <h1 id="homeName" class="textGrad">Andrew's Definitely Active Website</h1>
-  <h2 class="textGrad">Here's a wizard on the moon:</h2>
+    <h2 class="textGrad">Here's a wizard on the moon:</h2>
-  <div class="flex vertOnMobile">
+    <div class="flex vertOnMobile">
-    <div>
+        <div>
-      <img
+            <img
-        src="{{ url_for('static', filename='photos/moonWizard.jpeg') }}"
+                src="{{ url_for('static', filename='photos/moonWizard.jpeg') }}"
-        id="homeIcon"
+                id="homeIcon"
-        alt="logo"
+                alt="logo"
-      />
+            />
+        </div>
     </div>
-  </div>
 </div>
 {% endmacro %}
 
 <div class="foreground homeground"></div>
 <div class="relative">
-  <div id="nametag" class="flex" data-aos="fade-up">{{ nameplate() }}</div>
+    <div id="nametag" class="flex" data-aos="fade-up">{{ nameplate() }}</div>
-  <!--<INSERT SMALL BANNER HERE FOR PROJECT IMAGECARD CAROUSEL>-->
+    <!--<INSERT SMALL BANNER HERE FOR PROJECT IMAGECARD CAROUSEL>-->
-  <div id="desktopSpacer"></div>
+    <div id="desktopSpacer"></div>
-  <div class="homeSubContent">
+    <div class="homeSubContent">
-    <div class="flex equalitems vertOnMobile">
+      <img alt='My Brain is Glowing' src="{{ url_for('static', filename='photos/blinkies/brainglow.gif') }}" />
-      <div>
+      <img alt='Pepsi Addict' src="{{ url_for('static', filename='photos/blinkies/pepsiaddict.gif') }}" />
-        <h2>About Me</h2>
+      <img alt='I Fear No Beer' src="{{ url_for('static', filename='photos/blinkies/fearnobeer.gif') }}" />
-        <p>
+      <img alt='Secret Message' src="{{ url_for('static', filename='photos/blinkies/tooclose.gif') }}" />
-          I'm Andrew Simonson<!--, CEO of the anti-thermodynamics syndicate.-->,
+      <img alt="They took my blood but it wasn't DNA, it was USA" src="{{ url_for('static', filename='photos/blinkies/usa.gif') }}" />
-          a <strong>Data Scientist at Ecolab</strong> and a graduate Data
+      <img alt='Bob the Builder gif' src="{{ url_for('static', filename='photos/blinkies/bobthebuilder.gif') }}" />
-          Science student at <strong>Rochester Institute of Technology</strong>,
+        <div>
-          having recently completed the <b>Computer Science BS</b> program
+            <h3>Now What?</h3>
-          (international relations minor) with a focus on probability theory.
+            <p>
-          <br />
+                As far as linking my online presence together goes...... mission
-          <br />
+                accomplished.<br />I guess I can grant myself some titles while
-          I got my start ~2017 reverse engineering probablistic logic models in
+                I'm at it:
-          games and developing interfaces to recreate my findings for friends.
+            </p>
-          Now I develop tracable AI built on deductive reasoning, maintaning
+            <ul>
-          scientific methodology in an industry obsessed with implicit rules and
+              <li>Wicked Wizard of the Well</li>
-          exclusive empiricism. As the analysis grew more sophisticated, so too
+              <li>Brown Belt Fucker Arounder, Black Belt Finder Outer</li>
-          did the tech stack - to the point that I now manage most services,
+              <li>Hater of Bloat, Enemy of Node.js</li>
-          like this website, end to end, container image to insight visual.
+              <li>Creator and Harnesser of Energy</li>
-          <br />
+            </ul>
-          <br />
+        </div>
-          I get bored and throw random stuff on this website. It's a form of
+        <br />
-          unprofessional development and I swear by this form of learning.
+        <div class="flex">
-        </p>
+            <div class="pointer selfcenter" onClick="goto('duck')">
-      </div>
+                <img
-      <div id="skills">
+                    alt="duck spinning"
-        <h2 id="skillstag">Skills</h2>
+                    src="{{ url_for('static', filename='photos/gifs/duck-spinning.gif') }}"
-        {% from 'partials/skills.html' import skills %} {{
+                    class="smallImg"
-        skills(var['skillList']) }}
+                />
-      </div>
+            </div>
+            <div class="selfcenter">
+                <img
+                    src="{{ url_for('static', filename='photos/electricityStabby.png') }}"
+                    alt="memes, idk."
+                    class="smallImg"
+                />
+            </div>
+            <div class="selfcenter">
+                <img
+                    src="{{ url_for('static', filename='photos/gifs/tflame.gif') }}"
+                    alt="memes, idk."
+                    class="smallImg"
+                />
+            </div>
+        </div>
+        <br />
+        <div id="aboutCards" class="flex">
+            <div class="chess">
+                {% from 'partials/chess.html' import chess %} {{
+                chess('asimonson1125') }}
+            </div>
+            <br />
+            <div>
+                {# {% from 'partials/bookshelf.html' import bookshelf %} {{
+                bookshelf(var.books) }} #}
+            </div>
+            <br />
+            <div>
+                <iframe
+                    height="200"
+                    max-width="360"
+                    frameborder="0"
+                    allowtransparency="true"
+                    scrolling="yes"
+                    src="https://www.strava.com/athletes/139855203/latest-rides/95b8e0be96e32b8de82254d1c6627723a35eea6f"
+                ></iframe>
+            </div>
+            <br />
+        </div>
     </div>
-    {# <br />
+    {% endblock %}
-    <div class="flex">
-      <div class="pointer selfcenter" onClick="goto('duck')">
-        <img
-          alt="duck spinning"
-          src="{{ url_for('static', filename='photos/gifs/duck-spinning.gif') }}"
-          class="smallImg"
-        />
-      </div>
-      <div class="selfcenter">
-        <img
-          src="{{ url_for('static', filename='photos/electricityStabby.png') }}"
-          alt="memes, idk."
-          class="smallImg"
-        />
-      </div>
-    </div> #}
-    <br />
-    <div id="aboutCards" class="flex">
-      <div class="chess">
-        {% from 'partials/chess.html' import chess %} {{ chess('asimonson1125')
-        }}
-      </div>
-      <br />
-      <div>
-        {# {% from 'partials/bookshelf.html' import bookshelf %} {{
-        bookshelf(var.books) }} #}
-      </div>
-      <br />
-      <div>
-        <iframe
-          height="200"
-          max-width="360"
-          frameborder="0"
-          allowtransparency="true"
-          scrolling="yes"
-          src="https://www.strava.com/athletes/139855203/latest-rides/95b8e0be96e32b8de82254d1c6627723a35eea6f"
-        ></iframe>
-      </div>
-      <br />
-    </div>
-  </div>
-  {% endblock %}
 </div>

src/templates/projects.html

@@ -2,9 +2,46 @@
 <div class="foreground"></div>
 <div class="foregroundContent">
     <div data-aos="fade-up">
-      <h2 class="concentratedHead">Projects</h2>
+        <h2 class="concentratedHead">Projects</h2>
     </div>
 
+    <div class="flex equalitems vertOnMobile">
+        <div>
+            <h2>About Me</h2>
+            <p>
+                I'm Andrew Simonson<!--, CEO of the anti-thermodynamics syndicate.-->,
+                a <strong>Data Scientist at Ecolab</strong> and a graduate Data
+                Science student at
+                <strong>Rochester Institute of Technology</strong>, having
+                recently completed the <b>Computer Science BS</b> program
+                (international relations minor) with a focus on probability
+                theory.
+                <br />
+                <br />
+                I got my start ~2017 reverse engineering probablistic logic
+                models in games and developing interfaces to recreate my
+                findings for friends. Now I develop tracable AI built on
+                deductive reasoning, maintaning scientific methodology in an
+                industry obsessed with implicit rules and exclusive empiricism.
+                As the analysis grew more sophisticated, so too did the tech
+                stack - to the point that I now manage most services, like this
+                website, end to end, container image to insight visual.
+                <br />
+                <br />
+                I get bored and throw random stuff on this website. It's a form
+                of unprofessional development and I swear by this form of
+                learning.
+            </p>
+        </div>
+        <div id="skills">
+            <h2 id="skillstag">Skills</h2>
+            {% from 'partials/skills.html' import skills %} {{
+            skills(var['skillList']) }}
+        </div>
+    </div>
+
+    <br />
+    <h2>Projects</h2>
     <!-- >
     <div class="checkbox-wrapper">
       <div class="flex start">
@@ -31,13 +68,13 @@
     </div>
     </!-->
     <div class="projectList vContainer">
-        {% from 'partials/project.html' import project %} 
+        {% from 'partials/project.html' import project %} {% for i in
-        {% for i in var["projects"] %}
+        var["projects"] %} {{ project(i, var["projects"][i]["classes"],
-        {{ project(i, var["projects"][i]["classes"], var["projects"][i]["status"], var["projects"][i]["bgi"], var["projects"][i]["content"], var["projects"][i]["links"]) }}
+        var["projects"][i]["status"], var["projects"][i]["bgi"],
-        {% endfor %}
+        var["projects"][i]["content"], var["projects"][i]["links"]) }} {% endfor
+        %}
     </div>
-  </div>
+</div>
 
-
+<!--><script>toggleCheckbox('')</script></!-->
-  <!--><script>toggleCheckbox('')</script></!-->
+{% endblock %}
-{% endblock %}