j1-template 2024.0.2 → 2024.0.3

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 (38) hide show
  1. checksums.yaml +4 -4
  2. data/assets/themes/j1/core/js/template.js +0 -12
  3. data/assets/themes/j1/core/js/template.min.js.map +1 -1
  4. data/assets/themes/j1/modules/iframeResizer/README.md +105 -105
  5. data/assets/themes/j1/modules/lightGallery/js/plugins/lg-video.js +30 -5
  6. data/assets/themes/j1/modules/videojs/assets/material-icons.woff +0 -0
  7. data/assets/themes/j1/modules/videojs/assets/material-icons.woff2 +0 -0
  8. data/assets/themes/j1/modules/videojs/css/plugins/zoom.css +96 -0
  9. data/assets/themes/j1/modules/videojs/css/plugins/zoom.min.css +21 -0
  10. data/assets/themes/j1/modules/videojs/css/themes/city.css +1 -1
  11. data/assets/themes/j1/modules/videojs/css/themes/city.min.css +1 -1
  12. data/assets/themes/j1/modules/videojs/css/themes/fantasy.css +1 -1
  13. data/assets/themes/j1/modules/videojs/css/themes/fantasy.min.css +1 -1
  14. data/assets/themes/j1/modules/videojs/css/themes/forest.css +1 -1
  15. data/assets/themes/j1/modules/videojs/css/themes/forest.min.css +1 -1
  16. data/assets/themes/j1/modules/videojs/css/themes/sea.css +1 -1
  17. data/assets/themes/j1/modules/videojs/css/themes/sea.min.css +1 -1
  18. data/assets/themes/j1/modules/videojs/css/themes/uno.css +16 -18
  19. data/assets/themes/j1/modules/videojs/css/themes/uno.min.css +3 -2
  20. data/assets/themes/j1/modules/videojs/css/{video-js.css → video.css} +9 -7
  21. data/assets/themes/j1/modules/videojs/css/{video-js.min.css → video.min.css} +2 -2
  22. data/assets/themes/j1/modules/videojs/js/plugins/zoom.js +377 -0
  23. data/assets/themes/j1/modules/videojs/js/plugins/zoom.min.js +21 -0
  24. data/assets/themes/j1/modules/videojs/js/video.js +641 -71
  25. data/assets/themes/j1/modules/videojs/js/video.min.js +10 -9
  26. data/lib/j1/version.rb +1 -1
  27. data/lib/starter_web/README.md +5 -5
  28. data/lib/starter_web/_config.yml +1 -1
  29. data/lib/starter_web/_data/modules/gallery.yml +7 -2
  30. data/lib/starter_web/_data/resources.yml +4 -2
  31. data/lib/starter_web/_data/templates/feed.xml +1 -1
  32. data/lib/starter_web/_plugins/asciidoctor/videojs-block.rb +3 -2
  33. data/lib/starter_web/_plugins/index/lunr.rb +3 -1
  34. data/lib/starter_web/assets/videos/gallery/video_james_carpool_caraoke.1920.jpg +0 -0
  35. data/lib/starter_web/package.json +1 -1
  36. data/lib/starter_web/pages/public/tools/previewer/preview_docsearch.adoc +92 -92
  37. data/lib/starter_web/pages/public/tools/previewer/preview_iframer.adoc +106 -106
  38. metadata +11 -4
data/lib/j1/version.rb CHANGED
@@ -1,3 +1,3 @@
1
1
  module J1
2
- VERSION = '2024.0.2'
2
+ VERSION = '2024.0.3'
3
3
  end
@@ -379,7 +379,7 @@ This command creates a **initial** project in folder **my-starter**.
379
379
  2023-02-28 18:12:12 - GENERATE: Resolving dependencies...
380
380
  2023-02-28 18:12:12 - GENERATE: Using bundler 2.3.7
381
381
  ...
