From 056f13e1b3fe4ad2acd06996acf1f0c974e2c839 Mon Sep 17 00:00:00 2001
From: Max Gripe <108034506+MaxGripe@users.noreply.github.com>
Date: Thu, 4 Jul 2024 01:18:25 +0200
Subject: [PATCH] form0 is what I keep
---
index.html | 190 ++++++++++++++++++++++++++++++-----------------------
1 file changed, 106 insertions(+), 84 deletions(-)
diff --git a/index.html b/index.html
index c32e090..3157d14 100644
--- a/index.html
+++ b/index.html
@@ -35,6 +35,7 @@
}
@media (prefers-color-scheme: dark) {
+
:root,
::backdrop {
--main-background: #171717;
@@ -52,10 +53,11 @@
font-family: 'JetBrains Mono';
font-style: normal;
src: local(''),
- url('./font/JetBrainsMono-Regular.woff2') format('woff2');
+ url('./font/JetBrainsMono-Regular.woff2') format('woff2');
}
- html, body {
+ html,
+ body {
min-height: 100%;
margin: 0;
padding: 0;
@@ -72,7 +74,9 @@
h1 {
margin-bottom: 5px;
}
- blockquote, footer {
+
+ blockquote,
+ footer {
margin-top: 10px;
margin-bottom: 20px;
font-size: 1.2em;
@@ -100,7 +104,11 @@
color: var(--text-labels);
}
- input[type="text"], input[type="password"], input[type="number"], input[type="submit"], input[type="checkbox"] {
+ input[type="text"],
+ input[type="password"],
+ input[type="number"],
+ input[type="submit"],
+ input[type="checkbox"] {
display: block;
width: 100%;
padding: 5px;
@@ -117,7 +125,9 @@
color: var(--text-labels);
}
- input:focus, textarea:focus {
+
+ input:focus,
+ textarea:focus {
-webkit-box-shadow: 0px 0px 2px var(--text-labels);
-moz-box-shadow: 0px 0px 2px var(--text-labels);
box-shadow: 0px 0px 2px var(--text-labels);
@@ -146,6 +156,7 @@
footer {
margin-bottom: 0;
}
+
footer a {
color: var(--text-labels);
@@ -180,12 +191,12 @@
background-color: var(--main-background);
}
- .checkbox-group:hover input ~ .checkmark {
+ .checkbox-group:hover input~.checkmark {
background-color: var(--input-borders);
transition: background-color 0.3s ease;
}
- .checkbox-group input:checked ~ .checkmark {
+ .checkbox-group input:checked~.checkmark {
background-color: var(--text-labels);
transition: background-color 0.3s ease;
}
@@ -196,7 +207,7 @@
display: none;
}
- .checkbox-group input:checked ~ .checkmark:after {
+ .checkbox-group input:checked~.checkmark:after {
display: block;
}
@@ -218,30 +229,39 @@
}
@media only screen and (max-width: 750px) {
- blockquote, footer {
+
+ blockquote,
+ footer {
max-width: 100%;
margin: 10px auto;
}
+
form {
width: 90%;
}
}
@media only screen and (max-width: 800px) {
- blockquote, footer {
+
+ blockquote,
+ footer {
font-size: 0.8em;
}
+
blockquote br {
display: none;
}
}
- @media print
- {
- footer, .checkbox-group, input[type="submit"], blockquote
- {
+ @media print {
+
+ footer,
+ .checkbox-group,
+ input[type="submit"],
+ blockquote {
display: none;
}
+
form {
border: 0;
box-shadow: none;
@@ -252,75 +272,77 @@
0Password <= 0!
- 0Password never remembers your passwords.
It keeps your digital life secure and always available, safe behind the zero password that only you know.
-
-
-
-
-
+ 0Password never remembers your passwords.
It keeps your digital life secure and always
+ available, safe behind the zero password that only you know.
+
+
+
+
+
-