jekyll-theme-kado 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml ADDED
@@ -0,0 +1,7 @@
1
+ ---
2
+ SHA256:
3
+ metadata.gz: 58d9b5f48e9d9d5edfea8f62cd590b8b0f20f7258c3ac4f1f0e043fc315b2f6c
4
+ data.tar.gz: 82cc21513da0e3c590c13972ea24ebea1e29c3b6db95e87fe76a444129f7e663
5
+ SHA512:
6
+ metadata.gz: d877e18621fc7983801d47ddc82d38a23f3dfb9b1b2fad5a07bc7fd31985222f834ff4dc4a9de8267c47b16f69428df035b0407f60aa1a58ddc5bb2b705923d3
7
+ data.tar.gz: 4a783504a227ad4f58f71cbc230b46d968cc1f4aa39c6d997cbd1af98ef3674e2d80058594fdde30f067df5fbbbce429fd3ebf1d9f10b64813f18b677612f4f3
data/_config.yml ADDED
@@ -0,0 +1,5 @@
1
+ plugins:
2
+ - jekyll-sitemap
3
+
4
+ exclude:
5
+ - search.json
@@ -0,0 +1,5 @@
1
+ <footer>
2
+ <div class="container">
3
+ <p>&copy; {{ site.time | date: '%Y' }} {{ site.title }}</p>
4
+ </div>
5
+ </footer>
@@ -0,0 +1,9 @@
1
+ <head>
2
+ <meta charset="utf-8">
3
+ <meta name="viewport" content="width=device-width, initial-scale=1">
4
+ <title>{% if page.title %}{{ page.title }} - {% endif %}{{ site.title }}</title>
5
+ <link rel="stylesheet" href="{{ "/assets/css/main.css" | relative_url }}">
6
+ <script src="{{ "/assets/js/theme-toggle.js" | relative_url }}" defer></script>
7
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/lunr.js/2.3.9/lunr.min.js" integrity="sha512-4xUl/d6D6THrAnXAwGajXkoWaeMNwEKK4iNfq5DotEbLPAfk6FSxSP3ydNxqDgCw1c/0Z1Jg6L8h2j+++9BZmg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
8
+ <script src="{{ "/assets/js/search.js" | relative_url }}" defer></script>
9
+ </head>
@@ -0,0 +1,15 @@
1
+ <header>
2
+ <div class="container">
3
+ <h1>{{ site.title }}</h1>
4
+ <nav>
5
+ <ul>
6
+ <li><a href="{{ "/" | relative_url }}">Home</a></li>
7
+ <li><a href="{{ "/about/" | relative_url }}">About</a></li>
8
+ <li><a href="{{ "/contact/" | relative_url }}">Contact</a></li>
9
+ <li><a href="{{ "/resume/" | relative_url }}">Resume</a></li>
10
+ </ul>
11
+ </nav>
12
+ <button id="theme-toggle">Toggle Theme</button>
13
+ {% include search.html %}
14
+ </div>
15
+ </header>
@@ -0,0 +1,6 @@
1
+ <div class="search-container">
2
+ <form onsubmit="return false;">
3
+ <input type="text" id="search-input" placeholder="Search...">
4
+ </form>
5
+ <ul id="search-results"></ul>
6
+ </div>
@@ -0,0 +1,13 @@
1
+ <!DOCTYPE html>
2
+ <html lang="{{ page.lang | default: site.lang | default: "en" }}">
3
+ {% include head.html %}
4
+ <body>
5
+ {% include header.html %}
6
+ <main>
7
+ <div class="container">
8
+ {{ content }}
9
+ </div>
10
+ </main>
11
+ {% include footer.html %}
12
+ </body>
13
+ </html>
@@ -0,0 +1,8 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+ <article class="post">
5
+ <h2>{{ page.title }}</h2>
6
+ <p class="post-meta">{{ page.date | date: "%b %-d, %Y" }}</p>
7
+ {{ content }}
8
+ </article>
@@ -0,0 +1,12 @@
1
+ $primary-color-1: #dbd1c2;
2
+ $primary-color-2: #5e5b80;
3
+ $secondary-color-1: #ff8787;
4
+ $secondary-color-2: #71cbff;
5
+ $secondary-color-3: #a3e487;
6
+
7
+ $background-color-light: $primary-color-1;
8
+ $background-color-dark: #2c2c2c;
9
+ $text-color-light: #333;
10
+ $text-color-dark: #f0f0f0;
11
+
12
+ $font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
data/_sass/kado.scss ADDED
@@ -0,0 +1,131 @@
1
+ @import 'variables';
2
+
3
+ $border-color-light: #ddd;
4
+ $border-color-dark: #555;
5
+ $background-color-white: #fff;
6
+
7
+ body {
8
+ font-family: $font-family;
9
+ line-height: 1.6;
10
+ margin: 0;
11
+ padding: 0;
12
+ transition: background-color .3s, color .3s;
13
+
14
+ &.light-theme {
15
+ background-color: $background-color-light;
16
+ color: $text-color-light;
17
+ }
18
+
19
+ &.dark-theme {
20
+ background-color: $background-color-dark;
21
+ color: $text-color-dark;
22
+
23
+ .search-container .search-results {
24
+ background-color: $background-color-dark;
25
+ border-color: $border-color-dark;
26
+
27
+ li {
28
+ border-bottom-color: $border-color-dark;
29
+
30
+ a {
31
+ color: $text-color-dark;
32
+ }
33
+ }
34
+ }
35
+ }
36
+ }
37
+
38
+ .container {
39
+ max-width: 1200px;
40
+ margin: 0 auto;
41
+ padding: 0 20px;
42
+ }
43
+
44
+ header {
45
+ background-color: $primary-color-2;
46
+ color: $text-color-dark;
47
+ padding: 1rem 0;
48
+
49
+ .container {
50
+ display: flex;
51
+ justify-content: space-between;
52
+ align-items: center;
53
+ }
54
+
55
+ h1 {
56
+ margin: 0;
57
+ }
58
+
59
+ nav ul {
60
+ list-style-type: none;
61
+ padding: 0;
62
+ display: flex;
63
+
64
+ li {
65
+ margin-left: 1rem;
66
+
67
+ a {
68
+ color: $text-color-dark;
69
+ text-decoration: none;
70
+
71
+ &:hover {
72
+ text-decoration: underline;
73
+ }
74
+ }
75
+ }
76
+ }
77
+ }
78
+
79
+ main {
80
+ padding: 2rem 0;
81
+ }
82
+
83
+ footer {
84
+ background-color: $primary-color-2;
85
+ color: $text-color-dark;
86
+ padding: 1rem 0;
87
+ text-align: center;
88
+ }
89
+
90
+ .search-container {
91
+ position: relative;
92
+
93
+ .search-input {
94
+ width: 100%;
95
+ padding: 10px;
96
+ font-size: 16px;
97
+ }
98
+
99
+ .search-results {
100
+ position: absolute;
101
+ top: 100%;
102
+ left: 0;
103
+ right: 0;
104
+ background-color: $background-color-white;
105
+ list-style-type: none;
106
+ padding: 0;
107
+ margin: 0;
108
+ border: 1px solid $border-color-light;
109
+ max-height: 300px;
110
+ overflow-y: auto;
111
+ z-index: 1000;
112
+
113
+ li {
114
+ padding: 10px;
115
+ border-bottom: 1px solid $border-color-light;
116
+
117
+ &:last-child {
118
+ border-bottom: 0;
119
+ }
120
+
121
+ a {
122
+ color: $text-color-light;
123
+ text-decoration: none;
124
+
125
+ &:hover {
126
+ text-decoration: underline;
127
+ }
128
+ }
129
+ }
130
+ }
131
+ }
@@ -0,0 +1,4 @@
1
+ ---
2
+ ---
3
+
4
+ @import "kado";
@@ -0,0 +1,42 @@
1
+ let searchIndex;
2
+ let searchResults = document.getElementById('search-results');
3
+ let searchInput = document.getElementById('search-input');
4
+
5
+ fetch('/search.json')
6
+ .then(response => response.json())
7
+ .then(data => {
8
+ searchIndex = lunr(function () {
9
+ this.field('title');
10
+ this.field('content');
11
+ this.field('tags');
12
+ this.ref('url');
13
+
14
+ data.forEach(function (doc) {
15
+ this.add(doc);
16
+ }, this);
17
+ });
18
+ });
19
+
20
+ searchInput.addEventListener('input', function() {
21
+ let query = this.value;
22
+ if (query.length < 2) {
23
+ searchResults.innerHTML = '';
24
+ return;
25
+ }
26
+
27
+ let results = searchIndex.search(query);
28
+ displayResults(results);
29
+ });
30
+
31
+ function displayResults(results) {
32
+ if (results.length) {
33
+ let resultList = '';
34
+ results.forEach(function(result) {
35
+ let item = searchIndex.store[result.ref];
36
+ resultList += `<li><a href="${item.url}">${item.title}</a></li>`;
37
+ });
38
+ searchResults.innerHTML = resultList;
39
+ } else {
40
+ searchResults.innerHTML = '<li>No results found</li>';
41
+ }
42
+ }
@@ -0,0 +1,18 @@
1
+ document.addEventListener('DOMContentLoaded', () => {
2
+ const themeToggle = document.getElementById('theme-toggle');
3
+ const prefersDarkScheme = window.matchMedia('(prefers-color-scheme: dark)');
4
+
5
+ function setTheme(theme) {
6
+ document.body.className = theme;
7
+ localStorage.setItem('theme', theme);
8
+ }
9
+
10
+ const savedTheme = localStorage.getItem('theme') || (prefersDarkScheme.matches ? 'dark-theme' : 'light-theme');
11
+ setTheme(savedTheme);
12
+
13
+ themeToggle.addEventListener('click', () => {
14
+ const currentTheme = document.body.className;
15
+ const newTheme = currentTheme === 'light-theme' ? 'dark-theme' : 'light-theme';
16
+ setTheme(newTheme);
17
+ });
18
+ });
metadata ADDED
@@ -0,0 +1,125 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: jekyll-theme-kado
3
+ version: !ruby/object:Gem::Version
4
+ version: 0.1.0
5
+ platform: ruby
6
+ authors:
7
+ - Your Name
8
+ autorequire:
9
+ bindir: bin
10
+ cert_chain: []
11
+ date: 2024-09-04 00:00:00.000000000 Z
12
+ dependencies:
13
+ - !ruby/object:Gem::Dependency
14
+ name: jekyll
15
+ requirement: !ruby/object:Gem::Requirement
16
+ requirements:
17
+ - - "~>"
18
+ - !ruby/object:Gem::Version
19
+ version: '4.2'
20
+ type: :runtime
21
+ prerelease: false
22
+ version_requirements: !ruby/object:Gem::Requirement
23
+ requirements:
24
+ - - "~>"
25
+ - !ruby/object:Gem::Version
26
+ version: '4.2'
27
+ - !ruby/object:Gem::Dependency
28
+ name: jekyll-sitemap
29
+ requirement: !ruby/object:Gem::Requirement
30
+ requirements:
31
+ - - ">="
32
+ - !ruby/object:Gem::Version
33
+ version: '0'
34
+ type: :runtime
35
+ prerelease: false
36
+ version_requirements: !ruby/object:Gem::Requirement
37
+ requirements:
38
+ - - ">="
39
+ - !ruby/object:Gem::Version
40
+ version: '0'
41
+ - !ruby/object:Gem::Dependency
42
+ name: bundler
43
+ requirement: !ruby/object:Gem::Requirement
44
+ requirements:
45
+ - - "~>"
46
+ - !ruby/object:Gem::Version
47
+ version: 2.4.22
48
+ type: :development
49
+ prerelease: false
50
+ version_requirements: !ruby/object:Gem::Requirement
51
+ requirements:
52
+ - - "~>"
53
+ - !ruby/object:Gem::Version
54
+ version: 2.4.22
55
+ - !ruby/object:Gem::Dependency
56
+ name: html-proofer
57
+ requirement: !ruby/object:Gem::Requirement
58
+ requirements:
59
+ - - "~>"
60
+ - !ruby/object:Gem::Version
61
+ version: '3.19'
62
+ type: :development
63
+ prerelease: false
64
+ version_requirements: !ruby/object:Gem::Requirement
65
+ requirements:
66
+ - - "~>"
67
+ - !ruby/object:Gem::Version
68
+ version: '3.19'
69
+ - !ruby/object:Gem::Dependency
70
+ name: scss_lint
71
+ requirement: !ruby/object:Gem::Requirement
72
+ requirements:
73
+ - - "~>"
74
+ - !ruby/object:Gem::Version
75
+ version: '0.59'
76
+ type: :development
77
+ prerelease: false
78
+ version_requirements: !ruby/object:Gem::Requirement
79
+ requirements:
80
+ - - "~>"
81
+ - !ruby/object:Gem::Version
82
+ version: '0.59'
83
+ description:
84
+ email:
85
+ - your.email@example.com
86
+ executables: []
87
+ extensions: []
88
+ extra_rdoc_files: []
89
+ files:
90
+ - _config.yml
91
+ - _includes/footer.html
92
+ - _includes/head.html
93
+ - _includes/header.html
94
+ - _includes/search.html
95
+ - _layouts/default.html
96
+ - _layouts/post.html
97
+ - _sass/_variables.scss
98
+ - _sass/kado.scss
99
+ - assets/css/main.scss
100
+ - assets/js/search.js
101
+ - assets/js/theme-toggle.js
102
+ homepage: https://github.com/janpreet/jekyll-theme-kado
103
+ licenses:
104
+ - MIT
105
+ metadata: {}
106
+ post_install_message:
107
+ rdoc_options: []
108
+ require_paths:
109
+ - lib
110
+ required_ruby_version: !ruby/object:Gem::Requirement
111
+ requirements:
112
+ - - ">="
113
+ - !ruby/object:Gem::Version
114
+ version: 2.7.0
115
+ required_rubygems_version: !ruby/object:Gem::Requirement
116
+ requirements:
117
+ - - ">="
118
+ - !ruby/object:Gem::Version
119
+ version: '0'
120
+ requirements: []
121
+ rubygems_version: 3.1.6
122
+ signing_key:
123
+ specification_version: 4
124
+ summary: Kado - A customizable Jekyll theme with light and dark modes
125
+ test_files: []