j1-template 2024.3.27 → 2024.3.28

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 (66) hide show
  1. checksums.yaml +4 -4
  2. data/assets/data/banner.html +3 -1
  3. data/assets/theme/j1/adapter/js/masonry.js +6 -8
  4. data/assets/theme/j1/core/js/template.js +28 -1
  5. data/assets/theme/j1/core/js/template.min.js +4 -4
  6. data/assets/theme/j1/modules/lightGallery/js/lightgallery.js +4 -2
  7. data/assets/theme/j1/modules/lightGallery/js/plugins/lg-autoplay.js +6 -3
  8. data/assets/theme/j1/modules/lightGallery/js/plugins/lg-comment.js +6 -3
  9. data/assets/theme/j1/modules/lightGallery/js/plugins/lg-fullscreen.js +6 -3
  10. data/assets/theme/j1/modules/lightGallery/js/plugins/lg-hash.js +6 -3
  11. data/assets/theme/j1/modules/lightGallery/js/plugins/lg-medium-zoom.js +6 -3
  12. data/assets/theme/j1/modules/lightGallery/js/plugins/lg-pager.js +6 -3
  13. data/assets/theme/j1/modules/lightGallery/js/plugins/lg-relative-caption.js +6 -3
  14. data/assets/theme/j1/modules/lightGallery/js/plugins/lg-rotate.js +6 -4
  15. data/assets/theme/j1/modules/lightGallery/js/plugins/lg-share.js +6 -3
  16. data/assets/theme/j1/modules/lightGallery/js/plugins/lg-thumbnail.js +6 -3
  17. data/assets/theme/j1/modules/lightGallery/js/plugins/lg-video.js +113 -76
  18. data/assets/theme/j1/modules/lightGallery/js/plugins/lg-video.min.js +1 -2
  19. data/assets/theme/j1/modules/lightGallery/js/plugins/lg-vimeo-thumbnail.js +6 -3
  20. data/assets/theme/j1/modules/lightGallery/js/plugins/lg-zoom.js +6 -3
  21. data/assets/theme/j1/modules/videojs/plugins/players/yt/js/youtube.js +21 -6
  22. data/assets/theme/j1/modules/videojs/plugins/players/yt/js/youtube.min.js +1 -1
  23. data/lib/j1/version.rb +1 -1
  24. data/lib/starter_web/README.md +5 -5
  25. data/lib/starter_web/_config.yml +1 -1
  26. data/lib/starter_web/_data/blocks/banner.yml +29 -18
  27. data/lib/starter_web/_data/blocks/panel.yml +79 -124
  28. data/lib/starter_web/_data/modules/blog_navigator.yml +1 -1
  29. data/lib/starter_web/_data/modules/defaults/blog_navigator.yml +2 -2
  30. data/lib/starter_web/_data/modules/gallery.yml +145 -19
  31. data/lib/starter_web/_data/modules/masonry.yml +9 -10
  32. data/lib/starter_web/_data/templates/feed.xml +1 -1
  33. data/lib/starter_web/_includes/attributes.asciidoc +2 -1
  34. data/lib/starter_web/_plugins/index/lunr.rb +1 -1
  35. data/lib/starter_web/assets/image/module/attic/1920x1280/nick-fewings.jpg +0 -0
  36. data/lib/starter_web/assets/image/module/attic/1920x1280/no-revisions.jpg +0 -0
  37. data/lib/starter_web/assets/image/module/attic/1920x1280/wolfgang-weiser.jpg +0 -0
  38. data/lib/starter_web/assets/image/page/features/example-content-1280x800.jpg +0 -0
  39. data/lib/starter_web/assets/image/page/features/google-lighthouse-1080x300.jpg +0 -0
  40. data/lib/starter_web/assets/image/page/features/google-lighthouse-scores.jpg +0 -0
  41. data/lib/starter_web/assets/image/page/features/master-header-1280x600.jpg +0 -0
  42. data/lib/starter_web/assets/image/page/features/nav-module-1280x300.jpg +0 -0
  43. data/lib/starter_web/assets/image/page/features/teaser-banner-1280x600.jpg +0 -0
  44. data/lib/starter_web/assets/image/page/features/tts-1280x500.jpg +0 -0
  45. data/lib/starter_web/assets/video/tracks/html5/peck_pocketed/captions/video.vtt +2 -3
  46. data/lib/starter_web/assets/video/tracks/html5/peck_pocketed/chapters/video.vtt +4 -6
  47. data/lib/starter_web/collections/posts/public/featured/_posts/0000-00-00-welcome-to-j1.adoc.erb +18 -20
  48. data/lib/starter_web/collections/posts/public/featured/_posts/2021-01-01-about-cookies.adoc +6 -7
  49. data/lib/starter_web/collections/posts/public/featured/_posts/{2023-10-18-url-types.adoc → 2022-10-18-url-types.adoc} +7 -4
  50. data/lib/starter_web/collections/posts/public/featured/_posts/{2021-02-01-static-site-generators.adoc → 2023-02-01-static-site-generators.adoc} +5 -6
  51. data/lib/starter_web/collections/posts/public/featured/_posts/{2022-02-01-about-j1.adoc → 2024-02-01-about-j1.adoc} +4 -5
  52. data/lib/starter_web/index.html +17 -73
  53. data/lib/starter_web/package.json +1 -1
  54. data/lib/starter_web/pages/public/features/{general.adoc → core-features.adoc} +92 -47
  55. data/lib/starter_web/pages/public/features/{template.adoc → theme-features.adoc} +313 -195
  56. data/lib/starter_web/pages/public/tools/tester/app_tester_swiperjs.adoc +10 -15
  57. data/lib/starter_web/pages/public/tools/tester/videojs_macro_tester.adoc +43 -2
  58. data/lib/starter_web/pages/public/tour/asciidoc_extensions.adoc +13 -21
  59. data/lib/starter_web/pages/public/tour/audio_data.adoc +2 -2
  60. data/lib/starter_web/pages/public/tour/icon_fonts.adoc +1 -1
  61. data/lib/starter_web/pages/public/tour/image_data.adoc +138 -234
  62. data/lib/starter_web/pages/public/tour/responsive_tables.adoc +1 -1
  63. data/lib/starter_web/pages/public/tour/video_data.adoc +74 -85
  64. metadata +12 -9
  65. data/lib/starter_web/assets/image/module/attic/cookies-1920x1200.jpg +0 -0
  66. data/lib/starter_web/pages/public/tour/modal_extentions.adoc +0 -126
