webDevGroupB/description.html at main · Matthjass13/webDevGroupB · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE html>
<html>
  <head>
    <title>64-31 - Projet - Description</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="stylesheet" href="ressources/css/style.css" />
    <link rel="stylesheet" href="ressources/css/mobileStyle.css" />
  </head>
  <body>
    <header>
      <h1>HES-SO Vs - 64-31 - Web Development</h1>
      <nav>
        <!-- Hamburger -->
        <ul>
          <li class="hamburger">
            <img src="ressources/images/hamburger_icon.svg" />
          </li>
          <li class="active">
            <a href="description.html">Description</a>
          </li>
          <li>
            <a href="sketch.html">Sketch</a>
          </li>
          <li>
            <a href="mockup.html">Mockup</a>
          </li>
          <li>
            <a href="flow.html">Flow</a>
          </li>
          <li>
            <a href="logbook.html">Logbook</a>
          </li>
          <li>
            <a href="game.html">Game</a>
          </li>
          <li>
            <a href="forms.html">Forms</a>
          </li>
        </ul>
      </nav>
    </header>

    <main>
      <!-- Début zone pour votre contenu -->
      <section id="articles">
        <article>
          <header>
            <h2>Description of our project</h2>
            <p>By Elia Pfammatter the 15/10/2024 at 09:00</p>
          </header>
          <p>
            <em>
              Step into the shoes of a pirate and help him find his way through
              adventurous mazes filled with treasure. Navigate through
              labyrinths and dodge hostile enemies to find the key that unlocks
              a treasure chest, which allows you to go to the next level. Each
              Level gets tougher. Are you ready for the challenge ?
            </em>
          </p>
          <br />
          <p>
            In this web-based game you are a pirate trapped in a series of
            mazes. Your goal is to find the key hidden within each maze and use
            it to unlock the treasure chest which leads into the next level.
            Along the way through the maze, you must avoid enemies, which can
            send you back to the start of the maze. With each level the enemies
            become more dangerous, and the maze becomes more complex.
          </p>
          <p>
            The <strong>goal</strong> of the game is to successfully navigate
            through all the levels by:
          </p>
          <ol>
            <li>Finding the key in each maze</li>
            <li>
              Finding and unlocking the treasure chest to go to the next level
            </li>
            <li>
              Avoiding enemies (or traps) which will send you back to the start
            </li>
          </ol>
          <p>The <strong>rules</strong> of the game are:</p>
          <ol>
            <li>Find the key: You must locate the key in each level</li>
            <li>
              Avoid enemies: If an enemy touches you, you will be sent back to
              the beginning of the level
            </li>
            <li>
              Unlock the chest: Once you have found the key, you must find the
              chest and unlock it to move on to the next level.
            </li>
            <li>
              Time Limit: Each level has a time limit, in which you must
              complete the level. Otherwise, you have to restart the level.
            </li>
            <li>
              Lives: The player has a limited number of lives. Losing all lives
              means starting over from the first level.
            </li>
          </ol>
        </article>
      </section>
      <aside>
        <div>
          <h3>Group data sheet</h3>
          <ul>
            <li>
              <p><strong>Gaillard Matthias</strong>: Programmer</p>
            </li>
            <li>
              <p><strong>Jordan Alexis</strong>: Designer</p>
            </li>
            <li>
              <p><strong>Pfammatter Elia</strong>: Writer</p>
            </li>
          </ul>
        </div>
      </aside>
      <!-- >Fin zone pour votre contenu -->
    </main>

    <footer>
      <img id="logo" src="ressources/images/logo.png" />
    </footer>

    <script src="ressources/js/script.js"></script>
  </body>
</html>

<!--Test-->