Visuales-Python/index.html at main · gloriacitizen00-dev/Visuales-Python · GitHub

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
<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <title>Visuales con Python</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <style>
    *{margin:0;padding:0;box-sizing:border-box}

    body{
      font-family:system-ui,sans-serif;
      background:linear-gradient(135deg,#fdfbfb,#ebedee);
      color:#222;
      min-height:100vh;
    }

    /* BOTÓN VOLVER */
   .back-btn{
  position:fixed;
  top:20px;
  right:20px;
  padding:10px 16px;
  background:#6a5acd;
  color:white;
  text-decoration:none;
  border-radius:20px;
  font-size:.9rem;
  box-shadow:0 8px 20px rgba(0,0,0,.3);
  transition:.25s;
  z-index:9999;
  pointer-events:auto;
    }

    .back-btn:hover{
      transform:translateY(-2px);
      box-shadow:0 12px 26px rgba(0,0,0,.25);
    }

    /* CONTENIDO */
    main{
      max-width:1100px;
      margin:auto;
      padding:100px 20px;
      text-align:center;
    }

    h1{
      font-size:2.6rem;
      margin-bottom:20px;
      color:#6a5acd;
    }

    p{
      font-size:1.1rem;
      opacity:.8;
      margin-bottom:40px;
    }

    /* IMAGEN */
    .visual-img{
      max-width:45%;
      border-radius:18px;
      box-shadow:0 18px 40px rgba(0,0,0,.25);
    }
  </style>
</head>

<body>

  <!-- BOTÓN VOLVER -->
  <a href="https://gloriacitizen00-dev.github.io//Portafolio/" class="back-btn">
  ← Volver al portafolio
</a>

  <main>
    <h1>Visuales con Python</h1>
    <p>Exploraciones visuales generadas con código y datos.
     Este visual fue generado mediante código en Python.<br>
  La animación existe como proceso computacional y debe ejecutarse localmente.</p>

    <p>
  🔗 <a href="https://github.com/gloriacitizen00-dev/Visuales-Python" target="_blank" rel="noopener">
  Ver código y ejecutar instrucciones en GitHub
  </a>
</p>

    <img src="fireworks-portada.PNG" alt="Visual generado con Python" class="visual-img">
  </main>

</body>
</html>