@@ -30,7 +30,7 @@ description:
30
30
  settings:
31
31
 
32
32
  filters:
33
- grayscale: 1
33
+ grayscale: 0
34
34
  contrast: 1
35
35
  brightness: 1
36
36
 
@@ -83,22 +83,6 @@ settings:
83
83
  raised:
84
84
  lane_span: fixed
85
85
 
86
- wave:
87
- top:
88
- enabled: false
89
- height: 2 # [1 .. 9]
90
- style: wave-1 # default
91
- color: var(--md-gray-200)
92
- background_color: var(--md-gray-50) # auto|rgb_value, var(--md-gray-50)
93
- transform: false # false or rotate|flip-x|flip-y and combinations
94
- bottom:
95
- enabled: false
96
- height: 2
97
- style: wave-4
98
- color: var(--md-gray-200)
99
- background_color: var(--md-gray-50)
100
- transform: flip-y flip-x
101
-
102
86
  cards:
103
87
 
104
88
  - name: Design
@@ -230,22 +214,6 @@ settings:
230
214
  for excellent performance, reliability, and stability.
231
215
  </p>
232
216
 
233
- wave:
234
- top:
235
- enabled: defaultCssFile
236
- height: 4 # [1 .. 9]
237
- style: wave-4 # default
238
- color: var(--md-gray-200)
239
- background_color: var(--md-gray-50)
240
- transform: false # false or rotate|flip-x|flip-y and combinations
241
- bottom:
242
- enabled: false
243
- height: 2
244
- style: wave-4
245
- color: var(--md-gray-200)
246
- background_color: var(--md-gray-50)
247
- transform: rotate
248
-
249
217
  cards:
250
218
 
251
219
  - name: Starter
@@ -406,52 +374,51 @@ settings:
406
374
 
407
375
  position: left # left | center
