/student-external-profile

Static Generated Website with Student External Profiles

Primary LanguageJavaScript

4Geeks Logo HTML Hello

Open in Gitpod

The most basic boilerplate for any 4Geeks Academy Student using the gitpod.io coding editor.

What to do next?

Create a index.html file with the basic HTML structure and see it live by running web-server using the following command:

$ 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:
<head>
  ...
  <link rel="stylesheet" type="text/css" href="styles.css">
  ...
</head>

Student External Profile

Travis Build

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.

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:

Wach Live Demo Here

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:

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.

You can pick between your template and your skin, for example:

template: "online-cv"
skin: "orange"