Merge pull request #818 from mhrosariom/main

Mi perfil de Github
undefined-academy · Mar 16, 2024 · a694fa3 · a694fa3
2 parents 13b8901 + 5497d09
commit a694fa3
Show file tree

Hide file tree

Showing 5 changed files with 193 additions and 0 deletions.
diff --git a/github-profiles/markos-6727/README.md b/github-profiles/markos-6727/README.md
@@ -0,0 +1,37 @@
+# Hola mi nombre es Marcos Rosario,
+
+### Soy un de entusiasta de la **Tecnología**, el **Diseño** y la **Programación**, ademas de un fanático del aprendizaje en permanente construcción.
+
+---
+
+_"Somos afortunados de contar con el mejor setup del mundo, cinco sentidos integrados y capacidad de almacenamiento ilimitada para crear lo que imaginemos"_
+**Marcos R.**
+
+---
+
+#### Comandos de la terminal:
+
+| Comando   | Descripción                                         |
+| --------- | --------------------------------------------------- |
+| **clear** | Indicado para limpiar la consola.                   |
+| **mkdir** | Crea una carpeta Ej: _mkdir carpeta nueva_.         |
+| **pwd**   | Nos muestra la ruta absoluta del directorio actual. |
+| **rm**    | Elimina una carpeta. Ej: _rm -r carpeta nueva_.     |
+
+### Comandos "Alias" en la terminal:
+
+El uso de alias en la terminal ofrece **ventajas significativas** al permitir asignar atajos más **cortos y fáciles de recordar** a comandos largos y extensos.
+Esto facilita el uso intensivo de la terminal, **evitando confusiones** y **agilizando el flujo de trabajo**.
+Los alias ayudan a **maximizar la eficiencia y productividad** al simplificar la ejecución de comandos frecuentes, **mejorando así la experiencia del usuario** en la consola.
+**Sintaxis**: `alias` Etiqueta del alias=`"Comando de la terminal"`
+**Ej:** `alias` cl=`"clear"`
+
+#### Alias útiles:
+
+| Comando                      | Descripción                                                                                                                                                                              |
+| ---------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `alias` rm=`"trash"`         | Evita eliminar archivos de forma permanente moviéndolos a la papelera de reciclaje.                                                                                                      |
+| `alias` npmd=`"npm run dev"` | Se utiliza para iniciar un servidor de desarrollo que permite ejecutar la aplicación en un entorno local y realizar cambios en el código sin tener que volver a desplegar la aplicación. |
+| `alias` npms=`"npm star"`    | Se utiliza para iniciar una aplicación Node.js.                                                                                                                                          |
+
+[Mi perfil de Github](https://github.com/mhrosariom)
diff --git a/github-profiles/markos-6727/asset/20190810_214400.jpg b/github-profiles/markos-6727/asset/20190810_214400.jpg
diff --git a/github-profiles/markos-6727/asset/gradiente.jpg b/github-profiles/markos-6727/asset/gradiente.jpg
diff --git a/github-profiles/markos-6727/index.html b/github-profiles/markos-6727/index.html
@@ -0,0 +1,87 @@
+<!DOCTYPE html>
+<html lang="es">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" href="style.css" />
+    <title>Mi Perfil HTML</title>
+  </head>
+
+  <body>
+    <header>
+      <div class="content_img_profile">
+        <div class="img_profile">
+          <img
+          src="/markos-6727/asset/20190810_214400.jpg"
+          alt="Mi foto de perfil"
+        />
+        </div>
+
+      </div>
+
+      <div>
+        <h1>Marcos Rosario</h1>
+
+        <p>
+          <em
+            >"Somos afortunados de contar con el mejor setup del mundo, cinco
+            sentidos integrados y capacidad de almacenamiento ilimitada para
+            crear lo que imaginemos"</em
+          >
+        </p>
+
+        <p><strong>Marcos R.</strong></p>
+      </div>
+    </header>
+
+    <main>
+      <div class="about">
+        <h2>Acerca de mi:</h2>
+
+        <p>
+          Me defino como una persona
+          <em>proactiva, autodidacta y polivalente</em>; lo que me ha llevado a
+          incursionar y destacarme en múltiples campos laborales, desempeñándome
+          y relacionándome con todas las escalas jerárquicas de las
+          organizaciones a las que he pertenecido a lo largo de mi vida
+          profesional.
+        </p>
+
+        <p>
+          Mi proceso de desarrollo personal y profesional es un proyecto que se
+          mantiene en un ciclo permanente de adquisición de nuevo conocimiento,
+          aplicación y reforzamiento lo cual disfruto mucho. Dentro del set de
+          habilidades blandas que me caracterizan puedo destacar la empatía, la
+          resiliencia, el pensamiento crítico y lógico en otras.
+        </p>
+      </div>
+
+      <h2>Estudios Formales:</h2>
+
+      <ul>
+        <li>
+          Técnico Superior Universitario en Higiene y Seguridad Indutrial.
+        </li>
+        <li>Histotecnólogo.</li>
+        <li>Técnico en Rescate y Emergencias Prehospitalarias TREPH.</li>
+      </ul>
+
+      <h2>Otros Estudios:</h2>
+
+      <ul>
+        <li>Diseño Grafico.</li>
+        <li>Marketing.</li>
+        <li>Programación.</li>
+      </ul>
+
+      <h2>Tecnologías:</h2>
+
+      <ul>
+        <li>HTML</li>
+        <li>CSS</li>
+        <li>JavaScript</li>
+        <li>Git</li>
+      </ul>
+    </main>
+  </body>
+</html>
diff --git a/github-profiles/markos-6727/style.css b/github-profiles/markos-6727/style.css
@@ -0,0 +1,69 @@
+@import 'https://fonts.googleapis.com/css?family=Roboto:300,400,500';
+
+html {
+  box-sizing: border-box;
+  padding: 0;
+  margin: 0;
+
+}
+
+body {
+  margin : auto;
+  max-width: 60em;
+  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
+  line-height: 1.5;
+  padding: 4em 1em;
+  color: #566b78;
+  background-color: #dbdbdb;
+}
+
+h1 h2 h3 {
+  margin-top: 1em;
+  padding-top: 1em;
+  color: #333;
+}
+
+header {
+  display: flex;
+  background-image: url("/markos-6727/asset/gradiente.jpg");
+  background-position: center top;
+  background-repeat: no-repeat;
+  background-size: cover;
+  line-height: 1.5;
+  text-align: center;
+  box-shadow: -5px 7px 4px #00000070;
+  border-radius: 29px;
+  color: #dbdbdb;
+  font-size: 0,7em;
+  letter-spacing: 0.2em;
+  padding: 1em 2em;
+  text-transform: uppercase;
+  margin-bottom: 4em;
+}
+
+.content_img_profile {
+  display: flex;
+  align-items: center;
+  object-fit: cover;
+  margin-right: 1em;
+}
+
+.img_profile img {
+  height: 150px;
+  width: 150px;
+  border-radius: 50%;
+}
+
+header h1 {
+  font-size: 2.5em;
+  font-weight: 1em;
+}
+
+main {
+  padding: 0em 1em;
+  text-align: justify;
+}
+
+.about {
+  margin-bottom: 3em;
+}