tear-jekyll-theme 1.0.0

data/assets/js/application.js

@@ -0,0 +1,12 @@
+import { Application } from "https://unpkg.com/@hotwired/stimulus/dist/stimulus.js";
+
+import ThemeController from "./controllers/theme_controller.js";
+import NavbarController from "./controllers/navbar_burger_controller.js";
+import MessageController from "./controllers/message_controller.js";
+import ThumbnailController from "./controllers/thumbnail_controller.js";
+
+window.Stimulus = Application.start();
+Stimulus.register("theme", ThemeController);
+Stimulus.register("navbar", NavbarController);
+Stimulus.register("message", MessageController);
+Stimulus.register("thumbnail", ThumbnailController);

data/assets/js/controllers/message_controller.js

@@ -0,0 +1,7 @@
+import { Controller } from "https://unpkg.com/@hotwired/stimulus/dist/stimulus.js";
+
+export default class extends Controller {
+  hide() {
+    this.element.remove();
+  }
+}

data/assets/js/controllers/navbar_burger_controller.js

@@ -0,0 +1,9 @@
+import { Controller } from "https://unpkg.com/@hotwired/stimulus/dist/stimulus.js";
+
+export default class extends Controller {
+  static targets = ["menu"];
+
+  toggle() {
+    this.menuTarget.classList.toggle("hidden");
+  }
+}

data/assets/js/controllers/theme_controller.js

@@ -0,0 +1,45 @@
+import { Controller } from "https://unpkg.com/@hotwired/stimulus/dist/stimulus.js";
+
+export default class extends Controller {
+  static targets = ["icon"];
+
+  connect() {
+    this.loadTheme();
+  }
+
+  toggle() {
+    document.documentElement.classList.toggle("dark");
+    const isDark = document.documentElement.classList.contains("dark");
+    localStorage.setItem("theme", isDark ? "dark" : "light");
+    this.updateIcons(isDark);
+  }
+
+  loadTheme() {
+    const savedTheme = localStorage.getItem("theme");
+    const isDark = savedTheme === "dark";
+    document.documentElement.classList.toggle("dark", isDark);
+    this.updateIcons(isDark);
+  }
+
+  updateIcons(isDark) {
+    this.iconTargets.forEach((icon) => {
+      icon.innerHTML = isDark ? this.sunIcon() : this.moonIcon();
+    });
+  }
+
+  moonIcon() {
+    return `
+    <svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 text-gray-600" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5">
+      <path stroke-linecap="round" stroke-linejoin="round" d="M21.752 15.002A9 9 0 1112 3a7.5 7.5 0 009.752 12.002z" />
+    </svg>
+  `;
+  }
+
+  sunIcon() {
+    return `
+    <svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 text-yellow-400" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5">
+      <path stroke-linecap="round" stroke-linejoin="round" d="M12 3v2.25M12 18.75V21M4.219 4.219l1.591 1.591M18.19 18.189l1.591 1.591M3 12h2.25M18.75 12H21M4.219 19.781l1.591-1.591M18.19 5.811l1.591-1.591M15.75 12a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0z" />
+    </svg>
+  `;
+  }
+}

data/assets/js/controllers/thumbnail_controller.js

@@ -0,0 +1,14 @@
+import { Controller } from "https://unpkg.com/@hotwired/stimulus/dist/stimulus.js";
+
+export default class extends Controller {
+  static targets = ["image"]
+
+  connect() {
+    this.imageTarget.addEventListener("mouseenter", () => {
+      this.imageTarget.classList.add("scale-135", "brightness-30")
+    })
+    this.imageTarget.addEventListener("mouseleave", () => {
+      this.imageTarget.classList.remove("scale-135", "brightness-30")
+    })
+  }
+}

metadata

@@ -0,0 +1,77 @@
+--- !ruby/object:Gem::Specification
+name: tear-jekyll-theme
+version: !ruby/object:Gem::Version
+  version: 1.0.0
+platform: ruby
+authors:
+- Rokhimin
+bindir: bin
+cert_chain: []
+date: 2025-05-18 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: jekyll
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '4.0'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '5.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '4.0'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '5.0'
+email:
+- Rokhim.whd@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- README.md
+- _config.yml
+- _includes/footer.html
+- _includes/head.html
+- _includes/navigation.html
+- _layouts/about.html
+- _layouts/default.html
+- _layouts/home.html
+- _layouts/post.html
+- _layouts/projects.html
+- assets/css/input.css
+- assets/css/output.css
+- assets/img/contoh_thumbnail.png
+- assets/js/application.js
+- assets/js/controllers/message_controller.js
+- assets/js/controllers/navbar_burger_controller.js
+- assets/js/controllers/theme_controller.js
+- assets/js/controllers/thumbnail_controller.js
+homepage: https://github.com/rokhimin/jekyll-tear
+licenses:
+- MIT
+metadata: {}
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '2.7'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.6.3
+specification_version: 4
+summary: jekyll Theme Blog using Tailwind Css and Stimulus.js
+test_files: []