inkstream 0.1.2 → 0.1.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 6a9e843dcf7cefdbd637cda47a67c4665f4b94771b79785e25da1cb983236a66
-  data.tar.gz: e8a9942bf4eeaa5da89579d648fb76744ab3687c736941899a30589e6f1f0502
+  metadata.gz: c64aa327fdb86f1c87a1453fc6ba215890bd846482d9cefe751351ba9b30eabf
+  data.tar.gz: 3996db1960094a582351be8fdf077f0637ebfcbf79db496db5d04e63e7223240
 SHA512:
-  metadata.gz: e9a8effb5b55e8d4073f7de2bd5558102f6280eb841e92b388a26b41a1f30be8e4767dbfffdd6b3f470cd5969b77cf81a290ff6a7f2957d173086b3c8c35984a
-  data.tar.gz: cc75fedf222238643045c9f984edadc9cf8c2b564defbab569fd0a97470025d91410166afeb462a8c374c3f81255ee0e75373075bfd4d5cf19305b0456209aa9
+  metadata.gz: 8f353d93f2f4d9b0f92a64e7b8a40cd2f67d0c826e189e21fefc525a2c66db6b41b9d68bf4e8c9aafa24e3a284f33aadc076a9a795cbcdbc98ef5f3813b9ff8d
+  data.tar.gz: 5be0b4a9f243b4599e14cef3c8f4a929a51bfc04fa6162fa5ca1453ed049ae17f69e71f848e1b5f2a9ef662f6e89ffbefaffae9c82fd5ad1b117ce0961045cc8

data/README.md

@@ -1,4 +1,4 @@
-# inkstream
+# Inkstream [![Gem Version](https://badge.fury.io/rb/inkstream.svg)](https://badge.fury.io/rb/inkstream)
 
 Welcome to a brand new Jekyll theme!
 

data/_config.yml

@@ -1,24 +1,150 @@
-### Site Configuration ###
+# =================================================================================
+# Site Configuration
+# =================================================================================
 
-# 1. Files excluded from Jekyll builds
+title               :   blank                           # The site title (if blank, full name will be used instead)
+full_name           :   Your Full Name                  # The full site name (if blank, title will be used instead)
+email               :   'your@gmail.com'                # Your email address
+lang                :   en                              # Site language (en for English)
+encoding            :   utf-8                           # Site encoding (utf-8 for Unicode)
+icon                :   '/assets/favicon/favicon.ico'   # Site favicon
+logo                :   '/assets/logo/logo.jpg'         # Site logo, also used in jekyll-seo-tag
+home-bg             :   '/assets/images/home-bg.jpg'    # Home background image
+url                 :   'https://inkstream.netlify.app' # Site URL (if using a custom domain)
+baseurl             :   ''                              # Site base URL (add if site is not at root)
+repo                :   'https://github.com/dev-mdirfan/inkstream' # Site repository, also used in jekyll-seo-tag
+description         :   > # Site description and default description, also used in jekyll-seo-tag
+    A minimal, responsive, and fast Jekyll theme for personal blogs and portfolios.
+keywords            :   > # For SEO
+    jekyll, theme, minimal, responsive, blog, portfolio, fast, seo, social, web, development
+footer_text         :   '© 2021 Inkstream'  # Footer text
+
+
+
+# =================================================================================
+# Theme Settings
+# =================================================================================
+
+# ---
+
+
+
+
+# =================================================================================
+# Social Integration
+# =================================================================================
+
+social_links: # Leave blank according to your need
+    linkedin_username       :   mdirfan57               # Your LinkedIn username
+    github_username         :   dev-mdirfan             # Your GitHub username
+    twitter_username        :   mohdirfan57             # Your Twitter username
+    stackoveflow_username   :   13520260/mohd-irfan     # Your Stackoverflow username
+    codepen_username        :   mohdirfan57             # Your Codepen username
+
+user:
+    name        :   Sarah Parker                # Your name (required)
+    bio         :   'A passionate web developer and designer.'    # Short bio, You can also provide a links.
+    profession  :   'Web Developer'             # Your profession (optional)
+    location    :   'India'                     # Your location (optional)
+    email       :   your@gmail.com              # Your email address (optional)
+
+download_resume: '/assets/resume/resume.pdf'    # Add the path to your resume
+
+
+
+# =================================================================================
+# Jekyll Settings
+# =================================================================================
+
+# Markdown and syntax highlight
+markdown: kramdown
+highlighter: rouge
+kramdown:
+    input: GFM
+    syntax_highlighter_opts:
+        css_class: "highlight"
+        span:
+            line_numbers: false
+        block:
+            line_numbers: false
+            start_line: 1
+
+# Includes & excludes
+include: ["_pages", "blog", "_posts"]
 exclude:
     - README.md
     - LICENSE
