diff --git a/sass/bulma.scss b/sass/bulma.scss
deleted file mode 100644
index 7369767..0000000
--- a/sass/bulma.scss
+++ /dev/null
@@ -1,5 +0,0 @@
-@use '../node_modules/bulma/bulma.sass';
-
-.modal-content {
- width: 80%;
-}
\ No newline at end of file
diff --git a/sass/connexion.scss b/sass/connexion.scss
new file mode 100644
index 0000000..fdc3d72
--- /dev/null
+++ b/sass/connexion.scss
@@ -0,0 +1,28 @@
+.connexion,
+.inscription {
+ background-color: #fff;
+ border-radius: 6px;
+ box-shadow: 0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02);
+ color: #4a4a4a;
+ display: block;
+ padding: 1.25rem;
+ width: calc(100% - 2rem);
+ margin: auto;
+
+ @include respond-to("small-up") {
+ width: 65%;
+ }
+ @include respond-to("medium-up") {
+ width: 35%;
+ }
+
+ button {
+ background-color: #485fc7;
+ border-color: transparent;
+ color: #fff;
+
+ &:hover {
+ background-color: #3e56c4;
+ }
+ }
+}
\ No newline at end of file
diff --git a/sass/forms.scss b/sass/forms.scss
new file mode 100644
index 0000000..4b1bd16
--- /dev/null
+++ b/sass/forms.scss
@@ -0,0 +1,51 @@
+.field {
+ padding-top: .6rem;
+ label {
+ font-weight: 800;
+ }
+ input {
+ box-shadow: inset 0 .0625em .125em rgba(10,10,10,.05);
+ max-width: 100%;
+ width: 100%;
+ background-color: #fff;
+ border: 1px solid #dbdbdb !important;
+ color: #363636;
+ }
+}
+
+.button {
+ cursor: pointer;
+ justify-content: center;
+ padding-bottom: calc(0.5em - 1px);
+ padding-left: 1em;
+ padding-right: 1em;
+ padding-top: calc(0.5em - 1px);
+ text-align: center;
+ white-space: nowrap;
+ border-width: 1px;
+ margin-bottom: .5rem;
+
+ &.is-danger {
+ background-color: #f14668;
+ border-color: transparent;
+ color: #fff;
+
+ &:hover {
+ background-color: #f03a5f;
+ border-color: transparent;
+ color: #fff;
+ }
+ }
+
+ &.is-link {
+ background-color: #485fc7;
+ border-color: transparent;
+ color: #fff;
+
+ &:hover {
+ background-color: #3e56c4;
+ border-color: transparent;
+ color: #fff;
+ }
+ }
+}
\ No newline at end of file
diff --git a/sass/global.scss b/sass/global.scss
index 0dd5561..165f673 100644
--- a/sass/global.scss
+++ b/sass/global.scss
@@ -1,6 +1,6 @@
html,
body {
- min-height: 100vh;
+ min-height: calc(100vh - 3.25rem);
display: flex;
flex-direction: column;
padding-top: 3.25rem;
diff --git a/sass/index.scss b/sass/index.scss
index 6e7d9af..176a987 100644
--- a/sass/index.scss
+++ b/sass/index.scss
@@ -27,4 +27,6 @@
// SPÉCIFIQUE AU SITE
@import './global';
@import './navbar';
-@import './home';
\ No newline at end of file
+@import './forms';
+@import './home';
+@import './connexion';
\ No newline at end of file
diff --git a/sass/navbar.scss b/sass/navbar.scss
index fa04531..4063f11 100644
--- a/sass/navbar.scss
+++ b/sass/navbar.scss
@@ -22,10 +22,6 @@
.navbar-item {
align-items: center;
display: flex;
-
- @include respond-to("medium-up") {
- // display: block;
- }
img {
max-height: 1.75rem;
@@ -296,30 +292,5 @@
&:last-child {
margin-bottom: -0.5rem;
}
-
- .button {
- cursor: pointer;
- justify-content: center;
- padding-bottom: calc(0.5em - 1px);
- padding-left: 1em;
- padding-right: 1em;
- padding-top: calc(0.5em - 1px);
- text-align: center;
- white-space: nowrap;
- border-width: 1px;
- margin-bottom: .5rem;
-
- &.is-danger {
- background-color: #f14668;
- border-color: transparent;
- color: #fff;
- }
-
- &.is-link {
- background-color: #485fc7;
- border-color: transparent;
- color: #fff;
- }
- }
}
}
\ No newline at end of file
diff --git a/views/index.ejs b/views/index.ejs
index d1ada46..9dd570f 100644
--- a/views/index.ejs
+++ b/views/index.ejs
@@ -166,9 +166,9 @@
<% } %>
-->
-
- <%- include(viewname) %>
-
+
+ <%- include(viewname) %>
+