From 391d5a17683b2c0702720d1494c31f18f108055d Mon Sep 17 00:00:00 2001 From: Andrew Simonson Date: Sat, 4 May 2024 19:06:11 -0500 Subject: [PATCH 1/5] Learned a fat lesson about sticky and floats --- src/app.py | 2 +- src/static/css/App.css | 18 ++++------- src/templates/about.html | 21 +++++++++++-- src/templates/duck.html | 1 - src/templates/header.html | 65 +++++++++++++++++++-------------------- src/templates/home.html | 62 ++++++++----------------------------- 6 files changed, 69 insertions(+), 100 deletions(-) diff --git a/src/app.py b/src/app.py index 8dd5587..6d715a2 100644 --- a/src/app.py +++ b/src/app.py @@ -13,7 +13,7 @@ pages = json.load(open("./static/json/pages.json", "r")) pages['about']['skillList'] = skillList pages['about']['timeline'] = timeline pages['projects']['projects'] = proj -pages['home']['books'] = books +pages['about']['books'] = books pages['books']['books'] = books app = flask.Flask(__name__) diff --git a/src/static/css/App.css b/src/static/css/App.css index 02f00e0..589a126 100644 --- a/src/static/css/App.css +++ b/src/static/css/App.css @@ -79,17 +79,15 @@ body { filter: brightness(50%); } -h1, h2 { +h1 { color: #ecebeb; } h2 { - font-size: 2rem; - margin-top: 1rem; - margin-bottom: 2rem; + font-size: medium; } -h3, h4, h5 { +h2, h3, h4, h5 { color: #a8a8a8; } @@ -134,7 +132,7 @@ a { background-color: #1a1a1a; width: 100vw; z-index: 99; - position: fixed; + position: sticky; top: 0; left: 0; transition: .4s; @@ -150,6 +148,7 @@ a { #homeName { margin-top: .25em; + margin-bottom: 0; } #name-container { @@ -257,7 +256,6 @@ a { } .foregroundContent { - padding-top: 4rem; padding-left: 8rem; max-width: calc(100%-8rem); padding-bottom: 1rem; @@ -273,7 +271,7 @@ a { } .homegroundContent { - padding-top: 5em; + padding-top: 1em; padding-left: 0em; } @@ -313,12 +311,8 @@ a { #nametag { padding: 2em 3em; - display: inline-block; background-color: rgb(44, 44, 44, .75); - border-radius: 1em; - border: solid black 4px; text-align: center; - max-width: 30em; } #nametag *:not(h1) { diff --git a/src/templates/about.html b/src/templates/about.html index 42508dc..d58bd72 100644 --- a/src/templates/about.html +++ b/src/templates/about.html @@ -2,7 +2,7 @@
-
+

About Me

I'm Andrew Simonson, a senior undergrad at @@ -15,8 +15,23 @@ Ominous positivity is kinda my thing.


-
-
+
+ {% from 'partials/chess.html' import chess %} {{ + chess('asimonson1125') }} +
+
+ {% from 'partials/bookshelf.html' import bookshelf %} {{ + bookshelf(var.books) }} +
+
+ duck spinning +
+
+

Skills

{% from 'partials/skills.html' import skills %} {{ skills(var['skillList']) }} diff --git a/src/templates/duck.html b/src/templates/duck.html index d94aaf2..12b7210 100644 --- a/src/templates/duck.html +++ b/src/templates/duck.html @@ -7,6 +7,5 @@ src="{{ url_for('static', filename='photos/gifs/duck-spinning.gif') }}" style="max-width: calc(100% - 2em);" /> -

Stop disturbing the duck, can't you see he's busy spinning?

{% endblock %} diff --git a/src/templates/header.html b/src/templates/header.html index 05f85eb..4265e23 100644 --- a/src/templates/header.html +++ b/src/templates/header.html @@ -2,7 +2,10 @@ - + @@ -62,46 +65,42 @@ -
-
-
-
-
- Andrew Simonson -
+
+
+
+
+ Andrew Simonson
+
- menu -
-
-
-

Home

-
- - Resume - -
-

Projects

-
- -
-

About Me

-
+ menu +
+
+
+

Home

+
+ + Resume + +
+

Projects

+
+ +
+

About Me

- {% endblock %} - {% block content%} + {% endblock %} {% block content%}
{% include var['template'] %}
- {% endblock %} - {% block footer %} + {% endblock %} {% block footer %}
{% include 'partials/socials.html' %}
{% endblock %} diff --git a/src/templates/home.html b/src/templates/home.html index 9f5afe2..d1bfe3b 100644 --- a/src/templates/home.html +++ b/src/templates/home.html @@ -1,56 +1,18 @@ {% block content %} {% macro nameplate() %} -logo -

Andrew Simonson

-

Computer Science student at Rochester Institute of Technology

-
End-to-End Services in Data Science and AI
+
+ logo +

Andrew Simonson

+

Digital Analysis Beyond Controlled Environments

+
{% endmacro %}
-
-
-
-
-
-
- {{ nameplate() }} -
-
-
{{ nameplate() }}
-
-
-
-
-
- {% from 'partials/chess.html' import chess %} {{ - chess('asimonson1125') }} -
-
- {% from 'partials/bookshelf.html' import bookshelf %} {{ - bookshelf(var.books) }} -
-
- duck spinning - duck spinning - duck spinning -
-
-
-
+
+
{{ nameplate() }}
+ {% endblock %} From f679f970f76a45f07a84b1027972e6141cc04d9b Mon Sep 17 00:00:00 2001 From: Andrew Simonson Date: Sun, 5 May 2024 15:12:52 -0500 Subject: [PATCH 2/5] just a whole lot of things --- src/static/css/App.css | 56 ++++++++++- src/static/js/responsive.js | 37 +------- src/templates/about.html | 185 +++++++++++++++++++----------------- src/templates/duck.html | 3 +- src/templates/header.html | 62 ++++++------ src/templates/home.html | 8 +- 6 files changed, 196 insertions(+), 155 deletions(-) diff --git a/src/static/css/App.css b/src/static/css/App.css index 589a126..758ddf4 100644 --- a/src/static/css/App.css +++ b/src/static/css/App.css @@ -354,6 +354,14 @@ a { max-width: 100%; } +#aboutCards { + justify-content: left; +} + +#aboutCards > * { + margin: .25em; +} + .spaceBetween { justify-content: space-between; } @@ -580,6 +588,12 @@ a { left: 0; } +#contentStuffer { + display: flex; + flex-direction: column; + min-height: 100vh; +} + .socials { margin-left: 1rem; width: 0px; @@ -656,6 +670,25 @@ a { background-size: cover; } +#desktopSpacer { + height: min(20em, 30vh); +} + +.homeSubContent { + background-color: rgb(24, 24, 24, .85); + padding: 0 8em; +} + +#homeProjects { + padding: 1em; +} + +.homeProject { + width: 20em; + height:5em; + +} + .heightBox { height: 100%; display: flex; @@ -666,9 +699,6 @@ a { .chess { max-width: 300px; border: none; - overflow: scroll; - /* transform: scale(.8); - float: right; */ } #chessProfile { @@ -963,6 +993,22 @@ a { border-bottom: solid 3px rgb(156, 49, 45, .4); } + .footer { + position: unset; + } + + #footerSpacer { + flex-grow: 1; + } + + #aboutCards { + flex-direction: column; + } + + #aboutCards > * { + margin: .25em auto; + } + .header h1 { font-size: 1.5rem; } @@ -1009,6 +1055,10 @@ a { padding-top: 5em; } + .homeSubContent { + padding: 0; + } + .onRight { margin: unset; margin-top: 3rem; diff --git a/src/static/js/responsive.js b/src/static/js/responsive.js index 0235a16..ceda9b3 100644 --- a/src/static/js/responsive.js +++ b/src/static/js/responsive.js @@ -1,35 +1,8 @@ -window.onload = function () { - onLoaded(); -}; -function onLoaded() { - window.onresize = function () { - resizer(); - }; - resizer(); -} - -function resizer() { - const e = document.querySelector(".navControl"); - if (window.innerWidth > 1400) { - // desktop view - e.style.maxHeight = `${e.scrollHeight + 10}px`; - } else { - // mobile view - document.querySelector(".header").style.borderBottomWidth = "3px"; - e.style.maxHeight = "0px"; - document.querySelectorAll(".navElement *").forEach((x) => { - x.style.paddingTop = ".3rem"; - x.style.paddingBottom = ".3rem"; - x.style.fontSize = "1rem"; - }); - } -} - -function toggleMenu() { +function toggleMenu(collapse=false) { if (window.innerWidth < 1400) { const e = document.querySelector(".navControl"); const bar = document.querySelector(".header"); - if (e.style.maxHeight === "0px") { + if (e.style.maxHeight === "0px" && !collapse) { e.style.maxHeight = `${e.scrollHeight + 10}px`; bar.style.borderBottomWidth = "0px"; } else { @@ -39,7 +12,7 @@ function toggleMenu() { } } -async function goto(location, { push = true, toggle = true } = {}) { +async function goto(location, { push = true } = {}) { let a = await fetch("/api/goto/" + location, { credentials: "include", method: "GET", @@ -56,9 +29,7 @@ async function goto(location, { push = true, toggle = true } = {}) { root.querySelectorAll("script").forEach((x) => { eval(x.innerHTML); }); - if (toggle) { - toggleMenu(); - } + toggleMenu(collapse=true); document.querySelector("title").textContent = metadata["title"]; if (push) { history.pushState(null, null, metadata["canonical"]); diff --git a/src/templates/about.html b/src/templates/about.html index d58bd72..88471a6 100644 --- a/src/templates/about.html +++ b/src/templates/about.html @@ -2,99 +2,112 @@
-
-

About Me

-

- I'm Andrew Simonson, a senior undergrad at - Rochester Institute of Technology - in the Computer Science BS program (international relations minor), pursuing a career in data - science with a focus on predictive analytics. -

-

-
- Ominous positivity is kinda my thing. -

+
+

About Me

+

+ I'm Andrew Simonson, a + senior undergrad at + Rochester Institute of Technology + in the Computer Science BS program (international relations + minor), pursuing a career in data science.
-

- {% from 'partials/chess.html' import chess %} {{ - chess('asimonson1125') }} -
-
- {% from 'partials/bookshelf.html' import bookshelf %} {{ - bookshelf(var.books) }} -
-
- duck spinning + Data without sound methodology is at best meaningless and at worst + counterproductive and costly. +
+ My mission is to bring logical transparency and literal deductions back + into digital analysis so we can learn about the world through computing, + rather than letting computers make decisions for the world we think we + know. +
+
+ We as data scientists shouldn't just be building heuristics. We should + be making discoveries and building new knowledge. +
+ Bring the scientific method to AI. +

+
+
+
+

Skills

+ {% from 'partials/skills.html' import skills %} {{ + skills(var['skillList']) }} +
+
+

Timeline

+
+
+
+
+ Pinned +
-
-
-

Skills

- {% from 'partials/skills.html' import skills %} {{ skills(var['skillList']) }} -
-
-

Timeline

-
-
- -
-
- -
-
-
-
- -
+ /> +
+ Education +
-
- {% from 'partials/timeline.html' import timeitem %} {% for i in - var["timeline"] %} {{ timeitem(i, var["timeline"][i]["classes"], - var["timeline"][i]["date"], var["timeline"][i]["content"])}} {% - endfor %} +
+ +
+
+
-
+
+ {% from 'partials/timeline.html' import timeitem %} {% for i in + var["timeline"] %} {{ timeitem(i, var["timeline"][i]["classes"], + var["timeline"][i]["date"], var["timeline"][i]["content"])}} {% endfor + %} +
+ +
+
+
+
+
+ {% from 'partials/chess.html' import chess %} {{ chess('asimonson1125') }} +
+
+ {% from 'partials/bookshelf.html' import bookshelf %} {{ + bookshelf(var.books) }} +
+
+ duck spinning
diff --git a/src/templates/duck.html b/src/templates/duck.html index 12b7210..a5ee302 100644 --- a/src/templates/duck.html +++ b/src/templates/duck.html @@ -1,11 +1,12 @@ {% block content %}
-

What the duck?

+

What the duck?

mega spinney duck
+ {% endblock %} diff --git a/src/templates/header.html b/src/templates/header.html index 4265e23..fec65c0 100644 --- a/src/templates/header.html +++ b/src/templates/header.html @@ -50,10 +50,11 @@ rel="stylesheet" href="{{ url_for('static', filename='css/checkbox.css') }}" /> + @@ -65,43 +66,44 @@ -
-
-
+
+
+
Andrew Simonson
-
- menu -
-
-
-

Home

-
- - Resume - -
-

Projects

-
- -
-

About Me

+ menu +
+
+
+

Home

+
+ + Resume + +
+

Projects

+
+ +
+

About Me

+
+ {% endblock %} {% block content%} +
{% include var['template'] %}
+ {% endblock %} {% block footer %} +
+
{% include 'partials/socials.html' %}
+ {% endblock %}
- {% endblock %} {% block content%} -
{% include var['template'] %}
- {% endblock %} {% block footer %} -
{% include 'partials/socials.html' %}
- {% endblock %} diff --git a/src/templates/home.html b/src/templates/home.html index d1bfe3b..8bf18ee 100644 --- a/src/templates/home.html +++ b/src/templates/home.html @@ -14,5 +14,9 @@
{{ nameplate() }}
- -{% endblock %} + +
+
+

About Me

+
+ {% endblock %} From 7744786431189d9babd3fb9813bff2739e3d63b7 Mon Sep 17 00:00:00 2001 From: Andrew Simonson Date: Sat, 18 May 2024 12:58:57 -0500 Subject: [PATCH 3/5] text update --- src/static/css/App.css | 8 ++++---- src/templates/about.html | 16 +++++++--------- 2 files changed, 11 insertions(+), 13 deletions(-) diff --git a/src/static/css/App.css b/src/static/css/App.css index 758ddf4..763263f 100644 --- a/src/static/css/App.css +++ b/src/static/css/App.css @@ -83,10 +83,6 @@ h1 { color: #ecebeb; } -h2 { - font-size: medium; -} - h2, h3, h4, h5 { color: #a8a8a8; } @@ -319,6 +315,10 @@ a { text-shadow: .1em .1em rgba(255, 255, 255, 0.2); } +#nametag h2{ + font-size: medium; +} + #nametag p { text-shadow: none; color: #a8a8a8; diff --git a/src/templates/about.html b/src/templates/about.html index 88471a6..f70b88d 100644 --- a/src/templates/about.html +++ b/src/templates/about.html @@ -12,19 +12,17 @@ minor), pursuing a career in data science.

+ My philosophy is that if it isn't explainable then you didn't learn anything. Data without sound methodology is at best meaningless and at worst - counterproductive and costly. -
- My mission is to bring logical transparency and literal deductions back - into digital analysis so we can learn about the world through computing, - rather than letting computers make decisions for the world we think we - know. -
-
+ counterproductive and costly. + Bringing logical transparency and literal deductions back + into digital analysis enables us to learn about the world through computing, + rather than letting computers make decisions for the world we think we know. We as data scientists shouldn't just be building heuristics. We should be making discoveries and building new knowledge.
- Bring the scientific method to AI. +
+ Bring the scientific method to AI.

From 2cb1368440410c2ea32d7e443f9dd7aec3ed930b Mon Sep 17 00:00:00 2001 From: Andrew Simonson Date: Sun, 19 May 2024 11:16:05 -0500 Subject: [PATCH 4/5] replace about page with homepage content --- src/app.py | 6 +- src/static/css/App.css | 24 ++++++-- src/static/json/pages.json | 6 -- src/static/sitemap.xml | 4 +- src/templates/about.html | 112 ------------------------------------- src/templates/header.html | 4 -- src/templates/home.html | 70 ++++++++++++++++++++--- 7 files changed, 87 insertions(+), 139 deletions(-) delete mode 100644 src/templates/about.html diff --git a/src/app.py b/src/app.py index 6d715a2..220318c 100644 --- a/src/app.py +++ b/src/app.py @@ -10,10 +10,10 @@ 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['about']['skillList'] = skillList -pages['about']['timeline'] = timeline +pages['home']['skillList'] = skillList +# pages['about']['timeline'] = timeline pages['projects']['projects'] = proj -pages['about']['books'] = books +pages['home']['books'] = books pages['books']['books'] = books app = flask.Flask(__name__) diff --git a/src/static/css/App.css b/src/static/css/App.css index 763263f..f0de231 100644 --- a/src/static/css/App.css +++ b/src/static/css/App.css @@ -343,6 +343,14 @@ a { justify-content: space-around; } +.equalitems { + column-gap: 1em; +} + +.equalitems > * { + flex: 1 1 0; +} + .vFlex { display: flex; flex-direction: column; @@ -354,10 +362,6 @@ a { max-width: 100%; } -#aboutCards { - justify-content: left; -} - #aboutCards > * { margin: .25em; } @@ -370,6 +374,11 @@ a { justify-content: left; } +.hSpacer { + width: 2em; + height: 0; +} + .relative { position: relative; } @@ -677,6 +686,7 @@ a { .homeSubContent { background-color: rgb(24, 24, 24, .85); padding: 0 8em; + padding-top: 1em; } #homeProjects { @@ -1031,6 +1041,10 @@ a { margin: 0; } + .vertOnMobile { + flex-direction: column; + } + .projectList { width: 95%; } @@ -1056,7 +1070,7 @@ a { } .homeSubContent { - padding: 0; + padding: 1em; } .onRight { diff --git a/src/static/json/pages.json b/src/static/json/pages.json index 2298159..666b9f1 100644 --- a/src/static/json/pages.json +++ b/src/static/json/pages.json @@ -11,12 +11,6 @@ "description": "Recent projects by Andrew Simonson on his lovely portfolio website :)", "canonical": "/projects" }, - "about": { - "template": "about.html", - "title": "Andrew Simonson - About Me", - "description": "About Andrew Simonson", - "canonical": "/about" - }, "books": { "template": "books.html", "title": "Andrew Simonson - Bookshelf", diff --git a/src/static/sitemap.xml b/src/static/sitemap.xml index 8fc4dbd..ff372c7 100644 --- a/src/static/sitemap.xml +++ b/src/static/sitemap.xml @@ -2,9 +2,9 @@ https://asimonson.com - https://asimonson.com/about https://asimonson.com/projects https://asimonson.com/Resume - 2022-06-04 + https://asimonson.com/duck + 2024-05-19 \ No newline at end of file diff --git a/src/templates/about.html b/src/templates/about.html deleted file mode 100644 index f70b88d..0000000 --- a/src/templates/about.html +++ /dev/null @@ -1,112 +0,0 @@ -{% block content %} -
-
-
-
-

About Me

-

- I'm Andrew Simonson, a - senior undergrad at - Rochester Institute of Technology - in the Computer Science BS program (international relations - minor), pursuing a career in data science. -
-
- My philosophy is that if it isn't explainable then you didn't learn anything. - Data without sound methodology is at best meaningless and at worst - counterproductive and costly. - Bringing logical transparency and literal deductions back - into digital analysis enables us to learn about the world through computing, - rather than letting computers make decisions for the world we think we know. - We as data scientists shouldn't just be building heuristics. We should - be making discoveries and building new knowledge. -
-
- Bring the scientific method to AI. -

-
-
-
-

Skills

- {% from 'partials/skills.html' import skills %} {{ - skills(var['skillList']) }} -
-
-

Timeline

-
-
- -
-
- -
-
- -
-
- -
-
-
- {% from 'partials/timeline.html' import timeitem %} {% for i in - var["timeline"] %} {{ timeitem(i, var["timeline"][i]["classes"], - var["timeline"][i]["date"], var["timeline"][i]["content"])}} {% endfor - %} -
- -
-
-
-
-
- {% from 'partials/chess.html' import chess %} {{ chess('asimonson1125') }} -
-
- {% from 'partials/bookshelf.html' import bookshelf %} {{ - bookshelf(var.books) }} -
-
- duck spinning -
-
-
-{% endblock %} diff --git a/src/templates/header.html b/src/templates/header.html index fec65c0..9661bdd 100644 --- a/src/templates/header.html +++ b/src/templates/header.html @@ -91,10 +91,6 @@

Projects

- -
-

About Me

-
diff --git a/src/templates/home.html b/src/templates/home.html index 8bf18ee..28f377b 100644 --- a/src/templates/home.html +++ b/src/templates/home.html @@ -6,17 +6,73 @@ alt="logo" />

Andrew Simonson

-

Digital Analysis Beyond Controlled Environments

+

Data Science Beyond Theoretical Environments

{% endmacro %}
{{ nameplate() }}
+ +
+
+
+
+

About Me

+

+ I'm Andrew Simonson, + a senior undergrad at + Rochester Institute of Technology + in the Computer Science BS program (international relations + minor), pursuing a career in data science. I have study clusters in + Data Science and AI and run independent studies in probability theory. +
+
+ I've worked on a variety of projects, from building analytical tools + performing reactive chemical safety to live feed processing for + frantic work environments looking to improve service. I also do + personal experimentation leveraging open source info streams ranging + from human traffic around campus to watershed temperature monitoring. +
+
+ My philosophy is that if it isn't explainable then you didn't learn + anything. Data without sound methodology is at best meaningless and at + worst counterproductive and costly. Bringing logical transparency and + literal deductions back into digital analysis enables us to learn + about the world through computing, rather than letting computers make + decisions for the world we think we know. We as data scientists + shouldn't just be building heuristics. We should be making discoveries + and building new knowledge. +
+
+ Bring the scientific method to AI. +
+
+

+
+
+

Skills

+ {% from 'partials/skills.html' import skills %} {{ + skills(var['skillList']) }} +
+
+
+
+ {% from 'partials/chess.html' import chess %} {{ chess('asimonson1125') + }} +
+
+ {% from 'partials/bookshelf.html' import bookshelf %} {{ + bookshelf(var.books) }} +
+
+ duck spinning +
+
+
- -
-
-

About Me

-
- {% endblock %} +{% endblock %} From d27f874483a1e0044090fd2a0b9c329b44a14a19 Mon Sep 17 00:00:00 2001 From: Andrew Simonson Date: Sun, 19 May 2024 11:45:31 -0500 Subject: [PATCH 5/5] update skills / skills init --- src/static/json/skills.json | 20 ++++++++++++++++---- src/templates/partials/skills.html | 6 +++++- 2 files changed, 21 insertions(+), 5 deletions(-) diff --git a/src/static/json/skills.json b/src/static/json/skills.json index 33fdd97..9a8e7df 100644 --- a/src/static/json/skills.json +++ b/src/static/json/skills.json @@ -1,5 +1,14 @@ { "Data and AI": { + "Tools": { + "Microsoft Azure": { + "Databricks": {}, + "Data Factory": {}, + "Stream Analytics": {} + }, + "Apache Spark": {}, + "Visual Basic for Applications (Excel)": {} + }, "Python": { "PyTorch/TensorFlow": {}, "Numpy/Pandas": {}, @@ -11,16 +20,19 @@ "Frontend": { "Flask (Python)": {}, "React (Javascript)": {}, - "Angular (Typescript)": {} + "SASS/SCSS": {} }, "Backend & DevOps": { + "Backend": { + "Rust": {}, + "C#": {}, + "C++": {} + }, "DevOps": { "Docker": {}, "Microsoft Azure": {}, "Kubernetes/Openshift": {}, "Bash": {} - }, - "C#": {}, - "C++": {} + } } } diff --git a/src/templates/partials/skills.html b/src/templates/partials/skills.html index aed678f..a103ed1 100644 --- a/src/templates/partials/skills.html +++ b/src/templates/partials/skills.html @@ -10,7 +10,11 @@ {% macro skills(skills) %}
{% for skill in skills %} - {{ expandSkill(skills, skill, 'activeSkill') }} + {% set classes = "" %} + {% if skill == skills|first %} + {% set classes = "activeSkill" %} + {% endif %} + {{ expandSkill(skills, skill, classes) }} {% endfor %}
{% endmacro %} \ No newline at end of file