j1-template 2023.0.7 → 2023.0.9

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 (57) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/themes/j1/procedures/layouts/module_writer.proc +1 -1
  3. data/_includes/themes/j1/procedures/posts/collate_timeline.proc +1 -1
  4. data/assets/data/banner.html +2 -2
  5. data/assets/data/panel.html +4 -4
  6. data/assets/error_pages/HTTP204.html +23 -4
  7. data/assets/error_pages/HTTP400.html +2 -2
  8. data/assets/error_pages/HTTP401.html +2 -2
  9. data/assets/error_pages/HTTP403.html +2 -2
  10. data/assets/error_pages/HTTP404.html +2 -2
  11. data/assets/error_pages/HTTP444.html +2 -2
  12. data/assets/error_pages/HTTP445.html +2 -2
  13. data/assets/error_pages/HTTP446.html +2 -2
  14. data/assets/error_pages/HTTP447.html +2 -2
  15. data/assets/error_pages/HTTP448.html +2 -2
  16. data/assets/error_pages/HTTP500.html +2 -2
  17. data/assets/error_pages/HTTP501.html +2 -2
  18. data/assets/error_pages/HTTP502.html +2 -2
  19. data/assets/error_pages/HTTP503.html +2 -2
  20. data/assets/themes/j1/adapter/js/attic.js +36 -4
  21. data/assets/themes/j1/adapter/js/j1.js +293 -253
  22. data/assets/themes/j1/adapter/js/masterslider.js +16 -15
  23. data/assets/themes/j1/adapter/js/scroller.js +11 -4
  24. data/assets/themes/j1/adapter/js/themer.js +5 -1
  25. data/assets/themes/j1/adapter/js/waves.js +15 -6
  26. data/assets/themes/j1/core/css/themes/unodark/bootstrap.css +75 -3
  27. data/assets/themes/j1/core/css/themes/unodark/bootstrap.min.css +1 -1
  28. data/assets/themes/j1/core/css/themes/unolight/bootstrap.css +55 -8
  29. data/assets/themes/j1/core/css/themes/unolight/bootstrap.min.css +2 -2
  30. data/lib/j1/version.rb +1 -1
  31. data/lib/starter_web/Gemfile +1 -1
  32. data/lib/starter_web/README.md +5 -5
  33. data/lib/starter_web/_config.yml +3 -3
  34. data/lib/starter_web/_data/blocks/panel.yml +9 -9
  35. data/lib/starter_web/_data/j1_config.yml +10 -2
  36. data/lib/starter_web/_data/layouts/home.yml +1 -1
  37. data/lib/starter_web/_data/modules/attics.yml +17 -14
  38. data/lib/starter_web/_data/modules/defaults/attics.yml +18 -11
  39. data/lib/starter_web/_data/modules/defaults/blog_navigator.yml +44 -44
  40. data/lib/starter_web/_data/modules/defaults/navigator.yml +2 -0
  41. data/lib/starter_web/_data/modules/defaults/waves.yml +1 -1
  42. data/lib/starter_web/_data/resources.yml +145 -146
  43. data/lib/starter_web/_data/templates/feed.xml +1 -1
  44. data/lib/starter_web/_plugins/index/lunr.rb +1 -1
  45. data/lib/starter_web/assets/images/modules/attics/1920x1280/clem-onojeghuo.jpg +0 -0
  46. data/lib/starter_web/assets/images/modules/attics/themes-1920x1280-bw.jpg +0 -0
  47. data/lib/starter_web/package.json +1 -1
  48. data/lib/starter_web/pages/public/blog/navigator/archive/allview.html +1 -1
  49. data/lib/starter_web/pages/public/blog/navigator/archive/categoryview.html +1 -1
  50. data/lib/starter_web/pages/public/blog/navigator/archive/dateview.html +1 -1
  51. data/lib/starter_web/pages/public/blog/navigator/archive/tagview.html +1 -1
  52. data/lib/starter_web/pages/public/blog/navigator/index.html +1 -1
  53. data/lib/starter_web/pages/public/learn/roundtrip/present_images.adoc +7 -0
  54. data/lib/starter_web/pages/public/previewer/preview_bootstrap_theme.adoc +5 -6
  55. data/lib/starter_web/utilsrv/_defaults/package.json +1 -1
  56. data/lib/starter_web/utilsrv/package.json +1 -1
  57. metadata +4 -2