382
- 2023-02-28 18:12:12 - GENERATE: Using j1-template 2024.0.2
382
+ 2023-02-28 18:12:12 - GENERATE: Using j1-template 2024.0.3
383
383
  2023-02-28 18:12:12 - GENERATE: Bundle complete! 31 Gemfile dependencies, 78 gems now installed.
384
384
  2023-02-28 18:12:12 - GENERATE: Bundled gems are installed into `../../.gem`
385
385
  2023-02-28 18:12:12 - GENERATE: C:/Users/xxx/.gem/ruby/3.1.0;C:/DevTools/Ruby31-x64/lib/ruby/gems/3.1.0;
@@ -415,7 +415,7 @@ commands are available as well.
415
415
  2023-02-28 18:17:48 - SETUP: Initialize the project ...
416
416
  2023-02-28 18:17:48 - SETUP: Be patient, this will take a while ...
417
417
  2023-02-28 18:17:49 - SETUP:
418
- 2023-02-28 18:17:49 - SETUP: > j1@2024.0.2 setup C:\Users\xxx\j1-projects\my-starter
418
+ 2023-02-28 18:17:49 - SETUP: > j1@2024.0.3 setup C:\Users\xxx\j1-projects\my-starter
419
419
  2023-02-28 18:17:49 - SETUP: > npm --silent run setup-start && npm --silent run setup-base && run-s -s setup:*
420
420
  2023-02-28 18:17:49 - SETUP:
421
421
  2023-02-28 18:17:50 - SETUP: Setup project for first use ..
@@ -460,7 +460,7 @@ browser. Let's start the journey ...
460
460
  Check setup state of the J1 project ...
461
461
  2023-02-28 18:26:18 - SITE: Starting up your site ...
462
462
  2023-02-28 18:26:18 - SITE:
463
- 2023-02-28 18:26:18 - SITE: > j1@2024.0.2 j1-site C:\Users\jadams\j1-projects\my-starter
463
+ 2023-02-28 18:26:18 - SITE: > j1@2024.0.3 j1-site C:\Users\jadams\j1-projects\my-starter
464
464
  2023-02-28 18:26:18 - SITE: > run-p -s j1-site:*
465
465
  2023-02-28 18:26:18 - SITE:
466
466
  2023-02-28 18:26:20 - SITE: Startup UTILSRV ..
@@ -499,7 +499,7 @@ Check setup state of the J1 project ...
499
499
  REBUILD: Rebuild the projects website ...
500
500
  REBUILD: Be patient, this will take a while ...
501
501
  2023-02-28 18:45:09 - REBUILD:
502
- 2023-02-28 18:45:09 - REBUILD: > j1@2024.0.2 rebuild C:\Users\xxx\j1-projects\my-starter
502
+ 2023-02-28 18:45:09 - REBUILD: > j1@2024.0.3 rebuild C:\Users\xxx\j1-projects\my-starter
503
503
  2023-02-28 18:45:09 - REBUILD: > run-s -s rebuild:* && run-s -s post-rebuild:*
504
504
  2023-02-28 18:45:09 - REBUILD:
505
505
  2023-02-28 18:45:10 - REBUILD: Rebuild site incremental ..
@@ -547,7 +547,7 @@ using Lerna for all packages:
547
547
  2023-02-28 18:29:07 - RESET: Reset the project to factory state ...
548
548
  2023-02-28 18:29:07 - RESET: Be patient, this will take a while ...
549
549
  2023-02-28 18:29:08 - RESET:
550
- 2023-02-28 18:29:08 - RESET: > j1@2024.0.2 reset C:\Users\xxx\j1-projects\my-starter
550
+ 2023-02-28 18:29:08 - RESET: > j1@2024.0.3 reset C:\Users\xxx\j1-projects\my-starter
551
551
  2023-02-28 18:29:08 - RESET: > run-s -s reset:*
552
552
  2023-02-28 18:29:08 - RESET:
553
553
  2023-02-28 18:29:08 - RESET: Reset project to factory state ..
