This commit is contained in:
2026-08-22 22:00:28 -05:00
parent 7a585d79ed
commit 9fc5bfe9c7
8 changed files with 420 additions and 268 deletions

73
src/templates/about.html Normal file
View File

@@ -0,0 +1,73 @@
{% block content %}
<div class="foreground"></div>
<div class="relative">
<div id="nametag" class="flex" data-aos="fade-up">
<div>
<h1 class="textGrad">About</h1>
<h2>My story, in order</h2>
</div>
</div>
<div id="desktopSpacer"></div>
<div class="homeSubContent">
<div class="foregroundContent">
<div class="concentratedHead">
<h3>Career &amp; Education Timeline</h3>
</div>
<div class="timeline-filters">
<button class="filter-btn active" data-filter="all">All</button>
<button class="filter-btn" data-filter="experience">Experience</button>
<button class="filter-btn" data-filter="education">Education</button>
<button class="filter-btn" data-filter="technical">Technical</button>
</div>
<div class="timeline" id="timeline">
{% for name, item in var['timeline'].items() %}
<div class="timeitem" data-categories="{{ item.classes }}">
<div class="timeitem-inner boxed">
<div class="timeitem-header">
<span class="datetext">{{ item.date }}</span>
<strong>{{ name }}</strong>
</div>
<div class="timeitem-content">
{{ item.content | safe }}
</div>
{% if item.classes %}
<div class="timeitem-tags">
{% for cls in item.classes.split() %}
<span class="tag tag-{{ cls }}">{{ cls | replace('_', ' ') | title }}</span>
{% endfor %}
</div>
{% endif %}
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
const buttons = document.querySelectorAll('.filter-btn');
const items = document.querySelectorAll('.timeitem');
buttons.forEach(function(btn) {
btn.addEventListener('click', function() {
var filter = this.getAttribute('data-filter');
buttons.forEach(function(b) { b.classList.remove('active'); });
this.classList.add('active');
items.forEach(function(item) {
var cats = item.getAttribute('data-categories') || '';
if (filter === 'all' || cats.indexOf(filter) !== -1) {
item.classList.remove('hidden');
} else {
item.classList.add('hidden');
}
});
});
});
});
</script>
{% endblock %}

View File

@@ -81,12 +81,15 @@
<div onClick="goto('home')" class="navElement">
<p>Home</p>
</div>
<div onclick="goto('about')" class="navElement">
<p>About</p>
</div>
<div onClick="goto('projects')" class="navElement">
<p>Work</p>
</div>
<div onclick="goto('status')" class="navElement">
<p>Status</p>
</div>
<div onclick="goto('projects')" class="navElement">
<p>Work</p>
</div>
</div>
</div>
</div>

View File

@@ -7,12 +7,19 @@
{% else %}
<div class="projImagePlaceholder"></div>
{% endif %}
<div class="proj-status-badge {{ status }}">
<span class="status-indicator"></span>{{ status }}
</div>
</div>
<div class="projContent">
<h3>{{ title }}</h3>
<div class="projTitleRow">
<h3>{{ title }}</h3>
<span class="proj-status {{ status }}">{{ status }}</span>
</div>
{% if classes %}
<div class="projTags">
{% for cls in classes.split() %}
{% if cls != 'pinned' %}<span class="proj-tag">{{ cls }}</span>{% endif %}
{% endfor %}
</div>
{% endif %}
<p class="projDesc">{{ content }}</p>
{% if links %}
<div class="projLinks">

View File

@@ -1,68 +1,60 @@
{% block content %}
<div class="foreground"></div>
<div class="foregroundContent">
<div class="flex equalitems vertOnMobile">
<div>
<div>
<h2 class="concentratedHead">About Me<p><sup>Data Scientist, Amateur SysAdmin, Polymath</sup></p></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 started in ~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.
With substantial development and systems operation expertise, I
am capable of working with small teams that require many critical
functions, from devops to analytical platforms, to artificial
intelligence implementations, to all be handled by the same person.
Looking for an analyst who can create and operate the full digital
stack on your crack team of scientists? You've come to the right place.
-->
<br />
<br />
I get bored and throw random stuff on this website.<br/>
This is what unprofessional development looks like.
</p>
</div>
<br/>
<br/>
<h4 class='concentratedHead'>
I also have a
<a href="certs">certifications page</a>
and a
<a href="Resume_Simonson_Andrew.pdf" target="_blank">resume</a>
for unexplained reasons.
</h4>
</div>
<div id="skills">
<h2 id="skillstag">Technologies</h2>
{% from 'partials/skills.html' import skills %} {{
skills(var['skillList']) }}
</div>
<div class="relative">
<div id="nametag" class="flex" data-aos="fade-up">
<div>
<h1 class="textGrad">Work</h1>
<h2>Projects &amp; experiments</h2>
</div>
</div>
<div id="desktopSpacer"></div>
<div class="homeSubContent">
<div class="foregroundContent">
<!-- About / Intro -->
<div style="max-width: 52em; margin-bottom: 3em;">
<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 get bored and throw random stuff on this website.<br/>
This is what unprofessional development looks like.
</p>
<br/>
<p style="color: var(--text-secondary); font-size: 0.9rem;">
I also have a
<a href="certs">certifications page</a>
and a
<a href="Resume_Simonson_Andrew.pdf" target="_blank">resume</a>
for unexplained reasons.
</p>
</div>
<!-- Skills -->
<div id="skills" style="margin-bottom: 3.5em;">
<h2>Technologies</h2>
{% from 'partials/skills.html' import skills %} {{
skills(var['skillList']) }}
</div>
<!-- Projects -->
<h2>Projects</h2>
<div class="projectList">
{% from 'partials/project.html' import project %} {% for i in
var["projects"] %} {{ project(i, var["projects"][i]["classes"],
var["projects"][i]["status"], var["projects"][i]["bgi"],
var["projects"][i]["content"], var["projects"][i]["links"]) }} {% endfor
%}
</div>
<br />
<h2 class="concentratedHead">Projects</h2>
<div class="projectList">
{% from 'partials/project.html' import project %} {% for i in
var["projects"] %} {{ project(i, var["projects"][i]["classes"],
var["projects"][i]["status"], var["projects"][i]["bgi"],
var["projects"][i]["content"], var["projects"][i]["links"]) }} {% endfor
%}
</div>
</div>
</div>
{% endblock %}