Hugging Face's logo

Spaces:
chartManD
/
debian-perritos
Sleeping

App Files Community
chartManD commited on
Commit
fa449cf
·
1 Parent(s): 5879a8d

correcion a la pagina y colores

Browse files
Files changed (3) hide show
  1. Dockerfile +0 -1
  2. app/index.php +5 -3
  3. app/main.css +41 -0
Dockerfile CHANGED
@@ -2,5 +2,4 @@ FROM php
2
  COPY ./app ./app
3
  EXPOSE 7860
4
  WORKDIR app
5
- RUN cat /etc/passwd
6
  CMD ["php", "-S", "0.0.0.0:7860"]
 
2
  COPY ./app ./app
3
  EXPOSE 7860
4
  WORKDIR app
 
5
  CMD ["php", "-S", "0.0.0.0:7860"]
app/index.php CHANGED
@@ -5,15 +5,17 @@ $nombre = "Norberto";
5
 
6
  <html>
7
  <link rel="stylesheet" href="main.css">
8
- <h1>Welcome to my crazy page</h1>
9
  <p>
10
  Hello, my name is <?php echo $nombre ?> and i'am <?php echo $edad ?> years old.
11
  </p>
12
 
13
  <div class="contador">
14
  <span id="numero">0</span>
15
- <button onclick="aumentar()">Aumenta</button>
16
- <button onclick="disminuir()">Disminuye</button>
 
 
17
  </div>
18
 
19
  <script>
 
5
 
6
  <html>
7
  <link rel="stylesheet" href="main.css">
8
+ <h1>Welcome to my page</h1>
9
  <p>
10
  Hello, my name is <?php echo $nombre ?> and i'am <?php echo $edad ?> years old.
11
  </p>
12
 
13
  <div class="contador">
14
  <span id="numero">0</span>
15
+ </div>
16
+ <div class="botones">
17
+ <button class="up" onclick="aumentar()">Aumenta</button>
18
+ <button class="down" onclick="disminuir()">Disminuye</button>
19
  </div>
20
 
21
  <script>
app/main.css CHANGED
@@ -3,10 +3,51 @@
3
  padding: 0;
4
  }
5
 
 
 
 
 
 
 
 
 
 
 
6
  h1 {
7
  text-align: center;
 
 
 
 
 
 
8
  }
9
 
10
  .contador {
 
11
  text-align: center;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
12
  }
 
3
  padding: 0;
4
  }
5
 
6
+ body {
7
+ padding: 40px 10%;
8
+ display: flex;
9
+ flex-direction: column;
10
+ flex-wrap: wrap;
11
+ align-items: center;
12
+ justify-content: center;
13
+ background-color: rgb(171, 248, 152);
14
+ }
15
+
16
  h1 {
17
  text-align: center;
18
+ margin-bottom: 20px;
19
+ }
20
+
21
+ p {
22
+ text-align: center;
23
+ margin-bottom: 20px;
24
  }
25
 
26
  .contador {
27
+ width: 100px;
28
  text-align: center;
29
+ padding: 20px;
30
+ background-color: rgb(10, 185, 225);
31
+ font-size: xx-large;
32
+ font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
33
+ margin-bottom: 20px;
34
+ }
35
+
36
+ .numero {}
37
+
38
+ .botones {
39
+ text-align: center;
40
+ }
41
+
42
+ button {
43
+ padding: 15px;
44
+ border: none;
45
+ }
46
+
47
+ .up {
48
+ background-color: rgb(12, 195, 120);
49
+ }
50
+
51
+ .down {
52
+ background-color: rgb(200, 120, 120);
53
  }