rajout du prototype de menu pour le jeu

2023-03-28 13:23:36 +02:00
parent eeae13b339
commit 592b179a19
7 changed files with 124 additions and 0 deletions
--- a/prototypes/interface-menu/BackGround-menu.jpg
+++ b/prototypes/interface-menu/BackGround-menu.jpg
--- a/prototypes/interface-menu/Background-select-level.jpg
+++ b/prototypes/interface-menu/Background-select-level.jpg
--- a/prototypes/interface-menu/Road-to-masterU/Level.html
+++ b/prototypes/interface-menu/Road-to-masterU/Level.html
@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="fr">
+    <head>
+        <meta charset="utf-8">
+        <title>Level - Road to masterU</title>
+        <link href="style-Level.css" rel="stylesheet">
+    </head>
+<body>
+    <main>
+        <section class="select-day">
+            <h1>Day 1</h1>
+            <a href="" class="lien-icone">></a>
+        </section>
+        <section class="select-level">
+            <div class="level"><a href="">1</a></div>
+            <div class="level"><a href="">2</a></div>
+            <div class="level"><a href="">3</a></div>
+            <div class="level"><a href="">4</a></div>
+            <div class="level"><a href="">5</a></div>
+            <div class="level"><a href="">6</a></div>
+            <div class="level"><a href="">7</a></div>
+            <div class="level"><a href="">8</a></div>
+            <div class="level"><a href="">9</a></div>
+            <div class="level"><a href="">10</a></div>
+            
+        </section>
+    </main>
+    <footer>
+        <a href="Menu.html" class="back-to-accueil">Menu</a>
+    </footer>
+
+</body>
--- a/prototypes/interface-menu/Road-to-masterU/Menu.html
+++ b/prototypes/interface-menu/Road-to-masterU/Menu.html
@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="fr">
+    <head>
+        <meta charset="utf-8">
+        <title>Menu - Road to masterU</title>
+        <link href="style-menu.css" rel="stylesheet">
+    </head>
+<body>
+    <main>
+        <section class="title">
+            <h1>ROAD TO MASTERU </h1>
+        </section>
+        <section class="setting">
+            <a href="" class="setting-Play"><h2>Play</h2></a>
+            <a href="Level.html" class="setting-level"><h2>Level</h2></a>
+        </section>
+    </main>
+        <footer>
+            <a href="" class="lien-icone"><img src="../Trophee-pic.jpg" alt="trophy"></a>
+            <a href="" class="lien-icone"><img src="" alt="link-setting"></a>
+        </footer>
+    
+</body>
--- a/prototypes/interface-menu/Road-to-masterU/style-Level.css
+++ b/prototypes/interface-menu/Road-to-masterU/style-Level.css
@ -0,0 +1,45 @@
+body{
+    background-image: url("../Background-select-level.jpg");
+    background-position: right;
+}
+h1,.lien-icone,.back-to-accueil{
+    font-size: 75px;
+    padding-top: 80px;
+    color:gold;
+}
+footer{
+    text-align: center;
+    padding:50px
+
+}
+a{
+    text-decoration: none;
+    color:black;
+}
+.select-day{
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-items: baseline;
+
+}
+.select-level{
+    display:grid;
+    grid-template-columns: 40px 40px 40px;
+    grid-gap: 30px;
+    justify-content: center;
+}
+.level{
+    height: 60px;
+    border:3px solid black;
+    
+}
+.level>a{
+    font-size:30px;
+    display: flex;
+    justify-content:center;
+}
+.lien-icone{
+    padding-left: 10px;
+}
+
--- a/prototypes/interface-menu/Road-to-masterU/style-menu.css
+++ b/prototypes/interface-menu/Road-to-masterU/style-menu.css
@ -0,0 +1,24 @@
+body{
+    background-image: url("../BackGround-menu.jpg");
+    background-position: center;
+}
+h1{
+    font-size: 75px;
+    padding-top: 80px;
+    text-decoration: underline;
+}
+h1,h2{
+    text-align: center;
+    color: gold;
+}
+h2{
+    font-size: 50px;
+    padding-top: 40px;
+}
+footer{
+    text-align: end;
+    padding-top: 300px;
+}
+a{
+    text-decoration: none;
+}
--- a/prototypes/interface-menu/Trophee-pic.jpg
+++ b/prototypes/interface-menu/Trophee-pic.jpg