jekyll-theme-doodle 5.1.6 → 5.1.8

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.
Files changed (9) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +16 -4
  3. data/_config.yml +1 -0
  4. data/_includes/head.html +19 -11
  5. data/_includes/navrail.html +20 -14
  6. data/_layouts/default.html +1 -12
  7. data/_sass/minima.scss +1 -2
  8. data/assets/theme-assets/js/theme.js +0 -2
  9. metadata +2 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 8f5c2581eddb6a321216172bbf503c653b18d019f4e4a2b0276438ea6227fd04
4
- data.tar.gz: 9ad7204f78346de6fddeac448dffbbbf21846050b0319ccdc3333ad6f1273a88
3
+ metadata.gz: 4748233467f5f2977302946ebbb1e4a9e3a99f0e86face1e207752c8de4d6943
4
+ data.tar.gz: 5157679940ba27bc2dad87e20d9d547ed7c5f4b0bc6b169ad78984b6205aac73
5
5
  SHA512:
6
- metadata.gz: 84638d5c2b5d6bcc318fefa451e80059e22a90f91e54009fae7fd3761d2441f2037ebd9221d1113f0438a922dd70de0f8d760e56fa8d5694fdec0f3983361099
7
- data.tar.gz: 5f6244d395607cba0e4a6e0a4fa472ccadb2ff7584be36eba22fdacff38707acf524c5234f3af2d104f0d572352066ab2388778e5c31b6ab39186531642ed84a
6
+ metadata.gz: 8be9a0677ab819cafdac50cb4a39b7bed9b7b438334c156847969712f3b82c1637571bea4798f9569a35f88c99afd9aa4d1533ee119dbabf6ba7c183f0fbef69
7
+ data.tar.gz: 70b9de3e0d3066134e78a7f1be5915beaa6d8d07cad91d96ab815edc68fb9a00a26e70b85cd43ec210bfe01411557406f871ad223bee93d15286682db7486df7
data/README.md CHANGED
@@ -1,4 +1,4 @@
1
- # Doodle: A [Jekyll](https://jekyllrb.com/) theme for playful and creative aesthetic
1
+ # Doodle: A [Jekyll](https://jekyllrb.com/) blog theme for a playful and creative aesthetic
2
2
 
3
3
  ## Table of Contents
4
4
 