408
376
  title: J1 Template
409
- tagline: free bootstrap V5 theme for jekyll
377
+ tagline: The all-in Bootstrap V5 Theme for Jekyll
410
378
  description_properties: mt-3 mr-3 mb-3
411
379
  description: >
412
380
  <p class="dropcap">
413
- People quite often ask if static websites make sense for
414
- anything beyond a one-page website. Some others see in
415
- static websites the stone age of the World Wide Web.
416
- What is achievable today?
381
+ Jekyll One is a modern, flexible, and easy-to-use template system
382
+ for Jekyll, based on Bootstrap 5, and offers numerous features for the
383
+ Quick and professional creation of static websites, completely without
384
+ license costs and any programming effort, allowing you to start in no time
385
+ without requiring a costly toolset.
386
+ <br><br>
387
+ Jekyll One is aimed at:
388
+ <ul>
389
+ <li>
390
+ <p style="margin-bottom: 0;"><b>Beginners</b> who want to create professional websites without much effort.</p>
391
+ </li>
392
+ <li>
393
+ <p style="margin-bottom: 0;"><b>Web developers</b> who work with Jekyll and are looking for a powerful, modern template.</p>
394
+ </li>
395
+ <li>
396
+ <p style="margin-bottom: 0;"><b>Companies</b> who need fast websites but focus on the highest level of security to prevent attacks.</p>
397
+ </li>
398
+ </ul>
417
399
  </p>
418
400
  <p>
419
- This board highlights top features, which make static webs
420
- not only an option but a state-of-the-art technology to create
421
- fast, secure, and sophisticated websites for many use cases.
401
+ The system is suitable for all types of websites: blogs, documentation
402
+ sites, portfolios, or company websites. It is based on a so-called
403
+ <i>Starter Web</i>, which serves as a basic framework and can be easily customized.
422
404
  </p>
423
405
  <ul>
424
406
  <li>
425
- <p style="margin-bottom: 0;">Current Technology and Design. Excellent performance on all devices.</p>
407
+ <p style="margin-bottom: 0;"><b>Easy to customize.</b> A featured website that provides numerous examples is included.</p>
426
408
  </li>
427
409
  <li>
428
- <p style="margin-bottom: 0;">Fully Responsive. Best results on PCs, Tablets, and SmartPhones.</p>
410
+ <p style="margin-bottom: 0;"><b>Extensible.</b> Many modules and extensions are already integrated, and more can be easily added.</p>
429
411
  </li>
430
412
  <li>
431
- <p style="margin-bottom: 0;">Start in no time. No programming is needed using J1 Template.</p>
413
+ <p style="margin-bottom: 0;"><b>Highest performance.</b> Optimized for best results in Google Lighthouse.</p>
432
414
  </li>
433
415
  </ul>
434
- <p class="fw-bold mt-4 mb-5">Explore what the J1 Template system can do for your next website.</p>
435
-
436
- wave:
437
- top:
438
- enabled: false
439
- height: 2 # [1 .. 9]
440
- style: wave-1 # default
441
- color: var(--md-gray-200)
442
- background_color: var(--md-gray-50)
443
- transform: false # false or rotate|flip-x|flip-y and combinations
444
- bottom:
445
- enabled: false
446
- height: 2
447
- style: wave-4
448
- color: var(--md-gray-200)
449
- background_color: var(--md-gray-50)
450
- transform: rotate
416
+ <!-- p class="fw-bold mt-4 mb-5">Explore what the J1 Template system can do for your next website.</p -->
417
+ <p class="mt-4 mb-4 fw-bold d-flex justify-content-center flex-wrap">Explore what the J1 Template system can do for your next website.</p>
451
418
 
452
419
  cards:
453
420
 
454
- - name: General Features
421
+ - name: Core Features
455
422
  card:
456
423
  enabled: true
457
424
  id: card_1
@@ -459,9 +426,9 @@ settings:
459
426
  icon_family: mdib
460
427
  icon_size: mdib-6x
461
428
  icon_color: var(--bs-white)
462
- href: /pages/public/features/general_features/
429
+ href: /pages/public/features/core_features/
463
430
  title: J1 Template