@@ -374,55 +374,101 @@ resources:
374
374
  init_function: [ j1.init ]
375
375
 
376
376
  # ----------------------------------------------------------------------------
377
- # Google Analytics OptIn, a browser library to opt-in in Google Analytics
377
+ # Bootstrap V5 JS components
378
378
  #
379
- # See: https://github.com/luciomartinez/gtag-opt-in
379
+ # See: https://getbootstrap.com/docs/5.0/getting-started/introduction/
380
380
  #
381
- - name: GA OptIn
381
+ - name: Bootstrap JS
382
382
  resource:
383
383
  enabled: true
384
384
 
385
- id: ga-opt-in
386
- comment: Module GA OptIn
385
+ id: bs5
386
+ comment: Module Bootstrap JS
387
387
  region: head
388
388
  layout: [ all ]
389
389
  required: always
390
390
  preload: false
391
- script_load: defer
391
+ script_load: async
392
392
  dependencies: false
393
393
  pass_init_data: false
394
394
  data:
395
395
  css: []
396
396
  files: []
397
- js: [ modules/gtag-opt-in/js/gtag-opt-in ]
397
+ js: [ modules/bootstrap/js/bootstrap ]
398
398
  init_function: []
399
399
 
400
400
  # ----------------------------------------------------------------------------
401
- # jQueryUI, curated set of user interface interactions, effects, widgets,
402
- # and themes built on top of jQuery
401
+ # Bootstrap Material Design (BMD), responsive UI framework for Bootstrap
403
402
  #
404
- # See: https://jqueryui.com/
403
+ # See: https://github.com/mdbootstrap/bootstrap-material-design/tree/4.1.3
405
404
  #
406
- - name: jQueryUI
405
+ - name: BMD
407
406
  resource:
408
407
  enabled: true
409
408
 
410
- id: jquery-ui
411
- comment: Module jQueryUI
409
+ id: bmd
410
+ comment: Module BMD
411
+ region: head
412
+ layout: [ all ]
413
+ required: always
414
+ preload: false # property currently unused
415
+ script_load:
416
+ dependencies: false
417
+ pass_init_data: false
418
+ data:
419
+ css: []
420
+ files: [ adapter/js/bmd.js ]
421
+ js: [ modules/bmd/js/bmd ]
422
+ init_function: [ j1.adapter.bmd.init ]
423
+
424
+ # ----------------------------------------------------------------------------
425
+ # Materialize, responsive JS (Vanilla) UI framework (currently NOT used)
426
+ #
427
+ # See: https://materializecss.com/
428
+ #
429
+ - name: Materialize
430
+ resource:
431
+ enabled: false
432
+
433
+ id: materialze
434
+ comment: Module Materialize
412
435
  region: head
413
436
  layout: [ all ]
414
437
  required: ondemand
438
+ preload: false # property currently unused
439
+ script_load:
440
+ dependencies: false
441
+ pass_init_data: false
442
+ data:
443
+ css: []
444
+ files: [
445
+ modules/materialize/js/fam.js
446
+ ]
447
+ js: [ modules/materialize/js/cash ]
448
+ init_function: []
449
+
450
+ # ----------------------------------------------------------------------------
451
+ # Google Analytics OptIn, a browser library to opt-in in Google Analytics
452
+ #
453
+ # See: https://github.com/luciomartinez/gtag-opt-in
454
+ #
455
+ - name: GA OptIn
456
+ resource:
457
+ enabled: true
458
+
459
+ id: ga-opt-in
460
+ comment: Module GA OptIn
461
+ region: head
462
+ layout: [ all ]
463
+ required: always
415
464
  preload: false
