ci: change in dockerfile

Dockerfile

@@ -10,6 +10,5 @@ COPY . .
 
 RUN npm run build
 
-EXPOSE 5173
 
 CMD [ "npm", "run", "preview" ]

src/assets/scss/style.css

@@ -0,0 +1,65 @@
+@font-face {
+  font-family: "Sofia Pro Black";
+  src: url("../fonts/SofiaProBlack.ttf");
+}
+@font-face {
+  font-family: "Sofia Pro Bold";
+  src: url("../fonts/SofiaProBold.ttf");
+}
+@font-face {
+  font-family: "Sofia Pro Light";
+  src: url("../fonts/SofiaProLight.ttf");
+}
+@font-face {
+  font-family: "Sofia Pro Medium";
+  src: url("../fonts/SofiaProMedium.ttf");
+}
+@font-face {
+  font-family: "Sofia Pro Regular";
+  src: url("../fonts/SofiaProRegular.ttf");
+}
+@font-face {
+  font-family: "Sofia Pro Semi Bold";
+  src: url("../fonts/SofiaProSemiBold.ttf");
+}
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+html {
+  scroll-behavior: smooth;
+}
+
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+#root {
+  height: 100%;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  font-family: "Josefin sans";
+}
+
+p {
+  font-family: "Fira sans";
+}
+
+::-webkit-scrollbar {
+  width: 8px;
+}
+
+::-webkit-scrollbar-thumb {
+  border-radius: 5px;
+  background: #F54748;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: #F54748;
+}
+
+button {
+  font-family: "Karla";
+}/*# sourceMappingURL=style.css.map */

src/components/auth/input-field/InputField.modules.css

@@ -0,0 +1,22 @@
+.input-field {
+  display: flex;
+  flex-direction: column;
+}
+.input-field:has(input[id=password]) {
+  grid-column: 1/3;
+}
+.input-field label {
+  font-size: 1.2rem;
+  color: #42505C;
+}
+.input-field .MuiInputBase-root {
+  border-radius: 0.7em;
+  margin: 1rem 0 0 0;
+}
+.input-field .MuiInputBase-root .MuiInputAdornment-root {
+  margin-right: 1rem;
+}
+.input-field .MuiInputBase-root input {
+  padding-left: 2rem;
+  font-size: 0.8em;
+}/*# sourceMappingURL=InputField.modules.css.map */

src/components/auth/login-form/LoginForm.modules.css