464
- tagline: General Features
431
+ tagline: Core Features
465
432
  header_translate: notranslate
466
433
  text: >
467
434
  <p class="dropcap">
@@ -493,14 +460,14 @@ settings:
493
460
  </p>
494
461
  <p>
495
462
  <i class="mdib mdib-language-ruby mdib-24px md-blue-700 ml-3 mr-2"></i>
496
- Ruby 2.7 <br />
463
+ Ruby 3.x <br>
497
464
  <i class="mdib mdib-language-ruby mdib-24px md-blue-700 ml-3 mr-2"></i>
498
- Jekyll 4.3 <br />
465
+ Jekyll 4.4 <br>
499
466
  <i class="mdib mdib-nodejs mdib-24px md-blue-700 ml-3 mr-2"></i>
500
- NodeJS 14.x <br />
467
+ NodeJS 18.x <br>
501
468
  </p>
502
469
  title: Platforms
503
- href: "/pages/public/features/general_features/#platforms"
470
+ href: "/pages/public/features/core_features/#platforms"
504
471
 
505
472
  - name: Frameworks
506
473
  service:
@@ -538,16 +505,16 @@ settings:
538
505
  </p>
539
506
  <p>
540
507
  <i class="mdib mdib-bootstrap mdib-24px md-blue-700 ml-3 mr-2"></i>
541
- Bootstrap V5 <br />
508
+ Bootstrap V5 <br>
542
509
  <i class="mdib mdib-language-html5 mdib-24px md-blue-700 ml-3 mr-2"></i>
543
- Enhanced HTML, CSS and Javascript <br />
510
+ Enhanced HTML, CSS and Javascript <br>
544
511
  <i class="mdib mdib-24px mdib-grass md-blue-700 ml-3 mr-2"></i>
545
- Icon Fonts <br />
512
+ Icon Fonts <br>
546
513
  <i class="mdib mdib-application-settings mdib-24px md-blue-700 ml-3 mr-2"></i>
547
- Fully configurable components <br />
514
+ Fully configurable components <br>
548
515
  </p>
549
516
  title: Frameworks
550
- href: /pages/public/features/general_features/#frameworks
517
+ href: /pages/public/features/core_features/#frameworks
551
518
 
552
519
  - name: Devices
553
520
  service:
@@ -573,17 +540,17 @@ settings:
573
540
  </p>
574
541
  <p>
575
542
  <i class="mdib mdib-devices mdib-24px md-blue-700 ml-3 mr-2"></i>
576
- Desktop and Mobile support <br />
543
+ Desktop and Mobile support <br>
577
544
  <i class="mdib mdib-near-me mdib-24px md-blue-700 ml-3 mr-2"></i>
578
- Mobile Web Navigation <br />
545
+ Mobile Web Navigation <br>
579
546
  <i class="mdib mdib-lighthouse mdib-24px md-blue-700 ml-3 mr-2"></i>
580
- Highest Google Lighthouse Scores <br />
547
+ Highest Google Lighthouse Scores <br>
581
548
  </p>
582
549
 
583
550
  title: Devices
584
- href: /pages/public/features/general_features/#devices
551
+ href: /pages/public/features/core_features/#devices
585
552
 
586
- - name: Modules
553
+ - name: Theme Features
587
554
  card:
588
555
  enabled: true
589
556
  id: card_2
@@ -591,7 +558,7 @@ settings:
591
558
  icon_family: mdib
592
559
  icon_size: mdib-6x
593
560
  icon_color: var(--bs-white)
594
- href: /pages/public/features/template_features/
561
+ href: /pages/public/features/theme_features/
595
562
  title: J1 Template
596
563
  tagline: Theme Features
597
564
  header_translate: notranslate
@@ -623,33 +590,33 @@ settings:
623
590
  </p>
624
591
  <p>
625
592
  <i class="mdib mdib-mouse-move-down mdib-24px md-blue-700 ml-3 mr-2"></i>
626
- Infinite srcoll <br />
593
+ Infinite srcoll <br>
627
594
  <i class="mdib mdib-mouse-move-down mdib-24px md-blue-700 ml-3 mr-2"></i>