416
465
  script_load: defer
417
466
  dependencies: false
418
467
  pass_init_data: false
419
468
  data:
420
- css: [
421
- modules/jquery/css/jquery-ui/jquery-ui,
422
- modules/jquery/css/jquery-ui/jquery-ui.theme
423
- ]
469
+ css: []
424
470
  files: []
425
- js: [ modules/jquery/js/jquery-ui ]
471
+ js: [ modules/gtag-opt-in/js/gtag-opt-in ]
426
472
  init_function: []
427
473
 
428
474
  # ----------------------------------------------------------------------------
@@ -628,125 +674,136 @@ resources:
628
674
  init_function: [ j1.adapter.cookieConsent.init ]
629
675
 
630
676
  # ----------------------------------------------------------------------------
631
- # jqMouseWheel, cross-browser mouse wheel support (currently NOT used)
677
+ # lunr search engine, JS API used for the QuickSearch feature
678
+ # of J1 Theme based on the Lunr JS API
632
679
  #
633
- # See: https://github.com/jquery/jquery-mousewheel
680
+ # See: https://lunrjs.com/
634
681
  #
635
- - name: jqMouseWheel
682
+ - name: Lunr
636
683
  resource:
637
- enabled: false
684
+ enabled: true
638
685
 
639
- id: jq_mouse_wheel
640
- comment: Module jqMouseWheel
686
+ id: lunr
687
+ comment: Module Lunr
641
688
  region: head
642
689
  layout: [ all ]
643
690
  required: always
644
- preload: false # property currently unused
645
- script_load:
691
+ preload: false
692
+ script_load: defer
646
693
  dependencies: false
647
694
  pass_init_data: false
648
695
  data:
649
- css: []
650
- files: []
651
- js: [ modules/jqMouseWheel/js/jquery.mousewheel ]
652
- init_function: []
696
+ css: [ modules/lunr/css/j1 ]
697
+ files: [ adapter/js/lunr.js ]
698
+ js: [
699
+ modules/lunr/js/lunr,
700
+ modules/lunr/js/mustache,
701
+ modules/lunr/js/dateformat,
702
+ modules/lunr/js/uri,
703
+ modules/lunr/js/j1
704
+ ]
705
+ init_function: [ j1.adapter.lunr.init ]
653
706
 
654
707
  # ----------------------------------------------------------------------------
655
- # Theme Switcher, JS API for switching Bootstrap Themes (Bootswatch)
656
- #
657
- # See: https://bootswatch.com/
708
+ # Floating Action Buttons, JS API to create FABs
658
709
  #
659
- - name: themeSwitcher
710
+ - name: J1 Floating Action Buttons
660
711
  resource:
661
712
  enabled: true
662
713
 
663
- id: theme_switcher
664
- comment: Module Theme Switcher
714
+ id: fab
715
+ comment: Module J1 Floating Action Buttons
665
716
  region: head
666
717
  layout: [ all ]
667
718
  required: always
668
- preload: false # property currently unused
719
+ preload: false
669
720
  script_load:
670
721
  dependencies: false
671
- pass_init_data: false
722
+ pass_init_data: true
672
723
  data:
673
- css: []
674
- files: []
675
- js: [ modules/themeSwitcher/js/switcher ]
676
- init_function: []
724
+ css: [] # styles moved to Template CSS
725
+ files: [
726
+ modules/fab/js/cash.js, # adapted|old (1.3.5) version from Materialize
727
+ modules/fab/js/fab.js, # modified version for J1 (former: button.js)
728
+ adapter/js/fab.js
729
+ ]
730
+ js: []
731
+ init_function: [ j1.adapter.fab.init ]
677
732
 
678
733
  # ----------------------------------------------------------------------------
