inkstream 0.1.0 → 0.1.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 7a3758db100c3f1a25473a45010f40f46c9410dfc65800ba9ca0862f092c68f1
-  data.tar.gz: 2fd567af67c6d3eab1cf942ddee7c237252088584b3b50289db480b3a643ca22
+  metadata.gz: 6a9e843dcf7cefdbd637cda47a67c4665f4b94771b79785e25da1cb983236a66
+  data.tar.gz: e8a9942bf4eeaa5da89579d648fb76744ab3687c736941899a30589e6f1f0502
 SHA512:
-  metadata.gz: f5ff2016e28c33ed6aa904369c81a4227fd98b149e08684bf6a3940819828354dc0b5642c47ba1bd99c91c76a827539b2c4779f0bef953e3ed2944cbe48fe038
-  data.tar.gz: a37b5f5ef26534fb4e905cd66345aab0ceafe0637d0be900a804dfba8cc0439f511f889e50e3d1cab727f5662d0fb33be42375c77ffd0c4b6e875ca90b919dde
+  metadata.gz: e9a8effb5b55e8d4073f7de2bd5558102f6280eb841e92b388a26b41a1f30be8e4767dbfffdd6b3f470cd5969b77cf81a290ff6a7f2957d173086b3c8c35984a
+  data.tar.gz: cc75fedf222238643045c9f984edadc9cf8c2b564defbab569fd0a97470025d91410166afeb462a8c374c3f81255ee0e75373075bfd4d5cf19305b0456209aa9

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2024 Mohd Irfan
+
+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