628
- Animate on srcoll <br />
595
+ Animate on srcoll <br>
629
596
  <i class="mdib mdib-animation mdib-24px md-blue-700 ml-3 mr-2"></i>
630
- Floating Action Buttons <br />
597
+ Floating Action Buttons <br>
631
598
  <i class="mdib mdib-magnify mdib-24px md-blue-700 ml-3 mr-2"></i>
632
- Full-text search engine (Lunr) <br />
599
+ Full-text search engine (Lunr) <br>
633
600
  <i class="mdib mdib-cookie mdib-24px md-blue-700 ml-3 mr-2"></i>
634
- Cookie consent (GDPR compatible) <br />
601
+ Cookie consent (GDPR compatible) <br>
635
602
  <i class="mdib mdib-translate mdib-24px md-blue-700 ml-3 mr-2"></i>
636
- Translator (Google, Deepl) <br />
603
+ Translator (Google, Deepl) <br>
637
604
  <i class="mdib mdib-clipboard mdib-24px md-blue-700 ml-3 mr-2"></i>
638
- Clipboard <br />
605
+ Clipboard <br>
639
606
  <i class="mdib mdib-forwardburger mdib-24px mdib-rotate-90 md-blue-700 ml-3 mr-2"></i>
640
- Smooth-srcoll <br />
607
+ Smooth-srcoll <br>
641
608
  <i class="mdib mdib-near-me mdib-24px md-blue-700 ml-3 mr-2"></i>
642
- Enhanced Navigation <br />
609
+ Enhanced Navigation <br>
643
610
  <i class="mdib mdib-lightbulb-on mdib-24px md-blue-700 ml-3 mr-2"></i>
644
- Lightboxes <br />
645
- <i class="mdib mdib-gesture-swipe mdib-24px md-blue-700 ml-3 mr-2"></i>
646
- Image and Video Galleries <br />
611
+ Lightboxes <br>
647
612
  <i class="mdib mdib-view-carousel mdib-24px md-blue-700 ml-3 mr-2"></i>
648
- Text and Image Carousels <br />
613
+ Sliders <br>
614
+ <i class="mdib mdib-gesture-swipe mdib-24px md-blue-700 ml-3 mr-2"></i>
615
+ Galleries <br>
649
616
  </p>
650
617
 
651
618
  title: Modules
652
- href: /pages/public/features/template_features/#modules
619
+ href: /pages/public/features/theme_features/#modules
653
620
 
654
621
  - name: Extensions
655
622
  service:
@@ -666,20 +633,20 @@ settings:
666
633
  </p>
667
634
  <p>
668
635
  <i class="mdib mdib-bootstrap mdib-24px md-blue-700 ml-3 mr-2"></i>
669
- Bootstrap extensions <br />
636
+ Bootstrap extensions <br>
670
637
  <i class="mdib mdib-format-annotation-plus mdib-24px md-blue-700 ml-3 mr-2"></i>
671
- Asciidoctor extensions <br />
638
+ Asciidoctor extensions <br>
672
639
  <i class="mdib mdib-group mdib-24px md-blue-700 ml-3 mr-2"></i>
673
- Advanced banners and panels <br />
640
+ Banners and panels <br>
674
641
  <i class="mdib mdib-near-me mdib-24px md-blue-700 ml-3 mr-2"></i>
675
- Blog Post navigation <br />
642
+ Blog navigation <br>
676
643
  <i class="mdib mdib-content-duplicate mdib-24px md-blue-700 ml-3 mr-2"></i>
677
- Featured example content <br />
644
+ Sample content <br>
678
645
  <i class="mdib mdib-image mdib-24px md-blue-700 ml-3 mr-2"></i>
679
- Royalty free images <br />
646
+ Royalty free images <br>
680
647
  </p>
681
648
  title: Extensions
682
- href: /pages/public/features/template_features/#extensions
649
+ href: /pages/public/features/theme_features/#extensions
683
650
 
684
651
  - name: Integrations
685
652
  service:
@@ -696,20 +663,22 @@ settings:
696
663
  </p>
697
664
  <p>
698
665
  <i class="mdib mdib-theme-light-dark mdib-24px md-blue-700 ml-3 mr-2"></i>
