niri 1.8 → 2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 8f66a1a88c41d3132f1d3424523c45ff9cde8df43cc2d15385ea40438a139304
-  data.tar.gz: a7f8548aa6b8da4f61e30ad6524647d9d7a36c8ac31931cc8b961fd5e5a462c1
+  metadata.gz: a0ab1bf9c291d23a9d571463a6741b65eeb796497ae5af84f8b36984059889c3
+  data.tar.gz: 9ff1462ee5b5f4ea8fa5d68dddbd2e456ee928df7d12b0a823d969a6567c3eae
 SHA512:
-  metadata.gz: 2eda45a01a0516b4866f74da2b77d5a81fad16fdac1bb03e92a80460d2c5a6c2498a617ede53ac5bfbed4c1425269c7a49c1fa13a3745572c6eb0cf1ddc16900
-  data.tar.gz: 666b56ffe2afe3126118e5f58755c3670ad1ac3fd1108427f120d4540dcdb2d717e84a2f061bbeb886fcac51b27a2ace48cd404656f37d08c4461db00091b86f
+  metadata.gz: a89078a2ac221200ce40cb6da4644617d07b36613ccfadb271c54cdf0ec71bc3c42f12dd52cf6d121d974b6a8f1ffa2135d1cf0668aa45ab303a28b732a3e9e4
+  data.tar.gz: aaf29855476d2a07908252c6232d633ab3c7aaf3fd3c93925d7193c1a21d617f7b36a22aaf5373d0dbf43104121127abd2ba817f28eaacebb3210dcc399cd3ae

data/README.md

@@ -1,7 +1,7 @@
+<img src="https://i.ibb.co.com/sdVSmQ5x/niri-logo.png" alt="drawing" width="300"/>
 
-![](https://i.ibb.co.com/sdVSmQ5x/niri-logo.png)
-# Niri
-Theme for jekyll using Bulma.
+# About
+Theme blog for jekyll using Bulma css.
 
 Live Demo : https://rokhimin.github.io/jekyll-niri
 
@@ -40,13 +40,40 @@ Run jekyll:
 
     $ bundle exec jekyll s
 
-## Misc
+## Setup
 
-Create file 'projects.markdown' to use page Projects.
+##### copy to _config.yml
+
+```yaml
+title: Niri
+email: youremail@gmail.com
+description: yourdesc
+baseurl: "" 
+url: "" 
+footer: Example Theme <a href="https://github.com/rokhimin/jekyll-niri">Niri</a> [/code] by whdzera
+twitter_username: whdzera
+github_username:  rokhimin
+logo: niri-logo.png 
+files: ""
+theme: niri
+```
+
+##### Create file 'projects.markdown' in '/' to use page Projects feature
+
+##### copy to projects.markdown
+
+```
+---
+layout: default
+title: Projects
+permalink: /projects/
+---
+YOUR PROJECT
+```
 
 ## Contributing
 
-Bug reports and pull requests are welcome on GitHub at https://github.com/Rokhimin/niri. 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.
+Bug reports and pull requests are welcome on GitHub at https://github.com/rokhimin/jekyll-niri. 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
 

data/_config.yml

@@ -3,6 +3,7 @@ email: rokhim.whd@gmail.com
 description: Niri Jekyll Theme Blog using Bulma
 baseurl: "" 
 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 

data/_includes/footer.html

@@ -1,11 +1,11 @@
 <footer class="footer">
   <div class="content has-text-centered">
-    <p>Theme <a href="https://github.com/rokhimin/jekyll-niri"><font color="#fff">Niri</font></a> [/code] by {{ site.title }} &copy;{{ site.time | date: '%Y' }}
+    <p>{{ site.footer }} &copy;{{ site.time | date: '%Y' }}
     </p>
     <p>
-      {% if site.twitter_username %}<a href="https://twitter.com/{{ site.twitter_username }}"><font color="#fff">Twitter</font></a>{% endif %}
+      {% 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 }}"><font color="#fff">Github</font></a>{% endif %}
+      {% if site.github_username %}<a href="https://github.com/{{ site.github_username }}">Github</a>{% endif %}
     </p>
   </div>
 </footer>

data/_layouts/home.html

@@ -6,19 +6,19 @@ layout: default
     {% capture next_year %}{{ post.previous.date | date: "%Y" }}{% endcapture %}
 
     {% if forloop.first %}
-        <h2 class="" id="{{ this_year }}-ref">{{this_year}}</h2>
+        <h3 class="" id="{{ this_year }}-ref">{{this_year}}</h3>
         <ul class="">
     {% endif %}
-        <li class="">
-            <h3><a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a></h3>
-            <p>{{ post.date | date: "%b %-d, %Y" }}</p>
-        </li>
+                <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>
-        <h2 class="" id="{{ next_year }}-ref">{{next_year}}</h2>
+        <h3 class="" id="{{ next_year }}-ref">{{next_year}}</h3>
         <ul class="">
         {% endif %}
     {% endif %}

