Version 1.0.1 of the website

TraZeOG · May 12, 2024 · 20bff71 · 20bff71
commit 20bff71
Show file tree

Hide file tree

Showing 15 changed files with 602 additions and 0 deletions.
diff --git a/crave-main.html b/crave-main.html
@@ -0,0 +1,145 @@
+<!DOCTYPE html>
+<html lang="fr">
+
+    <head>
+
+        <meta charset="utf-8">
+        <title>Doan's Quest - Accueil</title>
+        <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=Tilt+Neon&display=swap" rel="stylesheet">
+        <link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet">
+        <link href="https://fonts.googleapis.com/css2?family=Manrope&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Shantell+Sans:wght@500&display=swap" rel="stylesheet">
+        <link rel="stylesheet" href="style/style.css">
+        <link rel="stylesheet" href="style/style-main.css">
+    </head>
+
+    <body>
+
+        <header>
+
+            <nav>
+                <a href="crave-main.html" class="reseau">
+                    <img src="images/logo_crave.png" alt="Logo Crave" class="logo">
+                </a>
+                <span>
+                <a href="crave-main.html" class="reseau">
+                    <img src="images/france.png" alt="Drapeau français" class="language">
+                </a>
+                <a href="crave-main.html" class="header-home">Accueil</a>
+                <a href="jeux.html" class="header-games">Jeux</a>
+                <a href="#jeu-recents" class ="header-recents">Récents</a>
+                </span>
+            </nav>
+
+        </header>
+
+        <main>
+            <section class="section-1">
+
+                <img src="images/jeu/flower.png" alt="Fleur" class="fleur">
+                <div>
+                    <h1 class="bienvenue">Bienvenue sur Crave's Hub !</h1>
+                    <h2 class="sous-titre">téléchargez ici les derniers jeux Craves</h2>
+                </div>
+                <img src="images/ingame_picture.jpg" alt="ingame picture" class="gif">
+
+            </section>
+
+            <section>
+
+                <a href="#jeu-recents" class="bouton-jeu">Télécharger les Jeux</a>
+
+            </section><br>
+
+            <section class="section-2">
+
+                <div class="icone">
+                <img src="images/jeu/newspaper.png" alt="Point d'interrogation" class="question-mark">
+                <h2 class="pourquoi">Actus récentes</h2>
+                </div>
+                <p>Doan's Quest (version 3.3.1): <br> <br>
+                    - correction d'un bug qui empêchait le joueur d'avancer sur une plateforme en mouvement <br>
+                    - ajout du choix de skin et de l'avancement dans les niveaux dans la data sauvegardée <br>
+                    - ajout de 7 niveaux en plus après le niveau 20 <br>
+                    - ajout de 3 nouveaux skins épiques et originaux dans la boutique du jeu<p>
+                <p class="merci">Merci pour votre soutien pour Doan!</p>
+                <div id="jeu-recents"></div>
+            </section><br>
+
+            <section class="section-4">
+
+                <div class="icone">
+                    <img src="images/jeu/clock.png" alt="Horloge" class="horloge">
+                    <h2>Jeux récents:</h2>
+                </div>
+                <div class="jeu-recents">
+                    <div class="lien-conteneur-jeu-red">
+                        <h3>Doan's Quest</h3>
+                        <p>Doan Duhong, né le 7 Octobre 1946 dans la ville d’Haïphong, au Vietnam, n’a que 9 ans lorsque la guerre du Vietnam éclate. Il se retrouve alors séparé de sa soeur jumelle, Lihn Duhong. <br> 
+                            Ce jeu permet de suivre l’épopée qui s’ensuit pendant laquelle Doan mettra tout en oeuvre pour retrouver sa soeur.</p>
+                        <br><br><hr>
+                        <a href="downloads\doans_quest.zip" class="photo-hover">Télécharger le jeu</a>
+                        </div>
+                    <h3>Tous les jeux</h3>
+                    <div class="lien-conteneur-jeu-red">
+                        <h3>Arakada 1</h3>
+                        <p>Arakada 1 est le premier jeu de la série Arakada, une série de jeux d'arcade tous faits en un jour. <br>
+                            Dans Arakada 1, vous contrôlez un potit panier mignon et vous devez ramassez les fruits qui tombent du ciel en prenant soin d'éviter les bombes. Vous disposez de trois vies, bonne chance!</p>
+                        <br><br><hr>
+                        <a href="jeu/maths/geometrie-espace.html" class="photo-hover">Télécharger le jeu</a>
+                        </div>
+                    <div class="lien-conteneur-jeu-red">
+                        <h3>Arakada 2</h3>
+                        <p>Arakada 1 est le premier jeu de la série Arakada, une série de jeux d'arcade tous faits en un jour. <br>
+                            Dans Arakada 2, votre vaisseau citron s'est égaré sur l'autoroute la plus empruntée de la galaxie. Vous êtes aux commandes et devez esquiver le plus longtemps possible les vaisseaumobilistes et les météorites en attendant la dépanneuse.</p>
+                        <br><br><hr>
+                        <a href="jeu.html" class="photo-hover">Télécharger le jeu</a>
+                        </div>
+                    <div class="lien-conteneur-jeu-off">
+                        <h3 class="soon">soon...</h3><br>
+                        <p>  -  Ce jeu est en cours de développement et n'est pas encore disponible.  -  </p><br><br>
+                        <br><br><hr>
+                        <a href="jeu.html" class="photo-hover">[ 06/2024 ]</a>
+                    </div>
+                    <div class="lien-conteneur-jeu-off">
+                        <h3 class="soon">soon...</h3><br>
+                        <p>  -  Ce jeu est en cours de développement et n'est pas encore disponible.  -  </p><br><br>
+                        <br><br><hr>
+                        <a href="jeu.html" class="photo-hover">...</a>
+                    </div>
+
+                </div>
+            </section>
+            <section>
+                <div class="retour">
+                <p class="suggestion">Une idée, une suggestion?</p>
+                <a href="mailto:doan.contact@gmail.com" class="contact" title="On sera heureux de vous répondre :)">Nous Contacter</a>
+                </div>
+            </section>
+        </main>
+
+        <footer>
+
+            <nav>
+                <a href="crave-main.html" class="reseau">
+                    <img src="images/logo_crave.png" alt="Logo Crave" class="logo">
+                </a>
+                <p class="reseau-legende">Mes réseaux:</p>
+                <a target="_blank" href="https://www.instagram.com/">
+                    <img src="images\instagram.png" title="Mon compte Instagram" alt="Logo Instagram" class="reseau-no-padding">
+                </a>
+                <a target="_blank" href="https://twitter.com/">
+                    <img src="images/twitter.png" title="Ma page Twitter" alt="Logo Twitter" class="reseau"></a>
+                <p class="reseau-legende">Suggestions:</p>
+                <a href="mailto:doan.contact@gmail.com">
+                    <img src="images/mail.png" alt="Logo mail" class="reseau-no-padding">
+                </a>
+                <a href="mentions-legales.html" class="mentions-legales">Mentions Légales</a>
+            </nav>
+
+        </footer>
+
+    </body>
+</html>
diff --git a/downloads/doans_quest.zip b/downloads/doans_quest.zip
diff --git a/images/france.png b/images/france.png
diff --git a/images/ingame_picture.jpg b/images/ingame_picture.jpg
diff --git a/images/instagram.png b/images/instagram.png
diff --git a/images/jeu/clock.png b/images/jeu/clock.png
diff --git a/images/jeu/flower.png b/images/jeu/flower.png
diff --git a/images/jeu/newspaper.png b/images/jeu/newspaper.png
diff --git a/images/jeu/user.png b/images/jeu/user.png
diff --git a/images/logo_crave.png b/images/logo_crave.png
diff --git a/images/mail.png b/images/mail.png
diff --git a/images/twitter.png b/images/twitter.png
diff --git a/mentions-legales.html b/mentions-legales.html
@@ -0,0 +1,111 @@
+<!DOCTYPE html>
+<html lang="fr">
+
+    <head>
+
+        <meta charset="utf-8">
+        <title>Crave's Hub - Mentions Légales</title>
+        <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=Tilt+Neon&display=swap" rel="stylesheet">
+        <link href="https://fonts.googleapis.com/css2?family=Ubuntu&display=swap" rel="stylesheet">
+        <link rel="stylesheet" href="style/style.css">
+        <link rel="stylesheet" href="style/style-mentions-legales.css">
+
+    </head>
+
+    <body>
+
+        <header>
+
+            <nav>
+                <a href="revizor-main.html" class="reseau">
+                    <img src="images/logo_revizor.png" alt="Logo Crave" >
+                </a>
+                <span>
+                <a href="crave-main.html">Accueil</a>
+                <a href="categories.html">Jeux</a>
+                <a href="revizor-main.html#cours-recents">Récents</a>
+                </span>
+            </nav>
+
+        </header><br>
+
+        <main>
+            <section>
+                <ul>
+                    <li class="title"><strong>TraZe Ltd.</strong></li>
+                </ul><br><br>
+                <h1>Legal Information</h1>
+                <p>Information in accordance with Section 5 LTM</p>
+                <p>TraZe Ltd.</p>
+                <p>- No head office yet</p>
+                <p>33000 Bordeaux</p>
+                <p>France</p><br>
+                <h2>Represented by</h2>
+                <p>Thomas Larose-Masson</p><br>
+                <h2>Contact Information</h2>
+                <p>Telephone: -</p>
+                <p>E-Mail: revizor.contact@gmail.com</p>
+            </section>
+            <section>
+                <h1>Disclaimer</h1>
+                <br><h2>Accountability for content</h2>
+                <p>The contents of our pages have been created with the utmost care. However, we cannot guarantee the contents' accuracy, completeness or topicality. According to statutory provisions, we are furthermore responsible for our own content on these web pages. In this matter, please note that we are not obliged to monitor the transmitted or saved information of third parties, or investigate circumstances pointing to illegal activity. Our obligations to remove or block the use of information under generally applicable laws remain unaffected by this as per §§ 8 to 10 of the Telemedia Act (LTM).</p>
+                <br><h2>Accountability for links</h2>
+                <p>Responsibility for the content of external links (to web pages of third parties) lies solely with the operators of the linked pages. No violations were evident to us at the time of linking. Should any legal infringement become known to us, we will remove the respective link immediately.</p>
+                <br><h2>Copyright</h2>
+                <p>Our web pages and their contents are subject to French copyright law. Unless expressly permitted by law, every form of utilizing, reproducing or processing works subject to copyright protection on our web pages requires the prior consent of the respective owner of the rights. Individual reproductions of a work are only allowed for private use. The materials from these pages are copyrighted and any unauthorized use may violate copyright laws.</p>
+            </section>
+            <section class="credits">
+                <h1>Crédits</h1><br>
+                <h2>Illustrations:</h2><br>
+                <a href="https://www.flaticon.com/free-icons/instagram" title="instagram icons">Instagram icons created by Freepik - Flaticon</a><br><br>
+                <a href="https://www.flaticon.com/free-icons/email" title="email icons">Email icons created by Freepik - Flaticon</a><br><br>
+                <a href="https://www.flaticon.com/free-icons/twitter" title="twitter icons">Twitter icons created by Freepik - Flaticon</a><br><br>
+                <a href="https://www.flaticon.com/free-icons/arrow" title="arrow icons">Arrow icons created by rang - Flaticon</a><br><br>
+                <a href="https://www.flaticon.com/free-icons/magnifying-glass" title="magnifying glass icons">Magnifying glass icons created by Prosymbols Premium - Flaticon</a><br><br>
+                <a href="https://www.flaticon.com/fr/icones-gratuites/exercice" title="exercice icônes">Exercices icons created by rddrt - Flaticon</a><br><br>
+                <a href="https://www.flaticon.com/fr/icones-gratuites/faire-des-exercices" title="faire-des-exercices icônes">Sport-exercices icons created by Freepik - Flaticon</a><br><br>
+                <a href="https://www.flaticon.com/free-icons/flower" title="flower icons">Flower icons created by POD Gladiator - Flaticon</a><br><br>
+                <a href="https://www.flaticon.com/free-icons/home-button" title="home button icons">Home button icons created by NajmunNahar - Flaticon</a><br><br>
+                <a href="https://www.flaticon.com/fr/icones-gratuites/entrainement" title="entraînement icônes">Trainings icons created by Freepik - Flaticon</a><br><br>
+                <a href="https://www.flaticon.com/fr/icones-gratuites/connaitre" title="connaître icônes">Knowing icons created by srip - Flaticon</a><br><br>
+                <a href="https://www.flaticon.com/fr/icones-gratuites/faq" title="faq icônes">Faq icons created by Sofyan Rofiq - Flaticon</a><br><br>
+                <a href="https://www.flaticon.com/free-icons/sad" title="sad icons">Sad icons created by Freepik - Flaticon</a><br><br>
+                <a href="https://www.flaticon.com/free-icons/recommendation" title="recommendation icons">Recommendation icons created by lutfix - Flaticon</a><br><br>
+                <a href="https://www.flaticon.com/free-icons/mathematics" title="mathematics icons">Mathematics icons created by Rabit Jes - Flaticon</a><br><br>
+
+                <br><br><p>- - - </p><br><p>- Thomas Larose-Masson, Owner of TraZe Ltd.</p><br><br><br>
+            </section>
+            <section>
+                <div class="flex">
+                    <p>© 2023 - 2023 by</p>
+                    <a href="revizor-main.html" class="ltd">TraZe Ltd.</a><br>
+                </div>
+            </section>
+        </main>
+
+        <footer>
+
+            <nav>
+                <a href="revizor-main.html" class="logo">
+                    <img src="images/logo_f.png" alt="Logo Crave" >
+                </a>
+                <p class="reseau-legende">Mes réseaux:</p>
+                <a target="_blank" href="https://www.instagram.com/">
+                    <img src="images\instagram.png" title="Mon compte Instagram" alt="Logo Instagram" class="reseau-no-padding">
+                </a>
+                <a target="_blank" href="https://twitter.com/">
+                    <img src="images/twitter.png" title="Ma page Twitter" alt="Logo Twitter" class="reseau"></a>
+                <p class="reseau-legende">Suggestions:</p>
+                <a href="mailto:revizor.contact@gmail.com">
+                    <img src="images/mail.png" alt="Logo mail" class="reseau-no-padding">
+                </a>
+                <a href="mentions-legales.html" class="mentions-legales">Mentions Légales</a>
+            </nav>
+
+        </footer>
+
+    </body>
+</html>