Merge branch 'master' of https://github.com/4GeeksAcademy/About-4Geek…

…s-Academy

.github/auto-comment.yml

@@ -1,28 +1,32 @@
 pullRequestOpened: >-
-    🇺🇸 Congratulations on your first pull request, this is what is happening now:  
+    # 🇺🇸 Congratulations on your first Pull-Request (↓Español más abajo↓), this is what is happening now:  
     
-    1. `Travis` will try to test that your YML file is good and the project builds correctly. 
+    1. Github will try to test that your YML file is good and the project builds correctly. 
     2. If everything goes good, `mergify` will try to approve the pull request and automatically merge. 
-    3. If everything is merged then `now` will re-publish the website under https://sep.4geeksacademy.com and you should see yourself.
+    3. If everything is merged then `now` will re-publish the website under https://sep.4geeksacademy.co and you should see yourself.
 
     ### How long will my PR take to be published?
     
-    It depends, usually around 5 minutes but if other students are queue before you, you will ahve to wait for their profile to be published first.
+    It depends, usually around 5 minutes but if other students are queue before you, you will have to wait for their profile to be published first.
     
     ### How can I check for errors?
     
-    On [this website](https://travis-ci.org/4GeeksAcademy/student-external-profile/pull_requests) you can see all the pull-requests that travis has processed or queue for processing, you can also check the status of the build, green means good, red means bad. ![Travis file upload](https://ucarecdn.com/8090b522-dec7-43c6-86c7-d639282b6e0f/travis.png)
+    ![Check for errors](https://github.com/4GeeksAcademy/student-external-profile/blob/master/site/static/error_checking.gif?raw=true)
 
-    🇪🇸 Felicidades por intentar hacer tu primer pull request, esto es lo que está pasando ahora mismo:  
+    On this website, further bellow you can see the status of the tests and the status of the build, green means good, red means bad. 
+
+    # 🇪🇸 Felicidades por intentar hacer tu primer Pull Request (PR), esto es lo que está pasando ahora mismo:  
     
-    1. `Travis` va a intentar probar que tu archivo YML este correctamente creado y que la pagina web funcione correctamente.
+    1. Github va a intentar probar que tu archivo YML este correctamente creado y que la pagina web funcione correctamente.
     2. Si todo sale bien tu Pull Request sera aprobado y tu codigo se incluira automaticamente en el branch MASTER del repositorio principal.
-    3. Luego de que se incluya, un nuevo proceso va a intentar re-publicar la pagina para que ahora tu nombre aparezca en la lista de alumnos https://sep.4geeksacademy.com
+    3. Luego de que se incluya, un nuevo proceso va a intentar re-publicar la pagina para que ahora tu nombre aparezca en la lista de alumnos https://sep.4geeksacademy.co
 
     ### Cuanto tarda todo esto?
     
-    Usualmente este proceso targa no mas de 5 minutos, pero puedes recisar el estatus aqui [status](https://travis-ci.org/4GeeksAcademy/student-external-profile/pull_requests)
+    Usualmente este proceso tarda no mas de 5 minutos, si hay otros estudiantes esperando por revisión puede que tarde un poco mas, puedes siempre revisar el status mas abajo.
     
     ### Como puedo checkear si hubo un error?
+
+    ![Check for errors](https://github.com/4GeeksAcademy/student-external-profile/blob/master/site/static/error_checking.gif?raw=true)
     
-    En esta pagina [this website](https://travis-ci.org/4GeeksAcademy/student-external-profile/pull_requests) puedes ver todos los pull-requests que estan pendientes de procesar o siendo procesados el status verde es bueno, rojo es malo y amarillo es PENDING. ![Travis file upload](https://ucarecdn.com/8090b522-dec7-43c6-86c7-d639282b6e0f/travis.png)
+    Dentro de esta misma página, mas abajo, puedes verificar el status de los tests que estan siendo probados y si fueron exitosos, rojo=fallo, verde=exito, naranja=exito pero con advertencias.

.github/workflows/node-testing.yml

@@ -11,7 +11,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [10.x, 12.x]
+        node-version: [12.x]
     steps:
     - uses: actions/checkout@v2
     - name: Use Node.js ${{ matrix.node-version }}
@@ -23,3 +23,22 @@ jobs:
     - run: npm run build --if-present
       env:
         CI: true
+  comment: 
+    runs-on: ubuntu-latest
+    needs: build
+    steps:
+    - name: Commit Comment
+      uses: peter-evans/[email protected]
+      if: github.event.check_suite.conclusion
+      with:
+        # The contents of the comment.
+        body: |
+          ## 🇺🇸 Congratulations! 🔥👏
+          
+          - ✅ Your YML was successsfully validated and its being merged into the master branch of the repository.
+          - ⏰ Wait a few minutes and you will probably see your name on this list: https://sep.4geeksacademy.co
+
+          ## 🇪🇸 Enhorabuena! 🔥👏
+          
+          - ✅ Tu fichero YML fue validado exitosamente y esta siendo mezclado con el codigo que esta en la rama master del repositorio.
+          - ⏰ Espera unos minutos y seguramente encontraras tu nombre en esta lista: https://sep.4geeksacademy.co

.gitignore

@@ -1,3 +1,4 @@
 public/
 node_modules/
 .cache/
+.now

.gitpod.yml

@@ -3,8 +3,7 @@ ports:
       onOpen: open-preview
 tasks:
     - init: >
-        npm install;
+        npm i now -g;
+        cd site && npm install;
       command: >
-        npm run start;
-    - init: >
-        npm i now -g;
+        cd site && npm run start;

README.md

@@ -1,76 +1,37 @@
-
-# ![4Geeks Logo](http://assets.breatheco.de/apis/img/images.php?blob&random&cat=icon&tags=4geeks,16) HTML Hello
-
-[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io#https://github.com/4GeeksAcademy/vanillajs-hello.git)
-
-The most basic boilerplate for any 4Geeks Academy Student using the [gitpod.io](gitpod.io) coding editor.
-
-## What to do next?
-
-Create a `index.html` file with the [basic HTML structure](http://content.breatheco.de/lesson/what-is-html-learn-html#page-structure) and see it live by running web-server using the following command:
-```sh
-$ pip3 install flask      (only the first time)
-$ python3 server.py
-```
-
-- You can create as many HTML files you want
-- You can also create CSS files and you can import them onto your website using a `<link>` tag placed between the `<head></head>` tags, like this:
-
-```html
-<head>
-  ...
-  <link rel="stylesheet" type="text/css" href="styles.css">
-  ...
-</head>
-```
-
-<p align="center">
-  <img src="https://assets.breatheco.de/apis/img/images.php?blob&random&cat=icon&tags=4geeks,128">
-</p>
-
 <p align="center">
-    <h2 align="center"> Student External Profile </h2>
+	<img
+		width="300"
+		alt="4Geeks Academy"
+		src="https://github.com/4GeeksAcademy/About-4Geeks-Academy/blob/master/site/static/background_art.jpg?raw=true">
 </p>
 
-![Travis Build](https://api.travis-ci.org/4GeeksAcademy/student-external-profile.svg?branch=master)
-
-This website serves like a Student Profile Showcase.
-
-Each student must upload a `<your_github_username>.yml` file inside `/src/students/` with all his information via Pull Request. For example: [rigoberto.yml](https://github.com/4GeeksAcademy/student-external-profile/blob/master/src/students/example.yml).
+<h1 align="center">Welcome to 4Geeks Academy</h1>
 
-The `yml` file must be filled with all your personal and professional information, after complating the YML fill the application will automatically generate a student portfolio like the following:
+<h3 align="center">&lt;\ Time To Code&gt;</h3>
 
 <p align="center">
-  <img height="350" src="https://raw.githubusercontent.com/4GeeksAcademy/student-external-profile/master/preview.png">
-</p>
+  <a href="https://4geeksacademy.co/">
+    <img src="https://img.shields.io/badge/👫-+1134_students-1d2935.svg?style=flat" alt="Students">
+  </a>
+  <a href="https://4geeksacademy.co/">
+    <img src="https://img.shields.io/badge/👫-+353_partners-1d2935.svg?style=flat" alt="Partners">
+  </a>
+  <a href="https://4geeksacademy.co/">
+    <img src="https://img.shields.io/badge/💼💰-91%25_hiring_rate-1d2935.svg?style=flat" alt="Hiring Rate">
+  </a>
+  <a href="https://4geeksacademy.co/">
+    <img src="https://img.shields.io/badge/🌎-worldwide-1d2935.svg?style=flat" alt="Branches">
+  </a>
+  <a href="https://4geeksacademy.co/">
+    <img src="https://img.shields.io/badge/⭐️-5_star_reviews-1d2935.svg?style=flat" alt="Reviews">
+  </a>
 
-<p align="center">
-  <a href="https://4geeksacademy.github.io/student-external-profile/sharu725" target="_blank">Wach Live Demo Here</a>
 </p>
 
-```
-Note: You can test your yaml syntax here: http://www.yamllint.com/
-```
-
-## Completing the YML file
-
-The YML file is comprised of 4 fundamental sections:
-```yml
-theme: You can choose a theme and skin colors.
-basic_info: Your personal info
-education: Previous studies.
-experiences: Previous jobs.
-projects: Describe the projects you have build as a developer.
-publications: Any articles you have published.
-skills: List your skills with percentage of expertise.
-```
-
-<p align="center">
-  <img height="350" src="https://raw.githubusercontent.com/4GeeksAcademy/student-external-profile/master/static/yml.png">
-</p>
+
+
+
 
-You can pick between your template and your skin, for example:
-```yml
-template: "online-cv"
-skin: "orange"
+4Geeks Academy was founded by [Marcelo](https://www.linkedin.com/in/marcelo-ricigliano-32440379/) and [Alejandro](https://twitter.com/alesanchezr), best friend's [since high school](https://www.4geeksacademy.co/4geeks-academy-history/).
 
+4Geeks its a big company that feels like a small company, everyone is accesible, we like human contact, we belive in tailored education, without quitting your job, and 100% focused in code: We are the Teacher Jedy's of Code.

STUDENTS.md

@@ -0,0 +1,10 @@
+![horizontal students](https://github.com/4GeeksAcademy/About-4Geeks-Academy/blob/master/site/static/horizontal_framed.jpg?raw=true)
+
+<h1 align="center">
+  4Geeks Academy Alumni
+</h1>
+<p align="center">If you studied at 4Geeks Academy please add yourself to the list</p>
+
+<a href="https://github.com/4GeeksAcademy/About-4Geeks-Academy/graphs/contributors">
+  <img src="https://contributors-img.web.app/image?repo=4GeeksAcademy/About-4Geeks-Academy" />
+</a>