@@ -11,6 +11,7 @@
11
11
  - [Add tagline in header](#add-tagline-in-header)
12
12
  - [Google analytics](#google-analytics)
13
13
  - [Adding icons to naviagtion links](#adding-icons-to-naviagtion-links)
14
+ - [Setting default color scheme](#set-default-color-scheme)
14
15
  - [Contributing](#contributing)
15
16
  - [License](#license)
16
17
 
@@ -104,6 +105,16 @@ status: pinned
104
105
  <!-- post content -->
105
106
  ```
106
107
 
108
+ ### Set default color scheme
109
+
110
+ add the color_scheme property to \_config.yml. in the format `[light/dark]-[color]` e.g.
111
+
112
+ ```yaml
113
+ color_scheme: light-green
114
+ ```
115
+
116
+ following colors are available: green, blue, pink, yellow, cyan
117
+
107
118
  ### Add tagline in header
108
119
 
109
120
  To add a tagline/description below the site title, add a tagline property to \_config.yml
@@ -112,16 +123,16 @@ To add a tagline/description below the site title, add a tagline property to \_c
112
123
  tagline: "Your awesome tagline"
113
124
  ```
114
125
 
115
- TODO: Write usage instructions here. Describe your available layouts, includes, sass and/or assets.
116
-
117
126
  ### Google analytics
118
127
 
119
- add your google analytics tracking id to \_config.yml
128
+ just add your google analytics tracking id to \_config.yml
120
129
 
121
130
  ```yaml
122
131
  google_analytics: UA-NNNNNNNN-N
123
132
  ```
133
+
124
134
  ### Adding icons to naviagtion links
135
+
125
136
  add the icon path to the page front matter e.g
126
137
 
127
138
  ```yaml
@@ -137,6 +148,7 @@ icon: "/assets/icons/about.svg"
137
148
 
138
149
  - [ ] Add support for comments
139
150
  - [ ] Search functionality
151
+ - [ ] automatic table of contents generation (button in mobile view/ sidebar in desktop view)
140
152
 
141
153
  ## Contributing
142
154
 
data/_config.yml CHANGED
@@ -29,6 +29,7 @@ baseurl: "" # the subpath of your site, e.g. /blog
29
29
  url: "" # the base hostname & protocol for your site, e.g. http://example.com
30
30
  twitter_username: jekyllrb
31
31
  github_username: jekyll
32
+ color_scheme: dark-pink
32
33
  # Build settings
33
34
  plugins:
34
35
  - jekyll-feed
data/_includes/head.html CHANGED
@@ -1,23 +1,29 @@
1
1
  <head>
2
- <meta charset="utf-8" />
3
- <meta http-equiv="X-UA-Compatible" content="IE=edge" />
4
- <meta name="viewport" content="width=device-width, initial-scale=1" />
2
+ <meta charset="utf-8">
3
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
4
+ <meta name="viewport" content="width=device-width, initial-scale=1">
5
5
  <link
6
6
  rel="preload"
7
7
  href="/assets/theme-assets/theme-fonts/Excalifont-Regular.woff2"
8
8
  as="font"
9
9
  type="font/ttf"
10
10
  crossorigin
11
- />
11
+ >
12
12
  <link
13
13
  rel="preload"
14
14
  href="/assets/theme-assets/theme-fonts/comic shanns.otf"
15
15
  as="font"
16
16
  type="font/otf"
17
17
  crossorigin
18
- />
19
- {%- seo -%} <link rel="stylesheet" href=" {{ "/assets/main.css" | relative_url
20
- }} " >
18
+ >
19
+ {%- seo -%}
20
+ <link
21
+ rel="stylesheet"
22
+ href="
23
+ {{ "/assets/main.css" | relative_url
24
+ }}
25
+ "
26
+ >
21
27
  <script>
22
28
  (function () {
23
29
  const colors = {
@@ -33,15 +39,17 @@
33
39
  "light-cyan": "#81d5cd",
34
40
  };
35
41
  const root = document.querySelector("html");
36
- const theme = window.localStorage.getItem("theme");
42
+ let theme = window.localStorage.getItem("theme");
37
43
  if (theme === null || !(theme in colors)) {
38
- const theme = "dark-pink";
44
+ theme = "{{ site.color_scheme | default: "dark-pink" }}";
39
45
  window.localStorage.setItem("theme", theme);
40
46
  }
41
47
  root.className = theme;
42
48
  })();
43
49
  </script>
44
50
  <script src="/assets/theme-assets/js/theme.js" defer></script>
45
- {%- feed_meta -%} {%- if jekyll.environment == 'production' and
46
- site.google_analytics -%} {%- include google-analytics.html -%} {%- endif -%}
51
+ {%- feed_meta -%}
52
+ {%- if jekyll.environment == 'production' and site.google_analytics -%}
53
+ {%- include google-analytics.html -%}
54
+ {%- endif -%}
47
55
  </head>
data/_includes/navrail.html CHANGED
@@ -1,16 +1,22 @@
1
1
  {%- if page_paths -%}
2
- <nav class="navrail">
3
- <a class="navrail-button" href="/">
4
- <img class="navrail-icon" src="{{-
5
- "/assets/theme-assets/theme-icons/home2.svg" | relative_url -}}" > Home</a
6
- >
7
- {%- for path in page_paths -%} {%- assign my_page = site.pages | where:
8
- 'path', path | first -%} {%- if my_page.title -%}
9
- <a class="navrail-button" href="{{ my_page.url | relative_url }}">
10
- {%- if my_page.title -%}
11
- <img class="navrail-icon" src="{{- my_page.icon | relative_url -}}" />
12
- {%- endif -%} {{ my_page.title | escape }}
13
- </a>
14
- {%- endif -%} {%- endfor -%}
15
- </nav>
2
+ <nav class="navrail">
3
+ <a class="navrail-button" href="/">
4
+ <img
5
+ class="navrail-icon"
6
+ src="{{- "/assets/theme-assets/theme-icons/home2.svg" | relative_url -}}"
7
+ >
8
+ Home</a
9
+ >
10
+ {%- for path in page_paths -%}
11
+ {%- assign my_page = site.pages | where: 'path', path | first -%}
12
+ {%- if my_page.title -%}
13
+ <a class="navrail-button" href="{{ my_page.url | relative_url }}">
14
+ {%- if my_page.title -%}
15
+ <img class="navrail-icon" src="{{- my_page.icon | relative_url -}}">
16
+ {%- endif -%}
17
+ {{ my_page.title | escape }}
18
+ </a>
19
+ {%- endif -%}
20
+ {%- endfor -%}
21
+ </nav>
16
22
  {%- endif -%}
data/_layouts/default.html CHANGED
@@ -1,23 +1,12 @@
1
1
  <!DOCTYPE html>
2
- <html lang="{{ page.lang | default: site.lang | default: "en" }}">
3
-
2
+ <html lang="{{ page.lang | default: site.lang | default: "en" }}" class="{{ site.color_scheme | default: "dark-pink" }}">
4
3
  {%- include head.html -%}
5
-
6
4
  <body >
7
-
8
5
  {%- include header.html -%}
9
6
  {%- include navrail.html -%}
10
-
11
-
12
7
  <main class="page-content" aria-label="Content">
13
-
14
8
  {{ content }}
15
-
16
-
17
9
  </main>
18
-
19
10
  {%- include footer.html -%}
20
-
21
11
  </body>
22
-
23
12
  </html>
data/_sass/minima.scss CHANGED
@@ -1,11 +1,10 @@
1
1
  @charset "utf-8";
2
2
 
3
3
  // Define defaults for each variable.
4
-
5
4
  $base-font-family: "Lexend", -apple-system, BlinkMacSystemFont, "Segoe UI",
6
5
  Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
7
6
  "Segoe UI Symbol" !default;
8
- $base-font-size: 16px !default;
7
+ $base-font-size: 18px !default;
9
8
  $base-font-weight: 400 !default;
10
9
  $small-font-size: $base-font-size * 0.875 !default;
11
10
  $base-line-height: 1.5 !default;
data/assets/theme-assets/js/theme.js CHANGED
@@ -10,7 +10,6 @@
10
10
  const newTheme = `${mode}-${color.split("-")[1]}`;
11
11
  window.localStorage.setItem("theme", newTheme);
12
12
  root.className = newTheme;
13
- const selectedColor = event.target.getAttribute("data-color");
14
13
  };
15
14
  }
16
15
 
@@ -29,7 +28,6 @@
29
28
  });
30
29
 
31
30
  const darkModeToggle = document.getElementById("darkModeToggle");
32
-
33
31
  darkModeToggle.checked = theme.startsWith("dark") ? true : false;
34
32
  darkModeToggle.addEventListener("change", () => {
35
33
  let activeMode = root.className;
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jekyll-theme-doodle
3
3
  version: !ruby/object:Gem::Version
4
- version: 5.1.6
4
+ version: 5.1.8
5
5
  platform: ruby
6
6
  authors:
7
7
  - Gul Noor
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2024-09-06 00:00:00.000000000 Z
11
+ date: 2024-09-08 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll