Hugging Face's logo

Spaces:
cosimotaiuti
/
team9
Running

App Files Community
team9
File size: 5,255 Bytes 
0bb733c
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
133
134
135
136
137
 
<!DOCTYPE html>
<html>
  <head>
    <title>The Last Message - A text based horror game</title>
    <link rel="stylesheet" href="/static/assets/css/game-style.css" />
    <link rel="stylesheet" href="/static/assets/css/stress-animations.css" />
    <link rel="stylesheet" href="/static/assets/css/popup.css" />
  </head>

  <body>
    <div class="led-bar">
      <div class="light-beam"></div>
    </div>
    <div class="background-elements">
      <img
        src="/static/assets/img/blood-2.png"
        alt=""
        class="blood blood-top-left"
      />
      <img
        src="/static/assets/img/help.png"
        alt=""
        class="blood blood-top-right"
      />
      <img
        src="/static/assets/img/splatter.png"
        alt=""
        class="blood splatter"
      />
      <img
        src="/static/assets/img/hand.png"
        alt=""
        class="blood blood-bottom-right"
      />
    </div>
    <div id="gameContainer">
      <div id="mapSection">
        <div id="mapWrapper" class="map-wrapper">
          <!-- P5.js canvas goes here -->
        </div>
      </div>
      <div class="phone-mockup">
        <div class="phone-screen">
          <div id="chatSection" class="very-stress">
            <div id="chatHeader">
              <div class="profile-picture">
                <img
                  src="/static/assets/img/profil_pictures/very_stress.webp"
                  alt="Profile picture"
                />
              </div>
              <div class="chat-name"><span>Bae 💖😘</span></div>
            </div>
            <div id="chatHistory"></div>
            <div id="chatControls">
              <input
                type="text"
                id="prompt"
                placeholder="Type your message..."
              />
              <button onclick="Message()">
                <svg
                  width="683"
                  height="683"
                  viewBox="0 0 683 683"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M22.2666 1.86666C19.5999 2.93333 16.5333 4.39999 15.4666 5.19999C11.9999 8.13333 9.33325 15.7333 9.33325 22.5333C9.33325 28.1333 65.4666 283.333 66.9333 284.667C67.3333 285.067 339.333 332.267 372.4 337.733C381.733 339.333 389.333 340.933 389.333 341.333C389.333 341.733 381.733 343.333 372.4 344.933C339.2 350.4 67.3333 397.6 66.9333 398C65.4666 399.333 9.33325 654.533 9.33325 660.133C9.33325 675.867 21.0666 685.333 35.8666 681.333C42.6666 679.467 662.267 362 666.4 358.133C671.333 353.733 673.333 348.8 673.333 341.333C673.333 333.867 671.333 328.933 666.4 324.533C662.533 320.933 43.0666 3.19999 36.2666 1.33333C29.9999 -0.400007 28.5333 -0.266674 22.2666 1.86666Z"
                    fill="white"
                  />
                </svg>
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- Popup Loser -->
    <div class="popup-overlay"></div>
    <div class="popup-loser">
      <div class="title-glow"></div>
      <h1 class="title">SHE DIED!</h1>
      <button class="play-again">Play Again</button>
      <img src="/static/assets/img/blood-2.png" alt="" class="blood-top" />
      <img src="/static/assets/img/popup/clown_lose.png" alt="" class="clown" />
      <img src="/static/assets/img/blood-2.png" alt="" class="blood-bottom" />
    </div>

    <!-- Popup Winner -->
    <div class="popup-winner" style="display: none;">
      <img src="/static/assets/img/popup/text.svg" alt="" class="win-text" />
      <img src="/static/assets/img/popup/fuck.png" alt="" class="fuck" />
      <img src="/static/assets/img/popup/stars1.png" alt="" class="stars1" />
      <img src="/static/assets/img/popup/stars2.png" alt="" class="stars2" />
      <button class="play-again">Play Again</button>
    </div>

    <div class="sound-button" onclick="toggleSound()">
      <img
        src="/static/assets/img/sondon.png"
        alt="Sound control"
        id="soundIcon"
      />
    </div>

    <audio id="bgMusic" loop>
      <source src="/static/assets/sounds/music.mp3" type="audio/mp3" />
    </audio>

    <audio id="messageSound">
      <source src="/static/assets/sounds/message.wav" type="audio/wav" />
    </audio>

    <audio id="walkingSound" loop>
      <source src="/static/assets/sounds/walking.mp3" type="audio/mp3" />
    </audio>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.7.0/p5.min.js"></script>
    <script src="/static/game/elmnts/furniture.js"></script>
    <script src="/static/game/gameState.js"></script>
    <script src="/static/game/mistral.js"></script>
    <script src="/static/game/elmnts/character.js"></script>
    <script src="/static/game/elmnts/girlfriend.js"></script>
    <script src="/static/game/elmnts/clown.js"></script>
    <script src="/static/game/elmnts/grid.js"></script>
    <script src="/static/game/elmnts/apt.js"></script>
    <script src="/static/game/utilities/sound.js"></script>
    <script src="/static/game/utilities/helpers.js"></script>
    <script src="/static/game/utilities/chat.js"></script>
    <script src="/static/game/utilities/draw.js"></script>
    <script src="/static/game/game.js"></script>
  </body>
</html>