devlopr 0.3.0 → 0.3.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b1fa97ae753311a7d2e6c9823b889d87740e5bc9d8bb73e07e546937f341c295
-  data.tar.gz: 9890c18ec702a5bbf6e779a0ab884f537040c21f851d313934186b905f92a46e
+  metadata.gz: ab9c5ce62fb24b88fd98f8b6f8b08cfa14b3d5f2b440b6189b4facef1278bf7b
+  data.tar.gz: ad2cb6d8cb6896e95522336c765d3a48372d483e7409638b2561f04b573b9652
 SHA512:
-  metadata.gz: 7451e7578c512e86c87c50c84e017b347c2c36e60fabf6a29c9957ec5d0e540d96785b6360c5484cf3adc1a2b642aec6bf5f7da97fe79c558c88589077e54301
-  data.tar.gz: 9c445cf516b8ca905f55964f849ee9da1bfee439c54284e0065389b1ce975d93b731a8f607617b60ecef641e1121cf0f10a54b0a020e0d710ff932a6649729c4
+  metadata.gz: 1cd8ab510a3722bf88dd6efd2cb756c8869eb847583a0c495271feea607720be344038f212c61c7fc0560646e770a222943b47d823176bffcd7673ea25f70e0a
+  data.tar.gz: 3b906e632d089cab291a25d18872db30bba8b6a31fa6e8147bbbf1845f4f418db4d83f6825fe5a6ee6e5408410b78216c5852505fade7ea8c7cf47ab82af64dd

data/LICENSE.txt

@@ -1,21 +1,21 @@
-The MIT License (MIT)
-
-Copyright (c) 2018 Sujay Kundu
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in
-all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-THE SOFTWARE.
+The MIT License (MIT)
+
+Copyright (c) 2018 Sujay Kundu
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/README.md