@@ -53,7 +53,7 @@ environment: development
53
53
  # ------------------------------------------------------------------------------
54
54
  # Sets the build version of the site
55
55
  #
56
- version: 2024.0.2
56
+ version: 2024.0.3
57
57
 
58
58
  # copyright
59
59
  # ------------------------------------------------------------------------------
@@ -306,6 +306,13 @@ settings:
306
306
  muted: false
307
307
  preload: true
308
308
  playbackRates: [0.25, 0.5, 1, 1.5, 2]
309
+ zoomPlugin:
310
+ enabled: true
311
+ # options:
312
+ # moveX: 0
313
+ # moveY: 0
314
+ # rotate: 0
315
+ # zoom: 1
309
316
  controlBar:
310
317
  remainingTimeDisplay: true
311
318
  pictureInPictureToggle: false
@@ -1005,5 +1012,3 @@ settings:
1005
1012
  text: "SELF Channel · Pilates Core Workout"
1006
1013
  poster:
1007
1014
  source: pilates.jpg
1008
-
1009
-
@@ -1370,7 +1370,8 @@ resources:
1370
1370
 
1371
1371
  data:
1372
1372
  css: [
1373
- modules/videojs/css/video-js,
1373
+ modules/videojs/css/video,
1374
+ modules/videojs/css/plugins/zoom,
1374
1375
  modules/videojs/css/themes/city,
1375
1376
  modules/videojs/css/themes/fantasy,
1376
1377
  modules/videojs/css/themes/forest,
@@ -1383,7 +1384,8 @@ resources:
1383
1384
  modules/videojs/js/plugins/dm/dailymotion,
1384
1385
  modules/videojs/js/plugins/vm/vimeo,
1385
1386
  modules/videojs/js/plugins/wt/wistia,
1386
- modules/videojs/js/plugins/yt/youtube
1387
+ modules/videojs/js/plugins/yt/youtube,
1388
+ modules/videojs/js/plugins/zoom
1387
1389
  ]
1388
1390
  init_function: []
1389
1391
 
@@ -57,7 +57,7 @@
57
57
  <id>{{ page.url | absolute_url | xml_escape }}</id>
58
58
  <post_limited>{{ limit_posts }}</post_limited>
59
59
  <template_name>J1 Theme</template_name>
60
- <template_version>2024.0.2</template_version>
60
+ <template_version>2024.0.3</template_version>
61
61
 
62
62
  {% assign title = site.title | default: site.name %}
63
63
  {% if page.collection != "posts" %}
@@ -18,7 +18,7 @@ include Asciidoctor
18
18
  #
19
19
  # Usage:
20
20
  #
21
- # video::video_path[poster="full_image_path" theme="vjs_theme_name" role="CSS classes"]
21
+ # video::video_path[poster="full_image_path" theme="vjs_theme_name" zoom="true|false" role="CSS classes"]
22
22
  #
23
23
  # Example:
24
24
  #
@@ -36,7 +36,7 @@ Asciidoctor::Extensions.register do
36
36
  use_dsl
37
37
 
38
38
  named :videojs
39
- name_positional_attributes 'poster', 'theme', 'role'
39
+ name_positional_attributes 'poster', 'theme', 'zoom', 'role'
40
40
  default_attrs 'poster' => '/assets/images/icons/videojs/videojs-poster.png',
41
41
  'theme' => 'uno',
42
42
  'role' => 'mt-3 mb-3'
@@ -73,6 +73,7 @@ Asciidoctor::Extensions.register do
73
73
  > </video>
74
74
  </div>
75
75
  )
76
+
76
77
  create_pass_block parent, html, attributes, subs: nil
77
78
  end
78
79
  end
@@ -76,6 +76,8 @@ module Jekyll
76
76
  @lunr_path = File.join(@project_path, 'lunr.min.js')
77
77
  raise "Could not find #{@lunr_path}" unless File.exist?(@lunr_path)
