From f679f970f76a45f07a84b1027972e6141cc04d9b Mon Sep 17 00:00:00 2001 From: Andrew Simonson Date: Sun, 5 May 2024 15:12:52 -0500 Subject: [PATCH] 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 %}