+    - CODE_OF_CONDUCT.md
     - CNAME
     - Gemfile
     - Gemfile.lock
     - inkstream.gemspec
     - .jekyll-cache
+    - /demo/
+    # - CONTRIBUTING.md
+    # - INSTALL.md
 
-# 2. Installed Gems
+# Plugins
 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
+# Defaults
+defaults:
+    - # Page settings
+        scope:
+            path: ""
+            type: "pages"
+        values:
+            layout: "page"
+    - # Post settings
+        scope:
+            path: ""
+            type: "posts"
+        values:
+            layout: "post"
+    -
+        scope:
+            path: ""
+        values:
+            image: '/assets/images/posts/default-post-img.jpg' # Default post image
+    # - # Sitemap settings
+    #     scope:
+    #         path: "assets"
+    #     values:
+    #         sitemap: false
+
+
+
+# =================================================================================
+# Site Navigation
+# =================================================================================
+
+# Nav Links
+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/
+
+# Gem settings (jekyll-paginate, jekyll-seo-tag)
+paginate            : 5         # jekyll-paginate > items per page
+paginate_path       : blog/:num # jekyll-paginate > blog page
+pinned              : false     # jekyll-seo-tag > pin the post to the top of the list
+author              : MohdIrfan # jekyll-seo-tag > default author
 twitter:
     username: mohdirfan57 # jekyll-seo-tag > Owners twitter username
 social: # jekyll-seo-tag > social overrides
@@ -44,36 +170,6 @@ collections:
         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'
@@ -85,39 +181,7 @@ favicons: # Favicons are also used in the manifest file. Syntax is 'size: path'
     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

data/_includes/head.html

@@ -0,0 +1,41 @@
+<!-- Metadata -->
+<meta charset="{{ site.encoding | default: 'utf-8' }}">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+<meta name="description" content="{{ site.description | default: 'A sleek and modern Jekyll theme tailored for bloggers seeking a seamless platform to express their ideas and stories.' }}">
+<meta name="author" content="{{ site.author.name }}">
+<!-- Favicons -->
+{% if site.favicons or site.avatarurl %}{% include site-favicons.html %}{% endif %}
+
+
+{% if page.indexing == false %}
+<meta name="robots" content="noindex">
+{% endif %}
+
+{% if page.collectionpage %}
+{% seo title=false %}
+
+{% assign collectiondata = site.collections | where: "label", page.collectionpage | first %}
+<!-- Title -->
+<title>{{ collectiondata.title }} | {{ site.title }}</title>
+<meta property="og:title" content="{{ collectiondata.title }}">
+<meta name="description" content="{{ collectiondata.description }}">
+<meta property="og:description" content="{{ collectiondata.description }}">
+{% else %}
+{% seo %}
+{% endif %}
+
+<!-- FontAwesome JS-->
+<!-- {% include site-fonts.html %} -->
+<script src="https://use.fontawesome.com/releases/v5.7.1/js/all.js"
+    integrity="sha384-eVEQC9zshBn0rFj4+TU78eNA19HMNigMviK/PU/FFjLXqa/GKPgX58rvt5Z8PLs7" crossorigin="anonymous">
+    </script>
+
+
+{% if site.css_inline == true %}
+{% include site-styles.html %}
+{% else %}
+<!-- CSS -->
+<link id="theme-style" rel="stylesheet" href="{{ '/assets/css/styles.css' | relative_url }}">
+{% endif %}
+<!-- End of _includes/head.html -->

data/_includes/nav-default.html

@@ -1,7 +1,7 @@
 <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" %}
+        {% unless item.title == false or item.url contains "/page" or item.url contains "/404" %}
         <li class="item  item--nav{% if item.url == page.url %}  item--current{% endif %}">
 
             {% if item.url contains '://' %}

