feat: add tor service and style

feat: add tor service
This commit is contained in:
Jet 2026-03-18 13:30:29 -07:00
parent f48390b15e
commit 7b842b3342
No known key found for this signature in database
12 changed files with 203 additions and 24 deletions

View file

@ -2,14 +2,10 @@ import "~/styles/globals.css";
import init, { start } from "cgol";
import { route, initRouter } from "~/router";
import { homePage } from "~/pages/home";
import { projectsPage } from "~/pages/projects";
import { projectPage } from "~/pages/project";
import { qaPage } from "~/pages/qa";
import { notFoundPage } from "~/pages/not-found";
route("/", homePage);
route("/projects", projectsPage);
route("/projects/:slug", projectPage);
route("/qa", qaPage);
route("*", notFoundPage);

View file

@ -11,14 +11,13 @@ export async function qaPage(outlet: HTMLElement) {
outlet.innerHTML = `
<div class="flex flex-col items-center justify-start px-4">
${frostedBox(`
<h1 style="color: var(--yellow);">Q&A</h1>
<form id="qa-form" class="mt-[2ch]">
<fieldset class="border-2 border-white px-[calc(1.5ch-0.5px)] pb-[1ch] pt-0">
<form id="qa-form">
<fieldset class="border-2 border-white px-[calc(1.5ch-0.5px)] pb-[1ch] pt-[1ch]">
<legend class="-mx-[0.5ch] px-[0.5ch] text-white">Ask a Question</legend>
<textarea id="qa-input" maxlength="200" rows="3"
class="qa-textarea"
placeholder="Type your question..."></textarea>
<div class="flex justify-between mt-[0.5ch]">
<div class="flex justify-between mt-[1ch]">
<span id="char-count" style="color: var(--dark-gray);">0/200</span>
<button type="submit" class="qa-button">[SUBMIT]</button>
</div>
@ -83,5 +82,6 @@ export async function qaPage(outlet: HTMLElement) {
} catch {
list.textContent = "Failed to load questions.";
list.style.color = "var(--light-red)";
list.style.textAlign = "center";
}
}

View file

@ -80,14 +80,15 @@
}
a:hover {
color: var(--blue);
background-color: var(--light-blue);
color: var(--black);
}
/* Form inputs */
.qa-textarea {
width: 100%;
background-color: var(--black);
border: 1px solid var(--white);
border: 2px solid var(--white);
color: var(--light-gray);
padding: 1ch;
resize: none;
@ -97,8 +98,8 @@
}
.qa-button {
border: 1px solid var(--white);
padding: 0 1ch;
border: none;
padding: 0.25ch 1ch;
color: var(--yellow);
background: transparent;
font-family: inherit;
@ -139,7 +140,7 @@
}
.project-content pre {
border: 1px solid var(--dark-gray);
border: 2px solid var(--dark-gray);
padding: 1ch;
overflow-x: auto;
margin-bottom: 1ch;