Hugging Face's logo

Spaces:
EliezerCarvalho
/
Neuro-Flap
Running

App Files Community
EliezerCarvalho commited on
Commit
f4b6743
·
1 Parent(s): fda4cf9

Upload

Browse files
Files changed (7) hide show
  1. Game/WASM/index.data +0 -0
  2. Game/WASM/index.js +0 -0
  3. Game/WASM/index.wasm +3 -0
  4. Imagens/Logos/Github.png +0 -0
  5. Imagens/Logos/Linkedin.png +0 -0
  6. index.html +68 -19
  7. style.css +86 -19
Game/WASM/index.data ADDED
Binary file (52.6 kB). View file
 
Game/WASM/index.js ADDED
The diff for this file is too large to render. See raw diff
 
Game/WASM/index.wasm ADDED
@@ -0,0 +1,3 @@
 
 
 
 
1
+ version https://git-lfs.github.com/spec/v1
2
+ oid sha256:94ea3b2ba7ccd8da85e9a2711cd02f59b2e84a2b7181b45a159a7a0fd0d29682
3
+ size 304379
Imagens/Logos/Github.png ADDED
Imagens/Logos/Linkedin.png ADDED
index.html CHANGED
@@ -1,19 +1,68 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+
3
+ <html lang ="pt">
4
+
5
+ <head>
6
+
7
+ <meta charset = "UTF-8">
8
+ <meta name = "viewport" content = "width=device-width, initial-scale=1.0">
9
+ <link rel = "stylesheet" href = "style.css">
10
+ <link rel = "shortcut icon" href = "Imagens\Favicon\favicon.ico">
11
+ <title> Neuro Flap </title>
12
+
13
+ </head>
14
+
15
+
16
+ <body>
17
+
18
+ <div class = layout>
19
+
20
+ <img class = "NeuroFlap" src = "Imagens\Logos\NeuroFlap.png">
21
+
22
+ <a href = "https://github.com/Eliezer-Carvalho/Neuro-Flap" target = "_blank">
23
+ <img class = "GitLogo" src = "Imagens\Logos\Github.png" alt = "GitHub">
24
+ </a>
25
+
26
+ <a href = "https://www.linkedin.com/in/eliezer-carvalho-332803225/" target = "_blank">
27
+ <img class = "LinkedinLogo" src = "Imagens\Logos\Linkedin.png" alt = "Linkedin">
28
+ </a>
29
+
30
+ </div>
31
+
32
+
33
+ <div class = content>
34
+
35
+ <canvas id = "canvas"> </canvas>
36
+ <script>
37
+
38
+ var Module = {
39
+ canvas: document.getElementById("canvas")
40
+ };
41
+
42
+ let gameStarted = false;
43
+ const canvas = document.querySelector("canvas");
44
+
45
+ canvas.addEventListener("pointerdown", (e) => { //pointerdown funciona com toque para PC, CANETA e TOUCH GOAT STUFF
46
+ e.preventDefault(); //Previne começar com qualquer toque fora do canvas
47
+
48
+ if (!gameStarted) {
49
+ Module._GAME_ON();
50
+ gameStarted = true;
51
+ } else {
52
+ Module._JUMP();
53
+ }
54
+ });
55
+
56
+ </script>
57
+ </div>
58
+
59
+ <div class = footer>
60
+
61
+ <p> &copy; Eliezer Carvalho | All Rights Reserved | April 2026 </p>
62
+
63
+ </div>
64
+
65
+ <script src = "Game\WASM\index.js"> </script>
66
+
67
+ </body>
68
+ </html>
style.css CHANGED
@@ -1,28 +1,95 @@
1
- body {
2
- padding: 2rem;
3
- font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
4
  }
5
 
6
- h1 {
7
- font-size: 16px;
8
- margin-top: 0;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
9
  }
10
 
11
- p {
12
- color: rgb(107, 114, 128);
13
- font-size: 15px;
14
- margin-bottom: 10px;
15
- margin-top: 5px;
16
  }
17
 
18
- .card {
19
- max-width: 620px;
20
- margin: 0 auto;
21
- padding: 16px;
22
- border: 1px solid lightgray;
23
- border-radius: 16px;
24
  }
25
 
26
- .card p:last-child {
27
- margin-bottom: 0;
 
 
28
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ * {
2
+ overflow:hidden;
 
3
  }
4
 
5
+ .layout {
6
+ background-color: #ffffff;
7
+ height: 12vh;
8
+ width: 100%;
9
+ border-radius: 50px;
10
+
11
+ display: flex;
12
+ align-items: center;
13
+ gap: 10px;
14
+
15
+ }
16
+
17
+ .layout a {
18
+ text-decoration: none;
19
+ }
20
+
21
+ .NeuroFlap {
22
+
23
+ margin-right: auto; /* Empurra para a esquerda*/
24
+ height: auto;
25
+ width: 300px ;
26
+ margin-left: 10vw;
27
+ margin-top: 30px;
28
+ }
29
+
30
+ .GitLogo {
31
+ scale: 0.9;
32
+ height: auto;
33
+ margin-top: 30px;
34
  }
35
 
36
+ .LinkedinLogo {
37
+ scale: 0.9;
38
+ height: auto;
39
+ margin-right: 13vw;
40
+ margin-top: 32px;
41
  }
42
 
43
+ .content {
44
+ display: flex;
45
+ justify-content: center;
46
+ align-items: center;
 
 
47
  }
48
 
49
+ .content #canvas {
50
+ max-height: 70vh;
51
+ max-width: 100%;
52
+ margin-top: 5vh;
53
  }
54
+
55
+ .footer {
56
+ display: flex;
57
+ justify-content: center;
58
+ align-items: center;
59
+ margin-top: 6vh;
60
+ font-family: "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
61
+ font-size: 15px;
62
+ color: rgb(0, 0, 0);
63
+
64
+ }
65
+
66
+ @media screen and (max-width: 576px) {
67
+
68
+ .NeuroFlap {
69
+ width: 225px;
70
+ margin-left: 2vw;
71
+ }
72
+
73
+ .GitLogo {
74
+ scale: 0.6;
75
+ margin-top: 39px;
76
+ margin-left: 25px;
77
+ }
78
+
79
+ .LinkedinLogo {
80
+ scale: 0.6;
81
+ margin-top: 39px;
82
+ margin-right: 5vw;
83
+
84
+ }
85
+
86
+ .content #canvas {
87
+ margin-top: 120px;
88
+ height: 230px;
89
+ }
90
+
91
+ .footer {
92
+ font-size: 6px;
93
+ margin-top: 5vh;
94
+ }
95
+ }