699
- Bootstrap Themes <br />
666
+ Bootstrap Themes <br>
700
667
  <i class="mdib mdib-comment mdib-24px md-blue-700 ml-3 mr-2"></i>
701
- Comment providers <br />
668
+ Comment providers <br>
702
669
  <i class="mdib mdib-google-analytics mdib-24px md-blue-700 ml-3 mr-2"></i>
703
- Google Analytics <br />
670
+ Google Analytics <br>
671
+ <!-- Disabled for now
704
672
  <i class="mdib mdib-google-ads mdib-24px md-blue-700 ml-3 mr-2"></i>
705
- Google Ads <br />
673
+ Google Ads <br>
706
674
  <i class="mdib mdib-youtube mdib-24px md-blue-700 ml-3 mr-2"></i>
707
- YouTube Video <br />
675
+ YouTube Video <br>
708
676
  <i class="mdib mdib-vimeo mdib-24px md-blue-700 ml-3 mr-2"></i>
709
- Vimeo Video <br />
677
+ Vimeo Video <br>
678
+ -->
710
679
  </p>
711
680
  title: Integrations
712
- href: /pages/public/features/template_features/#integrations
681
+ href: /pages/public/features/theme_features/#integrations
713
682
 
714
683
 
715
684
  # ----------------------------------------------------------------------------
@@ -736,7 +705,7 @@ settings:
736
705
  title: Blog
737
706
  tagline: latest news
738
707
  translate_description: notranslate # translate|notranslate
739
- description_properties: mt-3 mr-3 mb-5
708
+ description_properties: mt-3 mr-3 mb-4
740
709
  description: >
741
710
  <p class="dropcap">
742
711
  Explore the blog and find interesting articles about
@@ -744,22 +713,8 @@ settings:
744
713
  blog is an excellent example of how J1 and Jekyll can be
745
714
  used for blogging.
746
715
  </p>
747
- <p class="fw-bold mb-4">Read more on how Jekyll can be used for the powerful websites of today.</p>
748
- wave:
749
- top:
750
- enabled: false
751
- height: 2 # [1 .. 9]
752
- style: wave-1 # default
753
- color: var(--md-gray-200)
754
- background_color: var(--md-gray-50)
755
- transform: false # false or rotate|flip-x|flip-y and combinations
756
- bottom:
757
- enabled: false
758
- height: 2
759
- style: wave-4
760
- color: var(--md-gray-200)
761
- background_color: var(--md-gray-50)
762
- transform: rotate
716
+ <!-- p class="fw-bold mb-4">Read more on how Jekyll can be used for the powerful websites of today.</p -->
717
+ <p class="mb-4 fw-bold d-flex justify-content-center flex-wrap">Read more on how Jekyll can be used for the powerful websites of today.</p>
763
718
 
764
719
  cards:
765
720
 
@@ -34,7 +34,7 @@ settings:
34
34
  # Navigator options
35
35
  # ----------------------------------------------------------------------------
36
36
  filters:
37
- grayscale: 1
37
+ grayscale: 0
38
38
 
39
39
  # ------------------------------------------------------------------------------
40
40
  # END config
@@ -152,8 +152,8 @@ defaults:
152
152
 
153
153
  filters:
154
154
  grayscale: 0
155
- contrast: 0.8
156
- brightness: 0.8
155
+ contrast: 1
156
+ brightness: 1
157
157
 
158
158
  # ----------------------------------------------------------------------------
159
159
  # Pager settings
@@ -388,15 +388,13 @@ settings:
388
388
 
389
389
  videojsOptions:
390
390
  enabled: true
391
-
392
391
  muted: false
393
392
  preload: true
394
-
395
393
  controls: true
394
+ tracks: true # jadams: !!!
396
395
 
397
396
  hotKeysPlugin:
398
397
  enabled: true
399
-
400
398
  options:
401
399
  volumeStep: 0.2
402
400
 
@@ -410,7 +408,6 @@ settings:
410
408
 
411
409
  skipButtonsPlugin:
412
410
  enabled: true
413
-
414
411
  options:
415
412
  forward: 5
416
413
  backward: 5
@@ -419,12 +416,10 @@ settings:
419
416
 
420
417
  zoomPlugin:
421
418
  enabled: true
422
-
423
419
  showZoom: true
424
420
  showMove: false
425
421
  showRotate: false
426
422
  gestureHandler: false
427
-
428
423
  options:
429
424
  moveX: 0
430
425
  moveY: 0
@@ -493,6 +488,8 @@ settings:
493
488
  <h2>Rollin` Wild</h2>
494
489
  <h3>Short Funny Animated Clip created at the Film Academy</h3>
495
490
 
491
+ tracks:: []
492
+
496
493
  # --------------------------------------------------------------------------
497
494
  # Online VIDEO Carpool Karaoke (YouTube)
498
495
  #
@@ -537,6 +534,7 @@ settings:
537
534
  muted: false
538
535
  preload: true
539
536
  controls: true
537
+ tracks: false # jadams: !!!
540
538
 
541
539
  hotKeysPlugin:
542
540
  enabled: true
@@ -569,15 +567,15 @@ settings:
569
567
 
570
568
  playerParams:
571
569
  enabled: true
572
- # start: ["00:00:50", "00:00:50"] # start time video1, vido2
570
+ # start: ["00:00:50", "00:00:50"] # start time video1, vido2
573
571
  autoplay: 1 # autoplay = 1 only available for YouTube when muted.
574
- # controls: 1 # default = 0
575
- # enablejsapi: 1 # default = 1
576
- # hl: en # default = en
577
- # loop: 0 # default = 0
572
+ # controls: 1 # default = 0
573
+ # enablejsapi: 1 # default = 1
574
+ # hl: en # default = en
575
+ # loop: 0 # default = 0
578
576
  mute: 0 # default = 1
579
- # playsinline: 1 # for mobile|iOS only
580
- # wmode: opaque # default = opaque
577
+ # playsinline: 1 # for mobile|iOS only
578
+ # wmode: opaque # default = opaque
581
579
 
582
580
  # ------------------------------------------------------------------------
583
581
  # CSS filter options
@@ -602,7 +600,7 @@ settings:
602
600
  api: videojs # jadams !!!
603
601
  size: 1280-720
604
602
  source: //youtube.com/watch?v=Nck6BZga7TQ
605
- poster_image: Nck6BZga7TQ/mqdefault.jpg # jadams !!!
603
+ poster_image: Nck6BZga7TQ/mqdefault.jpg
606
604
  pinterest_prefix: Pin video
607
605
  tweet_prefix: Try video
608
606
  caption_text: Carpool Karaoke 2015 &middot; James and Adele
@@ -614,8 +612,9 @@ settings:
614
612
  On the way, they sing some of their biggest hits.
615
613
  </h3>
616
614
 
617
- playerParams:
618
- # start: 50 # seconds to start
615
+ tracks: [] # jadams !!!
616
+ # playerParams:
617
+ # start: 50 # seconds to start
619
618
 
620
619
  - video: # video 2
621
620
  enabled: true
@@ -625,7 +624,7 @@ settings:
625
624
  api: videojs # jadams !!!
626
625
  size: 1280-720
627
626
  source: //youtube.com/watch?v=nV8UZJNBY6Y
628
- poster_image: nV8UZJNBY6Y/mqdefault.jpg # jadams !!!
627
+ poster_image: nV8UZJNBY6Y/mqdefault.jpg
629
628
  pinterest_prefix: Pin video
630
629
  tweet_prefix: Try video
631
630
  caption_text: Carpool Karaoke 2023 &middot; Last Carpool Karaoke Tour
@@ -637,8 +636,7 @@ settings:
637
636
  final Carpool Caraoke Tour.
638
637
  </h3>
639
638
 
640
- playerParams:
641
- # start: 50 # seconds to start
639
+ tracks: [] # jadams !!!
642
640
 
643
641
  # --------------------------------------------------------------------------
644
642
  # Online VIDEO (Vimeo)
@@ -954,5 +952,133 @@ settings:
954
952
  <h2>Rollin` Wild</h2>
955
953
  <h3>Short Funny Animated Clip created at the Film Academy</h3>
956
954
 