679
- # Bootstrap V5 JS components
734
+ # jQueryUI, curated set of user interface interactions, effects, widgets,
735
+ # and themes built on top of jQuery
680
736
  #
681
- # See: https://getbootstrap.com/docs/5.0/getting-started/introduction/
737
+ # See: https://jqueryui.com/
682
738
  #
683
- - name: Bootstrap JS
739
+ - name: jQueryUI
684
740
  resource:
685
741
  enabled: true
686
742
 
687
- id: bs5
688
- comment: Module Bootstrap JS
743
+ id: jquery-ui
744
+ comment: Module jQueryUI
689
745
  region: head
690
746
  layout: [ all ]
691
- required: always
747
+ required: ondemand
692
748
  preload: false
693
- script_load:
749
+ script_load: defer
694
750
  dependencies: false
695
751
  pass_init_data: false
696
752
  data:
697
- css: []
753
+ css: [
754
+ modules/jquery/css/jquery-ui/jquery-ui,
755
+ modules/jquery/css/jquery-ui/jquery-ui.theme
756
+ ]
698
757
  files: []
699
- js: [ modules/bootstrap/js/bootstrap ]
758
+ js: [ modules/jquery/js/jquery-ui ]
700
759
  init_function: []
701
760
 
702
761
  # ----------------------------------------------------------------------------
703
- # Bootstrap Material Design (BMD), responsive UI framework for Bootstrap
762
+ # jqMouseWheel, cross-browser mouse wheel support (currently NOT used)
704
763
  #
705
- # See: https://github.com/mdbootstrap/bootstrap-material-design/tree/4.1.3
764
+ # See: https://github.com/jquery/jquery-mousewheel
706
765
  #
707
- - name: BMD
766
+ - name: jqMouseWheel
708
767
  resource:
709
- enabled: true
768
+ enabled: false
710
769
 
711
- id: bmd
712
- comment: Module BMD
770
+ id: jq_mouse_wheel
771
+ comment: Module jqMouseWheel
713
772
  region: head
714
773
  layout: [ all ]
715
774
  required: always
716
775
  preload: false # property currently unused
717
- script_load:
776
+ script_load: async
718
777
  dependencies: false
719
778
  pass_init_data: false
720
779
  data:
721
780
  css: []
722
- files: [ adapter/js/bmd.js ]
723
- js: [ modules/bmd/js/bmd ]
724
- init_function: [ j1.adapter.bmd.init ]
781
+ files: []
782
+ js: [ modules/jqMouseWheel/js/jquery.mousewheel ]
783
+ init_function: []
725
784
 
726
785
  # ----------------------------------------------------------------------------
727
- # Materialize, responsive JS (Vanilla) UI framework (currently NOT used)
786
+ # Theme Switcher, JS API for switching Bootstrap Themes (Bootswatch)
728
787
  #
729
- # See: https://materializecss.com/
788
+ # See: https://bootswatch.com/
730
789
  #
731
- - name: Materialize
790
+ - name: themeSwitcher
732
791
  resource:
733
- enabled: false
792
+ enabled: true
734
793
 
735
- id: materialze
736
- comment: Module Materialize
794
+ id: theme_switcher
795
+ comment: Module Theme Switcher
737
796
  region: head
738
797
  layout: [ all ]
739
- required: ondemand
798
+ required: always
740
799
  preload: false # property currently unused
741
- script_load:
800
+ script_load: async
742
801
  dependencies: false
743
802
  pass_init_data: false
744
803
  data:
745
804
  css: []
746
- files: [
747
- modules/materialize/js/fam.js
748
- ]
749
- js: [ modules/materialize/js/cash ]
805
+ files: []
806
+ js: [ modules/themeSwitcher/js/switcher ]
750
807
  init_function: []
751
808
 
752
809
  # ----------------------------------------------------------------------------
@@ -765,7 +822,7 @@ resources:
765
822
  layout: [ all ]
766
823
  required: always
767
824
  preload: false # property currently unused
