jekyll-theme-bluegreen 0.1.0

data/assets/img/site.webmanifest

@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}

data/assets/js/index.js

@@ -0,0 +1,40 @@
+let toggleThemeButton = document.getElementById('toggle-color-mode');
+let lightModeSvgElement = `
+<svg class="w-6 h-6 fill-gray-700 hover:fill-gray-900 dark:fill-gray-200 dark:hover:fill-white"
+   xmlns="http://www.w3.org/2000/svg"
+   viewBox="0 0 24 24">
+  <title>Heller Modus</title>
+  <path d="M3.55 19.09L4.96 20.5L6.76 18.71L5.34 17.29M12 6C8.69 6 6 8.69 6 12S8.69 18 12 18 18 15.31 18 12C18 8.68 15.31 6 12 6M20 13H23V11H20M17.24 18.71L19.04 20.5L20.45 19.09L18.66 17.29M20.45 5L19.04 3.6L17.24 5.39L18.66 6.81M13 1H11V4H13M6.76 5.39L4.96 3.6L3.55 5L5.34 6.81L6.76 5.39M1 13H4V11H1M13 20H11V23H13" />
+</svg>
+`;
+let darkModeSvgElement = `
+<svg class="w-6 h-6 fill-gray-700 hover:fill-gray-900 dark:fill-gray-200 dark:hover:fill-white"
+   xmlns="http://www.w3.org/2000/svg"
+   viewBox="0 0 24 24">
+  <title>Dunkler Modus</title>
+  <path d="M17.75,4.09L15.22,6.03L16.13,9.09L13.5,7.28L10.87,9.09L11.78,6.03L9.25,4.09L12.44,4L13.5,1L14.56,4L17.75,4.09M21.25,11L19.61,12.25L20.2,14.23L18.5,13.06L16.8,14.23L17.39,12.25L15.75,11L17.81,10.95L18.5,9L19.19,10.95L21.25,11M18.97,15.95C19.8,15.87 20.69,17.05 20.16,17.8C19.84,18.25 19.5,18.67 19.08,19.07C15.17,23 8.84,23 4.94,19.07C1.03,15.17 1.03,8.83 4.94,4.93C5.34,4.53 5.76,4.17 6.21,3.85C6.96,3.32 8.14,4.21 8.06,5.04C7.79,7.9 8.75,10.87 10.95,13.06C13.14,15.26 16.1,16.22 18.97,15.95M17.33,17.97C14.5,17.81 11.7,16.64 9.53,14.5C7.36,12.31 6.2,9.5 6.04,6.68C3.23,9.82 3.34,14.64 6.35,17.66C9.37,20.67 14.19,20.78 17.33,17.97Z" />
+</svg>
+`;
+// On page load or when changing themes, best to add inline in `head` to avoid FOUC
+if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
+    toggleThemeButton.innerHTML = lightModeSvgElement;
+} else {
+    toggleThemeButton.innerHTML = darkModeSvgElement;
+}
+function toggleColorTheme() {
+    if (localStorage.theme === "light") {
+        toggleThemeButton.innerHTML = lightModeSvgElement;
+        localStorage.theme = "dark";
+        console.log(localStorage.theme);
+        root.classList.add("dark");
+    }
+    else {
+        toggleThemeButton.innerHTML = darkModeSvgElement;
+        localStorage.theme = "light";
+        console.log(localStorage.theme);
+        root.classList.remove("dark");
+    }
+}
+
+toggleThemeButton.addEventListener("click", toggleColorTheme);
+

metadata

@@ -0,0 +1,85 @@
+--- !ruby/object:Gem::Specification
+name: jekyll-theme-bluegreen
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Björn Kawecki
+autorequire:
+bindir: bin
+cert_chain: []
+date: 2025-03-01 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: jekyll
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '4.3'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '4.3'
+description:
+email:
+- bkawecki@mailbox.org
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- LICENSE
+- README.md
+- _config.yml
+- _includes/aside.html
+- _includes/footer.html
+- _includes/head.html
+- _includes/header.html
+- _includes/pagination.html
+- _includes/post_pagination.html
+- _layouts/blog.html
+- _layouts/default.html
+- _layouts/post.html
+- _layouts/project.html
+- _layouts/projects.html
+- assets/css/main.css
+- assets/fonts/inter-v18-latin-regular.woff2
+- assets/img/android-chrome-192x192.png
+- assets/img/android-chrome-512x512.png
+- assets/img/apple-touch-icon.png
+- assets/img/favicon-16x16.png
+- assets/img/favicon-32x32.png
+- assets/img/favicon.ico
+- assets/img/site.webmanifest
+- assets/img/your-profil-picture.webp
+- assets/js/index.js
+- assets/preview/blue.png
+- assets/preview/green.png
+homepage: https://github.com/bjkawecki/Jekyll-Theme-Bluegreen.git
+licenses:
+- MIT
+metadata: {}
+post_install_message:
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.3.27
+signing_key:
+specification_version: 4
+summary: Simple theme with tailwind for a personal website with a blog and and a page
+  for your projects.
+test_files: []