955
+ # --------------------------------------------------------------------------
956
+ # TinyDesk Concerts, Latin (YouTube)
957
+ #
958
+ - gallery:
959
+ enabled: true
960
+
961
+ id: tdc_latin
962
+ type: video
963
+ video: youtube
964
+ image_base_path: //img.youtube.com/vi
965
+
966
+ # ------------------------------------------------------------------------
967
+ # Justified Gallery settings
968
+ # ------------------------------------------------------------------------
969
+ #
970
+ gallery_options:
971
+ rowHeight: 250
972
+ gutters: 3
973
+
974
+ # ------------------------------------------------------------------------
975
+ # Lightbox|lightGallery settings
976
+ # ------------------------------------------------------------------------
977
+ #
978
+ lightbox:
979
+ enabled: true
980
+ type: lg
981
+
982
+ lightGallery:
983
+ plugins: lgThumbnail, lgVideo
984
+
985
+ options:
986
+ licenseKey: 0000-0000-000-0000
987
+ download: false
988
+ alignThumbnails: left
989
+ animateThumb: true
990
+ autoplayFirstVideo: true
991
+ videojs: true # jadams: !!!
992
+ videojsTheme: vjs-theme-uno
993
+
994
+ videojsOptions:
995
+ enabled: true
996
+ muted: false
997
+ preload: true
998
+ controls: true
999
+
1000
+ hotKeysPlugin:
1001
+ enabled: true
1002
+ options:
1003
+ volumeStep: 0.2
1004
+
1005
+ controlBar:
1006
+ playbackRates: [0.25, 0.5, 1, 1.5, 2]
1007
+ remainingTimeDisplay: true
1008
+ pictureInPictureToggle: false
1009
+
1010
+ volumePanel:
1011
+ inline: false
1012
+
1013
+ skipButtonsPlugin:
1014
+ enabled: true
1015
+ options:
1016
+ forward: 5
1017
+ backward: 5
1018
+ backwardIndex: 0
1019
+ forwardIndex: 1
1020
+
1021
+ zoomPlugin:
1022
+ enabled: false
1023
+ options:
1024
+ moveX: 0
1025
+ moveY: 0
1026
+ rotate: 0
1027
+ zoom: 1
1028
+
1029
+ playerParams:
1030
+ enabled: true
1031
+ autoplay: 1 # autoplay = 1 only available for YouTube when muted.
1032
+ mute: 0 # default = 1
1033
+
1034
+ # ------------------------------------------------------------------------
1035
+ # CSS filter options
1036
+ #
1037
+ filters:
1038
+ enabled: false
1039
+ grayscale: 0
1040
+ contrast: 1
1041
+ brightness: 1
1042
+
1043
+ # ------------------------------------------------------------------------
1044
+ # Video settings
1045
+ # ------------------------------------------------------------------------
1046
+ #
1047
+ videos:
1048
+
1049
+ # video 01
1050
+ - video:
1051
+ enabled: true
1052
+
1053
+ name: S01BeckyG
1054
+ type: youtube
1055
+ api: videojs # jadams !!!
1056
+ size: 1280-720
1057
+ source: //youtube.com/watch?v=FftvVi42U4o
1058
+ poster_image: FftvVi42U4o/maxresdefault.jpg
1059
+ pinterest_prefix: Pin video
1060
+ tweet_prefix: Try video
1061
+ caption_text: S01 · Becky G 2023
1062
+ description: >
1063
+ <h2> S01 Becky G </h2>
1064
+ <h3>At NPR 2023 </h3>
1065
+
1066
+ # video 02
1067
+ - video:
1068
+ enabled: true
1069
+
1070
+ name: S02RobertoFonsecas
1071
+ type: youtube
1072
+ api: videojs # jadams !!!
1073
+ size: 1280-720
1074
+ source: //youtube.com/watch?v=vdph2l0iw74
1075
+ poster_image: vdph2l0iw74/maxresdefault.jpg
1076
+ pinterest_prefix: Pin video
1077
+ tweet_prefix: Try video
1078
+ caption_text: S02 · Roberto Fonsecas 2025
1079
+ description: >
1080
+ <h2> S02 Roberto Fonsecas </h2>
1081
+ <h3>At NPR 2025 </h3>
1082
+
957
1083
  # ------------------------------------------------------------------------------
958
1084
  # END config