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.
- checksums.yaml +4 -4
- data/assets/themes/j1/core/js/template.js +0 -12
- data/assets/themes/j1/core/js/template.min.js.map +1 -1
- data/assets/themes/j1/modules/iframeResizer/README.md +105 -105
- data/assets/themes/j1/modules/lightGallery/js/plugins/lg-video.js +30 -5
- data/assets/themes/j1/modules/videojs/assets/material-icons.woff +0 -0
- data/assets/themes/j1/modules/videojs/assets/material-icons.woff2 +0 -0
- data/assets/themes/j1/modules/videojs/css/plugins/zoom.css +96 -0
- data/assets/themes/j1/modules/videojs/css/plugins/zoom.min.css +21 -0
- data/assets/themes/j1/modules/videojs/css/themes/city.css +1 -1
- data/assets/themes/j1/modules/videojs/css/themes/city.min.css +1 -1
- data/assets/themes/j1/modules/videojs/css/themes/fantasy.css +1 -1
- data/assets/themes/j1/modules/videojs/css/themes/fantasy.min.css +1 -1
- data/assets/themes/j1/modules/videojs/css/themes/forest.css +1 -1
- data/assets/themes/j1/modules/videojs/css/themes/forest.min.css +1 -1
- data/assets/themes/j1/modules/videojs/css/themes/sea.css +1 -1
- data/assets/themes/j1/modules/videojs/css/themes/sea.min.css +1 -1
- data/assets/themes/j1/modules/videojs/css/themes/uno.css +16 -18
- data/assets/themes/j1/modules/videojs/css/themes/uno.min.css +3 -2
- data/assets/themes/j1/modules/videojs/css/{video-js.css → video.css} +9 -7
- data/assets/themes/j1/modules/videojs/css/{video-js.min.css → video.min.css} +2 -2
- data/assets/themes/j1/modules/videojs/js/plugins/zoom.js +377 -0
- data/assets/themes/j1/modules/videojs/js/plugins/zoom.min.js +21 -0
- data/assets/themes/j1/modules/videojs/js/video.js +641 -71
- data/assets/themes/j1/modules/videojs/js/video.min.js +10 -9
- data/lib/j1/version.rb +1 -1
- data/lib/starter_web/README.md +5 -5
- data/lib/starter_web/_config.yml +1 -1
- data/lib/starter_web/_data/modules/gallery.yml +7 -2
- data/lib/starter_web/_data/resources.yml +4 -2
- data/lib/starter_web/_data/templates/feed.xml +1 -1
- data/lib/starter_web/_plugins/asciidoctor/videojs-block.rb +3 -2
- data/lib/starter_web/_plugins/index/lunr.rb +3 -1
- data/lib/starter_web/assets/videos/gallery/video_james_carpool_caraoke.1920.jpg +0 -0
- data/lib/starter_web/package.json +1 -1
- data/lib/starter_web/pages/public/tools/previewer/preview_docsearch.adoc +92 -92
- data/lib/starter_web/pages/public/tools/previewer/preview_iframer.adoc +106 -106
- metadata +11 -4
data/lib/j1/version.rb
CHANGED
data/lib/starter_web/README.md
CHANGED
@@ -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.
|
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.
|
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.
|
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.
|
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.
|
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 ..
|
data/lib/starter_web/_config.yml
CHANGED
@@ -53,7 +53,7 @@ environment: development
|
|
53
53
|
# ------------------------------------------------------------------------------
|
54
54
|
# Sets the build version of the site
|
55
55
|
#
|
56
|
-
version: 2024.0.
|
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
|
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.
|
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.
|
397
|
+
VERSION = '2024.0.3'
|
396
398
|
end
|
397
399
|
end
|
@@ -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.
|
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
|
+
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
|
1562
|
-
- assets/themes/j1/modules/videojs/css/video
|
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
|