data/_includes/post-comments.html

@@ -0,0 +1,38 @@
+<div class="blog-comments-section">
+    <div id="disqus_thread"></div>
+    <script>
+        /**
+         *  RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT 
+         *  THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR 
+         *  PLATFORM OR CMS.
+         *  
+         *  LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: 
+         *  https://disqus.com/admin/universalcode/#configuration-variables
+         */
+        /*
+        var disqus_config = function () {
+            // Replace PAGE_URL with your page's canonical URL variable
+            this.page.url = PAGE_URL;  
+            
+            // Replace PAGE_IDENTIFIER with your page's unique identifier variable
+            this.page.identifier = PAGE_IDENTIFIER; 
+        };
+        */
+
+        (function () {  // REQUIRED CONFIGURATION VARIABLE: EDIT THE SHORTNAME BELOW
+            var d = document, s = d.createElement('script');
+
+            // IMPORTANT: Replace 3wmthemes with your forum shortname!
+            s.src = 'https://3wmthemes.disqus.com/embed.js';
+
+            s.setAttribute('data-timestamp', +new Date());
+            (d.head || d.body).appendChild(s);
+        })();
+    </script>
+    <noscript>
+        Please enable JavaScript to view the
+        <a href="https://disqus.com/?ref_noscript" rel="nofollow">
+            comments powered by Disqus.
+        </a>
+    </noscript>
+</div><!--//blog-comments-section-->

data/_includes/post-list.html

@@ -1,9 +1,47 @@
+{% if page.url == "/blog/" %}
+{% for post in site.posts %}
+{% if post.pinned == true %}
+{% capture words %}
+{{ post.content | number_of_words }}
+{% endcapture %}
+<div class="card my-4 shadow-lg">
+    <div class="d-flex justify-content-between">
+        <!-- pinned -->
+        <small class="text-muted position-absolute" style="top: 10px; left: 10px; z-index: 1;">
+            <span class="badge-warning rounded">📌 <strong>Pinned</strong> &nbsp;</span>
+        </small>
+        <img class="card-img-top" src="{{ post.image | relative_url }}" alt="{{ post.title }}"
+            style="width: 250px; object-fit: cover;">
+        <div class="card-body">
+            <h3 class="card-title">
+                <a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a>
+            </h3>
+            <p class="card-text">{{ post.excerpt | markdownify | truncatewords: 42 }}</p>
+            <a href="{{ site.baseurl }}{{ post.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 {{ post.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>
+{% endif %}
+{% endfor %}
+{% endif %}
+
 {% if paginator.posts %}
 {% for page in paginator.posts %}
+{% unless page.pinned %}
 {% capture words %}
 {{ page.content | number_of_words }}
 {% endcapture %}
-<div class="card shadow-sm my-4">
+<div class="card my-4 shadow-lg">
     <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;">
@@ -21,11 +59,11 @@
         <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
+            }} words
         </span>
     </div>
 </div>
+{% endunless %}
 {% endfor %}
 {% include post-pagination.html %}
 {% else %}
@@ -56,4 +94,5 @@
     </div>
 </div>
 {% endfor %}
+{% include post-pagination.html %}
 {% endif %}

data/_includes/scripts/bootstrap.html

@@ -0,0 +1 @@
+<script src="{{ 'assets/plugins/bootstrap/js/bootstrap.min.js' | relative_url }}"></script>

data/_includes/scripts/jquery.html

@@ -0,0 +1 @@
+<script src="{{ 'assets/plugins/jquery-3.3.1.min.js' | relative_url }}"></script>

data/_includes/scripts/popper.html

@@ -0,0 +1 @@
+<script src="{{'assets/plugins/popper.min.js' | relative_url  }}"></script>

data/_includes/site-header.html

@@ -9,47 +9,29 @@
         <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>
+                <a href="{{ site.navigation_header[0].url }}">
+                    <img class="profile-image mb-3 rounded-circle mx-auto" src="{{ site.logo | relaive_url }}" alt="image">
+                </a>
+                <h3 class="blog-name pt-2 mb-3">
+                    <a href="{{ site.navigation_header[0].url }}">{{ site.user.name }}'s Blog</a>
+                </h3>
 