@@ -0,0 +1,95 @@
+# inkstream
+
+Welcome to a brand new Jekyll theme!
+
+**What Is Inkstream?**
+
+Inkstream is a Jekyll theme for creating a personal blogging, embodying the fluidity of ink in the art of writing. It is designed to be a simple, clean, and responsive theme for your personal blog.
+
+Preview the theme to see what it looks like, or even use it today. You can also view the theme's [live demo](https://inkstream.netlify.app/).
+
+| Home | Blog |
+|:---:|:---:|
+| ![Inkstream theme preview](/demo/home.png) | ![Inkstream theme preview](/demo/blog.png) |
+
+**Features**
+
+- Clean and minimal design
+- Responsive and mobile-friendly
+- Syntax highlighting
+- Pagination
+- Atom feed
+<!-- - SEO optimized
+- Google Analytics
+- Disqus comments -->
+<!-- - Tested in all major browsers, including **IE and Edge**
+- Built in **Service Worker** so it can work offline and on slow connections
+- **Configurable colours** and typography in a single settings file
+- Extensive set of **shortcodes** to include various elements; such as buttons, icons, figure images and more
+- Solid **typographic framework** from [Sassline](https://sassline.com/)
+- Configurable navigation via a single file
+- Modular Jekyll components
+- Post category support in the form of a single post index page grouped by category
+- Built in live search using JavaScript
+- **Contact form** built in using [Formspree](https://formspree.io/)
+- Designed with **[Siteleaf](https://www.siteleaf.com/)** in mind
+- Has 9 of the most popular networks as performant sharing buttons
+- Has documentation -->
+
+**Directory Structure**
+
+```plaintext
+inkstream
+├── _includes
+├── _layouts
+├── _sass
+├── assets
+└── _config.yml
+```
+
+## Installation
+
+Add this line to your Jekyll site's `Gemfile`:
+
+```ruby
+gem "inkstream"
+```
+
+And add this line to your Jekyll site's `_config.yml`:
+
+```yaml
+theme: inkstream
+```
+
+And then execute:
+
+```bash
+bundle
+```
+
+Or install it yourself as:
+
+```bash
+gem install inkstream
+```
+
+## Usage
+
+TODO: Write usage instructions here. Describe your available layouts, includes, sass and/or assets.
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at https://github.com/dev-mdirfan/inkstream. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](https://www.contributor-covenant.org/) code of conduct.
+
+## Development
+
+To set up your environment to develop this theme, run `bundle install`.
+
+Your theme is setup just like a normal Jekyll site! To test your theme, run `bundle exec jekyll serve` and open your browser at `http://localhost:4000`. This starts a Jekyll server using your theme. Add pages, documents, data, etc. like normal to test your theme's contents. As you make modifications to your theme and to your content, your site will regenerate and you should see the changes in the browser after a refresh, just like normal.
+
+When your theme is released, only the files in `_layouts`, `_includes`, `_sass` and `assets` tracked with Git will be bundled.
+To add a custom directory to your theme-gem, please edit the regexp in `inkstream.gemspec` accordingly.
+
+## License
+
+The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).

data/_config.yml

@@ -0,0 +1,131 @@
+### Site Configuration ###
+
+# 1. Files excluded from Jekyll builds
+exclude:
+    - README.md
+    - LICENSE
+    - CNAME
+    - Gemfile
+    - Gemfile.lock
+    - inkstream.gemspec
+    - .jekyll-cache
+
+# 2. Installed Gems
+plugins:
+    - jekyll-paginate
+    - jekyll-seo-tag
+
+# 3. Gem settings
+paginate: 5 # jekyll-paginate > items per page
+paginate_path: blog/:num # jekyll-paginate > blog page
+author: MohdIrfan # jekyll-seo-tag > default author
+twitter:
+    username: mohdirfan57 # jekyll-seo-tag > Owners twitter username
+social: # jekyll-seo-tag > social overrides
+    name: Mohd Irfan # jekyll-seo-tag > real name
+    links: # jekyll-seo-tag > social aliases (sameAs)
+        - https://twitter.com/mohdirfan57 # Add your Twitter URL
+        - https://www.linkedin.com/in/mdirfan57 # Add your LinkedIn URL
+        - https://github.com/dev-mdirfan # Add your GitHub URL
+
+# 4. Jekyll settings
+# sass:
+#     style: compressed # Style compression
+# permalink: pretty # Permalink style (/YYYY/MM/DD/page-name/)
+# excerpt_separator: <!-- more --> # Marks end of excerpt in posts
+# timezone: Europe/London # Timezone for blog posts and alike
+
+# 5. Jekyll collections settings
+collections:
+    posts:
+        title: Posts # Needed for Siteleaf
+        output: true
+        description: 'My thoughts and ideas' # The post list page content
+        pin: true # Pin the post to the top of the list
+        image: 'https://picsum.photos/2560/600?image=866'
+
+# 6. Jekyll defaults
+defaults:
+    - scope:
+          path: ''
+      values:
+          image: '/assets/images/posts/default-post-img.jpg' # Default image for sharing
+    - scope:
+          path: ''
+          type: 'posts'
+      values:
+          layout: post # Set the default layout for posts
+    - scope:
+          path: ''
+          type: 'pages'
+      values:
+          layout: page # Set the default layout for pages
+
+# 7. Site settings
+encoding: utf-8 # Make sure the encoding is right
+lang: en # Set the site language
+title: 'Inkstream' # Site name or title, also used in jekyll-seo-tag
+logo: '/assets/logo/logo.jpg' # Site logo, also used in jekyll-seo-tag
+description: 'Inkstream is a sleek and modern Jekyll theme tailored for bloggers seeking a seamless platform to express their ideas and stories. With its elegant design and intuitive features, Inkstream facilitates the continuous flow of content creation, empowering users to share their thoughts effortlessly.' # Site description and default description, also used in jekyll-seo-tag
+url: 'https://inkstream.netlify.app' # Site url, also used in jekyll-seo-tag
+baseurl: ''
+repo: 'https://github.com/dev-mdirfan/inkstream' # Site repository, also used in jekyll-seo-tag
+email: 'mdirfan5702@gmail.com'
+# short_name: "Al" # The web application short name, defaults to the site title
+css_inline: false # Will insert all styles into a single <style> block in the <head> element and remove the style <link> reference
+
+# 8. Site favicons & manifest icons
+favicons: # Favicons are also used in the manifest file. Syntax is 'size: path'
+    '16': '/assets/favicon/favicon-16x16.png'
+    '32': '/assets/favicon/favicon-32x32.png'
+    '150': '/assets/favicon/mstile-150x150.png'
+    '180': '/assets/favicon/apple-touch-icon.png'
+    '192': '/assets/favicon/android-chrome-192x192.png'
+    '512': '/assets/favicon/android-chrome-512x512.png'
+    webmanifest: '/assets/favicon/site.webmanifest'
+    safari: '/assets/favicon/safari-pinned-tab.svg'
+
+# 9. Site navigation
+navigation_header:
+    - title: Home
+      url: /
+      icon: home
+    - title: Blog
+      url: /blog/
+      icon: blog
+    - title: About Me
+      url: /about/
+      icon: user
+
+navigation_footer:
+    - title: Mohd Irfan
+      url: https://github.com/dev-mdirfan/
+
+# 10. Your Personal Info (Social links - Appears in sidebar)
+author:
+    name: Sarah Parker # Your name (required)
+    bio: 'A passionate web developer and designer.' # Short bio or description, You can also provide a link to the about page. (required)
+    profession: 'Web Developer' # Your profession (optional)
+    location: 'India' # Your location (optional)
+    email: your@gmail.com # Your email address (optional)
+social_links: # Set the urls then uncomment and comment out as desired
+    Twitter: https://twitter.com/mohdirfan57
+    LinkedIn: https://www.linkedin.com/in/mdirfan57
+    GitHub: https://github.com/dev-mdirfan
+    Stackoverflow: https://stackoverflow.com/users/13520260/mohd-irfan
+    Codepen: https://codepen.io/mohdirfan57
+download_resume: '/assets/resume/resume.pdf' # Add the path to your resume
+# sharing_links: # Appear at the bottom of single blog posts, add as desired. The value can be 'true' or the desired button colour
+#     Twitter: '#0d94e7'
+#     facebook: '#3B5998'
+#     Email: true
+
+# # Load custom fonts from fonts.google.com etc
+# #
+# # TIP: Try to keep the number of urls as low to reduce the performance cost
+# #      If multiple fonts can be requested in a single url opt for this
+# fonts:
+#     preconnect_urls:
+#         - https://fonts.gstatic.com
+#     font_urls:
+#         - https://use.fontawesome.com/releases/v5.7.1/js/all.js

data/_includes/button.html

@@ -0,0 +1,4 @@
+<a href="{{ include.link | default: '#' }}" {% if include.color %} class="btn-{{ include.color }} btn-sm" {% else %}
+    class="btn-primary btn-sm" {% endif %}>
+    {{ include.text | default: "Button" }} {% if include.icon %}&nbsp;{% include icon.html name=include.icon %}{% endif
+    %}</a>

data/_includes/icon.html

@@ -0,0 +1 @@
+<i class="fab fa-{{ include.name }} fa-fw"></i>

data/_includes/nav-default.html

@@ -0,0 +1,23 @@
+<nav class="nav">
+    <ul class="list list--nav">
+        {% for item in site.html_pages %}
+        {% unless item.title == false or item.url contains "/page" or item.url contains "/404.html" %}
+        <li class="item  item--nav{% if item.url == page.url %}  item--current{% endif %}">
+
+            {% if item.url contains '://' %}
+            {% assign url = item.url %}
+            {% else %}
+            {% assign url = item.url | relative_url %}
+            {% endif %}
+
+            {% if item.collectionpage %}
+            {% assign collectiondata = site.collections | where: "label", item.collectionpage | first %}
+            <a href="{{ url }}">{{ collectiondata.title }}</a>
+            {% else %}
+            <a href="{{ url }}">{{ item.title }}</a>
+            {% endif %}
+        </li>
+        {% endunless %}
+        {% endfor %}
+    </ul>
+</nav>

data/_includes/nav-header.html

@@ -0,0 +1,25 @@
+{% if site.navigation_header %}
+{% assign nav = site.navigation_header %}
+<nav>
+    <ul class="navbar-nav flex-column text-left">
+        {% for item in nav %}
+        {% if item.url contains '://' %}
+        {% assign url = item.url %}
+        {% else %}
+        {% assign url = item.url | relative_url %}
+        {% endif %}
+        {% assign icon = item.icon %}
+        <li class="nav-item {% if item.url == page.url %} active {% endif %}">
+            <a class="nav-link" href="{{ url }}"><i class="fas fa-{{ icon }} fa-fw mr-2"></i>
+                {{ item.title }}
+                {% if item.url == page.url %}
+                <span class="sr-only">(current)</span>
+                {% endif %}
+            </a>
+        </li>
+        {% endfor %}
+    </ul>
+</nav>
+{% else %}
+{% include nav-default.html %}
+{% endif %}

data/_includes/post-list.html

@@ -0,0 +1,59 @@
+{% if paginator.posts %}
+{% for page in paginator.posts %}
+{% capture words %}
+{{ page.content | number_of_words }}
+{% endcapture %}
+<div class="card shadow-sm my-4">
+    <div class="d-flex justify-content-between">
+        <img class="card-img-top" src="{{ page.image | relative_url }}" alt="{{ page.title }}"
+            style="width: 250px; object-fit: cover;">
+        <div class="card-body">
+            <h3 class="card-title">
+                <a href="{{ site.baseurl }}{{ page.url }}">{{ page.title }}</a>
+            </h3>
+            <p class="card-text">{{ page.excerpt | markdownify | truncatewords: 42 }}</p>
+            <a href="{{ site.baseurl }}{{ page.url }}" class="btn btn-primary">Read more &rarr;</a>
+        </div>
+    </div>
+
+    <div class="card-footer text-muted d-flex justify-content-between">
+        <span class="date">Published on {{ page.date | date: "%b %-d, %Y" }}</span>
+        <span class="comment"><a href="#">4 comments</a></span>
+        <span class="time align-content-end">
+            <i class="fas fa-clock fa-fw mr-1"></i>{{ words | divided_by: 180 | append: ' min read' }} &bull; {{ words
+            }}
+            words
+        </span>
+    </div>
+</div>
+{% endfor %}
+{% include post-pagination.html %}
+{% else %}
+{% for page in site.posts %}
+{% capture words %}
+{{ page.content | number_of_words }}
+{% endcapture %}
+<div class="card shadow-sm my-4">
+    <div class="d-flex justify-content-between">
+        <img class="card-img-top" src="{{ page.image | relative_url }}" alt="{{ page.title }}"
+            style="width: 250px; object-fit: cover;">
+        <div class="card-body">
+            <h3 class="card-title">
+                <a href="{{ site.baseurl }}{{ page.url }}">{{ page.title }}</a>
+            </h3>
+            <p class="card-text">{{ page.excerpt | markdownify | truncatewords: 42 }}</p>
+            <a href="{{ site.baseurl }}{{ page.url }}" class="btn btn-primary">Read more &rarr;</a>
+        </div>
+    </div>
+    <div class="card-footer text-muted d-flex justify-content-between">
+        <span class="date">Published on {{ page.date | date: "%b %-d, %Y" }}</span>
+        <span class="comment"><a href="#">4 comments</a></span>
+        <span class="time align-content-end">
+            <i class="fas fa-clock fa-fw mr-1"></i>{{ words | divided_by: 180 | append: ' min read' }} &bull; {{ words
+            }}
+            words
+        </span>
+    </div>
+</div>
+{% endfor %}
+{% endif %}

data/_includes/post-pagination.html

@@ -0,0 +1,29 @@
+<nav class="blog-nav nav nav-justified my-5">
+    {% if paginator.total_pages > 1 %}
+    {% if paginator.previous_page %}
+    <a class="nav-link-prev nav-item nav-link rounded-left rounded-right mx-2"
+        href="{{ site.baseurl }}{{ paginator.previous_page_path }}">Previous Page ({{ paginator.previous_page }})
+        <i class="arrow-prev fas fa-long-arrow-alt-left"></i>
+    </a>
+    {% else %}
+    <span class="nav-link-prev nav-item nav-link rounded-left rounded-right mx-2"
+        style="background-color: slategrey;">Previous Page
+        <i class="arrow-prev fas fa-long-arrow-alt-left"></i>
+    </span>
+    {% endif %}
+
+    
+
+    {% if paginator.next_page %}
+    <a class="nav-link-next nav-item nav-link rounded-left rounded-right mx-2"
+        href="{{ site.baseurl }}{{ paginator.next_page_path }}">Next Page ({{ paginator.next_page }})
+        <i class="arrow-next fas fa-long-arrow-alt-right"></i>
+    </a>
+    {% else %}
+    <span class="nav-link-next nav-item nav-link rounded-left rounded-right mx-2" style="background-color: slategrey;">
+        Next Page
+        <i class="arrow-next fas fa-long-arrow-alt-right"></i>
+    </span>
+    {% endif %}
+    {% endif %}
+</nav>

data/_includes/promo-section.html

@@ -0,0 +1,12 @@
+<section class="promo-section theme-bg-light py-5 text-center">
+    <div class="container">
+        <h2 class="title">Promo Section Heading</h2>
+        <p>You can use this section to promote your side projects etc. Lorem ipsum dolor sit amet, consectetuer
+            adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. </p>
+        <figure class="promo-figure">
+            <a href="https://made4dev.com" target="_blank"><img class="img-fluid"
+                    src="assets/images/promo-banner.jpg" alt="image"></a>
+        </figure>
+    </div><!--//container-->
+</section>
+<!-- Promo Section-->

data/_includes/site-before-end.html

@@ -0,0 +1 @@
+<!-- Overwrite this file with code you want before the closing body tag -->

data/_includes/site-before-start.html

@@ -0,0 +1 @@
+<!-- Overwrite this file with code you want before the closing head tag -->

data/_includes/site-favicons.html

@@ -0,0 +1,12 @@
+{% if site.favicons %}
+{% assign icon = site.favicons %}
+<link rel="apple-touch-icon" sizes="180x180" href="{{ icon.180 | relative_url }}">
+<link rel="icon" type="image/png" sizes="32x32" href="{{ icon.32 | relative_url }}">
+<link rel="icon" type="image/png" sizes="16x16" href="{{ icon.16 | relative_url }}">
+<link rel="manifest" href="{{ icon.webmanifest | relative_url }}">
+<link rel="mask-icon" href="{{ icon.safari | relative_url }}" color="#5bbad5">
+<meta name="msapplication-TileColor" content="#da532c">
+<meta name="theme-color" content="#ffffff">
+{% else %}
+<link rel="shortcut icon" href="{{ site.avatarurl + '?s=32' | default: site.logo | relative_url }}">
+{% endif %}

data/_includes/site-fonts.html

@@ -0,0 +1,13 @@
+{% if site.fonts.font_urls %}
+    {% for font in site.fonts.font_urls %}
+        <script defer src="{{ font }}"
+        integrity="sha384-eVEQC9zshBn0rFj4+TU78eNA19HMNigMviK/PU/FFjLXqa/GKPgX58rvt5Z8PLs7" crossorigin="anonymous">
+        </script>
+    {% endfor %}
+    <noscript>
+        {% for font in site.fonts.font_urls %}
+            <link href="{{ font }}" rel="stylesheet" />
+        {% endfor %}
+    </noscript>
+{% endif %}
+

data/_includes/site-footer-default.html

@@ -0,0 +1,17 @@
+<div class="d-md-flex mx-3">
+    <small class="copyright">
+        &copy; <a href="{{ site.url }}">{{ site.title }}</a> {{ site.time | date: '%Y' }}
+    </small>
+    <small class="text-center" style="right: 0;">
+        <a href="{{ site.repo }}" target="_blank">
+            <i class="fab fa-github-alt fa-fw"></i>
+            Fork Repo
+        </a>
+    </small>
+    <small class="copyright">
+        Created by
+        <a href="https://mdirfan.vercel.app" target="_blank">
+            Mohd Irfan
+        </a> for developers <i class="fas fa-heart" style="color: #e62406;"></i>
+    </small>
+</div>

data/_includes/site-footer.html

@@ -0,0 +1,23 @@
+<footer class="footer text-center py-2 theme-bg-dark" style="position: fixed; right: 0; left: 280px; bottom: 0;">
+    {% if site.navigation_footer %}
+    <div class="d-flex mx-3 justify-content-between">
+        <small class="copyright">
+            &copy; <a href="{{ site.url }}">{{ site.title }}</a> {{ site.time | date: '%Y' }}
+        </small>
+        <small class="text-center" style="right: 0;">
+            <a href="{{ site.repo }}" target="_blank">
+                <i class="fab fa-github-alt fa-fw"></i>
+                Fork Repo
+            </a>
+        </small>
+        <small class="copyright">
+            Created by
+            <a href="{{ site.navigation_footer[0].url }}" target="_blank">
+                {{ site.navigation_footer[0].title }}
+            </a> for developers <i class="fas fa-heart" style="color: #e62406;"></i>
+        </small>
+    </div>
+    {% else %}
+    {% include site-footer-default.html %}
+    {% endif %}
+</footer>

data/_includes/site-header.html

@@ -0,0 +1,66 @@
+<header class="header text-center">
+    <nav class="navbar navbar-expand-lg navbar-dark">
+
+        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navigation"
+            aria-controls="navigation" aria-expanded="false" aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+        </button>
+
+        <div id="navigation" class="collapse navbar-collapse flex-column">
+            <!-- Profile Section Start -->
+            <div class="profile-section pt-3 pt-lg-0">
+                <img class="profile-image mb-3 rounded-circle mx-auto" src="{{ site.logo | relaive_url }}" alt="image">
+                <h3 class="blog-name pt-2 mb-3"><a href="{{ site.navigation_header[0].url }}">{{ site.title }}'s
+                        Blog</a></h3>
+
+                <div class="bio mb-3">
+                    Hi, my name is {{ site.author.name }}.
+                    <p>
+                        {{ site.author.bio }}
+                    </p>
+                    <p>I am a {{ site.author.profession }}.</p>
+                    <p>
+                        <strong>Email: &nbsp;</strong><a href="mailto:{{ site.email }}">
+                            {{ site.author.email }}
+                        </a>
+                    </p>
+                </div>
+                <!-- Bio Section Start-->
+                <ul class="social-list list-inline py-3 mx-auto">
+                    <!-- Social List -->
+                    {% if site.social_links.Twitter %}
+                    <li class="list-inline-item"><a href="{{ site.social_links.Twitter }}"><i
+                                class="fab fa-twitter fa-fw"></i></a></li>
+                    {% endif %}
+                    {% if site.social_links.LinkedIn %}
+                    <li class="list-inline-item"><a href="{{ site.social_links.LinkedIn }}"><i
+                                class="fab fa-linkedin-in fa-fw"></i></a></li>
+                    {% endif %}
+                    {% if site.social_links.Github %}
+                    <li class="list-inline-item"><a href="{{ site.social_links.GitHub }}"><i
+                                class="fab fa-github-alt fa-fw"></i></a></li>
+                    {% endif %}
+                    {% if site.social_links.Stackoverflow %}
+                    <li class="list-inline-item"><a href="{{ site.social_links.Stackoverflow }}"><i
+                                class="fab fa-stack-overflow fa-fw"></i></a></li>
+                    {% endif %}
+                    {% if site.social_links.Codepen %}
+                    <li class="list-inline-item"><a href="{{ site.social_links.Codepen }}"><i
+                                class="fab fa-codepen fa-fw"></i></a></li>
+                    {% endif %}
+                </ul>
+                <!-- Bio Section end-->
+                <hr style="background: white;">
+            </div>
+            <!-- Profile Section End-->
+
+
+            {% include nav-header.html %}
+
+            <div class="my-2 my-md-3">
+                <a class="btn btn-primary" href="{{ site.download_resume | relative_url}}" target="_blank"
+                    download="{{ site.title }}-resume">Download Resume</a>
+            </div>
+        </div>
+    </nav>
+</header>

data/_includes/site-styles.html

@@ -0,0 +1,6 @@
+{% capture styles %}
+    @import "alembic";
+{% endcapture %}
+<style>
+    {{ styles | scssify | strip_newlines }}
+</style>

data/_layouts/blog.html

@@ -0,0 +1,24 @@
+---
+layout: default
+---
+
+<!-- Header -->
+{% include site-header.html %}
+
+<div class="main-wrapper">
+
+    <section class="blog-list px-3 py-5 p-md-5">
+        <div class="container">
+            <!-- Page heading and total number of posts -->
+            <h1 class="font-weight-bold pb-3">Blog</h1>
+            <hr>
+            <p class="text-muted text-uppercase mb-4">Found {{ paginator.total_posts }} posts</p>
+            {% include post-list.html %}
+
+
+        </div>
+    </section>
+
+    <!-- Footer -->
+    {% include site-footer.html %}
+</div>