78
78
 
79
+ # set NodeJS for JS runtime explicitely
80
+ ExecJS.runtime = ExecJS::Runtimes::Node
79
81
  lunr_src = open(@lunr_path).read
80
82
  ctx = ExecJS.compile(lunr_src)
81
83
 
@@ -392,6 +394,6 @@ end
392
394
 
393
395
  module Jekyll
394
396
  module J1LunrSearch
395
- VERSION = '2024.0.2'
397
+ VERSION = '2024.0.3'
396
398
  end
397
399
  end
@@ -2,7 +2,7 @@
2
2
 
3
3
  "private": true,
4
4
  "name": "j1",
5
- "version": "2024.0.2",
5
+ "version": "2024.0.3",
6
6
  "description": "J1 Starter Web",
7
7
  "homepage": "https://your.site",
8
8
 
@@ -1,92 +1,92 @@
1
- ---
2
- title: Preview DocSearch
3
- title_extention: Search Engine powered by AI
4
- tagline: Search Engine powered by AI
5
-
6
- date: 2023-11-02
7
- #last_modified: 2023-01-01
8
-
9
- description: >
10
- DocSearch is an AI-powered chatbot based on Documind AI that helps
11
- visitors get the most out documents. With Documind, you can upload
12
- entire documents, such as textbooks, research articles, and product
13
- manuals, and then use GPT language models to ask questions and receive
14
- human responses.
15
- keywords: >
16
- Jekyll, Theme, JekyllOne, Info, Module, Preview, Ruby, Gem,
17
- Documind, DocSearch
18
-
19
- categories: [ Previewer ]
20
- tags: [ Module, DocSearch ]
21
-
22
- image:
23
- path: /assets/images/modules/attics/library-1920x1280.jpg
24
- width: 1920
25
- height: 1280
26
-
27
- personalization: true
28
- regenerate: false
29
- permalink: /pages/public/tools/previewer/docsearch/
30
-
31
- resources: [ animate, iframer, rouge ]
32
- resource_options:
33
- - attic:
34
- slides:
35
- - url: /assets/images/modules/attics/library-1920x1280.jpg
36
- alt: Library
37
- ---
38
-
39
- // Page Initializer
40
- // =============================================================================
41
- // Enable the Liquid Preprocessor
42
- :page-liquid:
43
- :url-documind--home: https://documind.chat/
44
-
45
- // Set (local) page attributes here
46
- // -----------------------------------------------------------------------------
47
- // :page--attr: <attr-value>
48
-
49
- // Load Liquid procedures
50
- // -----------------------------------------------------------------------------
51
- {% capture load_attributes %}themes/{{site.template.name}}/procedures/global/attributes_loader.proc{%endcapture%}
52
-
53
- // Load page attributes
54
- // -----------------------------------------------------------------------------
55
- {% include {{load_attributes}} scope="global" %}
56
-
57
-
58
- // Page content
59
- // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
60
- [role="dropcap"]
61
- DocSearch is a AI-powered chatbot based on Documind AI that uses natural
62
- language processing (NLP) and machine learning algorithms to support your
63
- vistors by instant answers on their questions.
64
-
65
- [CAUTION]
66
- ====
67
- The service *DocSearch* is only available, when you have agreed on
68
- *Personalization* with your *Privacy Settings* using Cookies.
69
- ====
70
-
71
- mdi:clock-time-five-outline[24px, md-gray mt-5 mr-2]
72
- *2 Minutes* to read
73
-
74
- // Include sub-documents (if any)
75
- // -----------------------------------------------------------------------------
76
- [role="mt-5"]
77
- == Searching in Documents
78
-
79
- The template system link:{url-j1--home}[JekyllOne, {browser-window--new}] for
80
- the static website generator (SSG) link:{url-jekyll--home}[Jekyll, {browser-window--new}]
81
- supports your vistors in finding answers to what *your project* can do.
82
-
83
- [role="mt-4"]
84
- Setup *your* example question to provide an answer in *seconds*.
85
-
86
- .Example Question
87
- [source, apib, role="mt-4 mb-4"]
88
- ----
89
- What is J1 Template?
90
- ----
91
-
92
- iframe::documind[role="mt-5 mb-7"]
1
+ ---
2
+ title: Preview DocSearch
3
+ title_extention: Search Engine powered by AI
4
+ tagline: Search Engine powered by AI
5
+
6
+ date: 2023-11-02
7
+ #last_modified: 2023-01-01
8
+
9
+ description: >
10
+ DocSearch is an AI-powered chatbot based on Documind AI that helps
11
+ visitors get the most out documents. With Documind, you can upload
12
+ entire documents, such as textbooks, research articles, and product
13
+ manuals, and then use GPT language models to ask questions and receive
14
+ human responses.
15
+ keywords: >
16
+ Jekyll, Theme, JekyllOne, Info, Module, Preview, Ruby, Gem,
17
+ Documind, DocSearch
18
+
19
+ categories: [ Previewer ]
20
+ tags: [ Module, DocSearch ]
21
+
22
+ image:
23
+ path: /assets/images/modules/attics/library-1920x1280.jpg
24
+ width: 1920
25
+ height: 1280
26
+
27
+ personalization: true
28
+ regenerate: false
29
+ permalink: /pages/public/tools/previewer/docsearch/
30
+
31
+ resources: [ animate, iframer, rouge ]
32
+ resource_options:
33
+ - attic:
34
+ slides:
35
+ - url: /assets/images/modules/attics/library-1920x1280.jpg
36
+ alt: Library
37
+ ---
38
+
39
+ // Page Initializer
40
+ // =============================================================================
41
+ // Enable the Liquid Preprocessor
42
+ :page-liquid:
43
+ :url-documind--home: https://documind.chat/
44
+
45
+ // Set (local) page attributes here
46
+ // -----------------------------------------------------------------------------
47
+ // :page--attr: <attr-value>
48
+
49
+ // Load Liquid procedures
50
+ // -----------------------------------------------------------------------------
51
+ {% capture load_attributes %}themes/{{site.template.name}}/procedures/global/attributes_loader.proc{%endcapture%}
52
+
53
+ // Load page attributes
54
+ // -----------------------------------------------------------------------------
55
+ {% include {{load_attributes}} scope="global" %}
56
+
57
+
58
+ // Page content
59
+ // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
60
+ [role="dropcap"]
61
+ DocSearch is a AI-powered chatbot based on Documind AI that uses natural
62
+ language processing (NLP) and machine learning algorithms to support your
63
+ vistors by instant answers on their questions.
64
+
65
+ [CAUTION]
66
+ ====
67
+ The service *DocSearch* is only available, when you have agreed on
68
+ *Personalization* with your *Privacy Settings* using Cookies.
69
+ ====
70
+
71
+ mdi:clock-time-five-outline[24px, md-gray mt-5 mr-2]
72
+ *2 Minutes* to read
73
+
74
+ // Include sub-documents (if any)
75
+ // -----------------------------------------------------------------------------
76
+ [role="mt-5"]
77
+ == Searching in Documents
78
+
79
+ The template system link:{url-j1--home}[JekyllOne, {browser-window--new}] for
80
+ the static website generator (SSG) link:{url-jekyll--home}[Jekyll, {browser-window--new}]
81
+ supports your vistors in finding answers to what *your project* can do.
82
+
83
+ [role="mt-4"]
84
+ Setup *your* example question to provide an answer in *seconds*.
85
+
86
+ .Example Question
87
+ [source, apib, role="mt-4 mb-4"]
88
+ ----
89
+ What is J1 Template?
90
+ ----
91
+
92
+ iframe::documind[role="mt-5 mb-7"]
@@ -1,106 +1,106 @@
1
- ---
2
- title: iFramer Preview
3
- title_extention: Magic HTML iFrames
4
- tagline: Magic iFrames
5
-
6
- date: 2023-10-31
7
- #last_modified: 2023-01-01
8
-
9
- description: >
10
- The iframeResizer library enables the automatic resizing of the height
11
- and width of both same and cross domain iFrames to fit their
12
- contained content. It provides a wide range of features to address
13
- the most common issues with using iFrames.
14
- keywords: >
15
- open source, free, template, jekyll, jekyllone, web,
16
- sites, static, jamstack, bootstrap,
17
- html, iframe
18
-
19
- categories: [ Previewer ]
20
- tags: [ Module, iFramer ]
21
-
22
- image:
23
- path: /assets/images/modules/attics/jessica-ruscello-1920x1280.jpg
24
- width: 1920
25
- height: 1280
26
-
27
- toc: true
28
- tts: false
29
- comments: false
30
- regenerate: false
31
- permalink: /pages/public/tools/previewer/iframer/
32
-
33
- resources: [ animate, iframer, rouge ]
34
- resource_options:
35
- - attic:
36
- padding_top: 600
37
- padding_bottom: 50
38
- opacity: 0.5
39
- slides:
40
- - url: /assets/images/modules/attics/jessica-ruscello-1920x1280.jpg
41
- alt: Photo by Jessica Ruscello Unsplash
42
- badge:
43
- type: unsplash
44
- author: Jessica Ruscello
45
- href: https://unsplash.com/@jruscello
46
- ---
47
-
48
- // Page Initializer
49
- // =============================================================================
50
- // Enable the Liquid Preprocessor
51
- :page-liquid:
52
- :url-viewerjs--home: https://viewerjs.org/
53
-
54
- // Load Liquid procedures
55
- // -----------------------------------------------------------------------------
56
- {% capture load_attributes %}themes/{{site.template.name}}/procedures/global/attributes_loader.proc{%endcapture%}
57
-
58
- // Load page attributes
59
- // -----------------------------------------------------------------------------
60
- {% include {{load_attributes}} scope="global" %}
61
-
62
-
63
- // Page content
64
- // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
65
- [role="dropcap"]
66
- The iframeResizer library enables automatic resizing of HTML iFrames of the
67
- height, the width or both to fit their contained content on same and cross
68
- domain.
69
-
70
- mdi:clock-time-five-outline[24px, md-gray mt-4 mr-2]
71
- *2 Minutes* to read
72
-
73
- // Include sub-documents (if any)
74
- // -----------------------------------------------------------------------------
75
- [role="mt-4"]
76
- The library provides a wide range of features to address the most common
77
- issues using HTML iFrames on webpages which includes:
78
-
79
- * Height and width resizing of an iFrame for the content size
80
- * Works with multiple and nested iFrames
81
- * Domain authentication for cross domain iFrames
82
- * Provides a range of page size calculation methods to support
83
- complex CSS layouts
84
- * Detects changes to the DOM that can cause the page to resize using
85
- a MutationObserver
86
- * Detects events that can cause the page to resize (Window Resize,
87
- CSS Animation and Transition, Orientation Change and Mouse events)
88
- * Simplified messaging between the iFrame and the page via postMessages
89
- * Fixes in-page links in an iFrame and supports links between the iFrame
90
- and the parent page
91
- * Provides custom sizing and scrolling methods
92
- * Exposes parent position and viewport size to the iFrame
93
- * Provides onMouseEnter and onMouseLeave events for the iFrame
94
- * Supports link:{url-viewerjs--home}[ViewerJS, {browser-window--new}]
95
- to use PDF and ODF documents for HTML iFrame sources
96
-
97
-
98
- [role="mt-5"]
99
- == iFrame Example
100
-
101
- [role="mb-4"]
102
- Resize the browser window in *width* to see how the HTML iframe
103
- follow your changes and behave fully reponsive for the document source within
104
- the page.
105
-
106
- iframe::magic_iframe[role="mt-4 mb-7"]
1
+ ---
2
+ title: iFramer Preview
3
+ title_extention: Magic HTML iFrames
4
+ tagline: Magic iFrames
5
+
6
+ date: 2023-10-31
7
+ #last_modified: 2023-01-01
8
+
9
+ description: >
10
+ The iframeResizer library enables the automatic resizing of the height
11
+ and width of both same and cross domain iFrames to fit their
12
+ contained content. It provides a wide range of features to address
13
+ the most common issues with using iFrames.
14
+ keywords: >
15
+ open source, free, template, jekyll, jekyllone, web,
16
+ sites, static, jamstack, bootstrap,
17
+ html, iframe
18
+
19
+ categories: [ Previewer ]
20
+ tags: [ Module, iFramer ]
21
+
22
+ image:
23
+ path: /assets/images/modules/attics/jessica-ruscello-1920x1280.jpg
24
+ width: 1920
25
+ height: 1280
26
+
27
+ toc: true
28
+ tts: false
29
+ comments: false
30
+ regenerate: false
31
+ permalink: /pages/public/tools/previewer/iframer/
32
+
33
+ resources: [ animate, iframer, rouge ]
34
+ resource_options:
35
+ - attic:
36
+ padding_top: 600
37
+ padding_bottom: 50
38
+ opacity: 0.5
39
+ slides:
40
+ - url: /assets/images/modules/attics/jessica-ruscello-1920x1280.jpg
41
+ alt: Photo by Jessica Ruscello Unsplash
42
+ badge:
43
+ type: unsplash
44
+ author: Jessica Ruscello
45
+ href: https://unsplash.com/@jruscello
46
+ ---
47
+
48
+ // Page Initializer
49
+ // =============================================================================
50
+ // Enable the Liquid Preprocessor
51
+ :page-liquid:
52
+ :url-viewerjs--home: https://viewerjs.org/
53
+
54
+ // Load Liquid procedures
55
+ // -----------------------------------------------------------------------------
56
+ {% capture load_attributes %}themes/{{site.template.name}}/procedures/global/attributes_loader.proc{%endcapture%}
57
+
58
+ // Load page attributes
59
+ // -----------------------------------------------------------------------------
60
+ {% include {{load_attributes}} scope="global" %}
61
+
62
+
63
+ // Page content
64
+ // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
65
+ [role="dropcap"]
66
+ The iframeResizer library enables automatic resizing of HTML iFrames of the
67
+ height, the width or both to fit their contained content on same and cross
68
+ domain.
69
+
70
+ mdi:clock-time-five-outline[24px, md-gray mt-4 mr-2]
71
+ *2 Minutes* to read
72
+
73
+ // Include sub-documents (if any)
74
+ // -----------------------------------------------------------------------------
75
+ [role="mt-4"]
76
+ The library provides a wide range of features to address the most common
77
+ issues using HTML iFrames on webpages which includes:
78
+
79
+ * Height and width resizing of an iFrame for the content size
80
+ * Works with multiple and nested iFrames
81
+ * Domain authentication for cross domain iFrames
82
+ * Provides a range of page size calculation methods to support
83
+ complex CSS layouts
84
+ * Detects changes to the DOM that can cause the page to resize using
85
+ a MutationObserver
86
+ * Detects events that can cause the page to resize (Window Resize,
87
+ CSS Animation and Transition, Orientation Change and Mouse events)
88
+ * Simplified messaging between the iFrame and the page via postMessages
89
+ * Fixes in-page links in an iFrame and supports links between the iFrame
90
+ and the parent page
91
+ * Provides custom sizing and scrolling methods
92
+ * Exposes parent position and viewport size to the iFrame
93
+ * Provides onMouseEnter and onMouseLeave events for the iFrame
94
+ * Supports link:{url-viewerjs--home}[ViewerJS, {browser-window--new}]
95
+ to use PDF and ODF documents for HTML iFrame sources
96
+
97
+
98
+ [role="mt-5"]
99
+ == iFrame Example
100
+
101
+ [role="mb-4"]
102
+ Resize the browser window in *width* to see how the HTML iframe
103
+ follow your changes and behave fully reponsive for the document source within
104
+ the page.
105
+
106
+ iframe::magic_iframe[role="mt-4 mb-7"]
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: 2024.0.2
4
+ version: 2024.0.3
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: 2023-11-18 00:00:00.000000000 Z
11
+ date: 2023-12-12 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -1548,6 +1548,10 @@ files:
1548
1548
  - assets/themes/j1/modules/translator/css/translator.min.css