@@ -0,0 +1,79 @@
+.login-form {
+  display: grid;
+  place-self: center;
+}
+.login-form > h2 {
+  font-size: 3.5rem;
+  color: #42505C;
+}
+.login-form .connecter-ici {
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+  margin-top: 2rem;
+}
+.login-form .connecter-ici hr {
+  width: 7rem;
+  border-top: 3px solid;
+  border-radius: 5px;
+}
+.login-form .connecter-ici h6 {
+  color: #F54748;
+}
+.login-form .connect-with {
+  display: flex;
+  gap: 2rem;
+  margin-top: 4rem;
+}
+.login-form .connect-with li {
+  /*&:last-child {
+    button {
+      color: $light;
+      &:hover {
+        background: linear-gradient(50deg, rgba(255, 255, 255, 0.8) -31.53%, #F54748 400%);
+        color: $dark;
+      }
+    }
+  }*/
+}
+.login-form .connect-with li button {
+  width: 15rem;
+  height: 3.5rem;
+  font-size: 0.8rem;
+}
+.login-form > h5 {
+  text-align: center;
+  font-family: "Sofia Pro Bold";
+  font-size: 1.5rem;
+  margin: 2rem 0 1.5rem;
+}
+.login-form form {
+  display: grid;
+  grid-template-columns: repeat(1, 1fr);
+  gap: 1.5rem 0;
+}
+.login-form form .MuiFormControlLabel-root {
+  grid-row: 3;
+  grid-column: 1/3;
+}
+.login-form form > button {
+  width: 4rem;
+  height: 4rem;
+  border-radius: 1.7rem;
+  background: #F54748;
+  color: #FFFFFF;
+  box-shadow: 0px 10px 30px #F54748;
+  border: none;
+}
+.login-form form > button:hover {
+  background: linear-gradient(50deg, rgba(255, 255, 255, 0.8) -31.53%, #F54748 400%);
+  outline: 2px solid #F54748;
+  color: #F54748;
+}
+.login-form form .go-to-register {
+  grid-row: 5;
+  grid-column: 1/3;
+}
+.login-form form .go-to-register p span {
+  color: #F54748;
+}/*# sourceMappingURL=LoginForm.modules.css.map */

src/components/auth/register-form/RegisterForm.modules.css

@@ -0,0 +1,98 @@
+.register-form {
+  padding: 0 15rem;
+}
+.register-form .go-to {
+  display: flex;
+  justify-content: space-between;
+  height: -moz-fit-content;
+  height: fit-content;
+}
+.register-form .go-to .go-back-home {
+  display: flex;
+  align-items: center;
+  color: #F54748;
+  gap: 1rem;
+  height: -moz-fit-content;
+  height: fit-content;
+}
+.register-form .go-to .go-back-home a {
+  position: relative;
+}
+.register-form .go-to .go-back-home a:before {
+  content: "";
+  position: absolute;
+  height: 0.1rem;
+  width: 0;
+  bottom: 0;
+  border-radius: 2rem;
+  background: #F54748;
+}
+.register-form .go-to .go-back-home a:hover:before {
+  width: 100%;
+  animation: links 0.7s;
+}
+@keyframes links {
+  from {
+    width: 0;
+  }
+  to {
+    width: 100%;
+  }
+}
+.register-form .go-to .go-to-login {
+  margin: 0 0 3rem;
+  display: flex;
+  justify-content: flex-end;
+}
+.register-form .go-to .go-to-login a p {
+  display: flex;
+  align-items: center;
+  color: #F54748;
+  gap: 0.5rem;
+}
+.register-form .go-to .go-to-login a p svg {
+  font-size: 1.2rem;
+}
+.register-form .head {
+  display: flex;
+  align-items: center;
+  gap: 5rem;
+  margin: 0 0 1rem;
+}
+.register-form .head h2 {
+  font-size: 3rem;
+  color: #42505C;
+}
+.register-form .head p span {
+  color: #F54748;
+}
+.register-form form .start-inputs, .register-form form .passwords {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 0 3rem;
+  border-bottom: 2px dashed rgba(0, 0, 0, 0.2);
+  padding: 1rem 0;
+}
+.register-form form .start-inputs {
+  border-top: 2px dashed rgba(0, 0, 0, 0.2);
+}
+.register-form form .start-inputs .input-field:has(input[id=email]), .register-form form .start-inputs .input-field:has(input[type=tel]) {
+  grid-column: 1/3;
+}
+.register-form form .passwords {
+  margin: 0 0 2rem;
+}
+.register-form form .passwords .input-field:has(input[id=password]) {
+  grid-column: 1;
+}
+.register-form form .form-submission {
+  display: flex;
+  justify-content: space-between;
+}
+.register-form form .form-submission p span {
+  color: #F54748;
+}
+.register-form form .form-submission button {
+  width: 11rem;
+  justify-content: space-between;
+}/*# sourceMappingURL=RegisterForm.modules.css.map */

src/components/home/footer/Footer.modules.css

@@ -0,0 +1,22 @@
+footer {
+  padding-left: 2rem;
+}
+footer .socials {
+  width: 80%;
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+}
+footer .socials ul {
+  display: flex;
+  gap: 1rem;
+}
+footer .socials ul li {
+  color: #FDC55E;
+}
+footer .socials ul li:hover {
+  color: #191919;
+}
+footer .socials ul .dark-theme:hover {
+  color: #FFFFFF;
+}/*# sourceMappingURL=Footer.modules.css.map */