update UI for white paper

vinitkumar · Nov 6, 2017 · 68529d3 · 68529d3
1 parent 9e18d8e
commit 68529d3
Show file tree

Hide file tree

Showing 19 changed files with 6,010 additions and 27 deletions.
diff --git a/Gemfile b/Gemfile
@@ -1,6 +1,8 @@
 source "https://rubygems.org"
 
+gem 'jekyll-octicons'
 gem "jekyll-paginate"
 gem "jekyll-gist"
 gem "jekyll"
-gem "rouge"
+gem 'jekyll-feed'
+gem "rouge"
diff --git a/_config.yml b/_config.yml
@@ -10,21 +10,22 @@ url: "http://vinitkumar.me/white-paper"
 markdown: kramdown
 highlighter: rouge
 
-plugins: ['jekyll-paginate', 'jekyll-gist']
+plugins: ['jekyll-paginate', 'jekyll-gist', 'jekyll-octicons', 'jekyll-feed']
 
-paginate: 3
+paginate: 4
 
 logo:             logo.png
 disqus_shortname:
 
 owner:
   name:           whitepaper
-  avatar:         ""
-  email:          ""
+  avatar:         "https://avatars1.githubusercontent.com/u/537678?s=240&v=4"
+  email:          "vinit1414.08@bitmesra.ac.in"
   # Social networking links used in footer. Update and remove as you like.
-  twitter:
-  github:
-  stackexchange:
+  twitter: vinitkme
+  github: https://github.com/vinitkumar
+  stackexchange: https://stackoverflow.com/users/859112/vinit-kumar?tab=profile
+  linkedin: https://www.linkedin.com/in/vinitatlinkedin
   # For Google Authorship https://plus.google.com/authorship
   google_plus:
 

diff --git a/_includes/footer.html b/_includes/footer.html
@@ -2,6 +2,15 @@
 {% if paginator %}
 <!-- Pagination links -->
 <div class="pagination">
+  {% if site.owner.linkedin %}
+    <a href="{{ site.owner.linkedin }}" class="social-media-icons"><i class="fa fa-2x fa-linkedin-square" aria-hidden="true"></i></a>
+  {% endif %}
+  {% if site.owner.twitter %}  
+    <a href="{{ site.owner.twitter }}" class="social-media-icons"><i class="fa fa-2x fa-twitter-square" aria-hidden="true"></i></a>
+  {% endif %}
+  {% if site.owner.github %}  
+    <a href="{{ site.owner.github }}" class="social-media-icons"><i class="fa fa-2x fa-github-square" aria-hidden="true"></i></a>
+  {% endif %}  
   {% if paginator.next_page %}
     <a href="{{site.url}}/page{{paginator.next_page}}" class="older"><span class="mega-octicon octicon-playback-rewind" style="min-width: 32px;"></span></a>
   {% else %}

diff --git a/_includes/head.html b/_includes/head.html
@@ -24,5 +24,5 @@
 {% if site.owner.google_plus %}<link rel="author" href="{{ site.owner.google_plus }}?rel=author">{% endif %}
 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-
-<link rel="stylesheet" href=" {{ '/css/main.min.css' | relative_url }}" type="text/css" />
+<link rel="stylesheet" href="{{ '/css/font-awesome.min.css' | relative_url }}">
+<link rel="stylesheet" href="{{ '/css/main.min.css' | relative_url }}" type="text/css" />
diff --git a/_includes/header.html b/_includes/header.html
@@ -2,8 +2,10 @@
   <header>
       <ul class="nav">
         <!--Change the  URL here if working on an absolute domain-->
-        <li><a href="{{ site.url }}"><span class="mega-octicon octicon-terminal" style="margin-right: 6px;"></span>Home</a></li>
-        <li><a href="{{ site.url }}/about"><span class="mega-octicon octicon-person" style="margin-right: 6px;"></span>About</a></li>
+        <li><a href="{{ site.url }}"><i class="fa fa-home" aria-hidden="true" style="margin-right: 6px;"></i>Home</a></li>
+        <li><a href="{{ site.url }}/about"><i class="fa fa-user" aria-hidden="true" style="margin-right: 6px;"></i>About</a></li>
+        <li><a href="{{ site.owner.github }}" target="_blank"><i class="fa fa-terminal" aria-hidden="true" style="margin-right: 6px;"></i>Projects</a></li>
+        <li><a href="{{ site.url }}/feed.xml"><i class="fa fa-rss" aria-hidden="true" style="margin-right: 6px;"></i>RSS</a></li>        
       </ul>
   </header>
 </div>
diff --git a/about.md b/about.md
@@ -3,4 +3,23 @@ layout: default
 title: About Vinit Kumar
 ---
 
-{{site.about}}
+<h1>{{ site.owner.name}} </h1>
+![user-avatar]({{ site.owner.avatar }})
+
+{{site.about}}
+
+
+<div class="pagination">
+  {% if site.owner.linkedin %}
+    <a href="{{ site.owner.linkedin }}" class="social-media-icons"><i class="fa fa-2x fa-linkedin" aria-hidden="true"></i></a>
+  {% endif %}
+  {% if site.owner.twitter %}
+    <a href="{{ site.owner.twitter }}" class="social-media-icons"><i class="fa fa-2x fa-twitter" aria-hidden="true"></i></a>
+  {% endif %}
+  {% if site.owner.github %}
+    <a href="{{ site.owner.github }}" class="social-media-icons"><i class="fa fa-2x fa-github" aria-hidden="true"></i></a>
+  {% endif %}
+  {% if site.owner.stackexchange %}
+    <a href="{{ site.owner.stackexchange }}" class="social-media-icons"><i class="fa fa-2x fa-stack-overflow" aria-hidden="true"></i></a>
+  {% endif %}
+</div>
diff --git a/css/base.css b/css/base.css
@@ -66,19 +66,16 @@ hr:before {
 
 .container {
   margin: 0 auto;
-  max-width: 1080px;
   padding: 0 20px;
 }
 
 .header-container {
   margin: 0 auto;
-  max-width: 1080px;
-  padding: 0 20px;
 }
 
 header {
   margin: 0 0 20px 0;
-  text-align: right;
+  /* text-align: right; */
 }
 
 ul.nav {
@@ -138,6 +135,10 @@ ul.nav li.logo a {
   Home Page
 ------------------------------------------------------------------------------*/
 
+.listing {
+  margin-top: 60px;
+}
+
 .listing .post {
   margin: 60px 0;
 }
@@ -482,4 +483,10 @@ code.html span.doctype {
   color: #D7FF80;
 }
 
+
+.social-media-icons  {
+  float: left;
+  margin-right: 6px;
+}
+
 /* @end */