nickorlow/personal-site
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

many changes

Browse source
This commit is contained in:
Nicholas Orlowsky 2025-09-12 19:08:22 -04:00
parent 4777f46a38
commit be177af6cd
No known key found for this signature in database
GPG key ID: A9F3BA4C0AA7A70B
25 changed files with 2059 additions and 47 deletions
Download patch file Download diff file Expand all files Collapse all files

134
api/assets/style.css Normal file
View file

@ -0,0 +1,134 @@
* {
font-family: mono;
}
th {
text-align: left;
}
td {
text-align: left;
}
table, th, td {
border: 1px solid black;
}
body {
padding: 0 !important;
margin: 0 !important;
}
.body {
background-color: #ffffff;
margin: 10px auto;
max-width: 750px;
width: 95%;
}
a {
text-decoration: none;
color: #114488;
}
p, h1, h2, h3, h4, h5, h6 {
margin: 0;
}
img {
max-width: 100%;
}
.flag-img {
height: 30px;
}
.nav-link {
white-space: nowrap;
}
.metro-container {
font-size: 1.5em;
padding: 0.3em;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
width: max-content;
height: max-content;
aspect-ratio: 1 / 1;
line-height: 1;
}
.rr-container {
background-color: #4c748c;
color: #ffffff;
font-size: 1.5em;
padding: 0.3em;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
width: max-content;
height: max-content;
line-height: 1;
}
.bg-B1, .bg-B2, .bg-B3 {
background-color: #FF661C;
color: #ffffff;
}
.bg-L1 {
background-color: #009BDE;
color: #ffffff;
}
.bg-M1 {
background-color: #552B9D;
color: #ffffff;
}
.bg-D1, .bg-D2 {
background-color: #EA4379;
color: #ffffff;
}
.bg-G1 {
background-color: #FFD500;
color: #000000;
}
.bg-T1, .bg-T2, .bg-T3, .bg-T4, .bg-T5 {
background-color: #6EA516;
color: #ffffff;
}
.bus-container {
display: inline-block;
padding: 0.2em 0.5em; /* scales with font size */
font-size: 1em; /* or inherit */
font-weight: bold;
border-radius: 9999px; /* full pill shape */
border: 2px solid #000000;
background-color: #ffffff;
color: #000000;
width: max-content;
line-height: 1;
}
.tscroll {
width: 100%;
overflow: scroll;
margin-bottom: 10px;
}
.tscroll table td:first-child, .tscroll table th:first-child {
position: sticky;
left: 0;
background-color: #ddd;
box-shadow: inset 0 0.5px 0 #000000,inset 0 -0.5px 0 #000000,inset 1px 0 0 #000000,inset -1px 0 0 #000000;
border-width:0;
}
.tscroll td, .tscroll th {
}

65
api/assets/test.html Normal file
View file

@ -0,0 +1,65 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Canvas Curve Full Width</title>
<style>
body { margin: 0; }
canvas { display: block; background: white; }
</style>
</head>
<body>
<canvas id="curveCanvas" height="180"></canvas>
<script>
const canvas = document.getElementById('curveCanvas');
const ctx = canvas.getContext('2d');
// Set canvas width to window width
function resizeCanvas() {
canvas.width = window.innerWidth;
const rightEnd = canvas.width;
const flatStart = 0;
const flatEnd = 450;
const curveStart = flatEnd;
const curveControl1 = 475;
const curveControl2 = 525;
const curvePeak = 550;
ctx.clearRect(0, 0, canvas.width, canvas.height);
// Blue stripe (top)
ctx.beginPath();
ctx.moveTo(flatStart, 90);
ctx.lineTo(flatEnd, 90);
ctx.bezierCurveTo(curveControl1, 90, curveControl2, 30, curvePeak, 30);
ctx.lineTo(rightEnd, 30);
ctx.lineTo(rightEnd, 60);
ctx.lineTo(curvePeak, 60);
ctx.bezierCurveTo(curveControl2, 60, curveControl1, 120, flatEnd, 120);
ctx.lineTo(flatStart, 120);
ctx.closePath();
ctx.fillStyle = '#007ac2';
ctx.fill();
// Orange stripe (bottom)
ctx.beginPath();
ctx.moveTo(flatStart, 120);
ctx.lineTo(flatEnd, 120);
ctx.bezierCurveTo(curveControl1, 120, curveControl2, 60, curvePeak, 60);
ctx.lineTo(rightEnd, 60);
ctx.lineTo(rightEnd, 90);
ctx.lineTo(curvePeak, 90);
ctx.bezierCurveTo(curveControl2, 90, curveControl1, 150, flatEnd, 150);
ctx.lineTo(flatStart, 150);
ctx.closePath();
ctx.fillStyle = '#f15a22';
ctx.fill();
}
window.addEventListener('resize', resizeCanvas);
resizeCanvas();
</script>
</body>
</html>