diff --git a/assets/css/auth.css b/assets/css/auth.css
new file mode 100644
index 0000000..1158a3a
--- /dev/null
+++ b/assets/css/auth.css
@@ -0,0 +1,106 @@
+.gsi-material-button {
+ -moz-user-select: none;
+ -webkit-user-select: none;
+ -ms-user-select: none;
+ -webkit-appearance: none;
+ background-color: #f2f2f2;
+ background-image: none;
+ border: none;
+ -webkit-border-radius: 20px;
+ border-radius: 20px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ color: #1f1f1f;
+ cursor: pointer;
+ font-family: 'Roboto', arial, sans-serif;
+ font-size: 14px;
+ height: 40px;
+ letter-spacing: 0.25px;
+ outline: none;
+ overflow: hidden;
+ padding: 0 12px;
+ position: relative;
+ text-align: center;
+ -webkit-transition: background-color .218s, border-color .218s, box-shadow .218s;
+ transition: background-color .218s, border-color .218s, box-shadow .218s;
+ vertical-align: middle;
+ white-space: nowrap;
+ width: auto;
+ max-width: 400px;
+ min-width: min-content;
+}
+
+.gsi-material-button .gsi-material-button-icon {
+ height: 20px;
+ margin-right: 12px;
+ min-width: 20px;
+ width: 20px;
+}
+
+.gsi-material-button .gsi-material-button-content-wrapper {
+ -webkit-align-items: center;
+ align-items: center;
+ display: flex;
+ -webkit-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ height: 100%;
+ justify-content: space-between;
+ position: relative;
+ width: 100%;
+}
+
+.gsi-material-button .gsi-material-button-contents {
+ -webkit-flex-grow: 1;
+ flex-grow: 1;
+ font-family: 'Roboto', arial, sans-serif;
+ font-weight: 500;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ vertical-align: top;
+}
+
+.gsi-material-button .gsi-material-button-state {
+ -webkit-transition: opacity .218s;
+ transition: opacity .218s;
+ bottom: 0;
+ left: 0;
+ opacity: 0;
+ position: absolute;
+ right: 0;
+ top: 0;
+}
+
+.gsi-material-button:disabled {
+ cursor: default;
+ background-color: #ffffff61;
+}
+
+.gsi-material-button:disabled .gsi-material-button-state {
+ background-color: #1f1f1f1f;
+}
+
+.gsi-material-button:disabled .gsi-material-button-contents {
+ opacity: 38%;
+}
+
+.gsi-material-button:disabled .gsi-material-button-icon {
+ opacity: 38%;
+}
+
+.gsi-material-button:not(:disabled):active .gsi-material-button-state,
+.gsi-material-button:not(:disabled):focus .gsi-material-button-state {
+ background-color: #001d35;
+ opacity: 12%;
+}
+
+.gsi-material-button:not(:disabled):hover {
+ -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
+ box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
+}
+
+.gsi-material-button:not(:disabled):hover .gsi-material-button-state {
+ background-color: #001d35;
+ opacity: 8%;
+}
diff --git a/internal/view/layout/public.templ b/internal/view/layout/public.templ
index 3ea0cf6..1d6f4bf 100644
--- a/internal/view/layout/public.templ
+++ b/internal/view/layout/public.templ
@@ -46,6 +46,7 @@ templ PublicLayout() {
+
diff --git a/internal/view/layout/public_templ.go b/internal/view/layout/public_templ.go
index 8e1be46..98b8f2c 100644
--- a/internal/view/layout/public_templ.go
+++ b/internal/view/layout/public_templ.go
@@ -72,7 +72,7 @@ func PublicLayout() templ.Component {
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
}
- _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(" | Locations de vacances au Gosier en Guadeloupe