feat: add tor service and style
feat: add tor service
This commit is contained in:
parent
f48390b15e
commit
7b842b3342
12 changed files with 203 additions and 24 deletions
|
|
@ -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);
|
||||
|
||||
|
|
|
|||
|
|
@ -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";
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue