FEAT: New about page

README.md

@@ -1,2 +1,5 @@
 # My Personal Website
 
+TODO update Linkedin profile to update to JsonResume and include here.
+Blog posts on my older projects
+List of courses I have taken

_config.yml

@@ -2,11 +2,11 @@
 # Site settings
 # -----------------------------------------------------------------------------
 
-title: blank # the website title (if blank, full name will be used instead)
+title: Hi! My name is Dario # the website title (if blank, full name will be used instead)
 first_name: Dario
-middle_name: A.
+middle_name: Antonio
 last_name: Quintero Dominguez
-email: darioaquintero[at]gmail[dot]com
+email: darioaquintero [ at ] gmail [ dot ] com
 description: > # the ">" symbol means to ignore newlines until "footer_text:"
   A simple, whitespace theme for academics. Based on [*folio](https://github.com/bogoli/-folio) design.
 footer_text:
@@ -42,7 +42,7 @@ repo_trophies:
 # will use title and url fields
 # Take a look to https://github.com/jekyll/jekyll-feed for more customization
 
-rss_icon: true
+rss_icon: false
 
 # -----------------------------------------------------------------------------
 # Layout
@@ -52,7 +52,7 @@ navbar_fixed: true
 footer_fixed: true
 
 # Dimensions
-max_width: 800px
+max_width: 1000px
 
 # TODO: add layout settings (single page vs. multi-page)
 

_layouts/about.html

@@ -3,17 +3,13 @@
 ---
 
 <!-- about.html -->
-      <div class="post">
-        <header class="post-header">
-          <h1 class="post-title">
-            {% if site.title == "blank" -%}<span class="font-weight-bold">{{ site.first_name }}</span> {{ site.middle_name }} {{ site.last_name }}{%- else -%}{{ site.title }}{%- endif %}
-          </h1>
-          <p class="desc">{{ page.subtitle }}</p>
-        </header>
+      <div class="post aboutpost">
 
         <article>
+
           {% if page.profile -%}
           <div class="profile float-{%- if page.profile.align == 'left' -%}left{%- else -%}right{%- endif -%}">
+
             {%- if page.profile.image %}
               {%- assign profile_image_path = page.profile.image | prepend: 'assets/img/' -%}
 
@@ -38,6 +34,17 @@ <h1 class="post-title">
           {%- endif %}
 
           <div class="clearfix">
+
+            <header class="post-header aboutgreeting">
+              <h1 class="post-title">
+                <span class="">Hey, nice to meet you!</span>
+              </h1>
+              <br>
+              <h2>
+                I am <span class="font-weight-bold">Darío Quintero Domínguez</span>
+              </h2>
+              <p class="desc">{{ page.subtitle }}</p>
+            </header>
             {{ content }}
           </div>
 

_pages/about.md

@@ -6,7 +6,7 @@ permalink: /
 
 profile:
   align: right
-  image: prof_pic.jpg
+  image: profile.jpeg
   image_circular: false # crops the image to make it circular
 
 news: false  # includes a list of news items
@@ -15,8 +15,4 @@ selected_papers: false # includes a list of papers marked as "selected={true}"
 social: true  # includes social icons at the bottom of the page
 ---
 
-Write your biography here. Tell the world about yourself. Link to your favorite [subreddit](http://reddit.com). You can put a picture in, too. The code is already in, just name your picture `prof_pic.jpg` and put it in the `img/` folder.
-
-Put your address / P.O. box / other info right below your picture. You can also disable any of these elements by editing `profile` property of the YAML header of your `_pages/about.md`. Edit `_bibliography/papers.bib` and Jekyll will render your [publications page](/al-folio/publications/) automatically.
-
-Link to your social media connections, too. This theme is set up to use [Font Awesome icons](http://fortawesome.github.io/Font-Awesome/) and [Academicons](https://jpswalsh.github.io/academicons/), like the ones below. Add your Facebook, Twitter, LinkedIn, Google Scholar, or just disable all of them.
+Bear with me that I am still working on this site.

_pages/repositories.md

@@ -2,7 +2,7 @@
 layout: page
 permalink: /repositories/
 title: Open-Source
-description: Edit the `_data/repositories.yml` and change the `github_users` and `github_repos` lists to include your own GitHub profile and repositories.
+description:
 nav: true
 nav_order: 3
 ---

_sass/_base.scss

@@ -130,16 +130,17 @@ blockquote {
 }
 
 .profile.float-right {
-  margin-left: 1rem;
+  margin-left: 4rem;
 }
 
 .profile.float-left {
-  margin-right: 1rem;
+  margin-right: 4rem;
 }
 
 @media (min-width: 576px) {
   .profile {
-    width: 30%;
+    width: 40%;
+    height: 100%;
 
     .address {
       p {
@@ -163,7 +164,6 @@ blockquote {
   }
 }
 
-
 // Navbar customization
 
 .navbar {
@@ -1037,3 +1037,16 @@ nav[data-toggle="toc"] {
     padding-top: 0.5rem;
   }
 }
+
+// About
+
+.aboutgreeting {
+  padding-bottom: 2rem;
+  text-align: left;
+}
+
+.aboutpost {
+  padding-top: 2rem;
+  padding-bottom: 2rem;
+}
+