Add signup and other stuff

4 files changed, 108 insertions, 1 deletions

diff --git a/css/desktop/body.css b/css/desktop/body.css
index e252f1c..aecb18a 100755
--- a/css/desktop/body.css
+++ b/css/desktop/body.css
@@ -26,7 +26,7 @@ html, body {
     margin: 0;
     padding: 0;
     background-color: #F5F7FA;
-    line-height: 1;
+    line-height: 1.4;
 }
 
 .content p,
diff --git a/css/desktop/button.css b/css/desktop/button.css
new file mode 100644
index 0000000..9164f93
--- /dev/null
+++ b/css/desktop/button.css
@@ -0,0 +1,36 @@
+/*
+ *  GNUfault.org - GNUfault's website
+ *  Copyright (C) 2026  Connor Thomson
+ *
+ *  This program is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU Affero General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU Affero General Public License for more details.
+ *
+ *  You should have received a copy of the GNU Affero General Public License
+ *  along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+
+.button {
+    background-color: #ffffff;
+    border: 1px solid #98A5B0;
+    border-radius: 3px;
+    padding: 1px 3px 1px 3px;
+    width: fit-content;
+    display: inline-flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.button:hover {
+    background-color: #F2F2F2;
+}
+
+.button:active {
+    background-color: #E6E6E6;
+}
diff --git a/css/desktop/input.css b/css/desktop/input.css
new file mode 100644
index 0000000..883e124
--- /dev/null
+++ b/css/desktop/input.css
@@ -0,0 +1,27 @@
+/*
+ *  GNUfault.org - GNUfault's website
+ *  Copyright (C) 2026  Connor Thomson
+ *
+ *  This program is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU Affero General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU Affero General Public License for more details.
+ *
+ *  You should have received a copy of the GNU Affero General Public License
+ *  along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+
+.input {
+    border: 1px solid #98A5B0;
+    border-radius: 3px;
+}
+
+.input:focus {
+    outline: none;
+    border: 1px solid #12A3EB;
+}
diff --git a/css/desktop/login.css b/css/desktop/login.css
new file mode 100644
index 0000000..257924a
--- /dev/null
+++ b/css/desktop/login.css
@@ -0,0 +1,44 @@
+/*
+ *  GNUfault.org - GNUfault's website
+ *  Copyright (C) 2026  Connor Thomson
+ *
+ *  This program is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU Affero General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU Affero General Public License for more details.
+ *
+ *  You should have received a copy of the GNU Affero General Public License
+ *  along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+
+.login {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) 200px minmax(0, 1fr);
+    column-gap: 15px;
+    row-gap: 15px;
+    align-items: center;
+}
+
+.login .group {
+    display: contents;
+}
+
+.login .group label {
+    grid-column: 1;
+    text-align: right;
+}
+
+.login .group input {
+    grid-column: 2;
+    width: 100%;
+}
+
+.login button {
+    grid-column: 2;
+    justify-self: center;
+}