andrew/asimonson1125.github.io
1
0
Fork 0
mirror of https://github.com/asimonson1125/asimonson1125.github.io.git synced 2026-09-22 11:35:33 -05:00
Code Issues Packages Projects Releases Wiki Activity

local review resolutions, no content change

Browse Source
This commit is contained in:
Andrew Simonson
2026-08-23 00:42:42 -05:00
parent 9fc5bfe9c7
commit 78aa49c0f3
11 changed files with 125 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/templates/about.html
View File

@@ -7,18 +7,17 @@
<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 class="timeline-filters" role="toolbar" aria-label="Filter timeline entries">
<button class="filter-btn active" data-filter="all" aria-pressed="true">All</button>
<button class="filter-btn" data-filter="experience" aria-pressed="false">Experience</button>
<button class="filter-btn" data-filter="education" aria-pressed="false">Education</button>
<button class="filter-btn" data-filter="technical" aria-pressed="false">Technical</button>
</div>
<div class="timeline" id="timeline">
@@ -55,8 +54,9 @@ document.addEventListener('DOMContentLoaded', function() {
buttons.forEach(function(btn) {
btn.addEventListener('click', function() {
var filter = this.getAttribute('data-filter');
buttons.forEach(function(b) { b.classList.remove('active'); });
buttons.forEach(function(b) { b.classList.remove('active'); b.setAttribute('aria-pressed', 'false'); });
this.classList.add('active');
this.setAttribute('aria-pressed', 'true');
items.forEach(function(item) {
var cats = item.getAttribute('data-categories') || '';

18
src/templates/books.html
View File

@@ -3,14 +3,15 @@
<div class="foregroundContent">
<h2>"You can't judge a book by its cover but you can judge a person by their bookshelf" - Me, today.</h2>
<h3>My Favorites</h3>
<div class='flex wrap boxed'>
<div class='flex wrap boxed' role="list" aria-label="Favorite books">
{% for i in var.books.selection %}
<div>
<a href="#'{{i}}'">
<div role="listitem">
<a href="#'{{i}}'" aria-label="View review of {{ i }}">
<img
class="bookcover"
alt="{{i}} cover"
alt="{{ i }} cover"
src="{{ url_for('static', filename=('photos/books/' + var.books.books[i].filename))}}"
loading="lazy"
/>
</a>
</div>
@@ -18,16 +19,17 @@
</div>
<h3>All Reviews</h3>
<p>Hover to reveal review<br />Read to reveal KNOWLEDGE</p>
<div class="booklist flex wrap">
<div class="booklist flex wrap" role="list" aria-label="Book reviews">
{% for i in var.books.books %}
<div id="'{{i}}'" class="bookReview">
<div id="'{{i}}'" class="bookReview" role="listitem" aria-label="Review of {{ i }}">
<div class='fullHeight flex'>
<div>
<div class='heightBox'>
<img
class="bookcover"
alt="{{i}} cover"
alt="{{ i }} cover"
src="{{ url_for('static', filename=('photos/books/' + var.books.books[i].filename))}}"
loading="lazy"
/>
</div>
</div>
@@ -36,7 +38,7 @@
<h4 class='nomargin'>{{ i }}</h4>
<p class='nomargin'>{{ var.books.books[i].review }}</p>
</div>
<a href="{{ var.books.books[i].link }}"><p>Book Source</p></a>
<a href="{{ var.books.books[i].link }}" rel="noopener noreferrer" aria-label="Buy or learn more about {{ i }}">Book Source</a>
</div>
</div>
</div>

54
src/templates/header.html
View File

@@ -14,7 +14,7 @@
<link rel="preconnect" href="https://cdn.jsdelivr.net" />
<meta name="description" content="{{ var['description'] }}" />
<meta property="og:title" content="Andrew Simonson" />
<meta name="og:description" content="{{ var['description'] }}" />
<meta property="og:description" content="{{ var['description'] }}" />
<meta property="og:type" content="website" />
<meta
property="og:image"
@@ -32,6 +32,29 @@
<meta name="twitter:image:alt" content="some example picture idk" />
<meta name="twitter:site" content="@asimonson1125" />
<!-- Structured data for SEO -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Person",
"name": "Andrew Simonson",
"url": "https://asimonson.com",
"sameAs": [
"https://github.com/asimonson1125",
"https://www.linkedin.com/in/simonsonandrew"
],
"jobTitle": "Data Scientist",
"worksFor": {
"@type": "Organization",
"name": "Ecolab"
},
"alumniOf": {
"@type": "CollegeOrUniversity",
"name": "Rochester Institute of Technology"
}
}
</script>
<!-- Global site tag (gtag.js) - Google Analytics (deferred for performance) -->
<script
async
@@ -59,12 +82,13 @@
</head>
{% block header %}
<body onpopstate="backButton()">
<a class="skip-link" href="#root">Skip to content</a>
<div id="loading-bar"></div>
<noscript>You need to enable JavaScript to run this app.</noscript>
<main id='map'></main>
<main id='map' aria-label="Main content"></main>
<div id="contentStuffer">
<div class="header">
<div id="name-container" onclick="goto('home')">
<header class="header">
<div id="name-container" onclick="goto('home')" onKeyDown="if(event.key==='Enter'||event.key===' ')goto('home')" role="button" tabindex="0" aria-label="Go to home">
<div class="line name">
<span class="textGrad">{# Andrew Simonoson #}</span>
</div>
@@ -74,30 +98,32 @@
src="{{ url_for('static', filename='icons/menu.svg')}}"
alt="menu"
id="menu"
role="button"
aria-label="Toggle navigation menu"
aria-expanded="false"
aria-controls="navBar"
onClick="toggleMenu()"
onKeyDown="if(event.key==='Enter'||event.key===' ')toggleMenu()"
/>
<div class="navControl">
<div class="navBar">
<div onClick="goto('home')" class="navElement">
<nav id="navBar" class="navBar" role="menubar" aria-label="Main navigation">
<div onClick="goto('home')" onKeyDown="if(event.key==='Enter'||event.key===' ')goto('home')" role="menuitem" tabindex="0" class="navElement">
<p>Home</p>
</div>
<div onclick="goto('about')" class="navElement">
<p>About</p>
</div>
<div onClick="goto('projects')" class="navElement">
<div onClick="goto('projects')" onKeyDown="if(event.key==='Enter'||event.key===' ')goto('projects')" role="menuitem" tabindex="0" class="navElement">
<p>Work</p>
</div>
<div onclick="goto('status')" class="navElement">
<div onclick="goto('status')" onKeyDown="if(event.key==='Enter'||event.key===' ')goto('status')" role="menuitem" tabindex="0" class="navElement">
<p>Status</p>
</div>
</div>
</nav>
</div>
</div>
</header>
{% endblock %} {% block content%}
<div id="root">{% include var['template'] %}</div>
{% endblock %} {% block footer %}
<div id="footerSpacer"></div>
<div class="footer">{% include 'partials/socials.html' %}</div>
<footer class="footer" role="contentinfo">{% include 'partials/socials.html' %}</footer>
{% endblock %}
</div>
</body>

4
src/templates/partials/skills.html
View File

@@ -1,6 +1,6 @@
{% macro expandSkill(dict, name, classes="") %}
<div class='skill {{ classes }}' data-length='{{ dict[name]|length }}'>
<div onclick='activeSkill(this)' class='skillname'>{{ name }}</div>
<div onclick='activeSkill(this)' onKeyDown="if(event.key==='Enter'||event.key===' ')activeSkill(this)" role='button' tabindex='0' aria-expanded='false' class='skillname'>{{ name }}</div>
{% if dict[name]|length > 0 %}
<div class='skill-children'>
<div class='skill-children-inner'>
@@ -14,7 +14,7 @@
{% endmacro %}
{% macro skills(skills) %}
<div id="skillTree">
<div id="skillTree" role='tree' aria-label='Skills'>
{% for skill in skills %}
{% set classes = "" %}
{% if skill == skills|first %}

16
src/templates/partials/socials.html
View File

@@ -1,6 +1,12 @@
<div class='socials'>
<a href='https://github.com/asimonson1125'><img alt='Github' src="{{ url_for('static', filename='icons/github.svg') }}" /></a>
<a href='https://www.linkedin.com/in/simonsonandrew/'><img alt='LinkedIn' src="{{ url_for('static', filename='icons/linkedin.svg') }}" /></a>
<a href='mailto:asimonson1125@gmail.com'><img alt='E-mail' src="{{ url_for('static', filename='icons/email.svg') }}" /></a>
<div id='vertLine'></div>
<div class='socials' role='contentinfo' aria-label='Social links'>
<a href='https://github.com/asimonson1125' aria-label='GitHub profile' rel='noopener noreferrer'>
<img alt='' src="{{ url_for('static', filename='icons/github.svg') }}" />
</a>
<a href='https://www.linkedin.com/in/simonsonandrew/' aria-label='LinkedIn profile' rel='noopener noreferrer'>
<img alt='' src="{{ url_for('static', filename='icons/linkedin.svg') }}" />
</a>
<a href='mailto:asimonson1125@gmail.com' aria-label='Send an email'>
<img alt='' src="{{ url_for('static', filename='icons/email.svg') }}" />
</a>
<div id='vertLine' aria-hidden='true'></div>
</div>

1
src/templates/projects.html
View File

@@ -7,7 +7,6 @@
<h2>Projects &amp; experiments</h2>
</div>
</div>
<div id="desktopSpacer"></div>
<div class="homeSubContent">
<div class="foregroundContent">

32
src/templates/status.html
View File

@@ -3,14 +3,14 @@
<div class="foregroundContent">
<h2 class='concentratedHead'>Service Status Monitor</h2>
<div class="info-box">
<div class="info-box" role="region" aria-label="Status overview">
<div class='flex spaceBetween'>
<div>
<span id="lastUpdate">Last checked: Loading...</span>
<span id="lastUpdate" aria-live="polite">Last checked: Loading...</span>
<br />
<span id="nextUpdate">Next check: --</span>
<span id="nextUpdate" aria-live="polite">Next check: --</span>
</div>
<button id="refreshBtn" onclick="refreshStatus()">Refresh Now</button>
<button id="refreshBtn" onclick="refreshStatus()" aria-label="Refresh service status now">Refresh Now</button>
</div>
<br/>
@@ -32,10 +32,10 @@
</div>
<!-- Overall Status Bar -->
<div class="info-card summary-card" id="overallStatus">
<div class="info-card summary-card" id="overallStatus" role="status" aria-live="polite">
<div class="summary-content">
<div class="summary-indicator">
<span class="summary-icon loading">&#x25D0;</span>
<span class="summary-icon loading" aria-hidden="true">&#x25D0;</span>
<div>
<h3 class="summary-title">Checking Systems...</h3>
<h5 id="summary-subtitle">Loading service status</h5>
@@ -43,45 +43,45 @@
</div>
<div class="flex spaceBetween">
<div class="metric-box">
<span class="metric-number" id="onlineCount">--</span>
<span class="metric-number" id="onlineCount" aria-label="Online services">--</span>
<span class="metric-label">Online</span>
</div>
<div class="metric-box">
<span class="metric-number" id="totalCount">--</span>
<span class="metric-number" id="totalCount" aria-label="Total services">--</span>
<span class="metric-label">Total</span>
</div>
</div>
</div>
</div>
<div class="card-grid">
<div class="card-grid" role="list" aria-label="Service status cards">
{% for service in var.services %}
<a href="{{ service.url }}">
<div class="info-card" id="status-{{ service.id }}">
<a href="{{ service.url }}" class="info-card-link" id="status-{{ service.id }}" role="listitem">
<div class="info-card">
<div class="card-header">
<h3>{{ service.name }}</h3>
<div class="state-indicator">
<span class="state-dot loading"></span>
<span class="state-dot loading" aria-label="Status: Loading..."></span>
<span class="state-text">Loading...</span>
</div>
</div>
<div class="card-body">
<div class="metric-row">
<span class="metric-label">Response Time:</span>
<span class="metric-value" id="time-{{ service.id }}">--</span>
<span class="metric-value" id="time-{{ service.id }}" aria-live="polite">--</span>
</div>
<div class="metric-row">
<span class="metric-label">Status Code:</span>
<span class="metric-value" id="code-{{ service.id }}">--</span>
<span class="metric-value" id="code-{{ service.id }}" aria-live="polite">--</span>
</div>
<div class="metric-row">
<span class="metric-label">Total Checks:</span>
<span class="metric-value" id="checks-{{ service.id }}">--</span>
<span class="metric-value" id="checks-{{ service.id }}" aria-live="polite">--</span>
</div>
</div>
<div class="card-footer">
<div class="detail-label">Uptime:</div>
<div class="detail-values" id="uptime-{{ service.id }}">Loading...</div>
<div class="detail-values" id="uptime-{{ service.id }}" aria-live="polite">Loading...</div>
</div>
</div>
</a>