syntaxbullet/personal-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Redesign homepage to a split layout with a brand sidebar, removing the interactive ASCII art controls.

Browse Source
This commit is contained in:
syntaxbullet
2026-02-10 10:16:52 +01:00
parent 36cb793048
commit 28bde53707
2 changed files with 537 additions and 568 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1086
src/pages/index.astro
View File

File diff suppressed because it is too large Load Diff

19
src/scripts/ascii-controller.ts
View File

@@ -270,9 +270,12 @@ export class AsciiController {
async calculateGrid(): Promise<GridCache | undefined> {
if (!this.currentImgUrl) return;
const parent = this.canvas.parentElement;
if (!parent) return;
const fontAspectRatio = 0.55;
const marginRatio = 0.2;
const screenW = window.innerWidth;
const marginRatio = 0.05; // Reduced margin for container fit
const screenW = parent.clientWidth;
const availW = screenW * (1 - marginRatio);
let widthCols = Math.floor(availW / 6);
@@ -337,12 +340,16 @@ export class AsciiController {
}
private updateCanvasSize(): void {
const parent = this.canvas.parentElement;
if (!parent) return;
const fontAspectRatio = 0.55;
const gridAspect = (this.cachedGrid.widthCols * fontAspectRatio) / this.cachedGrid.heightRows;
const screenW = window.innerWidth;
const screenH = window.innerHeight;
const maxW = screenW * 0.95;
const maxH = screenH * 0.95;
const screenW = parent.clientWidth;
const screenH = parent.clientHeight;
const maxW = screenW * 0.98;
const maxH = screenH * 0.98;
let finalW: number, finalH: number;
if (gridAspect > maxW / maxH) {