j1-template 2022.6.1 → 2022.6.2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/assets/data/banner.html +2 -2
- data/assets/themes/j1/core/css/themes/unolight/bootstrap.css +21 -21
- data/lib/j1/version.rb +1 -1
- data/lib/starter_web/README.md +5 -5
- data/lib/starter_web/_config.yml +5 -5
- data/lib/starter_web/_data/blocks/banner.yml +1 -1
- data/lib/starter_web/_data/modules/defaults/navigator.yml +0 -20
- data/lib/starter_web/_data/modules/navigator_menu.yml +1 -1
- data/lib/starter_web/_data/templates/feed.xml +1 -1
- data/lib/starter_web/_plugins/index/lunr.rb +1 -1
- data/lib/starter_web/assets/videos/gallery/dailymotion/meditation.jpg +0 -0
- data/lib/starter_web/assets/videos/gallery/dailymotion/pilates.jpg +0 -0
- data/lib/starter_web/assets/videos/gallery/html5/video1.mp4 +0 -0
- data/lib/starter_web/assets/videos/gallery/html5/video2.mp4 +0 -0
- data/lib/starter_web/assets/videos/gallery/kick-it-old-school-poster.jpg +0 -0
- data/lib/starter_web/assets/videos/gallery/nye-party-shop-poster.jpg +0 -0
- data/lib/starter_web/assets/videos/gallery/stay-colorful-poster.jpg +0 -0
- data/lib/starter_web/assets/videos/gallery/video1-poster.jpg +0 -0
- data/lib/starter_web/assets/videos/gallery/video1-thumb.jpg +0 -0
- data/lib/starter_web/assets/videos/gallery/video2-poster.jpg +0 -0
- data/lib/starter_web/assets/videos/gallery/video2-thumb.jpg +0 -0
- data/lib/starter_web/assets/videos/gallery/video_adele-poster.jpg +0 -0
- data/lib/starter_web/assets/videos/gallery/video_gaga-poster.jpg +0 -0
- data/lib/starter_web/assets/videos/gallery/video_gwen-poster.jpg +0 -0
- data/lib/starter_web/assets/videos/gallery/video_michelle-poster.jpg +0 -0
- data/lib/starter_web/assets/videos/gallery/vk/hai.jpg +0 -0
- data/lib/starter_web/assets/videos/gallery/vk/otter.jpg +0 -0
- data/lib/starter_web/assets/videos/gallery/voice_kids_de_2021/battle.jpg +0 -0
- data/lib/starter_web/assets/videos/gallery/voice_kids_de_2021/ben.jpg +0 -0
- data/lib/starter_web/assets/videos/gallery/voice_kids_de_2021/constance.jpg +0 -0
- data/lib/starter_web/assets/videos/gallery/voice_kids_de_2021/elisa.jpg +0 -0
- data/lib/starter_web/assets/videos/headers/present_videos/still/underground-broadway.jpg +0 -0
- data/lib/starter_web/assets/videos/headers/present_videos/underground-broadway.mp4 +0 -0
- data/lib/starter_web/assets/videos/tiktok/einhorn.jpg +0 -0
- data/lib/starter_web/assets/videos/tiktok/waluschka.jpg +0 -0
- data/lib/starter_web/package.json +1 -1
- data/lib/starter_web/pages/public/learn/roundtrip/_includes/documents/themes_bootstrap.asciidoc +51 -51
- data/lib/starter_web/pages/public/learn/roundtrip/_includes/documents/themes_rouge.asciidoc +110 -110
- data/lib/starter_web/utilsrv/_defaults/package.json +1 -1
- data/lib/starter_web/utilsrv/package.json +1 -1
- metadata +27 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 380a547d5e6a15a8e7976ffc6e243aab1418607f4a35cd996bb7312e7cfd79e8
|
4
|
+
data.tar.gz: 523006d72d3dbfe38a7198c422640fe98de5418fd0d75528d7ebc2bdda0454fe
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: a31064dccd6c8b534b27cb2c4559108c30d6ddc206fcb8d6db154e0e4edae602de8db74e81b41c22304138de868bb3c97e099528411f1767b2326e72a5abdf89
|
7
|
+
data.tar.gz: c7c5b6d0657e5e939c3e38dae202f11a238229075306f777eb965c369c9692af8d8ce16dd298b86d66cb3223434a6dad67e5bba3a97f8703651fd732924b6556
|
data/assets/data/banner.html
CHANGED
@@ -257,8 +257,8 @@ exclude_from_search: true
|
|
257
257
|
<img
|
258
258
|
class="sticker-image"
|
259
259
|
src="/assets/images/sticker/600x600/sticker-new-version.png"
|
260
|
-
alt="Get new version 2022.6.
|
261
|
-
title="Get new version 2022.6.
|
260
|
+
alt="Get new version 2022.6.2"
|
261
|
+
title="Get new version 2022.6.2"
|
262
262
|
style="width: 140px; height: 120px;"
|
263
263
|
>
|
264
264
|
</a>
|
@@ -13,27 +13,27 @@
|
|
13
13
|
# See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
|
14
14
|
# -----------------------------------------------------------------------------
|
15
15
|
*/
|
16
|
-
/*
|
17
|
-
# ----------------------------------------------------------------------------
|
18
|
-
# ~/100_template_css/scss/theme_uno.scss
|
19
|
-
# Theme Uno - Definitions AND partial index file|s
|
20
|
-
#
|
21
|
-
# Product/Info:
|
22
|
-
# https:#jekyll.one
|
23
|
-
#
|
24
|
-
# Copyright (C) 2022 Juergen Adams
|
25
|
-
#
|
26
|
-
# J1 Template is licensed under the MIT License.
|
27
|
-
# See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
|
28
|
-
# ----------------------------------------------------------------------------
|
29
|
-
# NOTE:
|
30
|
-
# jadams, 2017-11-18: modified (applied fixes) to _drawer.scss|_forms.scss (mixins)
|
31
|
-
# See:
|
32
|
-
# Issue #949 - https://github.com/FezVrasta/bootstrap-material-design/pull/949,
|
33
|
-
# Fix base-level `&` (for Ruby Sass)
|
34
|
-
# Pull request:
|
35
|
-
# https://github.com/FezVrasta/bootstrap-material-design/pull/949/commits/f729cf1fa17561b46104dc1d3f268c7be3cf65f1
|
36
|
-
# ----------------------------------------------------------------------------
|
16
|
+
/*
|
17
|
+
# ----------------------------------------------------------------------------
|
18
|
+
# ~/100_template_css/scss/theme_uno.scss
|
19
|
+
# Theme Uno - Definitions AND partial index file|s
|
20
|
+
#
|
21
|
+
# Product/Info:
|
22
|
+
# https:#jekyll.one
|
23
|
+
#
|
24
|
+
# Copyright (C) 2022 Juergen Adams
|
25
|
+
#
|
26
|
+
# J1 Template is licensed under the MIT License.
|
27
|
+
# See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
|
28
|
+
# ----------------------------------------------------------------------------
|
29
|
+
# NOTE:
|
30
|
+
# jadams, 2017-11-18: modified (applied fixes) to _drawer.scss|_forms.scss (mixins)
|
31
|
+
# See:
|
32
|
+
# Issue #949 - https://github.com/FezVrasta/bootstrap-material-design/pull/949,
|
33
|
+
# Fix base-level `&` (for Ruby Sass)
|
34
|
+
# Pull request:
|
35
|
+
# https://github.com/FezVrasta/bootstrap-material-design/pull/949/commits/f729cf1fa17561b46104dc1d3f268c7be3cf65f1
|
36
|
+
# ----------------------------------------------------------------------------
|
37
37
|
*/
|
38
38
|
/*
|
39
39
|
# -----------------------------------------------------------------------------
|
data/lib/j1/version.rb
CHANGED
data/lib/starter_web/README.md
CHANGED
@@ -380,7 +380,7 @@ This command creates a **initial** project in folder **my-starter**.
|
|
380
380
|
2022-07-30 18:12:12 - GENERATE: Resolving dependencies...
|
381
381
|
2022-07-30 18:12:12 - GENERATE: Using bundler 2.3.7
|
382
382
|
...
|
383
|
-
2022-07-30 18:12:12 - GENERATE: Using j1-template 2022.6.
|
383
|
+
2022-07-30 18:12:12 - GENERATE: Using j1-template 2022.6.2
|
384
384
|
2022-07-30 18:12:12 - GENERATE: Bundle complete! 31 Gemfile dependencies, 78 gems now installed.
|
385
385
|
2022-07-30 18:12:12 - GENERATE: Bundled gems are installed into `../../.gem`
|
386
386
|
2022-07-30 18:12:12 - GENERATE: C:/Users/xxx/.gem/ruby/3.1.0;C:/DevTools/Ruby31-x64/lib/ruby/gems/3.1.0;
|
@@ -416,7 +416,7 @@ commands are available as well.
|
|
416
416
|
2022-07-30 18:17:48 - SETUP: Initialize the project ...
|
417
417
|
2022-07-30 18:17:48 - SETUP: Be patient, this will take a while ...
|
418
418
|
2022-07-30 18:17:49 - SETUP:
|
419
|
-
2022-07-30 18:17:49 - SETUP: > j1@2022.6.
|
419
|
+
2022-07-30 18:17:49 - SETUP: > j1@2022.6.2 setup C:\Users\xxx\j1-projects\my-starter
|
420
420
|
2022-07-30 18:17:49 - SETUP: > npm --silent run setup-start && npm --silent run setup-base && run-s -s setup:*
|
421
421
|
2022-07-30 18:17:49 - SETUP:
|
422
422
|
2022-07-30 18:17:50 - SETUP: Setup project for first use ..
|
@@ -461,7 +461,7 @@ browser. Let's start the journey ...
|
|
461
461
|
Check setup state of the J1 project ...
|
462
462
|
2022-07-30 18:26:18 - SITE: Starting up your site ...
|
463
463
|
2022-07-30 18:26:18 - SITE:
|
464
|
-
2022-07-30 18:26:18 - SITE: > j1@2022.6.
|
464
|
+
2022-07-30 18:26:18 - SITE: > j1@2022.6.2 j1-site C:\Users\jadams\j1-projects\my-starter
|
465
465
|
2022-07-30 18:26:18 - SITE: > run-p -s j1-site:*
|
466
466
|
2022-07-30 18:26:18 - SITE:
|
467
467
|
2022-07-30 18:26:20 - SITE: Startup UTILSRV ..
|
@@ -500,7 +500,7 @@ Check setup state of the J1 project ...
|
|
500
500
|
REBUILD: Rebuild the projects website ...
|
501
501
|
REBUILD: Be patient, this will take a while ...
|
502
502
|
2022-07-30 18:45:09 - REBUILD:
|
503
|
-
2022-07-30 18:45:09 - REBUILD: > j1@2022.6.
|
503
|
+
2022-07-30 18:45:09 - REBUILD: > j1@2022.6.2 rebuild C:\Users\xxx\j1-projects\my-starter
|
504
504
|
2022-07-30 18:45:09 - REBUILD: > run-s -s rebuild:* && run-s -s post-rebuild:*
|
505
505
|
2022-07-30 18:45:09 - REBUILD:
|
506
506
|
2022-07-30 18:45:10 - REBUILD: Rebuild site incremental ..
|
@@ -548,7 +548,7 @@ using Lerna for all packages:
|
|
548
548
|
2022-07-30 18:29:07 - RESET: Reset the project to factory state ...
|
549
549
|
2022-07-30 18:29:07 - RESET: Be patient, this will take a while ...
|
550
550
|
2022-07-30 18:29:08 - RESET:
|
551
|
-
2022-07-30 18:29:08 - RESET: > j1@2022.6.
|
551
|
+
2022-07-30 18:29:08 - RESET: > j1@2022.6.2 reset C:\Users\xxx\j1-projects\my-starter
|
552
552
|
2022-07-30 18:29:08 - RESET: > run-s -s reset:*
|
553
553
|
2022-07-30 18:29:08 - RESET:
|
554
554
|
2022-07-30 18:29:08 - RESET: Reset project to factory state ..
|
data/lib/starter_web/_config.yml
CHANGED
@@ -53,7 +53,7 @@ environment: development
|
|
53
53
|
# ------------------------------------------------------------------------------
|
54
54
|
# Sets the build version of J1 Template Gem
|
55
55
|
#
|
56
|
-
version: 2022.6.
|
56
|
+
version: 2022.6.2
|
57
57
|
|
58
58
|
# version
|
59
59
|
# ------------------------------------------------------------------------------
|
@@ -221,7 +221,7 @@ doctype: html
|
|
221
221
|
# ------------------------------------------------------------------------------
|
222
222
|
#
|
223
223
|
title: Jekyll One
|
224
|
-
|
224
|
+
tagline: Template For Jekyll
|
225
225
|
description: >
|
226
226
|
Made for Jekyll · Made for Your Web
|
227
227
|
keywords: >
|
@@ -643,7 +643,7 @@ defaults:
|
|
643
643
|
vimeo: true
|
644
644
|
|
645
645
|
toc: true
|
646
|
-
fab_menu_id:
|
646
|
+
fab_menu_id: page_ctrl
|
647
647
|
scrollbar: false
|
648
648
|
|
649
649
|
icons:
|
@@ -693,7 +693,7 @@ defaults:
|
|
693
693
|
series: false
|
694
694
|
|
695
695
|
toc: true
|
696
|
-
fab_menu_id:
|
696
|
+
fab_menu_id: page_ctrl
|
697
697
|
scrollbar: false
|
698
698
|
|
699
699
|
resource_options:
|
@@ -730,7 +730,7 @@ defaults:
|
|
730
730
|
exclude_from_search: false
|
731
731
|
|
732
732
|
toc: true
|
733
|
-
fab_menu_id:
|
733
|
+
fab_menu_id: page_ctrl
|
734
734
|
scrollbar: false
|
735
735
|
|
736
736
|
resource_options:
|
@@ -129,7 +129,7 @@ settings:
|
|
129
129
|
# id: new-version
|
130
130
|
# image: /assets/images/sticker/600x600/sticker-new-version.png
|
131
131
|
# size: 200
|
132
|
-
# title: Get new version 2022.6.
|
132
|
+
# title: Get new version 2022.6.2
|
133
133
|
# style: "width: 140px; height: 120px;"
|
134
134
|
# href: "https://rubygems.org/gems/j1-template"
|
135
135
|
# target: blank
|
@@ -224,25 +224,5 @@ defaults:
|
|
224
224
|
r_text_action: rtext
|
225
225
|
r_text_label: Text Resizer
|
226
226
|
|
227
|
-
# ----------------------------------------------------------------------------
|
228
|
-
# NavTopsearch
|
229
|
-
#
|
230
|
-
# nav_topsearch:
|
231
|
-
# enabled: false
|
232
|
-
#
|
233
|
-
# container_id: search_modal
|
234
|
-
# type: quicksearch # quicksearch | elasticsearch
|
235
|
-
# icon_family: MDI
|
236
|
-
# icon_color: "#FFFFFF" # md-white
|
237
|
-
# icon_size: mdi-2x
|
238
|
-
# search_icon: magnify
|
239
|
-
# close_icon: close
|
240
|
-
# clear_icon: format-clear
|
241
|
-
# input_color: rgba(0, 0, 0, 0.7) # rgba-darken-700
|
242
|
-
# background_color: transparent # md-grey-50
|
243
|
-
# placeholder: Your search expression
|
244
|
-
# search_heading_lead: ""
|
245
|
-
# result_heading_lead: ""
|
246
|
-
|
247
227
|
# ------------------------------------------------------------------------------
|
248
228
|
# END config
|
@@ -55,7 +55,7 @@
|
|
55
55
|
<id>{{ page.url | absolute_url | xml_escape }}</id>
|
56
56
|
<post_limited>{{ limit_posts }}</post_limited>
|
57
57
|
<template_name>J1 Template</template_name>
|
58
|
-
<template_version>2022.6.
|
58
|
+
<template_version>2022.6.2</template_version>
|
59
59
|
|
60
60
|
{% assign title = site.title | default: site.name %}
|
61
61
|
{% if page.collection != "posts" %}
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
data/lib/starter_web/pages/public/learn/roundtrip/_includes/documents/themes_bootstrap.asciidoc
CHANGED
@@ -1,51 +1,51 @@
|
|
1
|
-
== The Themes Menu
|
2
|
-
|
3
|
-
Themes adjust the website's appearance based on the core CSS rules and
|
4
|
-
definitions of Bootstrap. Themes do not change the framework's functionality
|
5
|
-
but modify rule-based, e.g., the color scheme, fonts, sizes, or the
|
6
|
-
appearance of more complex elements like forms or tables. Additionally, a
|
7
|
-
theme may add additional components to extend the Bootstrap's framework.
|
8
|
-
|
9
|
-
Modifying the CSS styles of link:{url-bs--home}[Bootstrap, {browser-window--new}]
|
10
|
-
is not rocket science. But, to be honest, some knowledge is needed for
|
11
|
-
link:{url-w3org--css-spec}[the CSS technology, {browser-window--new}] to do so.
|
12
|
-
We encourage you to spend some time first on learning CSS. To learn what is the
|
13
|
-
link:{url-w3schools--css-tutorial}[design base, {browser-window--new}] of each
|
14
|
-
and every website.
|
15
|
-
|
16
|
-
.Themes menu
|
17
|
-
lightbox::images--themes-menu[ 1280, {data-images--themes-menu} ]
|
18
|
-
|
19
|
-
Thanks to the people at link:{url-bootswatch--home}[Bootswatch, {browser-window--new}],
|
20
|
-
a great set of already prepared Bootstrap stylesheets in various designs are
|
21
|
-
available on their website. There is no need to start from scratch. It is not
|
22
|
-
needed to re-define all the Bootstrap variables, and rebuild the framework
|
23
|
-
files to create a new theme. Many different styles are available. What is
|
24
|
-
already available at Bootswatch is at least a good base for your modifications;
|
25
|
-
your unique design.
|
26
|
-
|
27
|
-
Besides the bunch of different stylesheets at Bootswatch, an
|
28
|
-
link:{url-bootswatch--api}[Integration API, {browser-window--new}] is provided
|
29
|
-
that helps a lot to integrate available designs into an existing site. This API
|
30
|
-
is the base to integrate selectable Bootswatch stylesheets into the J1 Template
|
31
|
-
navigation system for easy use.
|
32
|
-
|
33
|
-
=== Apply a theme
|
34
|
-
|
35
|
-
The base for designing pages using the J1 Template is the theme Uno, a modern
|
36
|
-
light theme used for many types of websites. And what we mentioned
|
37
|
-
already, web design is not: one size fits all. The theme Uno can be seen as
|
38
|
-
a good base, a starting point. Combining Uno and a different theme may be a fast
|
39
|
-
solution for your site!?
|
40
|
-
|
41
|
-
You can find all available themes and stylesheets on your pages
|
42
|
-
from the menu Themes. You're invited to check how a page is changing for
|
43
|
-
its design if other stylesheets, other ideas of web design are used.
|
44
|
-
|
45
|
-
TIP: Changing BS-based styles is one thing. Changing from one theme to the
|
46
|
-
next at runtime is a bit more challenging. For the first version of the J1
|
47
|
-
Template, many styles are automatically changed for J1 specific components,
|
48
|
-
but not all of them for now.
|
49
|
-
|
50
|
-
Select a theme from this menu, and a new BS-based stylesheet is automatically
|
51
|
-
applied to your pages.
|
1
|
+
== The Themes Menu
|
2
|
+
|
3
|
+
Themes adjust the website's appearance based on the core CSS rules and
|
4
|
+
definitions of Bootstrap. Themes do not change the framework's functionality
|
5
|
+
but modify rule-based, e.g., the color scheme, fonts, sizes, or the
|
6
|
+
appearance of more complex elements like forms or tables. Additionally, a
|
7
|
+
theme may add additional components to extend the Bootstrap's framework.
|
8
|
+
|
9
|
+
Modifying the CSS styles of link:{url-bs--home}[Bootstrap, {browser-window--new}]
|
10
|
+
is not rocket science. But, to be honest, some knowledge is needed for
|
11
|
+
link:{url-w3org--css-spec}[the CSS technology, {browser-window--new}] to do so.
|
12
|
+
We encourage you to spend some time first on learning CSS. To learn what is the
|
13
|
+
link:{url-w3schools--css-tutorial}[design base, {browser-window--new}] of each
|
14
|
+
and every website.
|
15
|
+
|
16
|
+
.Themes menu
|
17
|
+
lightbox::images--themes-menu[ 1280, {data-images--themes-menu} ]
|
18
|
+
|
19
|
+
Thanks to the people at link:{url-bootswatch--home}[Bootswatch, {browser-window--new}],
|
20
|
+
a great set of already prepared Bootstrap stylesheets in various designs are
|
21
|
+
available on their website. There is no need to start from scratch. It is not
|
22
|
+
needed to re-define all the Bootstrap variables, and rebuild the framework
|
23
|
+
files to create a new theme. Many different styles are available. What is
|
24
|
+
already available at Bootswatch is at least a good base for your modifications;
|
25
|
+
your unique design.
|
26
|
+
|
27
|
+
Besides the bunch of different stylesheets at Bootswatch, an
|
28
|
+
link:{url-bootswatch--api}[Integration API, {browser-window--new}] is provided
|
29
|
+
that helps a lot to integrate available designs into an existing site. This API
|
30
|
+
is the base to integrate selectable Bootswatch stylesheets into the J1 Template
|
31
|
+
navigation system for easy use.
|
32
|
+
|
33
|
+
=== Apply a theme
|
34
|
+
|
35
|
+
The base for designing pages using the J1 Template is the theme Uno, a modern
|
36
|
+
light theme used for many types of websites. And what we mentioned
|
37
|
+
already, web design is not: one size fits all. The theme Uno can be seen as
|
38
|
+
a good base, a starting point. Combining Uno and a different theme may be a fast
|
39
|
+
solution for your site!?
|
40
|
+
|
41
|
+
You can find all available themes and stylesheets on your pages
|
42
|
+
from the menu Themes. You're invited to check how a page is changing for
|
43
|
+
its design if other stylesheets, other ideas of web design are used.
|
44
|
+
|
45
|
+
TIP: Changing BS-based styles is one thing. Changing from one theme to the
|
46
|
+
next at runtime is a bit more challenging. For the first version of the J1
|
47
|
+
Template, many styles are automatically changed for J1 specific components,
|
48
|
+
but not all of them for now.
|
49
|
+
|
50
|
+
Select a theme from this menu, and a new BS-based stylesheet is automatically
|
51
|
+
applied to your pages.
|
@@ -1,110 +1,110 @@
|
|
1
|
-
== Code Highlighter Rouge
|
2
|
-
|
3
|
-
_Rouge_ is a pure Ruby and themeable syntax highlighter. It can highlight
|
4
|
-
100+ different languages and output HTML or ANSI 256-color text. Find all
|
5
|
-
available themes and examples for several languages of how
|
6
|
-
highlighting works using _Rouge_.
|
7
|
-
|
8
|
-
For the default theme `Uno` of J1 Template, the following _Rouge_ themes
|
9
|
-
are used:
|
10
|
-
|
11
|
-
* light: `igorpro`
|
12
|
-
* dark: `monokai.sublime`
|
13
|
-
|
14
|
-
NOTE: The default themes used for the J1 Template can be configured with the
|
15
|
-
global template config file `~/_data/j1_config.yml`.
|
16
|
-
|
17
|
-
|
18
|
-
=== Apply a theme
|
19
|
-
|
20
|
-
Make a selection of a theme below to preview.
|
21
|
-
|
22
|
-
++++
|
23
|
-
<div class="btn-group">
|
24
|
-
<!-- See: https://stackoverflow.com/questions/47242702/force-bootstrap-dropdown-menu-to-always-display-at-the-bottom-and-allow-it-go-of -->
|
25
|
-
<!-- NOTE: control the behaviour of popper.js for positioning -->
|
26
|
-
<!-- NOTE: set attribute data-flip="false" to open the SELECT list at the BOTTOM of the BUTTON -->
|
27
|
-
<button class="btn btn-primary btn-flex btn-lg dropdown-toggle" data-flip="false" type="button" data-bs-toggle="dropdown" data-bs-target="#navbarDropdown" aria-haspopup="true" aria-expanded="false">
|
28
|
-
Select Theme<span class="caret"></span>
|
29
|
-
</button>
|
30
|
-
<ul class="dropdown-menu scrollable-menu" role="menu">
|
31
|
-
<li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('base16')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16</a></li>
|
32
|
-
<li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('base16.dark')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16.dark</a></li>
|
33
|
-
<li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('base16.light')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16.light</a></li>
|
34
|
-
<li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('base16.monokai')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16.monokai</a></li>
|
35
|
-
<li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('base16.monokai.dark')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16.monokai.dark</a></li>
|
36
|
-
<li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('base16.monokai.light')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16.monokai.light</a></li>
|
37
|
-
<li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('base16.solarized')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16.solarized</a></li>
|
38
|
-
<li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('base16.solarized.dark')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16.solarized.dark</a></li>
|
39
|
-
<li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('base16.solarized.light')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16.solarized.light</a></li>
|
40
|
-
<li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('colorful')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>colorful</a></li>
|
41
|
-
<li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('github')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>github</a></li>
|
42
|
-
<li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('gruvbox')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>gruvbox</a></li>
|
43
|
-
<li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('gruvbox.light')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>gruvbox.light</a></li>
|
44
|
-
<li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('igorpro')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>igorpro</a></li>
|
45
|
-
<li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('molokai')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>molokai</a></li>
|
46
|
-
<li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('monokai')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>monokai</a></li>
|
47
|
-
<li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('monokai.sublime')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>monokai.sublime</a></li>
|
48
|
-
<li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('pastie')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>pastie</a></li>
|
49
|
-
<li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('thankful_eyes')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>thankful_eyes</a></li>
|
50
|
-
<li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('tulip')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>tulip</a></li>
|
51
|
-
</ul>
|
52
|
-
</div>
|
53
|
-
<div id="selected" class="mt-1 mb-3"></div>
|
54
|
-
++++
|
55
|
-
|
56
|
-
=== Highlight Liquid code
|
57
|
-
|
58
|
-
{% raw %}
|
59
|
-
[source, liquid]
|
60
|
-
----
|
61
|
-
Hello {{ 'now' | date: "%Y %h" }}
|
62
|
-
|
63
|
-
{% comment %} if item.quantity is 4... {% endcomment %}
|
64
|
-
{% for i in (1..item.quantity) %}
|
65
|
-
{{ i }}
|
66
|
-
{% endfor %}
|
67
|
-
----
|
68
|
-
{% endraw %}
|
69
|
-
|
70
|
-
=== Highlight Javascript code
|
71
|
-
|
72
|
-
[source, javascript]
|
73
|
-
----
|
74
|
-
// helper functions
|
75
|
-
//
|
76
|
-
function styleSheetLoaded(styleSheet) {
|
77
|
-
var sheets = document.styleSheets,
|
78
|
-
stylesheet = sheets[(sheets.length - 1)];
|
79
|
-
|
80
|
-
// find CSS file 'styleSheetName' in document
|
81
|
-
for(var i in document.styleSheets) {
|
82
|
-
if(sheets[i].href && sheets[i].href.indexOf(styleSheet) > -1) {
|
83
|
-
return true;;
|
84
|
-
}
|
85
|
-
}
|
86
|
-
}
|
87
|
-
----
|
88
|
-
|
89
|
-
=== Highlight Ruby code
|
90
|
-
|
91
|
-
[source, ruby]
|
92
|
-
----
|
93
|
-
require 'asciidoctor/extensions' unless RUBY_ENGINE == 'opal'
|
94
|
-
include Asciidoctor <1>
|
95
|
-
|
96
|
-
Asciidoctor::Extensions.register do
|
97
|
-
class J1BlockMacro < Extensions::BlockMacroProcessor
|
98
|
-
use_dsl
|
99
|
-
named :banner
|
100
|
-
name_positional_attributes 'role'
|
101
|
-
|
102
|
-
def process parent, target, attrs
|
103
|
-
html = %(<div id="#{target}" class="#{attrs['role']}"></div>)
|
104
|
-
create_pass_block parent, html, attrs, subs: nil
|
105
|
-
end
|
106
|
-
end
|
107
|
-
block_macro J1BlockMacro
|
108
|
-
end
|
109
|
-
----
|
110
|
-
<1> don't miss to load the Asciidoctor ruby
|
1
|
+
== Code Highlighter Rouge
|
2
|
+
|
3
|
+
_Rouge_ is a pure Ruby and themeable syntax highlighter. It can highlight
|
4
|
+
100+ different languages and output HTML or ANSI 256-color text. Find all
|
5
|
+
available themes and examples for several languages of how
|
6
|
+
highlighting works using _Rouge_.
|
7
|
+
|
8
|
+
For the default theme `Uno` of J1 Template, the following _Rouge_ themes
|
9
|
+
are used:
|
10
|
+
|
11
|
+
* light: `igorpro`
|
12
|
+
* dark: `monokai.sublime`
|
13
|
+
|
14
|
+
NOTE: The default themes used for the J1 Template can be configured with the
|
15
|
+
global template config file `~/_data/j1_config.yml`.
|
16
|
+
|
17
|
+
|
18
|
+
=== Apply a theme
|
19
|
+
|
20
|
+
Make a selection of a theme below to preview.
|
21
|
+
|
22
|
+
++++
|
23
|
+
<div class="btn-group">
|
24
|
+
<!-- See: https://stackoverflow.com/questions/47242702/force-bootstrap-dropdown-menu-to-always-display-at-the-bottom-and-allow-it-go-of -->
|
25
|
+
<!-- NOTE: control the behaviour of popper.js for positioning -->
|
26
|
+
<!-- NOTE: set attribute data-flip="false" to open the SELECT list at the BOTTOM of the BUTTON -->
|
27
|
+
<button class="btn btn-primary btn-flex btn-lg dropdown-toggle" data-flip="false" type="button" data-bs-toggle="dropdown" data-bs-target="#navbarDropdown" aria-haspopup="true" aria-expanded="false">
|
28
|
+
Select Theme<span class="caret"></span>
|
29
|
+
</button>
|
30
|
+
<ul class="dropdown-menu scrollable-menu" role="menu">
|
31
|
+
<li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('base16')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16</a></li>
|
32
|
+
<li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('base16.dark')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16.dark</a></li>
|
33
|
+
<li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('base16.light')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16.light</a></li>
|
34
|
+
<li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('base16.monokai')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16.monokai</a></li>
|
35
|
+
<li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('base16.monokai.dark')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16.monokai.dark</a></li>
|
36
|
+
<li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('base16.monokai.light')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16.monokai.light</a></li>
|
37
|
+
<li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('base16.solarized')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16.solarized</a></li>
|
38
|
+
<li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('base16.solarized.dark')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16.solarized.dark</a></li>
|
39
|
+
<li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('base16.solarized.light')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16.solarized.light</a></li>
|
40
|
+
<li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('colorful')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>colorful</a></li>
|
41
|
+
<li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('github')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>github</a></li>
|
42
|
+
<li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('gruvbox')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>gruvbox</a></li>
|
43
|
+
<li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('gruvbox.light')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>gruvbox.light</a></li>
|
44
|
+
<li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('igorpro')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>igorpro</a></li>
|
45
|
+
<li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('molokai')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>molokai</a></li>
|
46
|
+
<li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('monokai')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>monokai</a></li>
|
47
|
+
<li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('monokai.sublime')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>monokai.sublime</a></li>
|
48
|
+
<li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('pastie')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>pastie</a></li>
|
49
|
+
<li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('thankful_eyes')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>thankful_eyes</a></li>
|
50
|
+
<li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('tulip')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>tulip</a></li>
|
51
|
+
</ul>
|
52
|
+
</div>
|
53
|
+
<div id="selected" class="mt-1 mb-3"></div>
|
54
|
+
++++
|
55
|
+
|
56
|
+
=== Highlight Liquid code
|
57
|
+
|
58
|
+
{% raw %}
|
59
|
+
[source, liquid]
|
60
|
+
----
|
61
|
+
Hello {{ 'now' | date: "%Y %h" }}
|
62
|
+
|
63
|
+
{% comment %} if item.quantity is 4... {% endcomment %}
|
64
|
+
{% for i in (1..item.quantity) %}
|
65
|
+
{{ i }}
|
66
|
+
{% endfor %}
|
67
|
+
----
|
68
|
+
{% endraw %}
|
69
|
+
|
70
|
+
=== Highlight Javascript code
|
71
|
+
|
72
|
+
[source, javascript]
|
73
|
+
----
|
74
|
+
// helper functions
|
75
|
+
//
|
76
|
+
function styleSheetLoaded(styleSheet) {
|
77
|
+
var sheets = document.styleSheets,
|
78
|
+
stylesheet = sheets[(sheets.length - 1)];
|
79
|
+
|
80
|
+
// find CSS file 'styleSheetName' in document
|
81
|
+
for(var i in document.styleSheets) {
|
82
|
+
if(sheets[i].href && sheets[i].href.indexOf(styleSheet) > -1) {
|
83
|
+
return true;;
|
84
|
+
}
|
85
|
+
}
|
86
|
+
}
|
87
|
+
----
|
88
|
+
|
89
|
+
=== Highlight Ruby code
|
90
|
+
|
91
|
+
[source, ruby]
|
92
|
+
----
|
93
|
+
require 'asciidoctor/extensions' unless RUBY_ENGINE == 'opal'
|
94
|
+
include Asciidoctor <1>
|
95
|
+
|
96
|
+
Asciidoctor::Extensions.register do
|
97
|
+
class J1BlockMacro < Extensions::BlockMacroProcessor
|
98
|
+
use_dsl
|
99
|
+
named :banner
|
100
|
+
name_positional_attributes 'role'
|
101
|
+
|
102
|
+
def process parent, target, attrs
|
103
|
+
html = %(<div id="#{target}" class="#{attrs['role']}"></div>)
|
104
|
+
create_pass_block parent, html, attrs, subs: nil
|
105
|
+
end
|
106
|
+
end
|
107
|
+
block_macro J1BlockMacro
|
108
|
+
end
|
109
|
+
----
|
110
|
+
<1> don't miss to load the Asciidoctor ruby
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: j1-template
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 2022.6.
|
4
|
+
version: 2022.6.2
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- juergen_jekyll_one
|
8
8
|
autorequire:
|
9
9
|
bindir: exe
|
10
10
|
cert_chain: []
|
11
|
-
date: 2022-11-
|
11
|
+
date: 2022-11-24 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: jekyll
|
@@ -2347,6 +2347,31 @@ files:
|
|
2347
2347
|
- lib/starter_web/assets/images/quotes/people.jpg
|
2348
2348
|
- lib/starter_web/assets/images/sticker/600x600/sticker-new-version.png
|
2349
2349
|
- lib/starter_web/assets/images/sticker/scalable/readme
|
2350
|
+
- lib/starter_web/assets/videos/gallery/dailymotion/meditation.jpg
|
2351
|
+
- lib/starter_web/assets/videos/gallery/dailymotion/pilates.jpg
|
2352
|
+
- lib/starter_web/assets/videos/gallery/html5/video1.mp4
|
2353
|
+
- lib/starter_web/assets/videos/gallery/html5/video2.mp4
|
2354
|
+
- lib/starter_web/assets/videos/gallery/kick-it-old-school-poster.jpg
|
2355
|
+
- lib/starter_web/assets/videos/gallery/nye-party-shop-poster.jpg
|
2356
|
+
- lib/starter_web/assets/videos/gallery/stay-colorful-poster.jpg
|
2357
|
+
- lib/starter_web/assets/videos/gallery/video1-poster.jpg
|
2358
|
+
- lib/starter_web/assets/videos/gallery/video1-thumb.jpg
|
2359
|
+
- lib/starter_web/assets/videos/gallery/video2-poster.jpg
|
2360
|
+
- lib/starter_web/assets/videos/gallery/video2-thumb.jpg
|
2361
|
+
- lib/starter_web/assets/videos/gallery/video_adele-poster.jpg
|
2362
|
+
- lib/starter_web/assets/videos/gallery/video_gaga-poster.jpg
|
2363
|
+
- lib/starter_web/assets/videos/gallery/video_gwen-poster.jpg
|
2364
|
+
- lib/starter_web/assets/videos/gallery/video_michelle-poster.jpg
|
2365
|
+
- lib/starter_web/assets/videos/gallery/vk/hai.jpg
|
2366
|
+
- lib/starter_web/assets/videos/gallery/vk/otter.jpg
|
2367
|
+
- lib/starter_web/assets/videos/gallery/voice_kids_de_2021/battle.jpg
|
2368
|
+
- lib/starter_web/assets/videos/gallery/voice_kids_de_2021/ben.jpg
|
2369
|
+
- lib/starter_web/assets/videos/gallery/voice_kids_de_2021/constance.jpg
|
2370
|
+
- lib/starter_web/assets/videos/gallery/voice_kids_de_2021/elisa.jpg
|
2371
|
+
- lib/starter_web/assets/videos/headers/present_videos/still/underground-broadway.jpg
|
2372
|
+
- lib/starter_web/assets/videos/headers/present_videos/underground-broadway.mp4
|
2373
|
+
- lib/starter_web/assets/videos/tiktok/einhorn.jpg
|
2374
|
+
- lib/starter_web/assets/videos/tiktok/waluschka.jpg
|
2350
2375
|
- lib/starter_web/collections/asciidoc_skeletons/simple-post/_posts/yyyy-mm-dd-your-post-name.asciidoc
|
2351
2376
|
- lib/starter_web/collections/posts/private/_posts/readme
|
2352
2377
|
- lib/starter_web/collections/posts/protected/_posts/readme
|