niri 1.5 → 1.7

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 4af2ee943213d8e8d60e80e8766de596b2e108883470ac6d010d58e41564af15
-  data.tar.gz: 243cc8ac348976fc722118057913e2b120daca4bc1ddf89d2be059b47c2ffd79
+  metadata.gz: 80f48fd626d783e9e81d2bdede1d12ea4dc1bea6d179c1ac988a5f796d18cbaf
+  data.tar.gz: f419f256bd577596cb56bf4aa922b49ca7544fbe532020e03793c2178544f6e5
 SHA512:
-  metadata.gz: 6f53db6f8558c860cc4e3fca9486b49b2d3f9a1c13d70dd8f865d0022e63878ee9c0146cb770d6bd51cb675400bb1f9c6a2e256b65fd2de0fcec813149b0c3c1
-  data.tar.gz: c0645c01f802aeefe7b4be8b3228daa364c91fcd4b4f105615b7607ad6e9ce7e8991d8b43dc34bc2e9603f3ef1dbcae1de19bdae3e22feb7184bd8d182558a75
+  metadata.gz: 30b032c04ab6f97590402f8636a808b3e925c06bb9fd3ac763e24c6bed1d78475e390b61647f9317c714826f77a33512337cc601ed88225deb9ac05f6c88c67a
+  data.tar.gz: 64af8e8b8aa390202ca882916894d599ba9188610e5fb6f09d5458f3012b3ce8efd4db0ceef0caf3fc64ca48182c9bdf0adb279c133751b350774e67a0051e83

data/README.md

@@ -46,7 +46,7 @@ Create file 'projects.markdown' to use page Projects.
 
 ## Contributing
 
-Bug reports and pull requests are welcome on GitHub at https://github.com/[USERNAME]/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/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

@@ -5,4 +5,5 @@ baseurl: ""
 url: "" 
 twitter_username: rokhiminwahid
 github_username:  rokhimin
-logo: https://i.ibb.co.com/sdVSmQ5x/niri-logo.png 
+logo: https://i.ibb.co.com/sdVSmQ5x/niri-logo.png 
+#files: "/jekyll-niri"

data/_includes/footer.html

@@ -1,6 +1,4 @@
-
-
-<footer class="footer has-background-black-ter">
+<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>

data/_includes/head.html

@@ -4,22 +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="/assets/css/bulma-1.0.2.css"/>
+  <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="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
   <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 }}">
-
-  <style>
-        /* Chrome, Safari */
-        ::-webkit-scrollbar {
-        width: 15px;
-        height: 15px;
-        }
-        ::-webkit-scrollbar-track-piece  {
-        background-color: #222222;
-        }
-        ::-webkit-scrollbar-thumb:vertical {
-        height: 30px;
-        background-color: #000;
-        }
-  </style>
+  
 </head>

data/_includes/navigation.html

@@ -1,11 +1,19 @@
-<nav class="navbar has-background-black-ter" role="navigation" aria-label="main navigation">
+<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 has-background-black-ter is-active">
+  <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>

data/_layouts/default.html

@@ -1,15 +1,15 @@
 <!DOCTYPE html>
-<html class="theme-dark">
+<html>
   {% include head.html %}
   <body>
     {% include navigation.html %}
 
-    <div class="hero has-background-black-bis is-fullheight">
+    <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 has-background-black-ter   ">
+                        <div action="" class="box">
 
                             <div class="field">
                               <div class="content">

data/_layouts/page.html

@@ -1,15 +1,15 @@
 <!DOCTYPE html>
-<html class="theme-dark">
+<html>
   {% include head.html %}
   <body>
     {% include navigation.html %}
 
-    <div class="hero has-background-black-bis is-fullheight">
+    <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 has-background-black-ter">
+                        <div action="" class="box">
 
                             <div class="field">
                               <div class="content">

data/_layouts/post.html

@@ -1,7 +1,7 @@
 ---
 layout: default
 ---
-<h1>{{ page.title }}</h1>
-<p>{{ page.date }}</p>
-<progress class="progress is-small is-dark" value="100" max="100">15%</progress>
+        <h1>{{ page.title }}</h1>
+        <p>{{ page.date }}</p>
+        <hr>
 {{ content }}

data/assets/css/main.css

@@ -0,0 +1,69 @@
+
+:root {
+  --text-color: rgb(255, 255, 255);
+}
+
+html.is-dark {
+  --text-color: rgb(138, 138, 138);
+}
+
+body {
+  color: var(--text-color);
+}
+
+.title, .subtitle, .content, h1, h2, h3, h4, h5, h6, ul, li, hr {
+  color: var(--text-color);
+}
+
+code {
+  color: #3b43b1;
+}
+
+pre {
+  color: #ff9306;
+}
+
+html.is-dark {
+  background-color: #2a2a2a;
+  color: white;
+}
+
+html.is-dark .hero {
+  background-color: #63615f;
+  color: white;
+}
+
+html.is-dark .navbar {
+  background-color: #63615f;
+  color: white;
+}
+
+html.is-dark .navbar-menu {
+  background-color: #63615f;
+  color: white;
+}
+
+html.is-dark .footer {
+  background-color: #5c5a58;
+  color: white;
+}
+
+html.is-dark .box {
+  background-color: #413e3e;
+  color: white;
+}
+
+html.is-dark .notification {
+  background-color: #333333;
+  color: white;
+}
+
+html.is-dark .button {
+  background-color: #444444;
+  color: white;
+}
+
+html.is-dark .title,
+html.is-dark .subtitle {
+  color: white;
+}

data/assets/js/darklight-mode.js

@@ -0,0 +1,36 @@
+document.addEventListener("DOMContentLoaded", function () {
+    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
+    }
+
+    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");
+        }
+
+        updateIcon();
+    });
+});

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification
 name: niri
 version: !ruby/object:Gem::Version
-  version: '1.5'
+  version: '1.7'
 platform: ruby
 authors:
 - rokhimin Wahid
 bindir: bin
 cert_chain: []
-date: 2025-02-18 00:00:00.000000000 Z
+date: 2025-02-27 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -40,6 +40,8 @@ files:
 - _layouts/page.html
 - _layouts/post.html
 - assets/css/bulma-1.0.2.css
+- assets/css/main.css
+- assets/js/darklight-mode.js
 homepage: https://github.com/rokhimin/Niri
 licenses:
 - MIT