+
+
+
+
+ {{{emailinvalid}}}
+
+
+
+
-
-
{{{aliasinvalid}}}
+ >
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
- {{{emailinvalid}}}
-
-
-
-
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/wco/simplemobnav/main.mustache b/wco/simplemobnav/main.mustache
index c2e7e56..860c125 100644
--- a/wco/simplemobnav/main.mustache
+++ b/wco/simplemobnav/main.mustache
@@ -1,4 +1,4 @@
-
-
-
\ No newline at end of file
+
+
\ No newline at end of file
diff --git a/wco/simplemobnav/mainold.mustache b/wco/simplemobnav/mainold.mustache
new file mode 100644
index 0000000..c2e7e56
--- /dev/null
+++ b/wco/simplemobnav/mainold.mustache
@@ -0,0 +1,29 @@
+
+

+

+
+ {{claim.textContent}}
+
+
+
+
+
\ No newline at end of file
diff --git a/wco/simplemobnav/navbuttonh.mustache b/wco/simplemobnav/navbuttonh.mustache
index 26ef8d8..73914ef 100644
--- a/wco/simplemobnav/navbuttonh.mustache
+++ b/wco/simplemobnav/navbuttonh.mustache
@@ -1,11 +1,8 @@
-
{{#links}}
-
+
{{/links}}
-
+
diff --git a/wco/simplemobnav/navbuttonhold.mustache b/wco/simplemobnav/navbuttonhold.mustache
new file mode 100644
index 0000000..26ef8d8
--- /dev/null
+++ b/wco/simplemobnav/navbuttonhold.mustache
@@ -0,0 +1,11 @@
+
+ {{#links}}
+
+ {{/links}}
+
+
diff --git a/wwws/admin/src/apxid_fr.html b/wwws/admin/src/apxid_fr.html
index 2703608..a12f4c3 100644
--- a/wwws/admin/src/apxid_fr.html
+++ b/wwws/admin/src/apxid_fr.html
@@ -1,5 +1,5 @@
-
+
Authentification
@@ -50,16 +50,11 @@
-
-
+ class="w-full h-screen sm:w-[600px] bg-base-100 rounded-none sm:rounded-2xl shadow-xl flex flex-col overflow-hidden">
+
diff --git a/wwws/admin/src/static/css/output.css b/wwws/admin/src/static/css/output.css
index 6225efc..d905e48 100644
--- a/wwws/admin/src/static/css/output.css
+++ b/wwws/admin/src/static/css/output.css
@@ -57,6 +57,7 @@
--font-weight-bold: 700;
--tracking-tight: -0.025em;
--radius-lg: 0.5rem;
+ --radius-2xl: 1rem;
--ease-in: cubic-bezier(0.4, 0, 1, 1);
--ease-out: cubic-bezier(0, 0, 0.2, 1);
--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
@@ -1873,6 +1874,79 @@
cursor: not-allowed;
}
}
+ .card {
+ position: relative;
+ display: flex;
+ flex-direction: column;
+ border-radius: var(--radius-box);
+ outline-width: 2px;
+ transition: outline 0.2s ease-in-out;
+ outline: 0 solid #0000;
+ outline-offset: 2px;
+ &:focus {
+ --tw-outline-style: none;
+ outline-style: none;
+ @media (forced-colors: active) {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+ }
+ }
+ &:focus-visible {
+ outline-color: currentColor;
+ }
+ :where(figure:first-child) {
+ overflow: hidden;
+ border-start-start-radius: inherit;
+ border-start-end-radius: inherit;
+ border-end-start-radius: unset;
+ border-end-end-radius: unset;
+ }
+ :where(figure:last-child) {
+ overflow: hidden;
+ border-start-start-radius: unset;
+ border-start-end-radius: unset;
+ border-end-start-radius: inherit;
+ border-end-end-radius: inherit;
+ }
+ &:where(.card-border) {
+ border: var(--border) solid var(--color-base-200);
+ }
+ &:where(.card-dash) {
+ border: var(--border) dashed var(--color-base-200);
+ }
+ &.image-full {
+ display: grid;
+ > * {
+ grid-column-start: 1;
+ grid-row-start: 1;
+ }
+ > .card-body {
+ position: relative;
+ color: var(--color-neutral-content);
+ }
+ :where(figure) {
+ overflow: hidden;
+ border-radius: inherit;
+ }
+ > figure img {
+ height: 100%;
+ object-fit: cover;
+ filter: brightness(28%);
+ }
+ }
+ figure {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+ &:has(> input:is(input[type="checkbox"], input[type="radio"])) {
+ cursor: pointer;
+ user-select: none;
+ }
+ &:has(> :checked) {
+ outline: 2px solid currentColor;
+ }
+ }
.swap {
position: relative;
display: inline-grid;
@@ -2439,6 +2513,9 @@
.m-1 {
margin: calc(var(--spacing) * 1);
}
+ .m-2 {
+ margin: calc(var(--spacing) * 2);
+ }
.m-4 {
margin: calc(var(--spacing) * 4);
}
@@ -2984,6 +3061,9 @@
.h-\[1em\] {
height: 1em;
}
+ .h-\[700px\] {
+ height: 700px;
+ }
.h-auto {
height: auto;
}
@@ -3047,6 +3127,9 @@
.w-100 {
width: calc(var(--spacing) * 100);
}
+ .w-\[375px\] {
+ width: 375px;
+ }
.w-auto {
width: auto;
}
@@ -3062,9 +3145,15 @@
.max-w-\[20rem\] {
max-width: 20rem;
}
+ .max-w-full {
+ max-width: 100%;
+ }
.max-w-screen-lg {
max-width: var(--breakpoint-lg);
}
+ .max-w-sm {
+ max-width: var(--container-sm);
+ }
.min-w-110 {
min-width: calc(var(--spacing) * 110);
}
@@ -3166,6 +3255,9 @@
.items-start {
align-items: flex-start;
}
+ .justify-around {
+ justify-content: space-around;
+ }
.justify-between {
justify-content: space-between;
}
@@ -3203,6 +3295,13 @@
margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
}
}
+ .space-y-3 {
+ :where(& > :not(:last-child)) {
+ --tw-space-y-reverse: 0;
+ margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
+ margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
+ }
+ }
.space-y-4 {
:where(& > :not(:last-child)) {
--tw-space-y-reverse: 0;
@@ -3258,6 +3357,9 @@
.rounded {
border-radius: 0.25rem;
}
+ .rounded-2xl {
+ border-radius: var(--radius-2xl);
+ }
.rounded-box {
border-radius: var(--radius-box);
}
@@ -3270,6 +3372,9 @@
.rounded-lg {
border-radius: var(--radius-lg);
}
+ .rounded-none {
+ border-radius: 0;
+ }
.rounded-tl-lg {
border-top-left-radius: var(--radius-lg);
}
@@ -3286,10 +3391,18 @@
border-style: var(--tw-border-style);
border-width: 1px;
}
+ .border-t {
+ border-top-style: var(--tw-border-style);
+ border-top-width: 1px;
+ }
.border-r {
border-right-style: var(--tw-border-style);
border-right-width: 1px;
}
+ .border-b {
+ border-bottom-style: var(--tw-border-style);
+ border-bottom-width: 1px;
+ }
.border-none {
--tw-border-style: none;
border-style: none;
@@ -3632,6 +3745,10 @@
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
+ .shadow-xl {
+ --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
.ring {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -3893,11 +4010,36 @@
display: none;
}
}
+ .sm\:h-\[700px\] {
+ @media (width >= 40rem) {
+ height: 700px;
+ }
+ }
.sm\:w-64 {
@media (width >= 40rem) {
width: calc(var(--spacing) * 64);
}
}
+ .sm\:w-\[375px\] {
+ @media (width >= 40rem) {
+ width: 375px;
+ }
+ }
+ .sm\:w-\[400px\] {
+ @media (width >= 40rem) {
+ width: 400px;
+ }
+ }
+ .sm\:w-\[500px\] {
+ @media (width >= 40rem) {
+ width: 500px;
+ }
+ }
+ .sm\:w-\[600px\] {
+ @media (width >= 40rem) {
+ width: 600px;
+ }
+ }
.sm\:w-full {
@media (width >= 40rem) {
width: 100%;
@@ -3914,6 +4056,11 @@
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
+ .sm\:rounded-2xl {
+ @media (width >= 40rem) {
+ border-radius: var(--radius-2xl);
+ }
+ }
.md\:grid-cols-2 {
@media (width >= 48rem) {
grid-template-columns: repeat(2, minmax(0, 1fr));
diff --git a/wwws/admin/src/test.html b/wwws/admin/src/test.html
new file mode 100644
index 0000000..07a45c1
--- /dev/null
+++ b/wwws/admin/src/test.html
@@ -0,0 +1,58 @@
+
+
+
+