first commit

2026-05-16 11:10:19 +02:00
commit 509c9b3737
172 changed files with 14496 additions and 0 deletions
@@ -0,0 +1,118 @@
+html, body {
+  height: 100%;
+}
+
+body {
+  margin: 0;
+  display: flex;
+  flex-flow: column;
+  align-items: center;
+  justify-content: center;
+  background: #464646;
+  font: 16px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+  gap: 1rem;
+}
+
+h1 {
+  color: #fff;
+  font-size: 4rem;
+  font-weight: 300;
+  margin: 0;
+}
+
+h2 {
+  color: #fff;
+  font-size: 1.1rem;
+  font-weight: 300;
+  margin: 0;
+}
+
+input {
+  outline: 0;
+  border: none;
+  border-bottom: 1px solid #fff;
+  border-radius: 0;
+  background: transparent;
+  width: 220px;
+  padding: 0;
+  color: #fff;
+  -webkit-text-fill-color: #fff;
+  opacity: 1;
+}
+
+#signupArea {
+  display: flex;
+  flex-direction: column;
+}
+
+#signupArea > *{
+  margin-top: 15px;
+}
+
+#signupArea > div {
+  display: flex;
+  justify-content: space-between;
+}
+
+#datePicker {
+  display: flex;
+  gap: 1rem;
+  width: 75vw;
+  max-width: 400px;
+  position: absolute;
+  z-index: 99;
+
+  background-color: black;
+  border-radius: 60px 0px 60px 60px;
+
+  clip-path: circle(0% at 100% 0%);
+  transition: clip-path 0.7s;
+
+  cursor: grab;
+}
+
+svg {
+  width: 100%;
+}
+
+button {
+  
+  border: none;
+  background: #fff;
+  color: #464646;
+  border-radius: 0.3rem;
+  padding: 0.5rem;
+  cursor: pointer;
+  position: relative;
+}
+
+#date {
+  width: 50%;
+  max-width: 50%;
+}
+
+#date input{
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  margin:0;
+  border: none;
+  cursor: pointer;
+  appearance: none;
+  -webkit-appearance: none;
+}
+
+.future{
+  color: red;
+  font-size: 0.6rem;
+}
+
+#date input:checked ~ #datePicker{
+  clip-path: circle(150% at 100% 100%);
+}
+
+input, button {
+  font: inherit;
+}