Update my about me page

_config.yml

@@ -44,6 +44,20 @@ links:
     url: https://www.linkedin.com/in/mohammadabushady
     icon: 'fa fa-linkedin'
 
+about_me_footer_links:
+  - name: Github
+    url: https://github.com/coalwater
+    icon: 'fa fa-github'
+  - name: StackOverflow
+    url: http://stackoverflow.com/users/2149092/mohammad-abushady
+    icon: 'fa fa-stack-overflow'
+  - name: LinkedIn
+    url: https://www.linkedin.com/in/mohammadabushady
+    icon: 'fa fa-linkedin'
+  - name: Dot files
+    url: https://github.com/coalwater/dotfiles
+    icon: 'fa fa-file-text-o'
+
 gems:
   - jekyll-paginate
   - jekyll-gist

_includes/sidebar.html

@@ -17,6 +17,7 @@ <h2>Online profiles</h2>
   </div>
   <nav class="sidebar-nav">
     <a class="sidebar-nav-item{% if page.url == site.baseurl %} active{% endif %}" href="{{ site.baseurl }}">Home</a>
+    <a class="sidebar-nav-item{% if page.url == '/about-me/' %} active{% endif %}" href="{{ site.baseurl | append: 'about-me/' }}">About me</a>
     <a class="sidebar-nav-item" href="mailto:[email protected]">Contact me</a>
 
     {% assign pages_list = site.pages | sort:"url" %}

about-me/index.md

@@ -0,0 +1,60 @@
+---
+layout: default
+title: About Me
+---
+I'm a senior software develper, I've specialized in web development, mainly in
+desigining APIs using rails, I've worked in relatively high traffice websites
+and I've tackled the problems that may appear due to scalability.
+
+Also I have some interest in DevOps, I know how to set up deployments either by
+using simple scripts like capistrano, or more complex stuff like AWS, I have
+some experience using docker containers and chef for provisioninig machines.
+
+I have some experience with html, css, js, but I don't like being a fullstack
+developer, also I don't have any interest in mobile development.
+
+Here's a simple table for a list of my skills that I use regularly
+
+|Backend|
+|:-
+|Ruby on rails|Rspec|MySQL|Redis|
+{: .no-border }
+
+|Frontend|
+|:-
+|HTML|CSS|JS|
+{: .no-border }
+
+|DevOps|
+|:-
+|Chef|Docker|
+{: .no-border }
+
+|AWS|
+|:-
+|EC2|RDS|EB|OpsWorks
+|S3|ElasticCache|
+{: .no-border }
+
+|Payments|
+|:-
+|Stripe|
+{: .no-border }
+
+|Source Control|
+|:-
+|GIT|
+{: .no-border }
+
+Here's some of my online profiles, which you can also find in the side bar on
+the left
+
+<p style='text-align: center'>
+  {% for link in site.about_me_footer_links %}
+    <td>
+      <a href='{{ link.url }}' rel='nofollow' target='_blank'>
+        | <i class='{{link.icon}}' ></i> {{link.name}} |
+      </a>
+    </td>
+  {% endfor %}
+</p>

public/css/main.css

@@ -43,3 +43,13 @@
   border-radius: .25em;
   background-color:  #8f5536;
 }
+
+table.no-border tr td {
+  background-color: white;
+}
+
+.no-border th {
+  background-color: #f9f9f9;
+  text-align: left;
+  border: none;
+}