ZacharyZhang-NYandClaude Opus 5.5
178625b6f3
Downloads go to the v0.1.3 release page. Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
59 lines
2.0 KiB
TypeScript
59 lines
2.0 KiB
TypeScript
import "./style.css";
|
|
import "./iso.css";
|
|
import "./tour.css";
|
|
import { tour } from "./tour.ts";
|
|
import { props, reveal } from "./regions.ts";
|
|
import { night } from "./night.ts";
|
|
import { rhythm } from "./rhythm.ts";
|
|
import { playground } from "./play.ts";
|
|
import { film } from "./film.ts";
|
|
import { said, speak, type Lang } from "./text.ts";
|
|
import { RELEASES, VERSION } from "./release.ts";
|
|
|
|
const REPO = "https://git.zacharyzhang.com/ZacharyZhang-NY/ElyOffice";
|
|
|
|
const app = document.querySelector<HTMLElement>("#app");
|
|
if (!app) throw new Error("index.html has no #app");
|
|
|
|
const hero = document.createElement("header");
|
|
const title = document.createElement("h1");
|
|
title.textContent = "Ely Office";
|
|
const source = document.createElement("a");
|
|
source.href = REPO;
|
|
source.textContent = "Source";
|
|
const download = said("a", "get");
|
|
download.href = RELEASES;
|
|
const links = document.createElement("div");
|
|
links.className = "links";
|
|
links.append(download, source);
|
|
hero.append(title, said("p", "tagline"), said("p", "platforms"), links);
|
|
const { section, host, svg } = tour(hero);
|
|
rhythm(host, svg);
|
|
|
|
const shelf = props();
|
|
|
|
const footer = document.createElement("footer");
|
|
footer.id = "download";
|
|
const version = document.createElement("h2");
|
|
version.textContent = `Ely Office ${VERSION}`;
|
|
const get = said("a", "get");
|
|
get.href = RELEASES;
|
|
footer.append(version, said("p", "platforms"), said("p", "needs"), said("p", "unsigned"), get);
|
|
|
|
const toggle = said("button", "other");
|
|
toggle.className = "lang";
|
|
let lang: Lang = navigator.language.toLowerCase().startsWith("zh") ? "zh" : "en";
|
|
/** Writes the page in `next`; the toggle names the other. */
|
|
const say = (next: Lang) => {
|
|
lang = next;
|
|
speak(lang);
|
|
toggle.lang = lang === "en" ? "zh-CN" : "en";
|
|
};
|
|
toggle.addEventListener("click", () => say(lang === "en" ? "zh" : "en"));
|
|
|
|
const main = document.createElement("main");
|
|
main.append(section, playground(), shelf, film());
|
|
app.append(night(), toggle, main, footer);
|
|
say(lang);
|
|
reveal([shelf]);
|