j1-template 2024.1.2 → 2024.1.4
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/assets/themes/j1/core/js/template.js +213 -209
- data/assets/themes/j1/core/js/template.min.js +7 -7
- data/assets/themes/j1/core/js/template.min.js.map +1 -1
- data/lib/j1/version.rb +1 -1
- data/lib/starter_web/README.md +5 -5
- data/lib/starter_web/_config.yml +2 -2
- data/lib/starter_web/_data/blocks/footer.yml +5 -5
- data/lib/starter_web/_data/modules/navigator_menu.yml +781 -771
- 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/images/modules/attics/1920x1280/markus-spiske.jpg +0 -0
- data/lib/starter_web/assets/videos/gallery/kick-it-old-school-poster.jpg +0 -0
- data/lib/starter_web/assets/videos/gallery/stay-colorful-poster.jpg +0 -0
- data/lib/starter_web/assets/videos/gallery/video2-poster.jpg +0 -0
- data/lib/starter_web/assets/videos/gallery/video_adele-poster.jpg +0 -0
- data/lib/starter_web/assets/videos/gallery/video_adele_last_carpool_caraoke_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_james_carpool_caraoke_poster.jpg +0 -0
- data/lib/starter_web/assets/videos/gallery/video_michelle-poster.jpg +0 -0
- data/lib/starter_web/assets/videos/gallery/videojs-poster.png +0 -0
- data/lib/starter_web/collections/_biography/a-life-in-questions.adoc +1 -1
- data/lib/starter_web/collections/_biography/becoming.adoc +1 -1
- data/lib/starter_web/collections/_biography/born-to-run.adoc +1 -1
- data/lib/starter_web/collections/_biography/forty-autumns.adoc +1 -1
- data/lib/starter_web/collections/_biography/not-dead-yet.adoc +1 -1
- data/lib/starter_web/collections/_biography/princess-diarist-the.adoc +1 -1
- data/lib/starter_web/collections/_biography/when-breath-becomes-air.adoc +1 -1
- data/lib/starter_web/collections/_fantasy/harry-potter-deathly-hallows.adoc +1 -1
- data/lib/starter_web/collections/_fantasy/harry-potter-philosophers-stone.adoc +1 -1
- data/lib/starter_web/collections/_fantasy/mistborn-trilogy.adoc +1 -1
- data/lib/starter_web/collections/_fantasy/ready-player-one.adoc +1 -1
- data/lib/starter_web/collections/_fantasy/sword-of-destiny.adoc +1 -1
- data/lib/starter_web/collections/_fantasy/terry-pratchet-diary.adoc +1 -1
- data/lib/starter_web/collections/_portfolio/branding.adoc +1 -1
- data/lib/starter_web/collections/_portfolio/graphic_design.adoc +1 -1
- data/lib/starter_web/collections/_portfolio/identity.adoc +1 -1
- data/lib/starter_web/collections/_portfolio/illustration.adoc +1 -1
- data/lib/starter_web/collections/_portfolio/photography.adoc +1 -1
- data/lib/starter_web/collections/_portfolio/web_design.adoc +1 -1
- data/lib/starter_web/collections/_romance/breath-of-snow-and-ashes.adoc +1 -1
- data/lib/starter_web/collections/_romance/it-ends-with-us.adoc +1 -1
- data/lib/starter_web/collections/_romance/outlander-novel.adoc +1 -1
- data/lib/starter_web/collections/_romance/outlander-virgins-short-story.adoc +1 -1
- data/lib/starter_web/collections/_romance/the-dressmaker.adoc +1 -1
- data/lib/starter_web/collections/_romance/the-fiery-cross.adoc +1 -1
- data/lib/starter_web/collections/asciidoc_skeletons/simple-post/_posts/yyyy-mm-dd-your-post-name.asciidoc +1 -1
- data/lib/starter_web/collections/posts/public/featured/_posts/0000-00-00-welcome-to-j1.adoc.erb +1 -1
- data/lib/starter_web/collections/posts/public/featured/_posts/2021-01-01-about-cookies.adoc +1 -1
- data/lib/starter_web/collections/posts/public/featured/_posts/2021-02-01-static-site-generators.adoc +1 -1
- data/lib/starter_web/index.html +1 -1
- data/lib/starter_web/package.json +1 -1
- data/lib/starter_web/pages/public/asciidoc_skeletons/documentation/000_intro.adoc +1 -1
- data/lib/starter_web/pages/public/asciidoc_skeletons/documentation/100_converter.adoc +1 -1
- data/lib/starter_web/pages/public/asciidoc_skeletons/documentation/200_themes.adoc +1 -1
- data/lib/starter_web/pages/public/asciidoc_skeletons/documentation/documentation.adoc +1 -1
- data/lib/starter_web/pages/public/asciidoc_skeletons/multi-document/multi.adoc +1 -1
- data/lib/starter_web/pages/public/asciidoc_skeletons/simple-document/simple.adoc +1 -1
- data/lib/starter_web/pages/public/blog/navigator/archive/allview.html +1 -1
- data/lib/starter_web/pages/public/blog/navigator/archive/categoryview.html +1 -1
- data/lib/starter_web/pages/public/blog/navigator/archive/dateview.html +1 -1
- data/lib/starter_web/pages/public/blog/navigator/archive/tagview.html +1 -1
- data/lib/starter_web/pages/public/blog/navigator/index.html +1 -1
- data/lib/starter_web/pages/public/features/general.adoc +1 -1
- data/lib/starter_web/pages/public/features/template.adoc +1 -1
- data/lib/starter_web/pages/public/learn/bookshelf/article_previewer/viewer_biography.adoc +2 -1
- data/lib/starter_web/pages/public/learn/bookshelf/article_previewer/viewer_fantasy.adoc +2 -1
- data/lib/starter_web/pages/public/learn/bookshelf/article_previewer/viewer_romance.adoc +2 -1
- data/lib/starter_web/pages/public/learn/bookshelf/jekyll_collections.adoc +1 -1
- data/lib/starter_web/pages/public/learn/bookshelf/viewer_all_books.adoc +4 -1
- data/lib/starter_web/pages/public/learn/roundtrip/_includes/attributes.asciidoc +1 -1
- data/lib/starter_web/pages/public/learn/roundtrip/asciidoc_extensions.adoc +5 -5
- data/lib/starter_web/pages/public/learn/roundtrip/bootstrap_themes.adoc +1 -1
- data/lib/starter_web/pages/public/learn/roundtrip/highlghter_rouge.adoc +1 -1
- data/lib/starter_web/pages/public/learn/roundtrip/icon_fonts.adoc +1 -1
- data/lib/starter_web/pages/public/learn/roundtrip/{present_videos.adoc → present_audio_video.adoc} +32 -19
- data/lib/starter_web/pages/public/learn/roundtrip/present_images.adoc +11 -9
- data/lib/starter_web/pages/public/learn/roundtrip/responsive_tables.adoc +1 -1
- data/lib/starter_web/pages/public/learn/roundtrip/typography.adoc +1 -1
- data/lib/starter_web/pages/public/learn/where_to_go.adoc +1 -1
- data/lib/starter_web/pages/public/legal/en/100_copyright.adoc +1 -1
- data/lib/starter_web/pages/public/legal/en/200_impress.adoc +1 -1
- data/lib/starter_web/pages/public/legal/en/300_privacy.adoc +1 -1
- data/lib/starter_web/pages/public/legal/en/400_comment_policy.adoc +1 -1
- data/lib/starter_web/pages/public/panels/intro_panel/panel.adoc +1 -1
- data/lib/starter_web/pages/public/plans/plans.adoc +1 -1
- data/lib/starter_web/pages/public/tools/previewer/preview_bootstrap_theme.adoc +1 -1
- data/lib/starter_web/pages/public/tools/previewer/preview_speak2me.adoc +740 -0
- metadata +6 -24
- data/lib/starter_web/pages/public/panels/roundtrip/100_present_images/lightbox-image-1.jpg +0 -0
- data/lib/starter_web/pages/public/panels/roundtrip/100_present_images/lightbox-image-2.jpg +0 -0
- data/lib/starter_web/pages/public/panels/roundtrip/100_present_images/lightbox-image-3.jpg +0 -0
- data/lib/starter_web/pages/public/panels/roundtrip/100_present_images/lightbox-thumb-1.jpg +0 -0
- data/lib/starter_web/pages/public/panels/roundtrip/100_present_images/lightbox-thumb-2.jpg +0 -0
- data/lib/starter_web/pages/public/panels/roundtrip/100_present_images/lightbox-thumb-3.jpg +0 -0
- data/lib/starter_web/pages/public/panels/roundtrip/410_bs_modals_extentions/avatar.jpg +0 -0
- data/lib/starter_web/pages/public/panels/roundtrip/410_bs_modals_extentions/marc.jpg +0 -0
- data/lib/starter_web/pages/public/panels/roundtrip/600_quicksearch/quicksearch_icon.jpg +0 -0
- data/lib/starter_web/pages/public/panels/roundtrip/600_quicksearch/quicksearch_input.jpg +0 -0
- data/lib/starter_web/pages/public/panels/roundtrip/600_quicksearch/quicksearch_results.jpg +0 -0
- data/lib/starter_web/pages/public/panels/roundtrip/bootstrap-1920x1000-bw.jpg +0 -0
- data/lib/starter_web/pages/public/panels/roundtrip/cards-1920x1280-bw.jpg +0 -0
- data/lib/starter_web/pages/public/panels/roundtrip/emojies-1920x1280-bw.jpg +0 -0
- data/lib/starter_web/pages/public/panels/roundtrip/icon-fonts-1920x1280-bw.jpg +0 -0
- data/lib/starter_web/pages/public/panels/roundtrip/images-1920x1280-bw.jpg +0 -0
- data/lib/starter_web/pages/public/panels/roundtrip/puzzle-1920x1280-bw.jpg +0 -0
- data/lib/starter_web/pages/public/panels/roundtrip/tables-1920x1280-bw.jpg +0 -0
- data/lib/starter_web/pages/public/panels/roundtrip/themes-1920x1280.jpg +0 -0
- data/lib/starter_web/pages/public/panels/roundtrip/typography-1920x1280-bw.jpg +0 -0
- /data/_layouts/{readme → !readme} +0 -0
@@ -24,7 +24,7 @@ image:
|
|
24
24
|
width: 1920
|
25
25
|
height: 1280
|
26
26
|
|
27
|
-
tts:
|
27
|
+
tts: true
|
28
28
|
comments: false
|
29
29
|
regenerate: false
|
30
30
|
permalink: /pages/public/learn/roundtrip/asciidoc_extensions/
|
@@ -322,14 +322,14 @@ and CSS styles are configurable for all images using this macro.
|
|
322
322
|
.Lightbox block for single images
|
323
323
|
[source, no_template, role="noclip"]
|
324
324
|
----
|
325
|
-
.
|
325
|
+
.Block title
|
326
326
|
lightbox::<block_id>[ <images_width>, <images_data_id>, <role="CSS styles"> ]
|
327
327
|
----
|
328
328
|
|
329
329
|
.Lightbox block for image groups
|
330
330
|
[source, no_template, role="noclip"]
|
331
331
|
----
|
332
|
-
.
|
332
|
+
.Block title
|
333
333
|
lightbox::<block_id>[ <images_width>, <images_data_id>, <group_name>, <role="CSS styles"> ]
|
334
334
|
----
|
335
335
|
|
@@ -424,10 +424,10 @@ portrait. For that reason, a more powerful gallery is needed to create
|
|
424
424
|
a so-called *masonry grid layout*. It works by placing elements in an
|
425
425
|
optimal position based on available horizontal and vertical space.
|
426
426
|
|
427
|
-
.
|
427
|
+
.Gallery macro for images and videos
|
428
428
|
[source, no_template, role="noclip"]
|
429
429
|
----
|
430
|
-
.
|
430
|
+
.Gallery title
|
431
431
|
gallery::<gallery_id>[role="<additional CSS styles>"]
|
432
432
|
----
|
433
433
|
|
data/lib/starter_web/pages/public/learn/roundtrip/{present_videos.adoc → present_audio_video.adoc}
RENAMED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
|
-
title: Video
|
3
|
-
title_extention: Playing HTML5 Video using J1 Template
|
4
|
-
tagline: Playing Video
|
2
|
+
title: Audio and Video
|
3
|
+
title_extention: Playing HTML5 Audio and Video using J1 Template
|
4
|
+
tagline: Playing Audio and Video files
|
5
5
|
|
6
6
|
date: 2020-11-04
|
7
7
|
#last_modified: 2023-01-01
|
@@ -27,7 +27,7 @@ image:
|
|
27
27
|
|
28
28
|
personalization: true
|
29
29
|
regenerate: false
|
30
|
-
permalink: /pages/public/learn/roundtrip/
|
30
|
+
permalink: /pages/public/learn/roundtrip/present_audio_video/
|
31
31
|
|
32
32
|
resources: [
|
33
33
|
animate,
|
@@ -42,16 +42,16 @@ resource_options:
|
|
42
42
|
# Broadway Underground - still image (animate default)
|
43
43
|
- url: /assets/videos/headers/present_videos/still/underground-broadway.jpg
|
44
44
|
alt: Broadway Underground
|
45
|
-
|
46
|
-
|
45
|
+
title: Audio and Video
|
46
|
+
tagline: Playing Audio and Video files
|
47
47
|
alignY: top
|
48
48
|
animateFirst: false
|
49
49
|
|
50
50
|
# Broadway Underground - FAYETTE ST, moved file to Github/LFS
|
51
51
|
- url: /assets/videos/headers/present_videos/underground-broadway.mp4
|
52
52
|
alt: Broadway Underground Video
|
53
|
-
title:
|
54
|
-
tagline:
|
53
|
+
title: Audio and Video
|
54
|
+
tagline: Playing Audio and Video files
|
55
55
|
alignY: 0
|
56
56
|
isVideo: true
|
57
57
|
loop: false
|
@@ -60,8 +60,8 @@ resource_options:
|
|
60
60
|
# Broadway Underground - still image (animate random)
|
61
61
|
- url: /assets/videos/headers/present_videos/still/underground-broadway.jpg
|
62
62
|
alt: Broadway Underground
|
63
|
-
title: Video
|
64
|
-
tagline: Playing Video
|
63
|
+
title: Audio and Video
|
64
|
+
tagline: Playing Audio and Video files
|
65
65
|
alignY: top
|
66
66
|
transition: push_left|push_right|cover_up|cover_down|fade|fadeInOut
|
67
67
|
---
|
@@ -88,17 +88,30 @@ resource_options:
|
|
88
88
|
// Page content
|
89
89
|
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
|
90
90
|
[role="dropcap"]
|
91
|
-
The J1 Template system support playing video on web pages by HTML5
|
92
|
-
the new standard of HTML to
|
91
|
+
The J1 Template system support playing audio and video on web pages by HTML5,
|
92
|
+
the new standard of HTML to play audio and video files on webpages natively
|
93
|
+
without the need of any external player.
|
93
94
|
|
94
|
-
Modern browsers support the
|
95
|
-
standard. The previous proprietary software like
|
96
|
-
or _Silverlight_ is no longer needed as J1
|
97
|
-
support for local video and from
|
95
|
+
Modern browsers support the audio tag `<audio>` and the video tag `<video>`
|
96
|
+
for the current HTML standard. The previous proprietary software like
|
97
|
+
_Flash Player_, _Quicktime_, or _Silverlight_ is no longer needed as J1
|
98
|
+
provides HTML Audio and Video and VideoJS support for local video and from
|
99
|
+
online sources on the Internet.
|
98
100
|
|
99
101
|
mdi:clock-time-five-outline[24px, md-gray mt-5 mr-2]
|
100
102
|
*10-15 Minutes* to read
|
101
103
|
|
104
|
+
|
105
|
+
[role="mt-5"]
|
106
|
+
== HTML5 Audio
|
107
|
+
|
108
|
+
Audio players can be embedded in Web pages very easy by using the HTML5 audio
|
109
|
+
tag `<audio>`. Browsers have a built-in multimedia framework for decoding
|
110
|
+
and playing audio content directly within a webpage.
|
111
|
+
|
112
|
+
.Ambient Piano
|
113
|
+
audio::/assets/audio/sound-effects/ambient-piano.mp3[role="mt-4 mb-5"]
|
114
|
+
|
102
115
|
// Include sub-documents (if any)
|
103
116
|
// -----------------------------------------------------------------------------
|
104
117
|
[role="mt-5"]
|
@@ -254,9 +267,9 @@ gallery::jg_video_html5[role="mt-4 mb-4"]
|
|
254
267
|
[role="mb-4"]
|
255
268
|
[NOTE]
|
256
269
|
====
|
257
|
-
The HTML5 specification does *not* define which
|
258
|
-
browsers
|
259
|
-
video for the Web like MP4
|
270
|
+
The HTML5 specification does *not* define which audio and video *formats*
|
271
|
+
browsers should support. J1 lightGallery can play all standard types of
|
272
|
+
video for the Web like *MP4*, *WebM*, or *Ogg*.
|
260
273
|
====
|
261
274
|
|
262
275
|
|
@@ -43,7 +43,7 @@ resource_options:
|
|
43
43
|
badge:
|
44
44
|
type: unsplash
|
45
45
|
author: Quino Al Angel
|
46
|
-
href:
|
46
|
+
href: //unsplash.com/@quinoal
|
47
47
|
---
|
48
48
|
|
49
49
|
// Page Initializer
|
@@ -493,13 +493,15 @@ I hope, you've enjoyed exploring the possibilities J1 offers for managing
|
|
493
493
|
and displaying digital image content. But much, much more can the J1 do for
|
494
494
|
your web.
|
495
495
|
|
496
|
-
The J1 Template support playing video on web pages by using the
|
497
|
-
support, the new standard of HTML. HTML5
|
498
|
-
show
|
499
|
-
the
|
500
|
-
|
501
|
-
|
502
|
-
|
496
|
+
The J1 Template support playing audio and video on web pages by using the
|
497
|
+
HTML5 audio and video support, the new standard of HTML. HTML5 implements a
|
498
|
+
pure HTML way to show play audio or playing video on the web. Modern browsers
|
499
|
+
support the audio tag `<audio>` and the video tag `<video>` for the HTML5
|
500
|
+
standard.
|
501
|
+
|
502
|
+
The previous proprietary de facto standard software like a Flash Player,
|
503
|
+
Quicktime, or Silverlight is no longer needed as the Theme JekyllOne provides
|
504
|
+
HTML5 video for local content and from online sources on the Internet.
|
503
505
|
|
504
506
|
[role="mb-7"]
|
505
|
-
Incredible? See the next example page link:{url-roundtrip--present-
|
507
|
+
Incredible? See the next example page link:{url-roundtrip--present-audio-video}[Present Audio and Video].
|