Hugging Face's logo

Spaces:
cosimotaiuti
/
team9
Running

App Files Community
team9
File size: 2,409 Bytes 
c8e039e
 
 
 
 
 
9fd3a67
 
c8e039e
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
 

<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Text to Survive - A text based horror escape game</title>

    <link rel="stylesheet" href="../assets/css/index-style.css" />
    <link rel="stylesheet" href="../assets/css/how-to-play.css" />
  </head>
  <body>
    <div class="led-bar">
      <div class="light-beam"></div>
    </div>

    <div class="background-elements">
      <img src="../assets/img/blood-2.png" alt="" class="blood blood-top-left" />
      <img src="../assets/img/help.png" alt="" class="blood blood-top-right" />
      <img src="../assets/img/splatter.png" alt="" class="blood splatter" />
      <img src="../assets/img/hand.png" alt="" class="blood blood-bottom-right" />
    </div>

    <main>
      <div class="content">
        <h1>How to Play</h1>
        <div class="objects-container">
          <div class="object-type green">
            <div class="image-container">
              <img
                src="../assets/img/how_to_play/coffeetableusable_1.png"
                alt="Green object example"
                class="tutorial-image"
              />
            </div>
            <p class="object-title">Green objects</p>
            <p class="sub-text">can be searched</p>
          </div>

          <div class="object-type red">
            <div class="image-container">
              <img
                src="../assets/img/how_to_play/tvunused_1.png"
                alt="Red object example"
                class="tutorial-image"
              />
            </div>
            <p class="object-title">Red objects</p>
            <p class="sub-text">require an item</p>
          </div>

          <div class="object-type white">
            <div class="image-container">
              <img
                src="../assets/img/how_to_play/untitled_artwork.png"
                alt="White object example"
                class="tutorial-image"
              />
            </div>
            <p class="object-title">White objects</p>
            <p class="sub-text">do nothing</p>
          </div>
        </div>

        <div class="navigation-buttons">
          <a href="how-to-play.html" class="back-button">Back</a>
          <a href="how-to-play-3.html" class="next-button">Next 2/4</a>
        </div>
      </div>
    </main>

  </body>
</html>