andrew/asimonson1125.github.io
1
0
Fork 0
mirror of https://github.com/asimonson1125/asimonson1125.github.io.git synced 2026-02-25 05:09:49 -06:00
Code Issues Packages Projects Releases Wiki Activity

just a whole lot of things

Browse Source
This commit is contained in:
Andrew Simonson
2024-05-05 15:12:52 -05:00
parent 391d5a1768
commit f679f970f7
6 changed files with 196 additions and 155 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
src/static/css/App.css
View File

@@ -354,6 +354,14 @@ a {
max-width: 100%; max-width: 100%;
} }
#aboutCards {
justify-content: left;
}
#aboutCards > * {
margin: .25em;
}
.spaceBetween { .spaceBetween {
justify-content: space-between; justify-content: space-between;
} }
@@ -580,6 +588,12 @@ a {
left: 0; left: 0;
} }
#contentStuffer {
display: flex;
flex-direction: column;
min-height: 100vh;
}
.socials { .socials {
margin-left: 1rem; margin-left: 1rem;
width: 0px; width: 0px;
@@ -656,6 +670,25 @@ a {
background-size: cover; 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 { .heightBox {
height: 100%; height: 100%;
display: flex; display: flex;
@@ -666,9 +699,6 @@ a {
.chess { .chess {
max-width: 300px; max-width: 300px;
border: none; border: none;
overflow: scroll;
/* transform: scale(.8);
float: right; */
} }
#chessProfile { #chessProfile {
@@ -963,6 +993,22 @@ a {
border-bottom: solid 3px rgb(156, 49, 45, .4); 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 { .header h1 {
font-size: 1.5rem; font-size: 1.5rem;
} }
@@ -1009,6 +1055,10 @@ a {
padding-top: 5em; padding-top: 5em;
} }
.homeSubContent {
padding: 0;
}
.onRight { .onRight {
margin: unset; margin: unset;
margin-top: 3rem; margin-top: 3rem;

37
src/static/js/responsive.js
View File

@@ -1,35 +1,8 @@
window.onload = function () { function toggleMenu(collapse=false) {
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() {
if (window.innerWidth < 1400) { if (window.innerWidth < 1400) {
const e = document.querySelector(".navControl"); const e = document.querySelector(".navControl");
const bar = document.querySelector(".header"); const bar = document.querySelector(".header");
if (e.style.maxHeight === "0px") { if (e.style.maxHeight === "0px" && !collapse) {
e.style.maxHeight = `${e.scrollHeight + 10}px`; e.style.maxHeight = `${e.scrollHeight + 10}px`;
bar.style.borderBottomWidth = "0px"; bar.style.borderBottomWidth = "0px";
} else { } 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, { let a = await fetch("/api/goto/" + location, {
credentials: "include", credentials: "include",
method: "GET", method: "GET",
@@ -56,9 +29,7 @@ async function goto(location, { push = true, toggle = true } = {}) {
root.querySelectorAll("script").forEach((x) => { root.querySelectorAll("script").forEach((x) => {
eval(x.innerHTML); eval(x.innerHTML);
}); });
if (toggle) { toggleMenu(collapse=true);
toggleMenu();
}
document.querySelector("title").textContent = metadata["title"]; document.querySelector("title").textContent = metadata["title"];
if (push) { if (push) {
history.pushState(null, null, metadata["canonical"]); history.pushState(null, null, metadata["canonical"]);

185
src/templates/about.html
View File

@@ -2,99 +2,112 @@
<div class="foreground"></div> <div class="foreground"></div>
<div class="foregroundContent"> <div class="foregroundContent">
<div class="relative"> <div class="relative">
<div id="aboutMe" data-aos="fade-up"> <div id="aboutMe" data-aos="fade-up">
<h2 class="concentratedHead">About Me</h2> <h2 class="concentratedHead">About Me</h2>
<p> <p>
I'm Andrew Simonson, a senior undergrad at I'm Andrew Simonson<!--, CEO of the anti-thermodynamics syndicate.-->, a
<strong>Rochester Institute of Technology </strong> senior undergrad at
in the <b>Computer Science BS</b> program (international relations minor), pursuing a career in data <strong>Rochester Institute of Technology </strong>
science with a focus on predictive analytics. in the <b>Computer Science BS</b> program (international relations
</p> minor), pursuing a career in data science.
<p>
<br />
Ominous positivity is kinda my thing.
</p>
<br /> <br />
<div class="chess"> <br />
{% from 'partials/chess.html' import chess %} {{ Data without sound methodology is at best meaningless and at worst
chess('asimonson1125') }} counterproductive and costly.
</div> <br />
<br /> My mission is to bring logical transparency and literal deductions back
{% from 'partials/bookshelf.html' import bookshelf %} {{ into digital analysis so we can learn about the world through computing,
bookshelf(var.books) }} rather than letting computers make decisions for the world we think we
<br /> know.
<div class="pointer" onClick="goto('duck')"> <br />
<img <br />
alt="duck spinning" We as data scientists shouldn't just be building heuristics. We should
src="{{ url_for('static', filename='photos/gifs/duck-spinning.gif') }}" be making discoveries and building new knowledge.
class="smallImg" <br />
Bring the scientific method to AI.
</p>
</div>
<div data-aos="fade-up">
<div id="skills">
<h2 id="skillstag">Skills</h2>
{% from 'partials/skills.html' import skills %} {{
skills(var['skillList']) }}
</div>
<div id="timeline">
<h2>Timeline</h2>
<div class="checkbox-wrapper">
<div class="flex start">
<label class="switch" htmlFor="pinned">
<input
type="checkbox"
id="pinned"
onClick='toggleCheckbox("up")'
checked
/> />
</div> <div class="slider round"></div>
<strong>Pinned</strong>
</label>
</div> </div>
<div data-aos="fade-up"> <div class="flex start">
<div id="skills"> <label class="switch" htmlFor="education">
<h2 id="skillstag">Skills</h2> <input
{% from 'partials/skills.html' import skills %} {{ skills(var['skillList']) }} type="checkbox"
</div> id="education"
<div id="timeline">
<h2>Timeline</h2>
<div class="checkbox-wrapper">
<div class="flex start">
<label class="switch" htmlFor="pinned">
<input
type="checkbox"
id="pinned"
onClick='toggleCheckbox("up")'
checked
/>
<div class="slider round"></div>
<strong>Pinned</strong>
</label>
</div>
<div class="flex start">
<label class="switch" htmlFor="education">
<input
type="checkbox"
id="education"
onClick="toggleCheckbox('up')"
/>
<div class="slider round"></div>
<strong>Education</strong>
</label>
</div>
<div class="flex start">
<label
class="switch"
htmlFor="experience"
onClick="toggleCheckbox('up')" onClick="toggleCheckbox('up')"
> />
<input type="checkbox" id="experience" /> <div class="slider round"></div>
<div class="slider round"></div> <strong>Education</strong>
<strong>Work Experience</strong> </label>
</label>
</div>
<div class="flex start">
<label
class="switch"
htmlFor="technical"
onClick="toggleCheckbox('up')"
>
<input type="checkbox" id="technical" />
<div class="slider round"></div>
<strong>Technical</strong>
</label>
</div>
</div> </div>
<div class="timeline checkbox-client"> <div class="flex start">
{% from 'partials/timeline.html' import timeitem %} {% for i in <label
var["timeline"] %} {{ timeitem(i, var["timeline"][i]["classes"], class="switch"
var["timeline"][i]["date"], var["timeline"][i]["content"])}} {% htmlFor="experience"
endfor %} onClick="toggleCheckbox('up')"
>
<input type="checkbox" id="experience" />
<div class="slider round"></div>
<strong>Work Experience</strong>
</label>
</div>
<div class="flex start">
<label
class="switch"
htmlFor="technical"
onClick="toggleCheckbox('up')"
>
<input type="checkbox" id="technical" />
<div class="slider round"></div>
<strong>Technical</strong>
</label>
</div> </div>
<script>
toggleCheckbox("up");
</script>
</div> </div>
<div class="timeline checkbox-client">
{% 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
%}
</div>
<script>
toggleCheckbox("up");
</script>
</div>
</div>
</div>
<div id="aboutCards" class="flex">
<div class="chess">
{% from 'partials/chess.html' import chess %} {{ chess('asimonson1125') }}
</div>
<br />
{% from 'partials/bookshelf.html' import bookshelf %} {{
bookshelf(var.books) }}
<br />
<div class="pointer" onClick="goto('duck')">
<img
alt="duck spinning"
src="{{ url_for('static', filename='photos/gifs/duck-spinning.gif') }}"
class="smallImg"
/>
</div> </div>
</div> </div>
</div> </div>

3
src/templates/duck.html
View File

@@ -1,11 +1,12 @@
{% block content %} {% block content %}
<div class="foreground"></div> <div class="foreground"></div>
<div class="foregroundContent"> <div class="foregroundContent">
<h2>What the duck?</h2> <h1>What the duck?</h1>
<img <img
alt="mega spinney duck" alt="mega spinney duck"
src="{{ url_for('static', filename='photos/gifs/duck-spinning.gif') }}" src="{{ url_for('static', filename='photos/gifs/duck-spinning.gif') }}"
style="max-width: calc(100% - 2em);" style="max-width: calc(100% - 2em);"
/> />
</div> </div>
<!-- BONUS DUCKS! -->
{% endblock %} {% endblock %}

62
src/templates/header.html
View File

@@ -50,10 +50,11 @@
rel="stylesheet" rel="stylesheet"
href="{{ url_for('static', filename='css/checkbox.css') }}" href="{{ url_for('static', filename='css/checkbox.css') }}"
/> />
<!--
<link <link
rel="stylesheet" rel="stylesheet"
href="{{ url_for('static', filename='css/head.css') }}" href="{{ url_for('static', filename='css/head.css') }}"
/> /></!-->
<link rel="canonical" href="https://asimonson.com{{ var['canonical'] }}" /> <link rel="canonical" href="https://asimonson.com{{ var['canonical'] }}" />
<script src="{{ url_for('static', filename='js/checkbox.js') }}"></script> <script src="{{ url_for('static', filename='js/checkbox.js') }}"></script>
@@ -65,43 +66,44 @@
<body onpopstate="backButton()"> <body onpopstate="backButton()">
<noscript>You need to enable JavaScript to run this app.</noscript> <noscript>You need to enable JavaScript to run this app.</noscript>
<iframe src="/hotspots?legend=false" title="HotspotsRIT" id="map"></iframe> <iframe src="/hotspots?legend=false" title="HotspotsRIT" id="map"></iframe>
<div class="header"> <div id="contentStuffer">
<div id="name-container" onclick="goto('home', {toggle:false})"> <div class="header">
<div class="glitch"> <div id="name-container" onclick="goto('home')">
<div class="line name"> <div class="line name">
<span class="textGrad">Andrew Simonson</span> <span class="textGrad">Andrew Simonson</span>
</div> </div>
</div> </div>
</div>
<img <img
src="{{ url_for('static', filename='icons/menu.svg')}}" src="{{ url_for('static', filename='icons/menu.svg')}}"
alt="menu" alt="menu"
id="menu" id="menu"
onClick="toggleMenu()" onClick="toggleMenu()"
/> />
<div class="navControl"> <div class="navControl">
<div class="navBar"> <div class="navBar">
<div onClick="goto('home')" class="navElement"> <div onClick="goto('home')" class="navElement">
<p>Home</p> <p>Home</p>
</div> </div>
<a href="Resume.pdf" target="_blank" class="navElement"> <a href="Resume.pdf" target="_blank" class="navElement">
<span>Resume</span> <span>Resume</span>
</a> </a>
<div onclick="goto('projects')" class="navElement"> <div onclick="goto('projects')" class="navElement">
<p>Projects</p> <p>Projects</p>
</div> </div>
<!-- <a href="/activities">Activities</a> --> <!-- <a href="/activities">Activities</a> -->
<div onclick="goto('about')" class="navElement"> <div onclick="goto('about')" class="navElement">
<p>About Me</p> <p>About Me</p>
</div>
</div> </div>
</div> </div>
</div> </div>
{% 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>
{% endblock %}
</div> </div>
{% endblock %} {% block content%}
<div id="root">{% include var['template'] %}</div>
{% endblock %} {% block footer %}
<div class="footer">{% include 'partials/socials.html' %}</div>
{% endblock %}
</body> </body>
</html> </html>

8
src/templates/home.html
View File

@@ -14,5 +14,9 @@
<div class="relative"> <div class="relative">
<div id="nametag" class="flex" data-aos="fade-up">{{ nameplate() }}</div> <div id="nametag" class="flex" data-aos="fade-up">{{ nameplate() }}</div>
</div> </div>
<INSERT SMALL BANNER HERE FOR PROJECT IMAGECARD CAROUSEL> <!--<INSERT SMALL BANNER HERE FOR PROJECT IMAGECARD CAROUSEL>-->
{% endblock %} <div id="desktopSpacer"></div>
<div class="homeSubContent">
<h1>About Me</h1>
</div>
{% endblock %}