niri 1.9 → 3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 97c8ec6b31fe1f0f96b90a50ea0a0f7a8bba4dd1c1860e6814ac8ad0b382e580
-  data.tar.gz: 1f820a891d69d946f5aeb8e31ddf36674f574ab04d15c1c0fa78c3aefec4e646
+  metadata.gz: b74821a9ddfebbc2216a0ba80c632eecb01ce2f198e2911804a3f67d56cbc1cf
+  data.tar.gz: 20efbbd4ebd880e94542a83e26301f9c3b8a5fa97df082da67ba76dfdb795cbc
 SHA512:
-  metadata.gz: 1b0a375192e88c63b1ea9f02e48ce7ea03d11ef7de15893a0e6dc7b90213591b379a8e32984de3b61587a46cdc3b56f6dd5eef1a978f6339cf1be870abeeaf9b
-  data.tar.gz: 27e18f851d5a2ee43eb2c60c068bbc455e40de96b31a541a6e388dfbb1dd50ece191594fac81130bb9eda367ee0c7869211b374a1f9158694caf081c71507d66
+  metadata.gz: 3709866a5e3478bc244d612f16500dec12d34536972e727ded6cb476bcdca4230dab411b8637a4112a88ea9cb9dc8889d36c7c07fc22a3ecaa9fb8cb939b235a
+  data.tar.gz: ecc6204899d9ba17b1b5eac7a7153146409f399a93ab68eac6c84304e198faf55ba025f8465b031b1aa15b174bb215e35db35d12d9cb77f2e70f634802925b5b

data/LICENSE.txt

@@ -1,21 +1,21 @@
-The MIT License (MIT)
-
-Copyright (c) 2025 rokhimin
-
-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) 2025 rokhimin
+
+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,5 +1,8 @@
 <img src="https://i.ibb.co.com/sdVSmQ5x/niri-logo.png" alt="drawing" width="300"/>
 