1549
1549
  - assets/themes/j1/modules/translator/js/translator.js
1550
1550
  - assets/themes/j1/modules/translator/js/translator.min.js
1551
+ - assets/themes/j1/modules/videojs/assets/material-icons.woff
1552
+ - assets/themes/j1/modules/videojs/assets/material-icons.woff2
1553
+ - assets/themes/j1/modules/videojs/css/plugins/zoom.css
1554
+ - assets/themes/j1/modules/videojs/css/plugins/zoom.min.css
1551
1555
  - assets/themes/j1/modules/videojs/css/themes/city.css
1552
1556
  - assets/themes/j1/modules/videojs/css/themes/city.min.css
1553
1557
  - assets/themes/j1/modules/videojs/css/themes/fantasy.css
@@ -1558,8 +1562,8 @@ files:
1558
1562
  - assets/themes/j1/modules/videojs/css/themes/sea.min.css
1559
1563
  - assets/themes/j1/modules/videojs/css/themes/uno.css
1560
1564
  - assets/themes/j1/modules/videojs/css/themes/uno.min.css
1561
- - assets/themes/j1/modules/videojs/css/video-js.css
1562
- - assets/themes/j1/modules/videojs/css/video-js.min.css
1565
+ - assets/themes/j1/modules/videojs/css/video.css
1566
+ - assets/themes/j1/modules/videojs/css/video.min.css
1563
1567
  - assets/themes/j1/modules/videojs/js/plugins/dm/LICENSE