768
- script_load:
825
+ script_load: async
769
826
  dependencies: false
770
827
  pass_init_data: false
771
828
  data:
@@ -820,63 +877,6 @@ resources:
820
877
  js: []
821
878
  init_function: []
822
879
 
823
- # ----------------------------------------------------------------------------
824
- # Floating Action Buttons, JS API to create FABs
825
- #
826
- - name: J1 Floating Action Buttons
827
- resource:
828
- enabled: true
829
-
830
- id: fab
831
- comment: Module J1 Floating Action Buttons
832
- region: head
833
- layout: [ all ]
834
- required: always
835
- preload: false
836
- script_load:
837
- dependencies: false
838
- pass_init_data: true
839
- data:
840
- css: [] # styles moved to Template CSS
841
- files: [
842
- modules/fab/js/cash.js, # adapted|old (1.3.5) version from Materialize
843
- modules/fab/js/fab.js, # modified version for J1 (former: button.js)
844
- adapter/js/fab.js
845
- ]
846
- js: []
847
- init_function: [ j1.adapter.fab.init ]
848
-
849
- # ----------------------------------------------------------------------------
850
- # lunr search engine, JS API used for the QuickSearch feature
851
- # of J1 Theme based on the Lunr JS API
852
- #
853
- # See: https://lunrjs.com/
854
- #
855
- - name: Lunr
856
- resource:
857
- enabled: true
858
-
859
- id: lunr
860
- comment: Module Lunr
861
- region: head
862
- layout: [ all ]
863
- required: always
864
- preload: false
865
- script_load: defer
866
- dependencies: false
867
- pass_init_data: false
868
- data:
869
- css: [ modules/lunr/css/j1 ]
870
- files: [ adapter/js/lunr.js ]
871
- js: [
872
- modules/lunr/js/lunr,
873
- modules/lunr/js/mustache,
874
- modules/lunr/js/dateformat,
875
- modules/lunr/js/uri,
876
- modules/lunr/js/j1
877
- ]
878
- init_function: [ j1.adapter.lunr.init ]
879
-
880
880
  # ----------------------------------------------------------------------------
881
881
  # rtextResizer (currently NOT used)
882
882
  #
@@ -939,7 +939,7 @@ resources:
939
939
  layout: [ all ]
940
940
  required: always
941
941
  preload: false
942
- script_load:
942
+ script_load: async
943
943
  dependencies: false
944
944
  pass_init_data: false
945
945
  data:
@@ -963,7 +963,7 @@ resources:
963
963
  layout: [ all ]
964
964
  required: always
965
965
  preload: false
966
- script_load:
966
+ script_load: async
967
967
  dependencies: false
968
968
  pass_init_data: false
969
969
  data:
@@ -1109,7 +1109,7 @@ resources:
1109
1109
  region: head
1110
1110
  required: ondemand
1111
1111
  preload: false
1112
- script_load:
1112
+ script_load: async
1113
1113
  dependencies: false
1114
1114
  pass_init_data: true
1115
1115
  data:
@@ -1359,9 +1359,9 @@ resources:
1359
1359
  layout: [ all ]
1360
1360
  required: ondemand
1361
1361
  preload: false
1362
- script_load:
1362
+ script_load: defer
1363
1363
  dependencies: false
1364
- pass_init_data: true
1364
+ pass_init_data: false
1365
1365
  data:
1366
1366
  css: [
1367
1367
  modules/masterslider/css/masterslider,
@@ -1379,7 +1379,7 @@ resources:
1379
1379
  #
1380
1380
  - name: Master Slider Professional
1381
1381
  resource:
1382
- enabled: true
1382
+ enabled: false
1383
1383
 
1384
1384
  id: mastersliderpro
1385
1385
  comment: Module Master Slider Pro
@@ -1387,9 +1387,9 @@ resources:
1387
1387
  layout: [ all ]
1388
1388
  required: ondemand
1389
1389
  preload: false
1390
- script_load:
1390
+ script_load: defer
1391
1391
  dependencies: false
1392
- pass_init_data: true
1392
+ pass_init_data: false
1393
1393
  data:
1394
1394
  css: [
1395
1395
  modules/masterslider_pro/css/masterslider,
@@ -1414,7 +1414,6 @@ resources:
1414
1414
  js: [ modules/masterslider_pro/js/masterslider ]
1415
1415
  init_function: [ j1.adapter.masterslider.init ]
1416
1416
 
1417
-
1418
1417
  # ----------------------------------------------------------------------------
1419
1418
  # Justified Gallery, JS implementation for full-featured image galleries
1420
1419
  # based on the Justified Gallery API
@@ -1689,7 +1688,7 @@ resources:
1689
1688
  layout: [ all ]
1690
1689
  required: ondemand
1691
1690
  preload: false
1692
- script_load:
1691
+ script_load: async
1693
1692
  dependencies: false
1694
1693
  pass_init_data: false
1695
1694
  data:
@@ -1714,7 +1713,7 @@ resources:
1714
1713
  layout: [ all ]
1715
1714
  required: ondemand
1716
1715
  preload: false
1717
- script_load:
1716
+ script_load: async
1718
1717
  dependencies: false
1719
1718
  pass_init_data: false
1720
1719
  data:
@@ -1736,7 +1735,7 @@ resources:
1736
1735
  layout: [ all ]
1737
1736
  required: ondemand
1738
1737
  preload: false
1739
- script_load:
1738
+ script_load: defer
1740
1739
  dependencies: false
1741
1740
  pass_init_data: false
1742
1741
  data:
@@ -1762,7 +1761,7 @@ resources:
1762
1761
  layout: [ all ]
1763
1762
  required: ondemand
1764
1763
  preload: false
1765
- script_load:
1764
+ script_load: defer
1766
1765
  dependencies: false
1767
1766
  pass_init_data: false
1768
1767
  data:
@@ -1928,7 +1927,7 @@ resources:
1928
1927
  layout: [ all ]
1929
1928
  required: always
1930
1929
  preload: false
1931
- script_load:
1930
+ script_load: defer
1932
1931
  dependencies: false
1933
1932
  pass_init_data: false
1934
1933
  data:
@@ -1950,7 +1949,7 @@ resources:
1950
1949
  layout: [ all ]
1951
1950
  required: ondemand
1952
1951
  preload: false
1953
- script_load:
1952
+ script_load: defer
1954
1953
  dependencies: false
1955
1954
  pass_init_data: false
1956
1955
  data:
@@ -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>2023.0.7</template_version>
60
+ <template_version>2023.0.9</template_version>
61
61
 
62
62
  {% assign title = site.title | default: site.name %}
63
63
  {% if page.collection != "posts" %}
@@ -391,6 +391,6 @@ end
391
391
 
392
392
  module Jekyll
393
393
  module J1LunrSearch
394
- VERSION = '2023.0.7'
394
+ VERSION = '2023.0.9'
395
395
  end
396
396
  end
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "private": true,
3
3
  "name": "j1",
4
- "version": "2023.0.7",
4
+ "version": "2023.0.9",
5
5
  "description": "J1 Theme Starter Web",
6
6
  "homepage": "https://your.site",
7
7
  "author": {
@@ -248,7 +248,7 @@ site_category_word_list: {{site_category_word_list | debug}}
248
248
  </p>
249
249
 
250
250
  </div>
251
- <a class="card-link md-grey-900 text-lowercase"
251
+ <a class="card-link text-lowercase"
252
252
  href="{{post.url}}#readmore">
253
253
  {{readmore_text}} · {{post.tagline}}
254
254
  </a>
@@ -288,7 +288,7 @@ site_category_word_list: {{site_category_word_list | debug}}
288
288
  </p>
289
289
 
290
290
  </div>
291
- <a class="card-link md-grey-900 text-lowercase"
291
+ <a class="card-link text-lowercase"
292
292
  href="{{post.url}}#readmore">
293
293
  {{readmore_text}} · {{post.tagline}}
294
294
  </a>
@@ -270,7 +270,7 @@ site_category_word_list: {{site_category_word_list | debug}}
270
270
  </p>
271
271
 
272
272
  </div>
273
- <a class="card-link md-grey-900 text-lowercase"
273
+ <a class="card-link text-lowercase"
274
274
  href="{{post.url}}#readmore">
275
275
  {{readmore_text}} · {{post.tagline}}
276
276
  </a>
@@ -292,7 +292,7 @@ site_category_word_list: {{site_category_word_list | debug}}
292
292
  </p>
293
293
 
294
294
  </div>
295
- <a class="card-link md-grey-900 text-lowercase"
295
+ <a class="card-link text-lowercase"
296
296
  href="{{post.url}}#readmore">
297
297
  {{readmore_text}} · {{post.tagline}}
298
298
  </a>
@@ -1,6 +1,6 @@
1
1
  ---
2
2
  layout: page
3
- title: Starter Blog
3
+ title: Freelancer Blog
4
4
  tagline: Explore Posts
5
5
  date: 2022-01-01 01:00:00
6
6
  description: >
@@ -227,6 +227,7 @@ many images the show contains.
227
227
  .Carousel example
228
228
  carousel::demo_oneslide[role="mb-3"]
229
229
 
230
+ [[j1-ms]]
230
231
  == J1 Master Slider
231
232
 
232
233
  The Javascript tool _Master Slider_ is a 3rd party plugin fully integrated
@@ -241,6 +242,7 @@ all features: the functionality of *filters*, *layouts* are limited and no
241
242
  // platforms, like mobiles or tablets, initializing an MS Slider will take
242
243
  // a while to be finished.
243
244
 
245
+ [[j1-ms-versus]]
244
246
  === Carousels versus Sliders
245
247
 
246
248
  Sliders and Carousels are focussing quite the same thing: presenting image data
@@ -259,6 +261,7 @@ TIP: For more details of the dimplementation of Master Slider of J1 Theme, see
259
261
  find documentation at
260
262
  link:{url-j1-docs--masterslider-module}[Master Slider module, {browser-window--new}].
261
263
 
264
+ [[j1-ms-controls-filters-lightbox]]
262
265
  === MS Slider using Controls + Filters + Lightbox
263
266
 
264
267
  The following slider uses the (CSS) filter feature of Master Slider.
@@ -275,6 +278,7 @@ slides to see the *colored* images configured for the slider.
275
278
 
276
279
  masterslider::ms_00001[role="mt-4 mb-5"]
277
280
 
281
+ [[j1-ms-text-elements]]
278
282
  === MS Slider using Text Elements
279
283
 
280
284
  One of the major features of sliders is to present additional (animated)
@@ -284,6 +288,7 @@ elements: the *MSInfo* element.
284
288
 
285
289
  masterslider::ms_00003[role="mt-4 mb-5"]
286
290
 
291
+ [[j1-ms-thumb-images]]
287
292
  === MS Slider using ThumbImages
288
293
 
289
294
  To give the users better control over a slideshow, sliders provide complex UI
@@ -295,6 +300,7 @@ masterslider::ms_00004[role="mt-4 mb-5"]
295
300
 
296
301
  masterslider::ms_00005[role="mt-4 mb-5"]
297
302
 
303
+ [[j1-ms-info-elements]]
298
304
  === MS Slider using MS Info in a complex Layout
299
305
 
300
306
  The following slider presents a slideshow that combines an MSInfo element
@@ -304,6 +310,7 @@ slide by their neighbors on the left and the right.
304
310
 
305
311
  masterslider::ms_00009[role="mt-4"]
306
312
 
313
+ [[j1-ms-more-about]]
307
314
  === More about Master Sliders
308
315
 
309
316
  If you're interested to learn more about MS Sliders, go for the following