mirror of
https://github.com/asimonson1125/asimonson1125.github.io.git
synced 2026-09-22 11:35:33 -05:00
test
This commit is contained in:
73
src/templates/about.html
Normal file
73
src/templates/about.html
Normal 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 & 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 %}
|
||||
@@ -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>
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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 & 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 %}
|
||||
|
||||
Reference in New Issue
Block a user