1564
1568
  - assets/themes/j1/modules/videojs/js/plugins/dm/README.md
1565
1569
  - assets/themes/j1/modules/videojs/js/plugins/dm/api/README.md
@@ -1599,6 +1603,8 @@ files:
1599
1603
  - assets/themes/j1/modules/videojs/js/plugins/yt/examples/youtube-playlist.html
1600
1604
  - assets/themes/j1/modules/videojs/js/plugins/yt/youtube.js
1601
1605
  - assets/themes/j1/modules/videojs/js/plugins/yt/youtube.min.js
1606
+ - assets/themes/j1/modules/videojs/js/plugins/zoom.js
1607
+ - assets/themes/j1/modules/videojs/js/plugins/zoom.min.js
1602
1608
  - assets/themes/j1/modules/videojs/js/video.js
1603
1609
  - assets/themes/j1/modules/videojs/js/video.min.js
1604
1610
  - assets/themes/j1/modules/wNumb/js/wnumb.js
@@ -2510,6 +2516,7 @@ files:
2510
2516
  - lib/starter_web/assets/videos/gallery/video_adele_last_carpool_caraoke_poster.jpg
2511
2517
  - lib/starter_web/assets/videos/gallery/video_gaga-poster.jpg
2512
2518
  - lib/starter_web/assets/videos/gallery/video_gwen-poster.jpg
2519
+ - lib/starter_web/assets/videos/gallery/video_james_carpool_caraoke.1920.jpg
2513
2520
  - lib/starter_web/assets/videos/gallery/video_james_carpool_caraoke_poster.jpg
2514
2521
  - lib/starter_web/assets/videos/gallery/video_michelle-poster.jpg
2515
2522
  - lib/starter_web/assets/videos/gallery/voice_kids_de_2021/battle.jpg