periodicspace/index.html at main · parencode/periodicspace · 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
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
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Periodic Space GitHub</title>
    <style type="text/css">
    body {
        font-family: Arial, sans-serif;
        padding: 20px;
        background-color: black;
    }

    .container {
        max-width: 800px;
        margin: 0 auto;
        background-color: #fff;
        padding: 20px;
        border-radius: 8px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }

    h1 {
        text-align: center;
    }

    img {
        display: block;
        margin: 0 auto;
        max-width: 100%;
        height: auto;
        border-radius: 8px;
        margin-bottom: 20px;
    }

    p {
        margin-bottom: 20px;
    }

    .social-links {
        text-align: center;
    }

    .social-links a {
        display: inline-block;
        margin-right: 10px;
    }
         a:visited {
      color: ;
    }
    a:visited {
      color: inherit;
    }
    </style>
            	<link rel="icon" href="./images/cropped-universoMini_logo3-1-32x32.png" sizes="32x32" />
<link rel="icon" href="./images/cropped-universoMini_logo3-1-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon-precomposed" href="./images/cropped-universoMini_logo3-1-180x180.png" />
<meta name="msapplication-TileImage" content="./images/cropped-universoMini_logo3-1-270x270.png" />
</head>

<body>
    <div class="container">
        <h1><a href="https://www.periodicspace.com/" target="_blank">Periodic Space</a></h1>
        <img src="https://parencode.github.io/periodicspace/images/universoMini_logo3-1024x1024.png" alt="Periodic Space Logo">
        <p>Bienvenido al Repositorio de PeriodicSpace en GitHub!</p>
        <p>Este repositorio está dedicado a mostrar la forma de los distintos átomos de la tabla periódica.</p>
        <h2>Sobre el Proyecto</h2>
        <p>El objetivo de este proyecto es proporcionar una representación visual de la forma de los diferentes átomos de la tabla periódica. Cada átomo se presenta con su estructura electrónica y su distribución de electrones en las capas atómicas.</p>

        <h2>PeriodicSpace - youtube</h2>
        <p>
            <ul>
                <li>
                    <a href="https://www.youtube.com/watch?v=VQxfx-0lKIg&list=PLXZOiT-FjjOwZVgQ5QR45F8rqzMFiae03">
                        &#128065; Génesis
                        <img src="https://img.youtube.com/vi/VQxfx-0lKIg/0.jpg" alt="Génesis">
                    </a>
                </li>
                <li>
                    <a href="https://www.youtube.com/watch?v=w45NGk10mJ4&list=PLXZOiT-FjjOzr1KxfS5lDlgYL3gc1rxKE">
                        &#128065; Molecules
                        <img src="https://img.youtube.com/vi/w45NGk10mJ4/0.jpg" alt="Molecules">
                    </a>
                </li>
                <li>
                    <a href="https://www.youtube.com/watch?v=_9PqpewPkKI&list=PLXZOiT-FjjOx8ML6bkK7S-nB3Zgy7UvRU">
                        &#128065; Crystal System
                        <img src="https://img.youtube.com/vi/_9PqpewPkKI/0.jpg" alt="Crystal System">
                    </a>
                </li>
                <li>
                    <a href="https://www.youtube.com/watch?v=ahTFonpkL84&list=PLXZOiT-FjjOziZ2gf8f77mFWoq8wMbYNi">
                        &#128065; Atoms
                        <img src="https://img.youtube.com/vi/ahTFonpkL84/0.jpg" alt="Atoms">
                    </a>
                </li>
                <li>
                    <a href="https://www.youtube.com/watch?v=emnlMENGeLk&list=PLXZOiT-FjjOykumnJ2tSi6jfWg2VbELOI">
                        &#128065; Explosives
                        <img src="https://img.youtube.com/vi/emnlMENGeLk/0.jpg" alt="Explosives">
                    </a>
                </li>
                <li>
                    <a href="https://www.youtube.com/watch?v=_kOVN-nZnhc&list=PLXZOiT-FjjOxRK0JXmPFlZLYnO4UsiDMa">
                        &#128065; #VeritasiumContest
                        <img src="https://img.youtube.com/vi/_kOVN-nZnhc/0.jpg" alt="#VeritasiumContest">
                    </a>
                </li>
                <li>
                    <a href="https://youtu.be/TGTrphSJh8c">
                        &#128065; Electromagnetic Wave
                        <img src="https://img.youtube.com/vi/TGTrphSJh8c/0.jpg" alt="Electromagnetic Wave">
                    </a>
                </li>
            </ul>
        </p>


        <h2><a href="https://periodicspace.com/">&#128065;  Periodic Space</a></h2>
        <p>Es una plataforma en línea que ofrece información sobre el espacio y la ciencia. Si estás interesado en explorar más allá de los átomos y descubrir los secretos del universo, Periodic Space es el lugar perfecto para ti.</p>
        <h2><a href="https://periodicspace.com/app/">&#128065;  Periodic Space - App</a></h2>
        <p>
            <ul>
                <li>Representación Visual: Explora la forma de los átomos de la tabla periódica en una interfaz interactiva y fácil de usar.</li>
                <li>Información Detallada: Obtén información detallada sobre la estructura electrónica y la distribución de electrones de cada átomo.</li>
            </ul>
        </p>
        <h2>PeriodicSpace - Simulations:</h2>
        <p>
            <ul>
                <li>
                    <a href="https://parencode.github.io/periodicspace/simulations/electromagnetic_field.html">&#128065; Electromagnetic Field</a>
                </li>
                <li>
                    <a class="miLink" href="https://periodicspace.com/spaceThreejs/funcionOndaElectromagnetica.html">&#128065; Electromagnetic Wave</a>

                </li>
            </ul>
        </p>

        <p>
            <a href="https://github.com/parencode/periodicspace/">&#128065; parencode en github.com</a>
        </p>
        <div class="social-links">
            <a href="https://www.youtube.com/channel/UCqSA-YYLNLYzMyE0x_x4SVw/">Youtube</a>
            <a href="https://www.facebook.com/Periodicspace" target="_blank">Facebook</a>
            <a href="https://www.instagram.com/periodicspace_com/" target="_blank">Instagram</a>
            <a href="https://twitter.com/periodicspace" target="_blank">Twitter</a>
        </div>
    </div>
</body>

</html>