incorrect or outdated password
+please contact clover
+ +
+
+ );
+}
+
+export function Readme() {
+ return (
+
+ an interlude
+
+
+
+
+
+
+
+ cotyledon
+
+
+ + this place is sacred, but dangerous. i have to keep visitors to an + absolute minimum; you'll get dust on all the artifacts. +
++ by entering our museum, you agree not to use your camera. flash off + isn't enough; the bits and bytes are alergic even to a camera's + sensor +
++ (in english: please do not store downloads after you're done viewing + them) +
+
+
+
+
+
+ );
+}
+
+export function ForEveryone() {
+ // deno-fmt-ignore
+ return <>
+ cotyledon
+
+
+
+
+
+
+ + welcome to the archive. if this is your first time here, i recommend + starting in '2017' and going + chronologically from there. however, there is truly no wrong way to + explore. +
++ note that there is a blanket trigger warning for everything in this + archive: while there is nothing visually offensive, some portions of + the text and emotions conveyed through this may hit extremely hard. + you are warned. +
++ all file dates are real. at least as real as i could figure out. + when i moved data across drives over my years, i accidentally had a + few points where i stamped over all the dates with the day that + moved the files. even fucked it up a final time in february 2025, + while in the process of unfucking things. +
++ thankfully, my past self knew i'd want to assemble this kind of + site, and because of that they were crazy about storing the dates of + things inside of html, json/yaml files, and even in fucking + databases. i'm glad it was all stored though, but jeez what a nerd. +
++ a few files were touched up for privacy, or otherwise re-encoded. + some of them i added extra metadata. +
++ from the bottom of my heart: i hope you enjoy. it has been a + nightmare putting this all together. technically and emotionally + speaking. i'm glad we can put this all behind us, mark it as + completed, and get started with the good shit. +
+
+ love,
clo
+
+
+ start here -> 2017 +
+
+
+today is my 21st birthday. april 30th, 2025.
+it's been nearly six months starting hormones.
+sometimes i feel great,
+sometimes i get dysphoria.
+with the walls around me gone
+that shit hits way harder than it did before.
+ugh..
+i'm glad the pain i felt is now explained,
+but now rendered in high definition.
+the smallest strands of hair on my face and belly act
+as sharpened nails to pierce my soul.
+ +it's all a pathway to better days; the sun had risen.
+one little step at a time for both of us.
+today i quit my job. free falling, it feels so weird.
+like sky diving.
+the only thing i feel is cold wind.
+the only thing i see is everything,
+and it's beautiful.
+i have a month of falling before the parachute activates,
+gonna spend as much time of it on art as i can.
+that was, after all, my life plan:
+i wanted to make art, all the time,
+for everyone.
+ +then you see what happened
+to the world and the internet.
+i never really got to live through that golden age,
+it probably sucked back then too.
+but now the big sites definitely stopped being fun.
+they slide their cold hands up my body
+and feel me around. it's unwelcoming, and
+inconsiderate to how sensitive my skin is.
+i'm so fucking glad i broke up with YouTube
+and their devilish friends.
+my NAS is at 5 / 24 TB
+and probably wont fill for the next decade.
+ +it took 2 months for me to notice my body changed.
+that day was really nice, but it hurt a lot.
+a sharp, satisfying pain in my chest gave me life.
+learned new instincts for my arms
+so they'd stop poking my new shape.
+when i look at my face
+it's like a different person.
+she was the same as before, but completely new.
+something changed
+or i'm now used to seeing what makes me smile.
+regardless, whatever i see in the mirror, i smile.
+and, i don't hear that old name much anymore
+aside from nightmares. and you'll never repeat it, ok?
+okay.
+ +been playing 'new canaan' by 'bill wurtz' on loop
+in the background.
+it kinda just feels right.
+especially when that verse near the end comes on.
+ +more people have been allowed to visit me.
+my apartment used to be just for me,
+but the more i felt like a person
+the more i felt like having others over.
+still have to decorate and clean it a little,
+but it isn't a job to do alone.
+we dragged a giant a rug across the city one day,
+and it felt was like anything was possible.
+sometimes i have ten people visit in a day,
+or sometimes i focus my little eyes on just one.
+i never really know what i want to do
+until the time actually comes.
+ +{/* FILIP */} +i think about the times i was by the water with you.
+the sun setting warmly, icy air fell on our shoulders.
+{/* NATALIE */} +and how we walked up to the top of that hill,
+you picked up and disposed a nail on the ground,
+walking the city thru places i've never been.
+{/* BEN */} +or hiking through the park talking about compilers,
+tiring me out until i'd fall asleep in your arms.
+{/* ELENA */} +and the way you held on to my hand as i woke up,
+noticing how i was trying to hide nightmare's tears.
+ +{/* HIGH SCHOOL */} +i remember we were yelling lyrics loudly,
+out of key yet cheered on because it was fun.
+{/* ADVAITH/NATALIE */} +and when we all toured the big corporate office,
+{/* AYU/HARRIS */} +then snuck in to some startup's office after hours;
+i don't remember what movie we watched.
+{/* COLLEGE, DAY 1 IN EV's ROOM */} +i remember laying on the bunk bed,
+while the rest played a card game.
+{/* MEGHAN/MORE */} +with us all laying on the rug, staring at the TV
+as the ending twist to {/* SEVERANCE */'that show'} was revealed.
+ +all the moments i cherish,
+i love because it was always me.
+i didn't have to pretend,
+even if i didn't know who i was at the time.
+you all were there. for me.
+ +i don't want to pretend any more
+i want to be myself. for everyone.
+ +oh, the song ended. i thought it was on loop?
+it's late... can hear the crickets...
+and i can almost see the moon... mmmm...
+...nah, too much light pollution.
+ +one day. one day.
+ +before i go, i want to show the uncensored version of "journal about a girl", because i can trust you at least. keep in mind, i think you're one of the first people to ever see this.
+
+
+++journal - 2024-09-14
+been at HackMIT today on behalf of the company. it's fun. me and zack were running around looking for people that might be good hires. he had this magic arbitrary criteria to tell "oh this person is probably cracked let's talk to them" and we go to the first one. they were a nerd, perfect. they seemed to be extremely talented with some extreme software projects.
+
+okay.. oof... its still clouding my mind
+i cant shake that feeling awayhold on...
+at some point they open one of their profiles to navigate to some code, and it displays for a couple of seconds: "pronouns: she/they". i don't actually know anything about this person, but it was my perception that she is trans. their appearance, physique, and age felt similar to me, which tends makes people think you are male.
+but... she was having fun being herself. being a legend of identity and of her skill in computer science. winning the physics major. making cool shit at the hackathon, and probably in life. my perception of her was the exact essence of who i myself wanted to be. i was jealous of her life.
+i tried hard to avoid a breakdown. success. but i was feeling distant. the next hour or so was disorienting, trying not to think about it too hard. i think there was one possibly interesting person we talked to. i don't remember any of the other conversations. they were not important. but i couldn't think through them regardless.
+later, i decided to read some of her code. i either have a huge dislike towards the Rust programming language and/or it was not high quality code. welp, so just is a person studying. my perception was just a perception, inaccurate but impacting. i know i need to become myself, whoever that is. otherwise, i'm just going to feel this shit at higher doses. i think about this every day, and the amount of time i feel being consumed by these problems only grows.
+getting through it all is a lonely feeling. not because no one is around, but because i am isolated emotionally. i know other people hit these feelings, but we all are too afraid to speak up, and it's all lonely.
+waiting on a reply from someone from healthcare. it'll be slow, but it will be okay.
+
+
+
+
+}
+ForEveryone.class = "text";
diff --git a/src/file-viewer/format.ts b/src/file-viewer/format.ts
new file mode 100644
index 0000000..65fc14b
--- /dev/null
+++ b/src/file-viewer/format.ts
@@ -0,0 +1,264 @@
+export function formatSize(bytes: number) {
+ if (bytes < 1024) return `${bytes} bytes`;
+ if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+ if (bytes < 1024 * 1024 * 1024) {
+ return `${(bytes / 1024 / 1024).toFixed(1)} MB`;
+ }
+ return `${(bytes / 1024 / 1024 / 1024).toFixed(1)} GB`;
+}
+export function formatDate(date: Date) {
+ // YYYY-MM-DD, format in PST timezone
+ return date.toLocaleDateString("sv", { timeZone: "America/Los_Angeles" });
+}
+export function formatShortDate(date: Date) {
+ // YY-MM-DD, format in PST timezone
+ return formatDate(date).slice(2);
+}
+export function formatDuration(seconds: number) {
+ const minutes = Math.floor(seconds / 60);
+ const remainingSeconds = seconds % 60;
+ return `${minutes}:${remainingSeconds.toString().padStart(2, "0")}`;
+}
+export const escapeUri = (uri: string) =>
+ encodeURIComponent(uri)
+ .replace(/%2F/gi, "/")
+ .replace(/%3A/gi, ":")
+ .replace(/%2B/gi, "+")
+ .replace(/%40/gi, "@")
+ .replace(/%2D/gi, "-")
+ .replace(/%5F/gi, "_")
+ .replace(/%2E/gi, ".")
+ .replace(/%2C/gi, ",");
+
+import type { MediaFile } from "../db.ts";
+import { escapeHTML } from "../framework/bun-polyfill.ts";
+const findDomain = "paperclover.net";
+
+// Returns escaped HTML
+// Features:
+// - autolink detection
+// - via \bpaperclover.net/[a-zA-Z0-9_\.+-]+
+// - via \b/file/[a-zA-Z0-9_\.+-]+
+// - via \bhttps://...
+// - via name of a sibling file's basename
+// - reformat (c) into ©
+//
+// This formatter was written with AI.
+export function highlightLinksInTextView(
+ text: string,
+ siblingFiles: MediaFile[] = [],
+) {
+ const siblingLookup = Object.fromEntries(
+ siblingFiles
+ .filter((f) => f.basename !== "readme.txt")
+ .map((f) => [f.basename, f]),
+ );
+
+ // First escape the HTML to prevent XSS
+ let processedText = escapeHTML(text);
+
+ // Replace (c) with ©
+ processedText = processedText.replace(/\(c\)/gi, "©");
+
+ // Process all URL patterns in a single pass to avoid nested links
+ // This regex matches:
+ // 1. https:// or http:// URLs
+ // 2. domain URLs without protocol (e.g., paperclover.net/path)
+ // 3. /file/ URLs
+ // 4. ./ relative paths
+
+ // We'll use a function to determine what kind of URL it is and format accordingly
+ const urlRegex = new RegExp(
+ "(" +
+ // Group 1: https:// or http:// URLs
+ "\\bhttps?:\\/\\/[a-zA-Z0-9_\\.\\-]+\\.[a-zA-Z0-9_\\.\\-]+[a-zA-Z0-9_\\.\\-\\/\\?=&%+#]*" +
+ "|" +
+ // Group 2: domain URLs without protocol
+ findDomain +
+ "\\/\\/[a-zA-Z0-9_\\.\\+\\-]+" +
+ "|" +
+ // Group 3: /file/ URLs
+ "\\/file\\/[a-zA-Z0-9_\\.\\+\\-\\/]+" +
+ ")\\b" +
+ "|" +
+ // Group 4: ./ relative paths (not word-bounded)
+ "(?<=\\s|^)\\.\\/[\\w\\-\\.]+",
+ "g",
+ );
+
+ processedText = processedText.replace(urlRegex, (match: string) => {
+ // Case 1: https:// or http:// URLs
+ if (match.startsWith("http")) {
+ if (match.includes(findDomain)) {
+ return `${match}`;
+ }
+ return `${match}`;
+ }
+
+ // Case 2: domain URLs without protocol
+ if (match.startsWith(findDomain)) {
+ return `${match}`;
+ }
+
+ // Case 3: /file/ URLs
+ if (match.startsWith("/file/")) {
+ return `${match}`;
+ }
+
+ // Case 4: ./ relative paths
+ if (match.startsWith("./")) {
+ const filename = match.substring(2);
+
+ // Check if the filename exists in sibling files
+ const siblingFile = siblingFiles.find((f) => f.basename === filename);
+ if (siblingFile) {
+ return `${match}`;
+ }
+
+ // If no exact match but we have sibling files, try to create a reasonable link
+ if (siblingFiles.length > 0) {
+ const currentDir = siblingFiles[0].path
+ .split("/")
+ .slice(0, -1)
+ .join("/");
+ return `${match}`;
+ }
+ }
+
+ return match;
+ });
+
+ // Match sibling file names (only if they're not already part of a link)
+ if (siblingFiles.length > 0) {
+ // Create a regex pattern that matches any of the sibling file basenames
+ // We need to escape special regex characters in the filenames
+ const escapedBasenames = siblingFiles.map((f) =>
+ f.basename.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")
+ );
+
+ // Join all basenames with | for the regex alternation
+ const pattern = new RegExp(`\\b(${escapedBasenames.join("|")})\\b`, "g");
+
+ // We need to be careful not to replace text that's already in a link
+ // So we'll split the text by HTML tags and only process the text parts
+ const parts = processedText.split(/(<[^>]*>)/);
+
+ for (let i = 0; i < parts.length; i += 2) {
+ // Only process text parts (even indices), not HTML tags (odd indices)
+ if (i < parts.length) {
+ parts[i] = parts[i].replace(pattern, (match: string) => {
+ const file = siblingLookup[match];
+ if (file) {
+ return `${match}`;
+ }
+ return match;
+ });
+ }
+ }
+
+ processedText = parts.join("");
+ }
+
+ return processedText;
+}
+
+export function highlightConvo(text: string) {
+ text = text.replace(/^#mode=convo\n/, "");
+
+ const lines = text.split("\n");
+ const paras: { speaker: string | null; lines: string[] }[] = [];
+ let currentPara: string[] = [];
+ let currentSpeaker: string | null = null;
+ let firstSpeaker = null;
+
+ const speakers: Record+i've learned that even when i feel alone, it doesn't have to feel lonely. i know it's hard, dear. i know it's scary. but i promise it's possible. we're all in this together. struggling together. sacrificing together. we dedicate our lives to each you, and our art for everyone. +
+ +
+ and then we knew,
+ just like paper airplanes: that we could fly...
+
+
+ fin. +
+"; + } + + if (speaker === currentSpeaker) { + currentPara.push(trimmed); + } else { + if (currentPara.length > 0) { + paras.push({ + speaker: currentSpeaker, + lines: currentPara, + }); + currentPara = []; + } + currentPara = [trimmed]; + currentSpeaker = speaker; + firstSpeaker ??= speaker; + } + } + + if (currentPara.length > 0) { + paras.push({ + speaker: currentSpeaker, + lines: currentPara, + }); + } + + return paras + .map(({ speaker, lines }) => { + return `
${
+ lines
+ .map((line) => `
`;
+ })
+ .join("\n");
+}
+
+export function highlightHashComments(text: string) {
+ const lines = text.split("\n");
+ return lines
+ .map((line) => {
+ if (line.startsWith("#")) {
+ return `${line}
`)
+ .join("\n")
+ }${line}
`;
+ }
+ return `${line.trimEnd() || " "}
`;
+ })
+ .join("\n");
+}
diff --git a/src/file-viewer/highlight-grammar/astro.plist b/src/file-viewer/highlight-grammar/astro.plist
new file mode 100644
index 0000000..39449cc
--- /dev/null
+++ b/src/file-viewer/highlight-grammar/astro.plist
@@ -0,0 +1,1203 @@
+
+
+
+
+ );
+}
diff --git a/src/file-viewer/pages/file.cotyledon_speedbump.tsx b/src/file-viewer/pages/file.cotyledon_speedbump.tsx
new file mode 100644
index 0000000..27f18c0
--- /dev/null
+++ b/src/file-viewer/pages/file.cotyledon_speedbump.tsx
@@ -0,0 +1,27 @@
+import { MediaFile } from "../db";
+import { useInlineScript } from "../framework/page-resources";
+import { Speedbump } from "../media/cotyledon";
+import { MediaPanel } from "../pages-dynamic/file_viewer";
+import "../media/files.css";
+
+export const theme = {
+ bg: "#312652",
+ fg: "#f0f0ff",
+ primary: "#fabe32",
+};
+
+export default function CotyledonPage() {
+ useInlineScript("canvas_cotyledon");
+ useInlineScript("file_viewer");
+ return (
+
+
+ );
+}
diff --git a/src/file-viewer/redirects.ts b/src/file-viewer/redirects.ts
new file mode 100644
index 0000000..4120984
--- /dev/null
+++ b/src/file-viewer/redirects.ts
@@ -0,0 +1,9 @@
+export const mediaRedirects: Record
+ {dirs.map((entry, i) => {
+ const isLast = i === dirs.length - 1;
+ return (
+
+ );
+}
+
+const specialCaseViewers: Record
+ {canvases[file.path] && (
+
+ )}
+ {file.kind === MediaFile.Kind.directory && (
+
+
+ {label}
+
+ )}
+
+ );
+}
+
+const readmeFile = "readme.txt";
+const priorityFiles = ["readme.txt", "index.html"];
+
+function sorterFromDirSort(dirsort: string) {
+ const array: string[] = JSON.parse(dirsort);
+ if (array.length === 1 && array[0] === "a-z") {
+ return sortAlphabetically;
+ }
+ return (a: MediaFile, b: MediaFile) => {
+ const aIndex = array.indexOf(a.basename);
+ const bIndex = array.indexOf(b.basename);
+ if (bIndex == -1 && aIndex >= 0) return -1;
+ if (aIndex == -1 && bIndex >= 0) return 1;
+ if (aIndex >= 0 && bIndex >= 0) {
+ return aIndex - bIndex;
+ }
+ return sortDefault(a, b);
+ };
+}
+
+function sortNumerically(a: MediaFile, b: MediaFile) {
+ const n1 = parseInt(a.basenameWithoutExt);
+ const n2 = parseInt(a.basenameWithoutExt);
+ return n1 - n2;
+}
+
+function sortDefault(a: MediaFile, b: MediaFile) {
+ // First check if either file is in the priority list
+ const aIndex = priorityFiles.indexOf(a.basename.toLowerCase());
+ const bIndex = priorityFiles.indexOf(b.basename.toLowerCase());
+
+ if (aIndex !== -1 && bIndex !== -1) {
+ // Both are priority files, sort by priority order
+ return aIndex - bIndex;
+ } else if (aIndex !== -1) {
+ // Only a is a priority file
+ return -1;
+ } else if (bIndex !== -1) {
+ // Only b is a priority file
+ return 1;
+ }
+
+ // Then sort directories before files
+ if (a.kind !== b.kind) {
+ return a.kind === MediaFile.Kind.directory ? -1 : 1;
+ }
+
+ // Finally sort by date (newest first), then by name (a-z) if dates are the same
+ const dateComparison = b.date.getTime() - a.date.getTime();
+ if (dateComparison !== 0) {
+ return dateComparison;
+ }
+ // If dates are the same, sort alphabetically by name
+ return a.basename.localeCompare(b.basename);
+}
+
+function sortAlphabetically(a: MediaFile, b: MediaFile) {
+ // First check if either file is in the priority list
+ const aIndex = priorityFiles.indexOf(a.basename.toLowerCase());
+ const bIndex = priorityFiles.indexOf(b.basename.toLowerCase());
+
+ if (aIndex !== -1 && bIndex !== -1) {
+ // Both are priority files, sort by priority order
+ return aIndex - bIndex;
+ } else if (aIndex !== -1) {
+ // Only a is a priority file
+ return -1;
+ } else if (bIndex !== -1) {
+ // Only b is a priority file
+ return 1;
+ }
+
+ // If dates are the same, sort alphabetically by name
+ return a.basename.localeCompare(b.basename);
+}
+
+function isNumericallyOrdered(files: MediaFile[]) {
+ return !files.some((x) => Number.isNaN(parseInt(x.basenameWithoutExt)));
+}
+
+function sortChronologicalStartToEnd(a: MediaFile, b: MediaFile) {
+ const aIndex = priorityFiles.indexOf(a.basename.toLowerCase());
+ const bIndex = priorityFiles.indexOf(b.basename.toLowerCase());
+
+ if (aIndex !== -1 && bIndex !== -1) {
+ return aIndex - bIndex;
+ } else if (aIndex !== -1) {
+ return -1;
+ } else if (bIndex !== -1) {
+ return 1;
+ }
+
+ const dateComparison = a.date.getTime() - b.date.getTime();
+ if (dateComparison !== 0) {
+ return dateComparison;
+ }
+ return a.basename.localeCompare(b.basename);
+}
+
+const sortOverrides: Record
+ {mobileBtn}
+ {}
+ {label}
+
+
+ {file.kind === MediaFile.Kind.directory
+ ? (
+
+
+ )}
+
+
+ );
+
+ if (readme && isLast) {
+ return (
+ -
+ {sortedFiles.map((file) => {
+ return (
+
+
+ );
+ }
+
+ return main;
+}
+
+const unknownDate = new Date("1970-01-03");
+const unknownDateWithKnownYear = new Date("1970-02-20");
+
+function ListItem({
+ file,
+ active,
+ noDate,
+}: {
+ file: MediaFile;
+ active: boolean;
+ noDate?: boolean;
+}) {
+ const dateTime = file.date;
+ let shortDate = dateTime < unknownDateWithKnownYear
+ ? (
+ dateTime < unknownDate
+ ? (
+ "??.??.??"
+ )
+ : <>xx.xx.{21 + Math.floor(dateTime.getTime() / 86400000)}
+ )
+ : (
+ `${(dateTime.getMonth() + 1).toString().padStart(2, "0")}.${
+ dateTime
+ .getDate()
+ .toString()
+ .padStart(2, "0")
+ }.${dateTime.getFullYear().toString().slice(2)}`
+ );
+
+ let basenameWithoutExt = file.basenameWithoutExt;
+
+ let meta = file.kind === MediaFile.Kind.directory
+ ? formatSize(file.size)
+ : (file.duration ?? 0) > 0
+ ? formatDuration(file.duration!)
+ : null;
+ if (meta && dirname(file.path) !== "/") {
+ meta = `(${meta})`;
+ }
+
+ const isReadme = file.basename === readmeFile;
+
+ return (
+
+ {readme && (
+
+ );
+
+ if (readme && isLast) {
+ return (
+ -
+
+
+ );
+ })}
+ + {key} +
+-
+ {files.map((file) => (
+
+
+
+ cotyledon
+
+
+ )}
+ />
+ {main}
+ {!hasCotyledonCookie && (
+ <>
+
+ cotyledon
+
+
+ )}
+
+ );
+ }
+
+ return main;
+}
+
+function TextView({
+ file,
+ siblingFiles = [],
+}: {
+ file: MediaFile;
+ siblingFiles?: MediaFile[];
+}) {
+ const contents = file.contents;
+
+ if (file.path.startsWith("/2021/phoenix-write/maps")) {
+ const basename = file.basename;
+ if (basename.includes("map") && basename.endsWith(".txt")) {
+ return (
+
+ );
+ }
+ }
+
+ return (
+ f.kind === MediaFile.Kind.file), + ), + }} + >+ ); +} + +function ChatView({ file }: { file: MediaFile }) { + const contents = file.contents; + return ( +
+
+ );
+}
+
+function CodeView({ file }: { file: MediaFile }) {
+ const highlightedContents = file.contents;
+ if (!highlightedContents) {
+ if (file.size > 1_000_000) {
+ return
+
+ )}
+
+ );
+}
+
+function ImageView({ file }: { file: MediaFile }) {
+ return (
+ + lyrics +
+
+ .blend files can be open in{" "}
+
+ Blender
+
+ .
+
+ .{ext} files are{" "}
+
+ Fusion
+ {" "}
+ {name}.
+
+ Blackmagic Fusion is paid-only since mid-2019 (the "Studio" version). + The last free version is Fusion 9.0.2, which exists for MacOS, Linux, + and Microsoft Windows on{" "} + + Blackmagic Design's support page + + . +
++ Alternatively, you can use DaVinci Resolve, however I do not recommend + it as it is very unstable, at least as of when I last tried version 18. +
+ + ); +} +function DownloadView({ file }: { file: MediaFile }) { + const help = helptexts[path.extname(file.basename)]; + return help + ? ( + <> + {help} ++ File download:{" "} + + {file.basename} + + . +
+ + ) + : ( + <> +
+ No built-in viewer for {path.extname(file.basename)}{" "}
+ files.
+
+ Instead, you may download it:{" "} + + {file.basename} + + . +
+ + ); +} + +function DownloadViewTooBig({ file }: { file: MediaFile }) { + return ( +
+
+ );
+}
+
+function DownloadViewCodeNotComputed({ file }: { file: MediaFile }) {
+ return (
+
+ This file is too large to view in the browser right now (
+ {formatSize(file.size)}). Later, this file viewer will
+ properly process video files for web streaming.
+
+ Instead, you may download it:{" "} + + {file.basename} + + . +
+
+
+ );
+}
+
+function ReadmeView({
+ file,
+ siblingFiles,
+ extra,
+}: {
+ file: MediaFile;
+ siblingFiles: MediaFile[];
+ extra?: any;
+}) {
+ // let showFileCandidates = siblingFiles.filter(f =>
+ // f.kind === MediaFile.Kind.file
+ // && (extensionToViewer[path.extname(f.basename)] === AudioView
+ // || extensionToViewer[path.extname(f.basename)] === VideoView)
+ // );
+ return (
+
+ This file has not been pre-processed for code highlighting. This either
+ means it is not a valid UTF-8 text file (.ts{" "}
+ can be TypeScript or an MPEG "Transport Stream"), or there is a bug in
+ the file indexing logic.
+
+ Instead, you may download it:{" "} + + {file.basename} + + . +
+
+ {/* {showFileCandidates.length === 1 &&
+ );
+}
+
+const gcd = (a: number, b: number): number => (b ? gcd(b, a % b) : a);
+function simplifyFraction(n: number, d: number) {
+ const divisor = gcd(n, d);
+ return `${n / divisor}/${d / divisor}`;
+}
+
+export function contentTypeFromExt(src: string) {
+ src = src.toLowerCase();
+ if (src.endsWith(".m3u8")) return "application/x-mpegURL";
+ if (src.endsWith(".webm")) return "video/webm";
+ if (src.endsWith(".mp4")) return "video/mp4";
+ if (src.endsWith(".mkv")) return "video/x-matroska";
+ if (src.endsWith(".avi")) return "video/x-msvideo";
+ if (src.endsWith(".mov")) return "video/quicktime";
+ if (src.endsWith(".ogg")) return "video/ogg";
+ throw new Error("Unknown video extension: " + path.extname(src));
+}
+
+// Add class properties to the components
+AudioView.class = "audio";
+ImageView.class = "image";
+VideoView.class = "video";
+TextView.class = "text";
+DownloadView.class = "download";
+CodeView.class = "code";
diff --git a/src/friend-auth.ts b/src/friend-auth.ts
new file mode 100644
index 0000000..82eb377
--- /dev/null
+++ b/src/friend-auth.ts
@@ -0,0 +1,75 @@
+let friendPassword = "";
+try {
+ friendPassword = require("./friends/hardcoded-password.ts").friendPassword;
+} catch {}
+
+export const app = new Hono();
+
+const cookieAge = 60 * 60 * 24 * 30; // 1 month
+
+function checkFriendsCookie(c: Context) {
+ const cookie = c.req.header("Cookie");
+ if (!cookie) return false;
+ const cookies = cookie.split("; ").map((x) => x.split("="));
+ return cookies.some(
+ (kv) =>
+ kv[0].trim() === "friends_password" &&
+ kv[1].trim() &&
+ kv[1].trim() === friendPassword,
+ );
+}
+
+export function requireFriendAuth(c: Context) {
+ const k = c.req.query("password") || c.req.query("k");
+ if (k) {
+ if (k === friendPassword) {
+ return c.body(null, 303, {
+ Location: "/friends",
+ "Set-Cookie":
+ `friends_password=${k}; Path=/; HttpOnly; SameSite=Strict; Max-Age=${cookieAge}`,
+ });
+ } else {
+ return c.body(null, 303, {
+ Location: "/friends",
+ });
+ }
+ }
+ if (checkFriendsCookie(c)) {
+ return undefined;
+ } else {
+ return serveAsset(c, "/friends/auth", 403);
+ }
+}
+
+app.get("/friends", (c) => {
+ const friendAuthChallenge = requireFriendAuth(c);
+ if (friendAuthChallenge) return friendAuthChallenge;
+ return serveAsset(c, "/friends", 200);
+});
+
+let incorrectMap: Recordmailing list
+ ++ the mailing list is used for big project updates. this is about once every + couple of months. +
++ the list is currently managed manually. to get added, please email anything + with the word "subscribe" in the subject or body to the following address: +
+
+
+ [please enable javascript, this is an anti-spam/scraping measure]
+
+
++ to unsubscribe, send an email asking to unsubscribe. for those who are close + friends with me, add your name and i'll add you to the 'friends' list, where i + send life updates in addition to new content (1-2 times per month). +
+
+ alternatively, you can join the discord to receive mentions in the #new channel.
+
+
+
+
+ back to home +
+
+
+ waterfalls and gender identity update
++ this is a song about identity, jealousness, and the seasons. more + specifically, it's a personal account of how it felt realizing i was a + transgender woman. enjoy. +
+
+ ![]()
)[align] ?? align
+ : "50% 50%",
+ }}
+ />
+
,
+ );
+ }
+
+ const height = rows.length;
+ return (
+