-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
105 lines (98 loc) · 5.14 KB
/
index.html
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
<!DOCTYPE html>
<html lang="es">
<head>
<!-- Primary Meta Tags -->
<title>Buzz! Mandos PS2 y PS3. Testea.</title>
<meta name="title" content="Buzz! Mandos PS2 y PS3. Testea." />
<meta name="description"
content="Con esta aplicación puedes detectar los mandos que no funcionan y así poder arreglarlos. " />
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://buzz.samueleitor.me" />
<meta property="og:title" content="Buzz! Mandos PS2 y PS3. Testea." />
<meta property="og:description"
content="Con esta aplicación puedes detectar los mandos que no funcionan y así poder arreglarlos. " />
<meta property="og:image" content="./media/cover-image_es.png" />
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://buzz.samueleitor.me" />
<meta property="twitter:title" content="Buzz! Mandos PS2 y PS3. Testea." />
<meta property="twitter:description"
content="Con esta aplicación puedes detectar los mandos que no funcionan y así poder arreglarlos. " />
<meta property="twitter:image" content="./media/cover-image_es.png" />
<!-- Meta Tags Generated with https://metatags.io -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- CSS -->
<link rel="stylesheet" href="./css/style.css">
<link rel="stylesheet" href="./css/buzz-buttons.css">
<link rel="shortcut icon" href="./media/favicon.svg" type="image/x-icon">
<!-- Font -->
<link href="https://fonts.googleapis.com/css?family=Inter:100,200,300,regular,500,600,700,800,900"
rel="stylesheet" />
</head>
<body>
<header>
<div class="favicon">
<img src="./media/favicon.svg" width="48px" alt="Buzz Buzzers Test Favicon">
<h1>Buzz! Buzzers Test Controller</h1>
</div>
<a href="http://github.com/samueleitorme/buzz-buzzers-test" class="github-repo" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-github" width="24"
height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round"
stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path
d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5">
</path>
</svg>Repositorio
</a>
</header>
<main>
<div class="div__estado">
<h3 id="estado-conexion"></h3>
</div>
<div class="buzz-controllers">
<div class="controller ">
<button id="controller-b0" class="buzz red-buzz">Buzz! ™</button>
<button id="controller-b4" class="buzz-option blue-buzz">Blue</button>
<button id="controller-b3" class="buzz-option orange-buzz">Orange</button>
<button id="controller-b2" class="buzz-option green-buzz">Green</button>
<button id="controller-b1" class="buzz-option yellow-buzz">Yellow</button>
<h2>Jugador 1</h2>
</div>
<div class="controller ">
<button id="controller-b5" class="buzz red-buzz">Buzz! ™</button>
<button id="controller-b9" class="buzz-option blue-buzz">Blue</button>
<button id="controller-b8" class="buzz-option orange-buzz">Orange</button>
<button id="controller-b7" class="buzz-option green-buzz">Green</button>
<button id="controller-b6" class="buzz-option yellow-buzz">Yellow</button>
<h2>Jugador 2</h2>
</div>
<div class="controller">
<button id="controller-b10" class="buzz red-buzz">Buzz! ™</button>
<button id="controller-b14" class="buzz-option blue-buzz">Blue</button>
<button id="controller-b13" class="buzz-option orange-buzz">Orange</button>
<button id="controller-b12" class="buzz-option green-buzz">Green</button>
<button id="controller-b11" class="buzz-option yellow-buzz">Yellow</button>
<h2>Jugador 3</h2>
</div>
<div class="controller ">
<button id="controller-b15" class="buzz red-buzz">Buzz! ™</button>
<button id="controller-b19" class="buzz-option blue-buzz">Blue</button>
<button id="controller-b18" class="buzz-option orange-buzz">Orange</button>
<button id="controller-b17" class="buzz-option green-buzz">Green</button>
<button id="controller-b16" class="buzz-option yellow-buzz">Yellow</button>
<h2>Jugador 4</h2>
</div>
</div>
<div class="disp-movil">
<p>Utiliza un ordenador o un portátil para poder utilizar la app.</p>
</div>
</main>
<footer>
<p>Hecho con 💖 por <a href="https://samueleitor.me/">@samueleitorme</a>.</p>
</footer>
<script src="js/index.js"></script>
</body>
</html>