+[![Gem](https://img.shields.io/gem/v/niri.svg)](https://rubygems.org/gems/niri)
+[![Gem](https://img.shields.io/gem/dt/niri.svg)](https://rubygems.org/gems/niri)
+
 # About
 Theme blog for jekyll using Bulma css.
 

data/_config.yml

@@ -6,5 +6,6 @@ url: ""
 footer: Theme <a href="https://github.com/rokhimin/jekyll-niri">Niri</a> [/code] by whdzera
 twitter_username: rokhiminwahid
 github_username:  rokhimin
-logo: https://i.ibb.co.com/sdVSmQ5x/niri-logo.png 
-files: "/jekyll-niri"
+logo: https://i.ibb.co.com/sdVSmQ5x/niri-logo.png
+photo_profile: ""
+disqus: ""

data/_includes/footer.html

@@ -1,12 +1,24 @@
+
+<div class="content-container">
+<div class="year-divider" id=""></div>
+</div>
 <footer class="footer">
-  <div class="content has-text-centered">
-    <p>{{ site.footer }} &copy;{{ site.time | date: '%Y' }}
-    </p>
-    <p>
-      {% if site.twitter_username %}<a href="https://twitter.com/{{ site.twitter_username }}">Twitter</a>{% endif %}
-       | 
-      {% if site.github_username %}<a href="https://github.com/{{ site.github_username }}">Github</a>{% endif %}
-    </p>
+  <div class="container">
+    <div class="content has-text-centered">
+      <p>{{ site.footer }} &copy;{{ site.time | date: '%Y' }}</p>
+      <p>
+        {% if site.twitter_username %}
+        <a href="https://twitter.com/{{ site.twitter_username }}">
+          <span class="icon"><i class="fab fa-twitter"></i></span> Twitter
+        </a>
+        {% endif %}
+        {% if site.twitter_username and site.github_username %} | {% endif %}
+        {% if site.github_username %}
+        <a href="https://github.com/{{ site.github_username }}">
+          <span class="icon"><i class="fab fa-github"></i></span> Github
+        </a>
+        {% endif %}
+      </p>
+    </div>
   </div>
-</footer>
-
+</footer>

data/_includes/head.html

@@ -4,10 +4,10 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
   <meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
-  <link rel="stylesheet" href="{{ site.files }}/assets/css/bulma-1.0.2.css"/>
-  <link rel="stylesheet" href="{{ site.files }}/assets/css/main.css"/>
+  <link rel="stylesheet" href="{{ site.baseurl }}/assets/css/bulma-1.0.2.css"/>
+  <link rel="stylesheet" href="{{ site.baseurl }}/assets/css/main.css"/>
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
+  <script src="{{ site.baseurl }}/assets/js/main.js"></script>
   <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
   <link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}">
-  
 </head>

data/_includes/navigation.html

@@ -1,30 +1,41 @@
-<nav class="navbar" role="navigation" aria-label="main navigation">
-  <div class="navbar-brand">
-    <a class="navbar-item" href="/">
-    <img src="{{ site.logo }}" style="width:100%;"></img>
-    </a>
-  </div>
-  <div class="navbar-menu is-active">
-    <div class="navbar-end">
-      
-      <div class="navbar-item">
-              <button class="button is-link is-small" id="toggle-button"><i id="theme-icon" class="fas fa-moon"></i></button>
-      </div>
-
-
-    <script type="text/javascript" src="{{ site.files }}/assets/js/darklight-mode.js"></script>
-    
-      <a class="navbar-item {% if page.url == '/' %}is-active{% endif %}" href="{{ '/' | prepend: site.baseurl }}">
-        Home
-      </a>
 
-      <a class="navbar-item {% if page.url == '/projects/' %}is-active{% endif %}" href="{{ '/projects/' | prepend: site.baseurl }}">
-        Project
+<nav class="navbar" role="navigation" aria-label="main navigation">
+  <div class="container">
+    <div class="navbar-brand">
+      <a class="navbar-item" href="/">
+        <img src="{{ site.logo }}" alt="{{ site.title }}" style="max-height: 40px;">
       </a>
       
-      <a class="navbar-item {% if page.url == '/about/' %}is-active{% endif %}" href="{{ '/about/' | prepend: site.baseurl }}">
-        About
+      <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasic">
+        <span aria-hidden="true"></span>
+        <span aria-hidden="true"></span>
+        <span aria-hidden="true"></span>
       </a>
     </div>
+    
+    <div id="navbarBasic" class="navbar-menu">
+      <div class="navbar-end">
+        <a class="navbar-item {% if page.url == '/' %}is-active{% endif %}" href="{{ '/' | prepend: site.baseurl }}">
+          <span class="icon"><i class="fas fa-home"></i></span>
+          <span>Home</span>
+        </a>
+        
+        <a class="navbar-item {% if page.url == '/projects/' %}is-active{% endif %}" href="{{ '/projects/' | prepend: site.baseurl }}">
+          <span class="icon"><i class="fas fa-project-diagram"></i></span>
+          <span>Projects</span>
+        </a>
+        
+        <a class="navbar-item {% if page.url == '/about/' %}is-active{% endif %}" href="{{ '/about/' | prepend: site.baseurl }}">
+          <span class="icon"><i class="fas fa-user"></i></span>
+          <span>About</span>
+        </a>
+        
+        <div class="navbar-item">
+          <button class="toggle-button" id="toggle-button">
+            <i id="theme-icon" class="fas fa-moon"></i>
+          </button>
+        </div>
+      </div>
+    </div>
   </div>
-</nav>
+</nav>

data/_layouts/about.html

@@ -0,0 +1,9 @@
+---
+layout: default
+---
+<h1 class="title animate__animated animate__fadeIn" style="color: var(--primary-color); font-size: 2.0rem;">About
+</h1>
+<div class="year-divider" id=""></div>
+<img src="{{ site.photo_profile }}" alt="photo_profile" style="width:150px;"/>
+
+{{ content }}

data/_layouts/default.html

@@ -3,28 +3,15 @@
   {% include head.html %}
   <body>
     {% include navigation.html %}
-
-    <div class="hero is-fullheight">
-        <div class="hero-body">
-            <div class="container">
-                <div class="columns is-centered">
-                    <div class="column is-one-two">
-                        <div action="" class="box">
-
-                            <div class="field">
-                              <div class="content">
-                                {{ content }}
-                              </div>
-                                
-                            </div>
-                            
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-
+    <div class="hero">
+      <div class="hero-body">
+          <div class="content-container">
+              
+                {{ content }}
+                  
+          </div>
+      </div>
+  </div>
     {% include footer.html %}
   </body>
 </html>

data/_layouts/home.html

@@ -1,25 +1,37 @@
 ---
 layout: default
 ---
-    {% for post in site.posts  %}
-    {% capture this_year %}{{ post.date | date: "%Y" }}{% endcapture %}
-    {% capture next_year %}{{ post.previous.date | date: "%Y" }}{% endcapture %}
-
-    {% if forloop.first %}
-        <h3 class="" id="{{ this_year }}-ref">{{this_year}}</h3>
-        <ul class="">
-    {% endif %}
-                <div class="box">
-                    <h4><a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a></h4>
-                    <p>{{ post.date | date: "%b %-d, %Y" }}</p>
-                </div>
-    {% if forloop.last %}
-        </ul>
-    {% else %}
-        {% if this_year != next_year %}
-        </ul>
-        <h3 class="" id="{{ next_year }}-ref">{{next_year}}</h3>
-        <ul class="">
-        {% endif %}
-    {% endif %}
-{% endfor %}
+                <h1 class="title has-text-centered animate__animated animate__fadeIn" style="color: var(--primary-color); font-size: 2.5rem; margin-bottom: 2rem;">
+                    <span class="icon" style="margin-right: 0.5rem;"><i class="fas fa-feather-alt"></i></span>
+                    {{ site.description}}
+                  </h1>
+                
+                  <!-- Fixed blog post loop structure for proper column display -->
+                  {% assign posts_by_year = site.posts | group_by_exp:"post", "post.date | date: '%Y'" %}
+                  {% for year in posts_by_year %}
+                    <div class="animate__animated animate__fadeIn">
+                      <div class="year-divider" id="{{ year.name }}-ref">
+                        <span class="icon" style="margin-right: 0.5rem;"><i class="fas fa-calendar-alt"></i></span>{{ year.name }}
+                      </div>
+                    </div>
+                    
+                    <div class="columns is-multiline">
+                      {% for post in year.items %}
+                        <div class="column is-4">
+                          <div class="post-card animate__animated animate__fadeIn">
+                            <div class="post-card-header">
+                              <h4><a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a></h4>
+                              <span class="category-tag">{{ post.categories | first }}</span>
+                            </div>
+                            <div class="post-card-content">
+                              <p class="post-date"><i class="far fa-calendar"></i> {{ post.date | date: "%b %-d, %Y" }}</p>
+                              <p class="mt-3">{{ post.content | strip_html | truncatewords: 20 }}</p>
+                              <a href="{{ post.url | prepend: site.baseurl }}" class="button is-small is-outlined mt-4" style="color: var(--primary-color); border-color: var(--primary-color);">
+                                Read more <span class="icon"><i class="fas fa-arrow-right"></i></span>
+                              </a>
+                            </div>
+                          </div>
+                        </div>
+                      {% endfor %}
+                    </div>
+                  {% endfor %}

data/_layouts/post.html

@@ -1,7 +1,24 @@
 ---
 layout: default
 ---
-        <h1>{{ page.title }}</h1>
-        <p>{{ page.date }}</p>
-        <hr>
+<h1 class="title animate__animated animate__fadeIn" style="color: var(--primary-color); font-size: 2.0rem;">{{ page.title }} 
+</h1>
+<p>{{ page.date | date: "%Y-%m-%d" }}</p>
+<div class="year-divider" id=""></div>
 {{ content }}
+<br>
+<br>
+<div id="disqus_thread"></div>
+<script>
+var disqus_config = function () {
+    this.page.url = "{{ page.url | absolute_url }}";  
+    this.page.identifier = "{{ page.id }}"; 
+};
+
+(function() { 
+    var d = document, s = d.createElement('script');
+    s.src = 'https://{{ site.disqus }}.com/embed.js'; 
+    s.setAttribute('data-timestamp', +new Date());
+    (d.head || d.body).appendChild(s);
+})();
+</script>

data/_layouts/projects.html

@@ -0,0 +1,8 @@
+---
+layout: default
+---
+<h1 class="title animate__animated animate__fadeIn" style="color: var(--primary-color); font-size: 2.0rem;">Projects
+</h1>
+<div class="year-divider" id=""></div>
+
+{{ content }}