data/assets/css/main.css

@@ -13,9 +13,10 @@
           }
 
 :root {
-  --text-color: rgb(255, 255, 255);
+  --text-color: rgb(26, 23, 23);
 }
 
+
 html.is-dark {
   --text-color: rgb(138, 138, 138);
 }
@@ -42,27 +43,27 @@ html.is-dark {
 }
 
 html.is-dark .hero {
-  background-color: #63615f;
+  background-color: #161616;
   color: white;
 }
 
 html.is-dark .navbar {
-  background-color: #63615f;
+  background-color: #161616;
   color: white;
 }
 
 html.is-dark .navbar-menu {
-  background-color: #63615f;
+  background-color: #161616;
   color: white;
 }
 
 html.is-dark .footer {
-  background-color: #5c5a58;
+  background-color: #202020;
   color: white;
 }
 
 html.is-dark .box {
-  background-color: #413e3e;
+  background-color: #202020;
   color: white;
 }
 
@@ -71,12 +72,47 @@ html.is-dark .notification {
   color: white;
 }
 
-html.is-dark .button {
-  background-color: #444444;
-  color: white;
-}
 
 html.is-dark .title,
 html.is-dark .subtitle {
   color: white;
-}
+}
+
+
+
+
+html {
+  background-color: #2a2a2a;
+  color: white;
+}
+
+.hero {
+  background-color: #63615f;
+  color: white;
+}
+
+.navbar {
+  background-color: #63615f;
+  color: white;
+}
+
+.navbar-menu {
+  background-color: #63615f;
+  color: white;
+}
+
+.footer {
+  background-color: #6b6865;
+  color: white;
+}
+
+.box {
+  background-color: #444343;
+  color: white;
+}
+
+.notification {
+  background-color: #333333;
+  color: white;
+}
+

data/assets/js/darklight-mode.js

@@ -1,36 +1,38 @@
 document.addEventListener("DOMContentLoaded", function () {
-    const toggleButton = document.getElementById("toggle-button");
-    const themeIcon = document.getElementById("theme-icon");
-    const currentTheme = localStorage.getItem("theme");
+  const toggleButton = document.getElementById("toggle-button");
+  const themeIcon = document.getElementById("theme-icon");
+  const currentTheme = localStorage.getItem("theme");
 
-    // Light Mode sebagai default (Dark Mode hanya aktif jika sebelumnya dipilih)
-    if (currentTheme === "dark") {
-        document.documentElement.classList.add("is-dark");
-    } else {
-        document.documentElement.classList.remove("is-dark");
-        localStorage.setItem("theme", "light"); // Pastikan default tersimpan
-    }
+  // Set default theme to Dark Mode
+  if (!currentTheme) {
+    document.documentElement.classList.add("is-dark");
+    localStorage.setItem("theme", "dark");
+  } else if (currentTheme === "dark") {
+    document.documentElement.classList.add("is-dark");
+  } else {
+    document.documentElement.classList.remove("is-dark");
+  }
 
-    function updateIcon() {
-        if (document.documentElement.classList.contains("is-dark")) {
-            themeIcon.classList.replace("fa-moon", "fa-sun");
-        } else {
-            themeIcon.classList.replace("fa-sun", "fa-moon");
-        }
+  function updateIcon() {
+    if (document.documentElement.classList.contains("is-dark")) {
+      themeIcon.classList.replace("fa-moon", "fa-sun");
+    } else {
+      themeIcon.classList.replace("fa-sun", "fa-moon");
     }
+  }
 
-    // Perbarui ikon sesuai mode awal
-    updateIcon();
-
-    toggleButton.addEventListener("click", () => {
-        document.documentElement.classList.toggle("is-dark");
-
-        if (document.documentElement.classList.contains("is-dark")) {
-            localStorage.setItem("theme", "dark");
-        } else {
-            localStorage.setItem("theme", "light");
-        }
+  // Perbarui ikon sesuai mode awal
+  updateIcon();
 
-        updateIcon();
+  toggleButton.addEventListener("click", () => {
+    requestAnimationFrame(() => {
+      document.documentElement.classList.toggle("is-dark");
+      if (document.documentElement.classList.contains("is-dark")) {
+        localStorage.setItem("theme", "dark");
+      } else {
+        localStorage.setItem("theme", "light");
+      }
+      updateIcon();
     });
-});
+  });
+});

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification
 name: niri
 version: !ruby/object:Gem::Version
-  version: '1.8'
+  version: '2.0'
 platform: ruby
 authors:
 - rokhimin Wahid
 bindir: bin
 cert_chain: []
-date: 2025-02-27 00:00:00.000000000 Z
+date: 2025-03-01 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll