Subo README, carpeta img, imagen, index.html y style.css

undefined-academy · May 18, 2024 · 2976d51 · 2976d51
1 parent 14e1b6f
commit 2976d51
Show file tree

Hide file tree

Showing 4 changed files with 132 additions and 31 deletions.
diff --git a/github-profiles/paulino-1964/README.md b/github-profiles/paulino-1964/README.md
@@ -4,8 +4,11 @@ https://github.com/PaulinoAlcantara/PaulinoAlcantara/edit/main/README.md
 
 ## Estudiante del bootcamp de programación **undefinedshell**.
 
-Hola, mi nombre es Paulino y aunque he empezado demasiado tarde, me gusta estudiar todo lo que puedo sobre programación.
-Estoy aprendiendo de forma autodidacta siguiendo los curso en programación de profesionales en youtube, como es el caso del bootcamp de Guillermo de Undefinedshell.
+Hola, mi nombre es Paulino Alcántara y soy de España.
+
+Aunque he empezado demasiado tarde, mi gran afición es estudiar todo lo que puedo sobre programación.
+
+Estoy aprendiendo de forma autodidacta siguiendo los curso en programación de profesionales en youtube, como es el caso del bootcamp de **Guillermo** de **Undefinedshell** .
 
 No estudio tanto para mi desarroyo profesional, ya que en mi trabajo actual no es necesario, pero sí para __mi conocimiento y desarroyo personal__.
 
@@ -34,7 +37,7 @@ No estudio tanto para mi desarroyo profesional, ya que en mi trabajo actual no e
 |alt + f	|Añadir una tabulación (espacio)                                           |
 |alt + d	|Eliminar una tabulación (espacio)                                         |
 |alt + d	|Eliminar una tabulación (retroceso)                                       |
-|cmd + k	|Elimina toda la línea de comando                                          |
+|ctrl + k	|Elimina toda la línea de comando                                          |
 
 ### Para crear una cita debemos emplear el símbolo >
 >"Si no puedes volar, __corre__; si no puedes correr, __camina__; si no puedes caminar, __gatea__, pero __sigue avanzando__ hacia tu meta". 

diff --git a/github-profiles/paulino-1964/img/Alhambra.jpg b/github-profiles/paulino-1964/img/Alhambra.jpg
diff --git a/github-profiles/paulino-1964/index.html b/github-profiles/paulino-1964/index.html
@@ -7,7 +7,10 @@
     <title>Paulino Alcántara</title>
   </head>
   <body>
-    <h1>Acerca de Paulino Alcántara.</h1>
+    <header>
+      <h1>Acerca de Paulino Alcántara.</h1>
+      <a href="https://github.com/PaulinoAlcantara/PaulinoAlcantara">Ver mi Readme en GitHub</a>
+    </header>
 
     <h2>
       Estudiante del bootcamp de programación <strong>"Undefinedshell"</strong>.
@@ -28,20 +31,84 @@ <h2>
         No estudio tanto para mi desarroyo profesional, ya que en mi trabajo
         actual no es necesario, pero sí para <span>mi conocimiento y desarroyo personal</span>.
       </p>
-
+      <div>
+        <h2>Mi primer objetivo... aprender frontend</h2>
+      <ol>
+        <li>Crear una página web en HTML</li>
+        <li>Darle estilos con CSS</li>
+        <li>Manejarlo con JavaScript</li>
+      </ol>
+      </div>
       <p>¡Saludos a todos!.</p>
-      <a href="(https://github.com/PaulinoAlcantara/PaulinoAlcantara/edit/main/README.md)">Visitar mi Readme en GItHub</a>
     </div>
 <br>
-<div>
-  <h2>Mi primer objetivo... aprender frontend</h2>
-<ol>
-  <li>Crear una página web en HTML</li>
-  <li>Darle estilos con CSS</li>
-  <li>Manejarlo con JavaScript</li>
-</ol>
-</div>
-
+<h3>Primer ejercicio bootcamp Undefinedshell, creación de tablas:</h3>
+<table>
+  <h5>Creación de alias y su comando correspondiente:</h5>
+  <tr>
+    <th>Alias</th>
+    <th>Comando</th>
+  </tr>
+  <tr>
+    <td>npmd --</td>
+    <td>npm rum dev</td>
+  </tr>
+  <tr>
+    <td>npms --</td>
+    <td>npm start</td>
+  </tr>
+</table>
+<hr>
+<table>
+  <h5>Comandos para la terminal y su descripción</h5>
+  <th>Comando</th>
+  <th>Descripción</th>
+  <tr>
+    <td>ctrl + c</td>
+    <td>Detener comando actual</td>
+  </tr>
+  <tr>
+    <td>ctrt + u</td>
+    <td>Borrar la linea actual </td>
+  </tr>
+  <tr>
+    <td>ctrl + r</td>
+    <td>Buscar comando usado anteriormente</td>
+  </tr>
+  <tr>
+    <td>ctrl + w</td>
+    <td>Permite eliminar la última palabra de los comandos que estamos escribiendo</td>
+  </tr>
+  <tr>
+    <td>ctrl + a</td>
+    <td>Nos permite movernos al inicio de la linea de comando</td>
+  </tr>
+  <tr>
+    <td>ctrl + a</td>
+    <td>Nos permite movernos al inicio de la linea de comando </td>
+  </tr>
+  <tr>
+    <td>ctrl + e</td>
+    <td>Nos permite movernos al final de la linea de comandos</td>
+  </tr>
+  <tr>
+    <td>alt + f</td>
+    <td>Añadir una tabulación (espacio)</td>
+  </tr>
+  <tr>
+    <td>alt + d</td>
+    <td>Eliminar una tabulación (espacio) </td>
+  </tr>
+  <tr>
+    <td>alt + d</td>
+    <td>Eliminar una tabulación (retroceso)</td>
+  </tr>
+  <tr>
+    <td>ctrl + k</td>
+    <td>Elimina toda la línea de comando</td>
+  </tr>
+</table>
+<hr>
     <div>
       <p><mark> "Si no puedes volar, <span>corre</span> ; si no puedes correr, <span>camina</span> ; si no puedes caminar, <span>gatea</span> , pero <span>sigue avanzando hacia tu meta</span> "</mark> -- 
     <cite>  <span>Martin Luther King</span> </cite>.</p> 

diff --git a/github-profiles/paulino-1964/style.css b/github-profiles/paulino-1964/style.css
@@ -1,31 +1,62 @@
 body {
-  background-color: #777;
+  background-color: #ddd;
   font-size: 14px;
   font-family: "montserrat","Roboto", sans-serif;
-  max-width: 50em;
+  max-width: 70%;
   margin: 0 auto;
   border: 2px solid blue;
-  line-height: 1.5;
+  line-height: 1.1em;
   padding: 0.5em 1em;
-}
-h1,
-h2,
-strong {
   color: #333;
 }
 
-h2 {
-  margin-top: 0.5em;
-  padding-top: 0.5em;
+header {
+  background-color: #263d36;
+  background-image: url("/img/Alhambra.jpg");
+  background-position: center bottom;
+  background-repeat: no-repeat;
+  background-size: cover;
+  line-height: 1.2;
+  padding: 15vw 2em;
+  text-align: center;
+}
+/* header img {
+  display: inline-block;
+  height: 120px;
+  vertical-align: top;
+  width: 120px;
+} */
+
+header h1 {
+  color: whitesmoke;
+  font-size: 2.5em;
+  font-weight: 500;
+}
+
+header a {
+  border: 1px solid #2919d6;
+  border-radius: 50px;
+  color: whitesmoke;
+  font-size: 0.8em;
+  font-weight: 800;
+  letter-spacing: 0.2em;
+  padding: 1em 2em;
+  text-transform: uppercase;
+  text-decoration: none;
+  transition: none 200ms ease-out;
+  transition-property: color, background;
+}
+
+header a:hover {
+  background:  #2919d6;
+  color: whitesmoke;
+}
+
+h1, h2{
+    line-height: 1.5em;
 }
 
 span{
   font-weight: bold;
 }
 
-a {
-  color: #055;
-}
-/* body {
-  color: #566b78;
-} */