+                <!-- Bio Section Start-->
                 <div class="bio mb-3">
-                    Hi, my name is {{ site.author.name }}.
+                    Hi, my name is {{ site.user.name }}.
                     <p>
-                        {{ site.author.bio }}
+                        {{ site.user.bio }}
                     </p>
-                    <p>I am a {{ site.author.profession }}.</p>
+                    <p>I am a {{ site.user.profession }}.</p>
                     <p>
                         <strong>Email: &nbsp;</strong><a href="mailto:{{ site.email }}">
-                            {{ site.author.email }}
+                            {{ site.user.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 %}
+                    {% include social.html %}
                 </ul>
-                <!-- Bio Section end-->
                 <hr style="background: white;">
             </div>
             <!-- Profile Section End-->

data/_includes/social.html

@@ -0,0 +1,36 @@
+<!-- Social List -->
+{% if site.social_links.linkedin_username %}
+<li class="list-inline-item">
+    <a href="https://www.linkedin.com/in/{{ site.social_links.linkedin_username }}" target="_blank">
+        <i class="fab fa-linkedin-in fa-fw"></i>
+    </a>
+</li>
+{% endif %}
+{% if site.social_links.github_username %}
+<li class="list-inline-item">
+    <a href="https://github.com/{{ site.social_links.github_username }}" target="_blank">
+        <i class="fab fa-github-alt fa-fw"></i>
+    </a>
+</li>
+{% endif %}
+{% if site.social_links.twitter_username %}
+<li class="list-inline-item">
+    <a href="https://twitter.com/{{ site.social_links.twitter_username }}" target="_blank">
+        <i class="fab fa-twitter fa-fw"></i>
+    </a>
+</li>
+{% endif %}
+{% if site.social_links.stackoverflow_username %}
+<li class="list-inline-item">
+    <a href="https://stackoverflow.com/users/{{ site.social_links.stackoverflow_username }}" target="_blank">
+        <i class="fab fa-stack-overflow fa-fw"></i>
+    </a>
+</li>
+{% endif %}
+{% if site.social_links.codepen_username %}
+<li class="list-inline-item">
+    <a href="https://codepen.io/{{ site.social_links.codepen_usernamen }}" target="_blank">
+        <i class="fab fa-codepen fa-fw"></i>
+    </a>
+</li>
+{% endif %}

data/_layouts/default.html

@@ -2,61 +2,17 @@
 <html lang="{{ site.lang | default: 'en' }}">
 
 <head>
-	<!-- Meta -->
-	<meta charset="utf-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1.0">
-	<meta http-equiv="X-UA-Compatible" content="IE=edge">
-	<meta name="description" content="Blog Template">
-	<meta name="author" content="Xiaoying Riley at 3rd Wave Media">
-	<!-- Favicons -->
-	{% if site.favicons or site.avatarurl %}{% include site-favicons.html %}{% endif %}
-
-
-	{% if page.indexing == false %}
-	<meta name="robots" content="noindex">
-	{% endif %}
-
-	{% if page.collectionpage %}
-	{% seo title=false %}
-
-	{% assign collectiondata = site.collections | where: "label", page.collectionpage | first %}
-	<!-- Title -->
-	<title>{{ collectiondata.title }} | {{ site.title }}</title>
-	<meta property="og:title" content="{{ collectiondata.title }}">
-	<meta name="description" content="{{ collectiondata.description }}">
-	<meta property="og:description" content="{{ collectiondata.description }}">
-	{% else %}
-	{% seo %}
-	{% endif %}
-
-	<!-- FontAwesome JS-->
-	<!-- {% include site-fonts.html %} -->
-	<script src="https://use.fontawesome.com/releases/v5.7.1/js/all.js"
-		integrity="sha384-eVEQC9zshBn0rFj4+TU78eNA19HMNigMviK/PU/FFjLXqa/GKPgX58rvt5Z8PLs7"
-		crossorigin="anonymous">
-	</script>
-
-
-	{% if site.css_inline == true %}
-	{% include site-styles.html %}
-	{% else %}
-	<!-- Theme CSS -->
-	<link id="theme-style" rel="stylesheet" href="{{ '/assets/css/styles.css' | relative_url }}">
-	{% endif %}
-
-	{% include site-before-start.html %}
+	{% include head.html %}
 </head>
 
 <body>
 
 	{{ content }}
 
-	{% include site-before-end.html %}
-	<!-- Javascript -->
-	<script src="{{ 'assets/plugins/jquery-3.3.1.min.js' | relative_url }}"></script>
-	<script src="{{'assets/plugins/popper.min.js' | relative_url  }}"></script>
-	<script src="{{ 'assets/plugins/bootstrap/js/bootstrap.min.js' | relative_url }}"></script>
-
+	<!-- JavaScripts -->
+    {% include scripts/jquery.html %}
+	{% include scripts/popper.html %}
+	{% include scripts/bootstrap.html %}
 </body>
 
 </html>

data/_layouts/page.html

@@ -2,13 +2,32 @@
 layout: default
 ---
 
+<style>
+    .theme-bg-image {
+        background-image: url("{{ site.home-bg | relative_url }}");
+        /* Replace 'path/to/your/image.jpg' with the actual path to your image */
+        background-size: cover;
+        background-position: center;
+        /* shadow */
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+    }
+
+    .theme-bg-image .container {
+        background-color: rgba(255, 255, 255, 0.8);
+        /* Adjust the alpha value to change the opacity of the background */
+        padding: 20px;
+        border-radius: 10px;
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+        /* Adjust the shadow as needed */
+    }
+</style>
+
 <!-- Header -->
 {% include site-header.html %}
 
 <!-- Main Wrapper Start -->
 <div class="main-wrapper">
-    <!-- Page Content -->
-    <section class="cta-section theme-bg-light py-5">
+    <section class="cta-section theme-bg-image py-5">
         <div class="container text-center">
             <h2 class="heading">Inkstream - Jekyll Blog Theme Made For Developers</h2>
             <div class="intro">Welcome to my blog. Subscribe and get my latest blog post in your inbox.</div>

data/_layouts/post.html

@@ -10,179 +10,47 @@ layout: default
         <div class="container">
             <header class="blog-post-header">
                 <h2 class="title mb-2">{{ page.title }}</h2>
-                <div class="meta mb-3"><span class="date">Published 3 months ago</span><span class="time">5 min
-                        read</span><span class="comment"><a href="#">4 comments</a></span></div>
+                <div class="meta mb-3">
+                    <span class="date">
+                        {% assign current_date = site.time | date: "%s" %}
+                        {% assign post_date = page.date | date: "%s" %}
+
+                        {% assign time_difference = current_date | minus: post_date %}
+                        {% assign seconds_in_a_day = 86400 %}
+                        {% assign seconds_in_a_month = 2628000 %}
+                        {% assign seconds_in_a_year = 31536000 %}
+
+                        {% if time_difference < seconds_in_a_day %} Posted {{ time_difference | divided_by: 60 | round
+                            }} minutes ago {% elsif time_difference < seconds_in_a_month %} Posted {{ time_difference |
+                            divided_by: seconds_in_a_day | round }} days ago {% elsif time_difference <
+                            seconds_in_a_year %} Posted {{ time_difference | divided_by: seconds_in_a_month | round }}
+                            months ago {% else %} Posted {{ time_difference | divided_by: seconds_in_a_year | round }}
+                            years ago {% endif %} </span>
+                            {% capture words %}
+                            {{ page.content | number_of_words }}
+                            {% endcapture %}
+                            <span class="time">{{ words | divided_by: 180 }} min read</span>
+                            <span class="time">{{ words }} words</span>
+                            <span class="comment">
+                                <a href="#">4 comments</a>
+                            </span>
+                </div>
             </header>
 
             <div class="blog-post-body">
                 <figure class="blog-banner">
-                    <a href="https://made4dev.com"><img class="img-fluid" src="assets/images/blog/blog-post-banner.jpg"
-                            alt="image"></a>
-                    <figcaption class="mt-2 text-center image-caption">Image Credit: <a
-                            href="https://made4dev.com?ref=devblog" target="_blank">made4dev.com (Premium Programming
-                            T-shirts)</a></figcaption>
+                    <a href="{{ page.image | relative_url }}">
+                        <img class="img-fluid rounded-left rounded-right shadow-sm" src="{{ page.image | relative_url }}"
+                            alt="{{ page.title }}" style="max-height: 400px; width: 100%;">
+                    </a>
+                    <figcaption class="mt-2 text-center image-caption">Image: {{ page.title | capitalize }}
+                    </figcaption>
                 </figure>
-                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean
-                    massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec
-                    quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
-                    Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut,
-                    imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.
-                    Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula,
-                    porttitor eu, consequat vitae, eleifend ac, enim. </p>
-
-                <h3 class="mt-5 mb-3">Code Block Example</h3>
-                <p>You can get more info at <a href="https://highlightjs.org/"
-                        target="_blank">https://highlightjs.org/</a>. Lorem ipsum dolor sit amet, consectetuer
-                    adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et
-                    magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque
-                    eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet
-                    nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam
-                    dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.
-                    Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac,
-                    enim. </p>
-                <pre>
-                    <code>
-function $initHighlight(block, cls) {
-try {
-if (cls.search(/\bno\-highlight\b/) != -1)
-  return process(block, true, 0x0F) +
-         ` class="${cls}"`;
-} catch (e) {
-/* handle exception */
-}
-for (var i = 0 / 2; i < classes.length; i++) {
-if (checkCondition(classes[i]) === undefined)
-  console.log('undefined');
-}
-}
-
-export  $initHighlight;
-                    </code>
-                </pre>
-                <h3 class="mt-5 mb-3">Typography</h3>
-                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean
-                    massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
-                <h5 class="my-3">Bullet Points:</h5>
-                <ul class="mb-5">
-                    <li class="mb-2">Lorem ipsum dolor sit amet consectetuer.</li>
-                    <li class="mb-2">Aenean commodo ligula eget dolor.</li>
-                    <li class="mb-2">Aenean massa cum sociis natoque penatibus.</li>
-                </ul>
-                <ol class="mb-5">
-                    <li class="mb-2">Lorem ipsum dolor sit amet consectetuer.</li>
-                    <li class="mb-2">Aenean commodo ligula eget dolor.</li>
-                    <li class="mb-2">Aenean massa cum sociis natoque penatibus.</li>
-                </ol>
-                <h5 class="my-3">Quote Example:</h5>
-                <blockquote class="blockquote m-lg-5 py-3 pl-4 px-lg-5">
-                    <p class="mb-2">You might not think that programmers are artists, but programming is an extremely
-                        creative profession. It's logic-based creativity.</p>
-                    <footer class="blockquote-footer">John Romero</footer>
-                </blockquote>
-
-                <h5 class="my-3">Table Example:</h5>
-                <table class="table table-striped my-5">
-                    <thead>
-                        <tr>
-                            <th scope="col">#</th>
-                            <th scope="col">First</th>
-                            <th scope="col">Last</th>
-                            <th scope="col">Handle</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr>
-                            <th scope="row">1</th>
-                            <td>Mark</td>
-                            <td>Otto</td>
-                            <td>@mdo</td>
-                        </tr>
-                        <tr>
-                            <th scope="row">2</th>
-                            <td>Jacob</td>
-                            <td>Thornton</td>
-                            <td>@fat</td>
-                        </tr>
-                        <tr>
-                            <th scope="row">3</th>
-                            <td>Larry</td>
-                            <td>the Bird</td>
-                            <td>@twitter</td>
-                        </tr>
-                    </tbody>
-                </table>
-
-                <h5 class="mb-3">Embed A Tweet:</h5>
-
-                <blockquote class="twitter-tweet" data-lang="en">
-                    <p lang="en" dir="ltr">1969:<br>-what&#39;re you doing with that 2KB of RAM?<br>-sending people to
-                        the moon<br><br>2017:<br>-what&#39;re you doing with that 1.5GB of RAM?<br>-running Slack</p>
-                    &mdash; I Am Devloper (@iamdevloper) <a
-                        href="https://twitter.com/iamdevloper/status/926458505355235328?ref_src=twsrc%5Etfw">November 3,
-                        2017</a>
-                </blockquote>
-                <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
-
-
-
-                <h3 class="mt-5 mb-3">Video Example</h3>
-                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean
-                    massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec
-                    quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. </p>
-
-                <div class="embed-responsive embed-responsive-16by9">
-                    <iframe width="560" height="315" src="https://www.youtube.com/embed/hnCmSXCZEpU" frameborder="0"
-                        allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
-                        allowfullscreen></iframe>
-                </div>
 
+                {{ content | markdownify}}
             </div>
 
-            <nav class="blog-nav nav nav-justified my-5">
-                <a class="nav-link-prev nav-item nav-link rounded-left" href="index.html">Previous<i
-                        class="arrow-prev fas fa-long-arrow-alt-left"></i></a>
-                <a class="nav-link-next nav-item nav-link rounded-right" href="blog-list.html">Next<i
-                        class="arrow-next fas fa-long-arrow-alt-right"></i></a>
-            </nav>
-
-            <div class="blog-comments-section">
-                <div id="disqus_thread"></div>
-                <script>
-                    /**
-                     *  RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT 
-                     *  THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR 
-                     *  PLATFORM OR CMS.
-                     *  
-                     *  LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: 
-                     *  https://disqus.com/admin/universalcode/#configuration-variables
-                     */
-                    /*
-                    var disqus_config = function () {
-                        // Replace PAGE_URL with your page's canonical URL variable
-                        this.page.url = PAGE_URL;  
-                        
-                        // Replace PAGE_IDENTIFIER with your page's unique identifier variable
-                        this.page.identifier = PAGE_IDENTIFIER; 
-                    };
-                    */
-
-                    (function () {  // REQUIRED CONFIGURATION VARIABLE: EDIT THE SHORTNAME BELOW
-                        var d = document, s = d.createElement('script');
-
-                        // IMPORTANT: Replace 3wmthemes with your forum shortname!
-                        s.src = 'https://3wmthemes.disqus.com/embed.js';
-
-                        s.setAttribute('data-timestamp', +new Date());
-                        (d.head || d.body).appendChild(s);
-                    })();
-                </script>
-                <noscript>
-                    Please enable JavaScript to view the
-                    <a href="https://disqus.com/?ref_noscript" rel="nofollow">
-                        comments powered by Disqus.
-                    </a>
-                </noscript>
-            </div><!--//blog-comments-section-->
+            {% include post-comments.html %}
 
         </div><!--//container-->
     </article>
@@ -194,8 +62,6 @@ export  $initHighlight;
 </div>
 <!-- Main Wrapper-->
 
-{{ content }}
-
-{% include post-pagination.html %}
+<!-- {% include post-pagination.html %} -->
 
 {% include site-footer.html %}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: inkstream
 version: !ruby/object:Gem::Version
-  version: 0.1.2
+  version: 0.1.4
 platform: ruby
 authors:
 - Mohd Irfan
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-02-05 00:00:00.000000000 Z
+date: 2024-02-06 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -52,6 +52,34 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '2.8'
+- !ruby/object:Gem::Dependency
+  name: rouge
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 4.2.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 4.2.0
+- !ruby/object:Gem::Dependency
+  name: kramdown
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 2.4.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 2.4.0
 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,
@@ -66,21 +94,25 @@ files:
 - README.md
 - _config.yml
 - _includes/button.html
+- _includes/head.html
 - _includes/icon.html
 - _includes/nav-default.html
 - _includes/nav-header.html
+- _includes/post-comments.html
 - _includes/post-list.html
 - _includes/post-meta.html
 - _includes/post-pagination.html
 - _includes/promo-section.html
-- _includes/site-before-end.html
-- _includes/site-before-start.html
+- _includes/scripts/bootstrap.html
+- _includes/scripts/jquery.html
+- _includes/scripts/popper.html
 - _includes/site-favicons.html
 - _includes/site-fonts.html
 - _includes/site-footer-default.html
 - _includes/site-footer.html
 - _includes/site-header.html
 - _includes/site-styles.html
+- _includes/social.html
 - _layouts/blog.html
 - _layouts/default.html
 - _layouts/page.html
@@ -97,7 +129,7 @@ files:
 - assets/favicon/mstile-150x150.png
 - assets/favicon/safari-pinned-tab.svg
 - assets/favicon/site.webmanifest
-- assets/images/about-me.jpg
+- assets/images/home-bg.jpg
 - assets/images/posts/default-post-img.jpg
 - assets/images/posts/text-syntax.jpg
 - assets/images/posts/welcome.jpg

data/_includes/site-before-end.html

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

data/_includes/site-before-start.html

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