@@ -1,58 +1,16 @@
----
-layout: page
-title: Docs
----
-
-# devlopr jekyll - Getting Started
-
-[![Gem Version](https://badge.fury.io/rb/devlopr.svg)](https://badge.fury.io/rb/devlopr)
-[![Netlify Status](https://api.netlify.com/api/v1/badges/4232ac2b-63e0-4c78-92e0-e95aad5ab8c3/deploy-status)](https://app.netlify.com/sites/devlopr/deploys)
-
-Anyone can use devlopr theme to build a personal <strong>Portfolio + Blog Type of Website</strong>, hosted freely on <b>[Github Pages](https://pages.github.com)</b> or <b>[Netlify](https://netlify.com) </b>. 
-
-
-Many features are in our checklist, that needs to be worked upon and are in progress. And if you liked this project ! Do share with your developer friends and colleagues who may find it interesting :D  
-
-## Installation
-
-#### New To Jekyll ? Create your Blog !
-
-Follow this guide to setup your own blog using Jekyll and Github Pages [Here](https://sujaykundu.com/github/jekyll/2019/05/19/setup-devlopr-for-blog.html)
-
-#### Already Got a Jekyll Blog ? Learn How to use Devlopr Theme with your Current Jekyll Blog
-
-Follow this step by step [Tutorial](https://sujaykundu.com/github/jekyll/2019/05/19/setup-devlopr-for-blog.html), if you are new to Jekyll Themes Customization !
-
-### Feature Todo
-
-- Pagination
-- Menu Support
-- Algolia Support
-- Gallery
-- Admin
-
-
-
-
-
- 
-
-
-
-
-
-
-
-
-
-  
-
-
-
-
-
-## Licence
-
-The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
-
-
+
+### Build a free blog using devlopr jekyll and Github Pages - Getting Started
+
+[![Gem Version](https://badge.fury.io/rb/devlopr.svg)](https://badge.fury.io/rb/devlopr)
+[![Netlify Status](https://api.netlify.com/api/v1/badges/4232ac2b-63e0-4c78-92e0-e95aad5ab8c3/deploy-status)](https://app.netlify.com/sites/devlopr/deploys)
+
+Anyone can use devlopr jekyll theme to build a personal <strong>Portfolio + Blog Type of Website</strong>, hosted freely on <b>[Github Pages](https://pages.github.com)</b> or <b>[Netlify](https://netlify.com) </b>. 
+
+Follow this tutorial : [Creating a new blog with devlopr jekyll](https://sujaykundu.com/jekyll/2019/06/22/building-a-blog-using-devlopr-jekyll-theme.html)
+
+## License
+
+The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
+
+
+

data/_includes/author_bio.html

@@ -0,0 +1 @@
+<p> {{ site.author_bio }}</p>

data/_includes/author_projects.html

@@ -0,0 +1,23 @@
+<div class="row">
+        <div class="col-md-5">
+            <img src="/assets/img/projects/gamershub.png" class="project-img" />
+        </div>
+        <div class="col-md-5">
+            <h4 class="project-title"> Gamers Hub </h4>
+            <p class="project-desc"> A Platform built for Gamers and Game Developers</p> 
+
+            <a class="project-link btn btn-success" href="https://gamershub.in"> https://gamershub.in</a>
+        </div>
+    </div>
+
+    <br />
+    <div class="row">
+        <div class="col-md-5">
+            <img src="/assets/img/projects/hackify.png" class="project-img" />
+        </div>
+        <div class="col-md-5">
+            <h4 class="project-title"> Hackify Theme for Atom Editor </h4>
+            <p class="project-desc"> A dark hacking theme for Atom Editor. You can modify it to make it your own</p>
+            <a class="project-link btn btn-success" href="http://atom.io/themes/hackify-ui">http://atom.io/themes/hackify-ui</a>
+        </div>
+    </div>

data/_includes/author_skills.html

@@ -0,0 +1,2 @@
+<p> HTML , CSS , Javascript , PHP, Python, C</p>
+<p> Adobe XD, Inkscape, Git, Linux </p>

data/_includes/author_work_experience.html

@@ -0,0 +1,24 @@
+<div class="row">
+    <div class="col-md-2">
+        <img src="/assets/img/work/google.png" class="company-logo" />
+    </div>
+    <div class="col-md-6">
+        <h4 class="experience-title"> Full Stack Software Engineer</h4>
+        <h6 class="experience-info">Google ( Jan 2017 - Present )</h6>
+        <p class="experience-desc"> Worked on various technologies and built products which helps people globally </p>
+
+    </div>
+</div>
+
+<br />
+<div class="row">
+    <div class="col-md-2">
+        <img src="/assets/img/work/microsoft.png" class="company-logo" />
+    </div>
+    <div class="col-md-6">
+        <h4 class="experience-title"> Front End Engineer</h4>
+        <h6 class="experience-info">Microsoft ( Mar 2015 - Dec 2016 )</h6>
+        <p class="experience-desc"> Worked on various technologies and built products which helps people globally </p>
+
+    </div>
+</div>

data/_includes/blog_categories.html

@@ -0,0 +1,9 @@
+
+            {% for tag in site.categories %} {% capture tag_name %}{{ tag | first }}{% endcapture %}
+            <div id="#{{ tag_name | slugize }}"></div>
+            <li class="tag-head">
+                <a href="{{ site.baseurl }}/blog/categories/{{ tag_name }}">{{ tag_name }}</a>
+            </li>
+            <a name="{{ tag_name | slugize }}"></a>
+
+            {% endfor %}

data/_includes/blog_newsletters.html

@@ -0,0 +1,18 @@
+<!-- Embed Your Mailchimp Subscription Form here -->
+<!-- Begin MailChimp Signup Form -->
+<div id="mc_embed_signup">
+        <form action="https://programmingebooks.us10.list-manage.com/subscribe/post?u=50bab1c85eae24ecfb0f68361&amp;id=3a2dd721d0"
+            method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
+            <div id="mc_embed_signup_scroll">
+                <label for="mce-EMAIL">Subscribe via Email :</label>
+                <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
+                <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
+                <div style="position: absolute; left: -5000px;" aria-hidden="true">
+                    <input type="text" name="b_50bab1c85eae24ecfb0f68361_3a2dd721d0" tabindex="-1" value="">
+                </div>
+                <div class="clear">
+                    <input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="btn btn-md btn-default">
+                </div>
+            </div>
+        </form>
+    </div>

data/_includes/blog_post_article.html

@@ -0,0 +1,26 @@
+<article class="card" itemscope itemtype="http://schema.org/BlogPosting">
+    <div class="card-header">
+        <!-- <h1 class="post-title" itemprop="name headline">{{ page.title }}</h1> -->
+        <h4 class="post-meta">{{ page.summary }}</h4>
+        <p class="post-summary">Posted by : {% if page.author %}
+            <img src="/assets/img/{{ site.author_logo }}" class="author-profile-img">
+            <span itemprop="author" itemscope itemtype="http://schema.org/Person">
+                <span itemprop="name">{{ page.author }}</span>
+            </span>{% endif %} at
+            <time datetime="{{ page.date }}" itemprop="datePublished">{{ page.date | date: "%b %-d, %Y" }}</time>
+        </p>
+        <span class="disqus-comment-count" data-disqus-identifier="{{ page.url }}"></span>     
+        <div class="post-categories">
+            {% if post %} {% assign categories = post.categories %} {% else %} {% assign categories = page.categories %} {% endif %}
+            Category : {% for category in categories %}
+            <a href="{{site.baseurl}}/blog/categories/{{category|slugize}}">{{category}}</a>
+            {% unless forloop.last %}&nbsp;{% endunless %} {% endfor %}
+        </div>
+    </div>
+
+    <div class="card-body" itemprop="articleBody">
+        <img class="card-img-top" src="/assets/img/{{ page.thumbnail }}" alt="{{ post.title }}"> 
+        {{ content }} 
+    </div>
+
+</article>

data/_includes/blog_post_breadcrumb.html

@@ -0,0 +1,11 @@
+<nav aria-label="breadcrumb" role="navigation">
+        <ol class="breadcrumb">
+            <li class="breadcrumb-item">
+                <a href="/blog">Blog</a>
+            </li>
+            <li class="breadcrumb-item">
+                <a href="/blog/categories">Categories</a>
+            </li>
+            <li class="breadcrumb-item active" aria-current="page">{{ page.title }}</li>
+        </ol>
+    </nav>

data/_includes/blog_posts.html

@@ -0,0 +1,22 @@
+
+            <ul>
+                    <div class="row">
+                        {% for post in site.posts %}
+                        <div class="card blog-post">
+                            <img class="card-img-top" src="/assets/img/{{ post.thumbnail }}" alt="{{ post.title }}">
+                            <div class="card-body center">
+                                <img src="/assets/img/{{ site.author_logo }}" class="author-profile-img">
+                                <h4 class="card-title">{{ post.title }}</h4>
+    
+                                <h6 class="card-subtitle mb-2 text-muted">{{ post.date | date: "%b %-d, %Y" }}</h6>
+                                <p class="card-text">{{ post.summary }} </p>
+    
+                                <a href="{{ post.url | prepend: site.baseurl }}" data-disqus-identifier="{{ post.url }}" class="btn btn-primary btn-lg">Read</a>
+                                <span class="disqus-comment-count" data-disqus-identifier="{{ post.url }}"></span>
+    
+                            </div>
+                        </div>
+    
+                        {% endfor %}
+                    </div>
+                </ul>

data/_includes/blog_sidebar.html

@@ -0,0 +1,18 @@
+<div class="col-lg-4">
+    <div class="card">
+        <div class="card-header"> About {{ site.author }} </div>
+        <div class="card-body text-dark">
+            <!-- Your Bio -->
+            <p> {{ site.author_bio }}</p>
+        </div>
+    </div>
+    <div class="card">
+        <div class="card-header">Categories </div>
+        <div class="card-body text-dark">
+            {%- include blog_categories.html -%}
+        </div>
+    </div>
+    <div class="card">
+        {%- include blog_newsletters.html -%}
+    </div>
+</div>

data/_includes/{activity.html → coding_activity.html}

@@ -1,9 +1,11 @@
-<!-- Wakatime -->
-
-<figure>
-    <embed src="https://wakatime.com/share/@sujaykundu777/f540df00-f2d1-46e2-a360-da7e13ed8a66.svg"></embed>
-</figure>
-
-<figure>
-    <embed src="https://wakatime.com/share/@sujaykundu777/1550a9f1-d41a-4745-92a0-181a6fbb2456.svg"></embed>
+<!-- Wakatime ( Replace with your own wakatime embed config at https://wakatime.com )-->
+
+<!-- Pie Chart -->
+<figure>
+    <embed src="https://wakatime.com/share/@sujaykundu777/f540df00-f2d1-46e2-a360-da7e13ed8a66.svg"></embed>
+</figure>
+
+<!-- Hours Coded -->
+<figure>
+    <embed src="https://wakatime.com/share/@sujaykundu777/1550a9f1-d41a-4745-92a0-181a6fbb2456.svg"></embed>
 </figure>

data/_includes/contact_me_form.html

@@ -0,0 +1,16 @@
+<!-- Replace the email with your own formspree email -->
+<form action="https://formspree.io/sujaykundu777@gmail.com" method="POST" >
+    <div class="form-group">
+      <label for="contact_form_name">Your Name :</label>
+      <input type="text" class="form-control" name="name" id="contact_form_name" placeholder="Enter Your Name">
+     </div> 
+     <div class="form-group">
+       <label for="contact_form_email">Your Email :</label>
+      <input type="email" class="form-control" name="_replyto" id="contact_form_email" placeholder="Enter Your Email">
+     </div> 
+     <div class="form-group">
+       <label for="contact_form_message"> Your Message :</label>
+      <textarea name="_message" class="form-control" id="contact_form_message" placeholder="Enter Your Message"></textarea>
+     </div> 
+      <input type="submit" value="Send">
+ </form>

data/_includes/footer.html

@@ -1,7 +1,7 @@
-<footer>
-
-    <p>  {{ site.title }}. Subscribe via
-        <a href="{{ " /feed.xml " | prepend: site.baseurl }}">RSS</a>
-    </p>
-
+<footer>
+
+    <p>  {{ site.title }}. Subscribe via
+        <a href="{{ " /feed.xml " | prepend: site.baseurl }}">RSS</a>
+    </p>
+
 </footer>

data/_includes/head.html

@@ -1,44 +1,44 @@
-<head>
-  <meta charset="utf-8">
-  <!-- Site title -->
-  <title>{{ site.title }}</title>
-
-  <meta http-equip="X-UA-Compatible" content="IE=edge">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-
-  <!-- Site Description -->
-  <meta name="description" content="{{ site.description }}">
-
-  <!-- Stylesheets goes here -->
-  <link rel="stylesheet" href="/assets/css/main.css" />
-
-  <!-- Favicon -->
-  <link rel="icon" href="/assets/img/favicon.ico" type="image/gif" sizes="16x16">
-  <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
-    crossorigin="anonymous"></script>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
-    crossorigin="anonymous"></script>
-    <link href="https://fonts.googleapis.com/css?family=Quicksand&display=swap" rel="stylesheet">
-  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB"
-    crossorigin="anonymous">
-  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt"
-    crossorigin="anonymous">
-    <script>
-      (function(d, h, m){
-          var js, fjs = d.getElementsByTagName(h)[0];
-          if (d.getElementById(m)){return;}
-          js = d.createElement(h); js.id = m;
-          js.onload = function(){
-              window.makerWidgetComInit({
-              position: "right",          
-              widget: "ofeeof264otl2l5g-zspk40eq2gaomj2n-higi2qphmveubksi"                
-          })};
-          js.src = "https://makerwidget.com/js/embed.js";
-          fjs.parentNode.insertBefore(js, fjs)
-      }(document, "script", "dhm"))
-  </script>
-  <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
-  <!--[if lt IE 9]>
-      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-    <![endif]-->
+<head>
+  <meta charset="utf-8">
+  <!-- Site title -->
+  <title>{{ site.title }} - {{ site.subtitle }}</title>
+
+  <meta http-equip="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <!-- Site Description -->
+  <meta name="description" content="{{ site.description }}">
+
+  <!-- Stylesheets goes here -->
+  <link rel="stylesheet" href="/assets/css/main.css" />
+
+  <!-- Favicon -->
+  <link rel="icon" href="/assets/img/favicon.ico" type="image/gif" sizes="16x16">
+  <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
+    crossorigin="anonymous"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
+    crossorigin="anonymous"></script>
+    <link href="https://fonts.googleapis.com/css?family=Quicksand&display=swap" rel="stylesheet">
+  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB"
+    crossorigin="anonymous">
+  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt"
+    crossorigin="anonymous">
+    <script>
+      (function(d, h, m){
+          var js, fjs = d.getElementsByTagName(h)[0];
+          if (d.getElementById(m)){return;}
+          js = d.createElement(h); js.id = m;
+          js.onload = function(){
+              window.makerWidgetComInit({
+              position: "right",          
+              widget: "ofeeof264otl2l5g-zspk40eq2gaomj2n-higi2qphmveubksi"                
+          })};
+          js.src = "https://makerwidget.com/js/embed.js";
+          fjs.parentNode.insertBefore(js, fjs)
+      }(document, "script", "dhm"))
+  </script>
+  <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
+  <!--[if lt IE 9]>
+      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+    <![endif]-->
 </head>

data/_includes/header.html

@@ -1,60 +1,60 @@
-<header>
-
-    <div class="col-lg-12">
-        <div class="row">
-            <div class="col-md-2 center">
-                <a href="/">
-                    <img src="/assets/img/{{ site.author_logo }}" class="profile-img">
-                </a>
-            </div>
-            <div class="col-md-4">
-                <h1 class="profile-name"> {{ site.title }}</h1>
-                <p class="profile-bio"> {{ site.subtitle }}</p>
-                <p class="profile-links">
-                    <a class="social-link" href="http://twitter.com/{{ site.twitter_username }}">
-                        <i class="fab fa-twitter"></i>
-                    </a>
-                    <a class="social-link" href="http://facebook.com/{{ site.facebook_username }}">
-                        <i class="fab fa-facebook-f"></i>
-                    </a>
-                    <a class="social-link" href="http://instagram.com/{{ site.instagram_username }}">
-                        <i class="fab fa-instagram"></i>
-                    </a>
-                    <a class="social-link" href="http://medium.com/@{{ site.medium_username }}">
-                        <i class="fab fa-medium-m"></i>
-                    </a>
-                    <a class="social-link" href="http://github.com/{{ site.github_username }}">
-                        <i class="fab fa-github"></i>
-                    </a>
-                    <a class="social-link" href="http://behance.net/{{ site.behance_username }}">
-                        <i class="fab fa-behance"></i>
-                    </a>
-                    <a class="social-link" href="http://linkedin.com/in/{{ site.linkedin_username }}">
-                        <i class="fab fa-linkedin-in"></i>
-                    </a>
-                    <a class="social-link" href="http://t.me/{{ site.telegram_username }}">
-                        <i class="fab fa-telegram-plane"></i>
-                    </a>
-                </p>
-
-            </div>
-            <div class="col-md-6 center">
-
-                <ul class="nav justify-content-end" id="navigation">
-                    {%- assign default_paths = site.pages | map: "path" -%} {%- assign page_paths = site.header_pages | default: default_paths-%}
-                    {%- if page_paths -%} {%- for path in page_paths -%} {%- assign my_page = site.pages | where: "path",path
-                    | first -%} {%- if my_page.title -%}
-                    <li class="nav-item">
-                        <a class="nav-link" href="{{ my_page.url | relative_url }}">{{ my_page.title | escape }}</a>
-                    </li>
-                    {%- endif -%} {%- endfor -%}
-
-                </ul>
-
-                {%- endif -%}
-
-            </div>
-        </div>
-    </div>
-
+<header>
+
+    <div class="col-lg-12">
+        <div class="row">
+            <div class="col-md-2 center">
+                <a href="/">
+                    <img src="/assets/img/{{ site.author_logo }}" class="profile-img">
+                </a>
+            </div>
+            <div class="col-md-4">
+                <h1 class="profile-name"> {{ site.title }}</h1>
+                <p class="profile-bio"> {{ site.subtitle }}</p>
+                <p class="profile-links">
+                    <a class="social-link" href="http://twitter.com/{{ site.twitter_username }}">
+                        <i class="fab fa-twitter"></i>
+                    </a>
+                    <a class="social-link" href="http://facebook.com/{{ site.facebook_username }}">
+                        <i class="fab fa-facebook-f"></i>
+                    </a>
+                    <a class="social-link" href="http://instagram.com/{{ site.instagram_username }}">
+                        <i class="fab fa-instagram"></i>
+                    </a>
+                    <a class="social-link" href="http://medium.com/@{{ site.medium_username }}">
+                        <i class="fab fa-medium-m"></i>
+                    </a>
+                    <a class="social-link" href="http://github.com/{{ site.github_username }}">
+                        <i class="fab fa-github"></i>
+                    </a>
+                    <a class="social-link" href="http://behance.net/{{ site.behance_username }}">
+                        <i class="fab fa-behance"></i>
+                    </a>
+                    <a class="social-link" href="http://linkedin.com/in/{{ site.linkedin_username }}">
+                        <i class="fab fa-linkedin-in"></i>
+                    </a>
+                    <a class="social-link" href="http://t.me/{{ site.telegram_username }}">
+                        <i class="fab fa-telegram-plane"></i>
+                    </a>
+                </p>
+
+            </div>
+            <div class="col-md-6 center">
+
+                <ul class="nav justify-content-end" id="navigation">
+                    {%- assign default_paths = site.pages | map: "path" -%} {%- assign page_paths = site.header_pages | default: default_paths-%}
+                    {%- if page_paths -%} {%- for path in page_paths -%} {%- assign my_page = site.pages | where: "path",path
+                    | first -%} {%- if my_page.title -%}
+                    <li class="nav-item">
+                        <a class="nav-link" href="{{ my_page.url | relative_url }}">{{ my_page.title | escape }}</a>
+                    </li>
+                    {%- endif -%} {%- endfor -%}
+
+                </ul>
+
+                {%- endif -%}
+
+            </div>
+        </div>
+    </div>
+
 </header>