✨ Update main page

LaCorbeille · Jul 9, 2024 · 4f6132f · 4f6132f
1 parent a44e7ab
commit 4f6132f
Show file tree

Hide file tree

Showing 17 changed files with 152 additions and 220 deletions.
diff --git a/.htaccess b/.htaccess
@@ -4,11 +4,6 @@ RewriteEngine On
 # Set the base directory
 RewriteBase /
 
-# Redirect all requests to index.php
-RewriteCond %{REQUEST_FILENAME} !-f
-RewriteCond %{REQUEST_FILENAME} !-d
-RewriteRule ^(.*)$ index.php/$1 [L]
-
 # Error pages
 ErrorDocument 404 /404.html
-ErrorDocument 500 /500.html
+ErrorDocument 500 /500.html
diff --git a/components/footer.php b/components/footer.php
diff --git a/components/head.php b/components/head.php
diff --git a/components/header.php b/components/header.php
diff --git a/css/footer.css b/css/footer.css
@@ -0,0 +1,25 @@
+footer {
+    display: flex;
+    flex-direction: column;
+    background-color: var(--LightSilver);
+}
+
+footer>div {
+    display: flex;
+}
+
+footer>div:first-of-type {
+    background-color: var(--RaisinBlack);
+    border-radius: 0 0 15px 15px;
+    flex-direction: column;
+    align-items: center;
+    color: var(--DarkGray);
+}
+
+footer>div:first-of-type>img {
+    width: 30%;
+}
+
+footer>div:last-of-type {
+    background-color: var(--LightSilver);
+}
diff --git a/css/header.css b/css/header.css
@@ -0,0 +1,29 @@
+header {
+    height: 75px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 10px 20px;
+}
+
+header>img {
+    height: 80%;
+}
+
+#menu>a {
+    font-size: 1em;
+    margin: 0 25px;
+    cursor: pointer;
+    color: white;
+}
+
+#menu>a:last-of-type {
+    border: solid 2px white;
+    padding: 5px 10px;
+    border-radius: 5px;
+}
+
+#menu>a:last-of-type:hover {
+    border: solid 2px var(--Fuchsia);
+    color: var(--Fuchsia);
+}
diff --git a/css/index.css b/css/index.css
@@ -1,5 +1,10 @@
+main {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
 main>img {
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
+    width: 80%;
+    height: auto;
 }
diff --git a/css/stylesheet.css b/css/stylesheet.css
@@ -1,14 +1,15 @@
 /*----- VARIABLES -----*/
 :root {
-    --EerieBlack: #121824;
-    --Charcoal: #394951;
-    --Aero: #7BB1DF;
-    --ChineseSilver: #CDCCCC;
+    /* Colors */
+    --Fuchsia: #F500FF;
+    --RichBlack: #03061B;
+    --RaisinBlack: #222222;
+    --DarkGray: #A9A9A9;
+    --LightSilver: #D9D9D9;
 }
 
 /*----- SCROLLBAR -----*/
 ::-webkit-scrollbar {
-    width: 5px;
     width: 0px;
 }
 
@@ -18,19 +19,23 @@
 }
 
 ::-webkit-scrollbar-thumb {
-    background: var(--ChineseSilver);
+    background: white;
     border-radius: 10px;
 }
 
 ::-webkit-scrollbar-thumb:hover {
-    background: var(--Aero);
+    background: black;
 }
 
 /* -----GENERAL----- */
+* {
+    transition: ease-in-out 0.25s;
+}
+
 html {
-    overflow: hidden;
-    /* overflow-x: hidden; */
+    overflow-x: hidden;
     scroll-behavior: smooth;
+    background-color: var(--RaisinBlack);
 }
 
 body {
@@ -42,20 +47,22 @@ body {
 main {
     min-height: 100vh;
     width: 100vw;
+    background-color: var(--RichBlack);
 }
 
 h1 {
-    font-size: 2rem;
-    font-weight: 500;
-}
-
-h2 {
-    font-size: 1.6rem;
-    font-weight: 500;
-    text-transform: uppercase;
+    font-size: 2em;
+    font-family: "Rubik Glitch", system-ui;
+    font-weight: 400;
+    font-style: normal;
 }
 
 a, p {
     color: white;
     text-decoration: none;
+    font-family: "Open Sans", sans-serif;
+    font-optical-sizing: auto;
+    /*font-weight: <weight> Use a value from 300 to 800;*/
+    font-style: normal;
+    font-variation-settings: "wdth" 100;
 }
diff --git a/index.html b/index.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>LaCorbeille STUDIO</title>
+    <!--Favicon-->
+    <link rel="apple-touch-icon" sizes="180x180" href="assets/img/favicon/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicon/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicon/favicon-16x16.png">
+    <!-- CSS -->
+    <link rel="stylesheet" href="css/stylesheet.css">
+    <link rel="stylesheet" href="css/footer.css">
+    <link rel="stylesheet" href="css/header.css">
+    <link rel="stylesheet" href="css/index.css">
+    <!-- JS -->
+    <script src="js/dynamicTitle.js" defer></script>
+    <!-- Fonts -->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Rubik+Glitch&display=swap" rel="stylesheet">
+</head>
+
+<body>
+    <!-- <header>
+        <img src="assets/img/branding/logoSmall.svg" alt="LaCorbeille STUDIO">
+        <div id="menu">
+            <a>Games</a>
+            <a>News</a>
+            <a>Support</a>
+            <a>Se connecter</a>
+        </div>
+    </header> -->
+    <main>
+        <img id="maintenanceImg" src="assets/img/branding/logoFull.svg" alt="LaCorbeille STUDIO">
+    </main>
+    <!-- <footer>
+        <div>
+            <div>
+                <img src="assets/img/social/LinkedIn.svg" alt="LinkedIn">
+                <img src="assets/img/social/Instagram.svg" alt="Instagram">
+                <img src="assets/img/social/X.svg" alt="X">
+                <img src="assets/img/social/Facebook.svg" alt="Facebook">
+                <img src="assets/img/social/Discord.svg" alt="Discord">
+            </div>
+            <img src="assets/img/branding/logoFullWhite.svg" alt="LaCorbeille STUDIO">
+            <a>© LaCorbeille STUDIO 2024</a>
+        </div>
+        <div>
+            <img src="assets/img/icon/contrast.svg" alt="Contrast">
+            <div>
+                <a>Legal Notice</a>
+                <a>Privacy Policy</a>
+                <a>Sitemap</a>
+            </div>
+            <select id="langSelect">
+                <option value="fr"></option>
+                <option value="en">English</option>
+            </select>
+        </div>
+    </footer> -->
+</body>
+
+</html>
diff --git a/index.php b/index.php
diff --git a/js/lang.js b/js/lang.js
diff --git a/lang/en/footer.json b/lang/en/footer.json
diff --git a/lang/en/index.json b/lang/en/index.json
diff --git a/lang/fr/contactForm.json b/lang/fr/contactForm.json
diff --git a/lang/fr/footer.json b/lang/fr/footer.json
diff --git a/lang/fr/index.json b/lang/fr/index.json