From 997c71007d28e20796e556a28b56328d8193221c Mon Sep 17 00:00:00 2001 From: Samuel Shuert Date: Tue, 25 Nov 2025 14:41:13 +0000 Subject: [PATCH] feat(html): add form.html --- nilla.nix | 5 ----- html/form.html | 28 ++++++++++++++++++++++++++++ html/css/form.css | 85 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 3 file(s) changed, 113 insertion(s)(+), 5 deletion(s)(-) diff --git a/nilla.nix b/nilla.nix --- a/nilla.nix +++ b/nilla.nix @@ -78,7 +78,6 @@ mkShell { shellHook = '' [ "$(hostname)" = "shorthair" ] && export ZED_PREDICT_EDITS_URL=http://localhost:9000/predict_edits - unset TMPDIR ''; packages = [ (python3.withPackages (ppkgs: [ @@ -108,9 +107,6 @@ mkShell, }: mkShell { - shellHook = '' - unset TMPDIR - ''; packages = [ pkgs.bun pkgs.eslint_d @@ -133,7 +129,6 @@ }: mkShell { shellHook = '' - unset TMPDIR serve() { live-server /home/coded/Programming/CMU/html --port 5000 } diff --git a/html/form.html b/html/form.html new file mode 100644 --- /dev/null +++ b/html/form.html @@ -0,0 +1,28 @@ + + + + + + Form + + + + + +
+
+ + + + + + + +
+
+ + + diff --git a/html/css/form.css b/html/css/form.css new file mode 100644 --- /dev/null +++ b/html/css/form.css @@ -0,0 +1,85 @@ +.container { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} + +form { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + gap: 0.5rem; + width: 80%; +} + +form > * { + width: 100%; +} + +form :nth-child(even) { + margin-bottom: 1rem; +} + +form > button { + width: 100%; + padding: 0.25rem; + margin: 0.5rem; +} + +@media (min-width: 769px) { + form { + gap: 1rem; + width: 100%; + max-width: 48rem; + display: grid; + column-gap: 1rem; + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + + form > button { + width: 100%; + grid-column: span 2; + padding: 0.25rem; + margin: 0.5rem; + } +} + +nav { + display: flex; + padding: 0.5rem 0rem; + background-color: #8aacdf; + position: sticky; + top: 0; + left: 0; + right: 0; + margin-left: -0.5rem; + margin-top: -0.5rem; + justify-content: space-around; + align-items: center; + width: 100vw; + margin-bottom: 4rem; +} + +.navitem { + padding: 0.5rem 4rem; + border: 1px solid #000; + border-radius: 0.5rem; +} + +#footer { + width: 100vw; + height: 6rem; + position: absolute; + bottom: 0; + left: 0; + justify-content: space-around; + align-items: center; + background-color: #000; + color: #fff; + text-align: center; + display: flex; + vertical-align: center; + font-size: 2rem; +} -- tangled.sh