j1-template 2024.0.3 → 2024.1.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_includes/themes/j1/modules/searcher/procedures/topsearch.proc +1 -1
- data/assets/data/banner.html +4 -4
- data/assets/data/cookieconsent.html +270 -175
- data/assets/data/galeries.html +10 -5
- data/assets/data/iso-639-language-codes-flags.json +179 -169
- data/assets/data/masonry.html +18 -12
- data/assets/data/translator.html +124 -0
- data/assets/themes/j1/adapter/js/comments.js +420 -418
- data/assets/themes/j1/adapter/js/cookieConsent.js +462 -451
- data/assets/themes/j1/adapter/js/gallery.js +11 -0
- data/assets/themes/j1/adapter/js/j1.js +32 -18
- data/assets/themes/j1/adapter/js/navigator.js +2 -0
- data/assets/themes/j1/adapter/js/translator.js +2 -0
- data/assets/themes/j1/core/css/themes/unolight/bootstrap.css +5 -14
- data/assets/themes/j1/core/css/themes/unolight/bootstrap.min.css +1 -1
- data/assets/themes/j1/core/fonts/fontawesome_5/LICENSE.txt +2 -2
- data/assets/themes/j1/core/js/template.js +283 -224
- data/assets/themes/j1/core/js/template.min.js +5 -5
- data/assets/themes/j1/core/js/template.min.js.map +1 -1
- data/assets/themes/j1/modules/comments/hyvor/css/hyvor.css +2105 -0
- data/assets/themes/j1/modules/comments/hyvor/css/themes/uno.css +18 -0
- data/assets/themes/j1/modules/cookieConsent/js/cookieConsent.js +8 -2
- data/assets/themes/j1/modules/cookieConsent/js/cookieConsent.min.js +2 -1
- data/assets/themes/j1/modules/lightGallery/css/themes/uno/uno.css +34 -2
- data/assets/themes/j1/modules/lightGallery/css/themes/uno/uno.min.css +1 -1
- data/assets/themes/j1/modules/lightGallery/js/lightgallery.js +116 -101
- data/assets/themes/j1/modules/lightGallery/js/lightgallery.min.js +2 -1
- data/assets/themes/j1/modules/lightGallery/js/parser/webvtt/LICENSE.md +44 -0
- data/assets/themes/j1/modules/lightGallery/js/parser/webvtt/README.md +37 -0
- data/assets/themes/j1/modules/lightGallery/js/parser/webvtt/parser.js +890 -0
- data/assets/themes/j1/modules/lightGallery/js/parser/webvtt/parser.min.js +8 -0
- data/assets/themes/j1/modules/lightGallery/js/plugins/lg-video.js +166 -34
- data/assets/themes/j1/modules/lightGallery/js/plugins/lg-video.min.js +11 -3
- data/assets/themes/j1/modules/msDropdown/js/msDropdown.js +1 -1
- data/assets/themes/j1/modules/msDropdown/js/msDropdown.min.js +4 -1
- data/assets/themes/j1/modules/tiktocPlayer/js/player.min.js +18 -0
- data/assets/themes/j1/modules/translator/js/translator.js +91 -80
- data/assets/themes/j1/modules/translator/js/translator.min.js +2 -1
- data/assets/themes/j1/modules/videojs/css/plugins/zoom.css +1 -1
- data/assets/themes/j1/modules/videojs/css/themes/uno.css +19 -1
- data/assets/themes/j1/modules/videojs/css/themes/uno.min.css +1 -1
- data/assets/themes/j1/modules/videojs/js/plugins/zoom.js +2 -2
- data/assets/themes/j1/modules/videojs/js/plugins/zoom.min.js +2 -2
- data/lib/j1/version.rb +1 -1
- data/lib/starter_web/Gemfile +2 -2
- data/lib/starter_web/README.md +8 -8
- data/lib/starter_web/_config.yml +2 -1
- data/lib/starter_web/_data/blocks/banner.yml +1 -1
- data/lib/starter_web/_data/blocks/defaults/footer.yml +1 -1
- data/lib/starter_web/_data/blocks/footer.yml +1 -1
- data/lib/starter_web/_data/blocks/panel.yml +3 -3
- data/lib/starter_web/_data/layouts/collection.yml +6 -6
- data/lib/starter_web/_data/layouts/default.yml +6 -6
- data/lib/starter_web/_data/layouts/home.yml +2 -2
- data/lib/starter_web/_data/layouts/news_panel_posts.yml +6 -6
- data/lib/starter_web/_data/layouts/page.yml +6 -6
- data/lib/starter_web/_data/layouts/post.yml +6 -6
- data/lib/starter_web/_data/layouts/raw.yml +6 -6
- data/lib/starter_web/_data/modules/analytics.yml +1 -1
- data/lib/starter_web/_data/modules/carousel.yml +2 -2
- data/lib/starter_web/_data/modules/comments.yml +4 -1
- data/lib/starter_web/_data/modules/defaults/analytics.yml +1 -2
- data/lib/starter_web/_data/modules/defaults/comments.yml +0 -6
- data/lib/starter_web/_data/modules/defaults/cookieconsent.de.yml +104 -0
- data/lib/starter_web/_data/modules/defaults/cookieconsent.en.yml +104 -0
- data/lib/starter_web/_data/modules/defaults/cookieconsent.yml +1 -8
- data/lib/starter_web/_data/modules/defaults/gallery.yml +1 -1
- data/lib/starter_web/_data/modules/defaults/lunr.yml +2 -2
- data/lib/starter_web/_data/modules/defaults/translator.en.yml +138 -0
- data/lib/starter_web/_data/modules/defaults/translator.yml +22 -20
- data/lib/starter_web/_data/modules/gallery.yml +430 -273
- data/lib/starter_web/_data/resources.yml +31 -4
- data/lib/starter_web/_data/templates/feed.xml +1 -1
- data/lib/starter_web/_includes/attributes.asciidoc +1 -1
- data/lib/starter_web/_plugins/asciidoctor/audio-block.rb +85 -0
- data/lib/starter_web/_plugins/asciidoctor/video-block.rb +1 -1
- data/lib/starter_web/_plugins/asciidoctor/videojs-block.rb +34 -8
- data/lib/starter_web/_plugins/asciidoctor/vimeo-block.rb +1 -1
- data/lib/starter_web/_plugins/asciidoctor/wistia-block.rb +1 -1
- data/lib/starter_web/_plugins/asciidoctor/youtube-block.rb +1 -1
- data/lib/starter_web/_plugins/index/lunr.rb +1 -1
- data/lib/starter_web/assets/audio/sound-effects/ambient-piano.mp3 +0 -0
- data/lib/starter_web/assets/images/modules/attics/1920x1280/alexander-redl.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/1920x1280/alina-grubnyak.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/1920x1280/andrea-badino.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/1920x1280/brad-neathery.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/1920x1280/brigitta-schneiter.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/1920x1280/bruno-figueiredo.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/1920x1280/clem-onojeghuo.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/1920x1280/crawford-jolly.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/1920x1280/eleni-afiontzi.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/1920x1280/fly-d.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/1920x1280/guillaume-bolduc.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/1920x1280/harpal-singh.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/1920x1280/hayden-mills-2.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/1920x1280/isaac-davis.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/1920x1280/j1-content-mockup-1.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/1920x1280/j1-content-mockup-2.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/1920x1280/j1-content-mockup-3.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/1920x1280/j1-starter-mockup-1.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/1920x1280/john-schnobrich-2.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/1920x1280/josep-martins.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/1920x1280/josh-liu.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/1920x1280/kelly-sikkemal.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/1920x1280/kira-auf-der-heide.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/1920x1280/kristopher-roller.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/1920x1280/matthaeus.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/1920x1280/melanie-deziel.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/1920x1280/milad-fakurian.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/1920x1280/mohammad-rahmani.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/1920x1280/nasa.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/1920x1280/quino-al-2.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/1920x1280/recha-oktaviani.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/admin-dashboard-bootstrap-1280x600.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/building-blocks-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/christina-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/cookies-1920x1200.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/franck-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/giammarco-boscaro-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/ideas-start-here-1920x1280-bw.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/ideas-start-here-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/jessica-ruscello-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/joanna-kosinska-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/katie-moum-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/leon-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/lianhao-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/library-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/lunr-1280x800.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/machine-generator-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/markus-krisetya-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/markus-spiske-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/markus-spiske4-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/matthaeus-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/matthew-dockery-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/no-time-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/rirri-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/shubham-dhage-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/shutterstock_sponsor-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/sigmund-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/szabo-viktor-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/themes-1920x1280-bw.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/tldr-1920x800.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/vladislav-klapin-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/yellow-cactus-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/modules/carousel/cats/cat-1.jpg +0 -0
- data/lib/starter_web/assets/images/modules/carousel/cats/cat-2.jpg +0 -0
- data/lib/starter_web/assets/images/modules/carousel/cats/cat-3.jpg +0 -0
- data/lib/starter_web/assets/images/modules/carousel/cats/cat-4.jpg +0 -0
- data/lib/starter_web/assets/images/modules/carousel/cats/cat-5.jpg +0 -0
- data/lib/starter_web/assets/images/modules/carousel/cats/cat-6.jpg +0 -0
- data/lib/starter_web/assets/images/modules/carousel/cats/cat-7.jpg +0 -0
- data/lib/starter_web/assets/images/modules/carousel/cats/cat-8.jpg +0 -0
- data/lib/starter_web/assets/images/modules/carousel/mega_cities/andreas-brucker_b.jpg +0 -0
- data/lib/starter_web/assets/images/modules/carousel/mega_cities/denys-nevozhai-1_b.jpg +0 -0
- data/lib/starter_web/assets/images/modules/carousel/mega_cities/denys-nevozhai-2_b.jpg +0 -0
- data/lib/starter_web/assets/images/modules/carousel/mega_cities/luca-bravo_b.jpg +0 -0
- data/lib/starter_web/assets/images/modules/carousel/mega_cities/thomas-tucker_b.jpg +0 -0
- data/lib/starter_web/assets/images/modules/gallery/mega_cities/andreas-brucker_b.jpg +0 -0
- data/lib/starter_web/assets/images/modules/gallery/mega_cities/banter-snaps_b.jpg +0 -0
- data/lib/starter_web/assets/images/modules/gallery/mega_cities/denys-nevozhai-1_b.jpg +0 -0
- data/lib/starter_web/assets/images/modules/gallery/mega_cities/denys-nevozhai-2-bw.jpg +0 -0
- data/lib/starter_web/assets/images/modules/gallery/mega_cities/denys-nevozhai-2_b.jpg +0 -0
- data/lib/starter_web/assets/images/modules/gallery/mega_cities/emmad-mazhari_b.jpg +0 -0
- data/lib/starter_web/assets/images/modules/gallery/mega_cities/ethan-brooke_b.jpg +0 -0
- data/lib/starter_web/assets/images/modules/gallery/mega_cities/federico-rizzarelli_b.jpg +0 -0
- data/lib/starter_web/assets/images/modules/gallery/mega_cities/gints-gailis_b.jpg +0 -0
- data/lib/starter_web/assets/images/modules/gallery/mega_cities/johan-mouchet_b.jpg +0 -0
- data/lib/starter_web/assets/images/modules/gallery/mega_cities/luca-bravo_b.jpg +0 -0
- data/lib/starter_web/assets/images/modules/gallery/mega_cities/steven-diaz_b.jpg +0 -0
- data/lib/starter_web/assets/images/modules/gallery/mega_cities/thomas-tucker-bw.jpg +0 -0
- data/lib/starter_web/assets/images/modules/gallery/mega_cities/thomas-tucker_b.jpg +0 -0
- data/lib/starter_web/assets/images/modules/gallery/old_times/image_01.jpg +0 -0
- data/lib/starter_web/assets/images/modules/gallery/old_times/image_02.jpg +0 -0
- data/lib/starter_web/assets/images/modules/gallery/old_times/image_03.jpg +0 -0
- data/lib/starter_web/assets/images/modules/gallery/old_times/image_04.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_1/cat-1.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_1/cat-2.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_1/cat-3.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_1/cat-4.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_1/cat-5.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_1/cat-6.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_1/cat-7.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_1/cat-8.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_10/panorama-bg-slide1.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_10/panorama-bg-slide2.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_2/andreas-brucker.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_2/denys-nevozhai-1.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_2/denys-nevozhai-2.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_2/luca-bravo.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_2/thomas-tucker.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_3/ms-free-food-family-2.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_3/ms-free-food-hamburger.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_3/ms-free-food-restaurant.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_4/ms-free-animals-1-100x80.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_4/ms-free-animals-1.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_4/ms-free-animals-2-100x80.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_4/ms-free-animals-2.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_4/ms-free-animals-3-100x80.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_4/ms-free-animals-3.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_4/ms-free-animals-4-100x80.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_4/ms-free-animals-4.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_4/ms-free-animals-5-100x80.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_4/ms-free-animals-5.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_4/ms-free-animals-6-100x80.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_4/ms-free-animals-6.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_4/ms-free-animals-7-100x80.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_4/ms-free-animals-7.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_5/ms-free-food-family-140x80.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_5/ms-free-food-family-2-140x80.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_5/ms-free-food-family-2.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_5/ms-free-food-family-3-140x80.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_5/ms-free-food-family-3.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_5/ms-free-food-family.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_5/ms-free-food-hamburger-140x80.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_5/ms-free-food-hamburger.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_5/ms-free-food-pizza-140x80.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_5/ms-free-food-pizza.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_5/ms-free-food-table-140x80.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_5/ms-free-food-table.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_5/ms-free-food-woman-hand-140x80.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_5/ms-free-food-woman-hand.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_6_7/6876385555_74a0d7d7ee_b.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_6_7/6876387431_d86867a3d9_b.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_6_7/6876388511_d618d53455_b.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_6_7/6876389463_db27a377e1_b.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_6_7/6876390339_2e4dd9dbbb_b.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_8/postslider-5-img-1.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_8/postslider-5-img-2.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_8/postslider-5-img-3.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_8/postslider6-bg-slide2-1024x622.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_9/1-2.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_9/5-2.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_9/6-2.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_9/6-3.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_9/8-1.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/slider_9/8.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/wp-examples/ms-free-business-1.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/wp-examples/ms-free-business-2.jpg +0 -0
- data/lib/starter_web/assets/images/modules/masterslider/wp-examples/ms-free-business-3.jpg +0 -0
- data/lib/starter_web/assets/images/pages/features/blog-post-navigator-1280x1000.jpg +0 -0
- data/lib/starter_web/assets/images/pages/features/bootswatch-themes-1280x800.jpg +0 -0
- data/lib/starter_web/assets/images/pages/features/clipboard-1280x600.jpg +0 -0
- data/lib/starter_web/assets/images/pages/features/comments-1280x600.jpg +0 -0
- data/lib/starter_web/assets/images/pages/features/cookie-consent-1280x800.jpg +0 -0
- data/lib/starter_web/assets/images/pages/features/desktop-web-navigation-1280x1000.jpg +0 -0
- data/lib/starter_web/assets/images/pages/features/example-content-1280x800.jpg +0 -0
- data/lib/starter_web/assets/images/pages/features/example-content-present-videos-1280x800.jpg +0 -0
- data/lib/starter_web/assets/images/pages/features/fab-1280x500.jpg +0 -0
- data/lib/starter_web/assets/images/pages/features/full-text-search-1280x800.jpg +0 -0
- data/lib/starter_web/assets/images/pages/features/global-mobile-traffic-1920x1080.jpg +0 -0
- data/lib/starter_web/assets/images/pages/features/google-lighthouse-1080x300.jpg +0 -0
- data/lib/starter_web/assets/images/pages/features/intro-panel-1280x800.jpg +0 -0
- data/lib/starter_web/assets/images/pages/features/master-header-1280x600.jpg +0 -0
- data/lib/starter_web/assets/images/pages/features/mobile-navigation-600x800.jpg +0 -0
- data/lib/starter_web/assets/images/pages/features/native-speakers-by-language.jpg +0 -0
- data/lib/starter_web/assets/images/pages/features/nav-module-1280x300.jpg +0 -0
- data/lib/starter_web/assets/images/pages/features/nbi-barchart-1280x800.jpg +0 -0
- data/lib/starter_web/assets/images/pages/features/teaser-banner-1280x600.jpg +0 -0
- data/lib/starter_web/assets/images/pages/features/translator-1280x800.jpg +0 -0
- data/lib/starter_web/assets/images/pages/html_validator/appdevtools-html-validator.jpg +0 -0
- data/lib/starter_web/assets/images/pages/html_validator/freeformatter-html-validator.jpg +0 -0
- data/lib/starter_web/assets/images/pages/html_validator/w3c-nu-checker.jpg +0 -0
- data/lib/starter_web/assets/images/pages/html_validator/w3c-validator.jpg +0 -0
- data/lib/starter_web/assets/images/pages/panels/florian-olivo-1920x800.jpg +0 -0
- data/lib/starter_web/assets/images/pages/panels/modules-apps-1920x800.jpg +0 -0
- data/lib/starter_web/assets/images/pages/panels/no-time-1920x800.jpg +0 -0
- data/lib/starter_web/assets/images/pages/panels/responsive-text-1920x800.jpg +0 -0
- data/lib/starter_web/assets/images/pages/panels/the-place-1920x800.jpg +0 -0
- data/lib/starter_web/assets/images/pages/posts/adrien-olichon-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/pages/posts/alejandro-barba-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/pages/posts/andre-francois-mckenzie-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/pages/posts/andreas-steger-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/pages/posts/ansgar-scheffold-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/pages/posts/ben-white-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/pages/posts/craig-sybert-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/pages/posts/danielle-cerullo-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/pages/posts/deb-dowd-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/pages/posts/halgatewood-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/pages/posts/hans-eiskonen-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/pages/posts/ian-barsby-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/pages/posts/ivan-aleksic-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/pages/posts/markus-krisetya-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/pages/posts/markus-spiske-6-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/pages/posts/markus-winkler-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/pages/posts/markus-winkler-2-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/pages/posts/michelle-cassar-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/pages/posts/mika-baumeister-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/pages/posts/science-in-hd-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/pages/roundtrip/100_present_images/lightbox-image-1.jpg +0 -0
- data/lib/starter_web/assets/images/pages/roundtrip/100_present_images/lightbox-image-2.jpg +0 -0
- data/lib/starter_web/assets/images/pages/roundtrip/100_present_images/lightbox-image-3.jpg +0 -0
- data/lib/starter_web/assets/images/pages/roundtrip/100_present_images/lightbox-thumb-1.jpg +0 -0
- data/lib/starter_web/assets/images/pages/roundtrip/100_present_images/lightbox-thumb-2.jpg +0 -0
- data/lib/starter_web/assets/images/pages/roundtrip/100_present_images/lightbox-thumb-3.jpg +0 -0
- data/lib/starter_web/assets/images/pages/roundtrip/600_quicksearch/quicksearch_icon.jpg +0 -0
- data/lib/starter_web/assets/images/pages/roundtrip/600_quicksearch/quicksearch_input.jpg +0 -0
- data/lib/starter_web/assets/images/pages/roundtrip/600_quicksearch/quicksearch_results.jpg +0 -0
- data/lib/starter_web/assets/images/pages/roundtrip/bootstrap-1920x1000-bw.jpg +0 -0
- data/lib/starter_web/assets/images/pages/roundtrip/cards-1920x1280-bw.jpg +0 -0
- data/lib/starter_web/assets/images/pages/roundtrip/emojies-1920x1280-bw.jpg +0 -0
- data/lib/starter_web/assets/images/pages/roundtrip/icon-fonts-1920x1280-bw.jpg +0 -0
- data/lib/starter_web/assets/images/pages/roundtrip/images-1920x1280-bw.jpg +0 -0
- data/lib/starter_web/assets/images/pages/roundtrip/puzzle-1920x1280-bw.jpg +0 -0
- data/lib/starter_web/assets/images/pages/roundtrip/tables-1920x1280-bw.jpg +0 -0
- data/lib/starter_web/assets/images/pages/roundtrip/themes-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/pages/roundtrip/typography-1920x1280-bw.jpg +0 -0
- data/lib/starter_web/assets/images/pages/skeleton/annie-spratt-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/pages/skeleton/antonino-visalli-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/pages/skeleton/humble-lamb-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/pages/skeleton/library-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/pages/skeleton/romain-vignes-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/pages/skeleton/sigmund-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/videos/gallery/gianna_1.jpg +0 -0
- data/lib/starter_web/assets/videos/gallery/gianna_2.jpg +0 -0
- data/lib/starter_web/assets/videos/gallery/gianna_3.jpg +0 -0
- data/lib/starter_web/assets/videos/gallery/html5/video2.mp4 +0 -0
- data/lib/starter_web/assets/videos/gallery/kick-it-old-school-poster.jpg +0 -0
- data/lib/starter_web/assets/videos/gallery/solo-sex.jpg +0 -0
- data/lib/starter_web/assets/videos/gallery/stay-colorful-poster.jpg +0 -0
- data/lib/starter_web/assets/videos/gallery/video1-poster.jpg +0 -0
- data/lib/starter_web/assets/videos/gallery/video2-poster.jpg +0 -0
- data/lib/starter_web/assets/videos/gallery/video_adele-poster.jpg +0 -0
- data/lib/starter_web/assets/videos/gallery/video_adele_last_carpool_caraoke_poster.jpg +0 -0
- data/lib/starter_web/assets/videos/gallery/video_gaga-poster.jpg +0 -0
- data/lib/starter_web/assets/videos/gallery/video_gwen-poster.jpg +0 -0
- data/lib/starter_web/assets/videos/gallery/video_james_carpool_caraoke_poster.jpg +0 -0
- data/lib/starter_web/assets/videos/gallery/video_michelle-poster.jpg +0 -0
- data/lib/starter_web/assets/videos/gallery/videojs-poster.png +0 -0
- data/lib/starter_web/assets/videos/gallery/voice_kids_nl_2021/video_poster.jpg +0 -0
- data/lib/starter_web/assets/videos/vtt/captions/!readme +7 -0
- data/lib/starter_web/assets/videos/vtt/captions/video1.vtt +31 -0
- data/lib/starter_web/assets/videos/vtt/chapters/!readme +5 -0
- data/lib/starter_web/assets/videos/vtt/chapters/video1.vtt +23 -0
- data/lib/starter_web/assets/videos/vtt/descriptions/!readme +7 -0
- data/lib/starter_web/assets/videos/vtt/subtitles/!readme +6 -0
- data/lib/starter_web/collections/posts/public/featured/_posts/2023-10-18-url-types.adoc +17 -14
- data/lib/starter_web/index.html +2 -3
- data/lib/starter_web/package.json +2 -34
- data/lib/starter_web/pages/public/features/general.adoc +4 -4
- data/lib/starter_web/pages/public/features/template.adoc +15 -14
- data/lib/starter_web/pages/public/learn/bookshelf/jekyll_collections.adoc +3 -3
- data/lib/starter_web/pages/public/learn/roundtrip/_includes/attributes.asciidoc +4 -3
- data/lib/starter_web/pages/public/learn/roundtrip/_includes/documents/100_gistblock.asciidoc +4 -3
- data/lib/starter_web/pages/public/learn/roundtrip/_includes/documents/themes_bootstrap.asciidoc +1 -1
- data/lib/starter_web/pages/public/learn/roundtrip/asciidoc_extensions.adoc +68 -47
- data/lib/starter_web/pages/public/learn/roundtrip/bootstrap_themes.adoc +21 -30
- data/lib/starter_web/pages/public/learn/roundtrip/highlghter_rouge.adoc +19 -14
- data/lib/starter_web/pages/public/learn/roundtrip/icon_fonts.adoc +58 -54
- data/lib/starter_web/pages/public/learn/roundtrip/lunr_search.adoc +43 -34
- data/lib/starter_web/pages/public/learn/roundtrip/modal_extentions.adoc +17 -18
- data/lib/starter_web/pages/public/learn/roundtrip/present_images.adoc +4 -11
- data/lib/starter_web/pages/public/learn/roundtrip/present_videos.adoc +44 -14
- data/lib/starter_web/pages/public/learn/roundtrip/responsive_tables.adoc +29 -192
- data/lib/starter_web/pages/public/learn/roundtrip/typography.adoc +33 -29
- data/lib/starter_web/pages/public/learn/where_to_go.adoc +5 -2
- data/lib/starter_web/pages/public/legal/en/100_copyright.adoc +11 -4
- data/lib/starter_web/pages/public/legal/en/200_impress.adoc +19 -14
- data/lib/starter_web/pages/public/legal/en/300_privacy.adoc +17 -12
- data/lib/starter_web/pages/public/legal/en/400_comment_policy.adoc +12 -6
- data/lib/starter_web/pages/public/panels/intro_panel/_includes/attributes.asciidoc +4 -3
- data/lib/starter_web/pages/public/panels/roundtrip/100_present_images/lightbox-image-1.jpg +0 -0
- data/lib/starter_web/pages/public/panels/roundtrip/100_present_images/lightbox-image-2.jpg +0 -0
- data/lib/starter_web/pages/public/panels/roundtrip/100_present_images/lightbox-image-3.jpg +0 -0
- data/lib/starter_web/pages/public/panels/roundtrip/100_present_images/lightbox-thumb-1.jpg +0 -0
- data/lib/starter_web/pages/public/panels/roundtrip/100_present_images/lightbox-thumb-2.jpg +0 -0
- data/lib/starter_web/pages/public/panels/roundtrip/100_present_images/lightbox-thumb-3.jpg +0 -0
- data/lib/starter_web/pages/public/panels/roundtrip/410_bs_modals_extentions/avatar.jpg +0 -0
- data/lib/starter_web/pages/public/panels/roundtrip/410_bs_modals_extentions/marc.jpg +0 -0
- data/lib/starter_web/pages/public/panels/roundtrip/600_quicksearch/quicksearch_icon.jpg +0 -0
- data/lib/starter_web/pages/public/panels/roundtrip/600_quicksearch/quicksearch_input.jpg +0 -0
- data/lib/starter_web/pages/public/panels/roundtrip/600_quicksearch/quicksearch_results.jpg +0 -0
- data/lib/starter_web/pages/public/panels/roundtrip/bootstrap-1920x1000-bw.jpg +0 -0
- data/lib/starter_web/pages/public/panels/roundtrip/cards-1920x1280-bw.jpg +0 -0
- data/lib/starter_web/pages/public/panels/roundtrip/emojies-1920x1280-bw.jpg +0 -0
- data/lib/starter_web/pages/public/panels/roundtrip/icon-fonts-1920x1280-bw.jpg +0 -0
- data/lib/starter_web/pages/public/panels/roundtrip/images-1920x1280-bw.jpg +0 -0
- data/lib/starter_web/pages/public/panels/roundtrip/puzzle-1920x1280-bw.jpg +0 -0
- data/lib/starter_web/pages/public/panels/roundtrip/tables-1920x1280-bw.jpg +0 -0
- data/lib/starter_web/pages/public/panels/roundtrip/themes-1920x1280.jpg +0 -0
- data/lib/starter_web/pages/public/panels/roundtrip/typography-1920x1280-bw.jpg +0 -0
- metadata +53 -39
- data/assets/themes/j1/modules/lightGallery/css/plugins/lg-autoplay.css +0 -67
- data/assets/themes/j1/modules/lightGallery/css/plugins/lg-comments.css +0 -157
- data/assets/themes/j1/modules/lightGallery/css/plugins/lg-fullscreen.css +0 -32
- data/assets/themes/j1/modules/lightGallery/css/plugins/lg-medium-zoom.css +0 -40
- data/assets/themes/j1/modules/lightGallery/css/plugins/lg-pager.css +0 -115
- data/assets/themes/j1/modules/lightGallery/css/plugins/lg-rotate.css +0 -74
- data/assets/themes/j1/modules/lightGallery/css/plugins/lg-share.css +0 -168
- data/assets/themes/j1/modules/lightGallery/css/plugins/lg-thumbnail.css +0 -133
- data/assets/themes/j1/modules/lightGallery/css/plugins/lg-video.css +0 -169
- data/assets/themes/j1/modules/lightGallery/css/plugins/lg-zoom.css +0 -141
- data/lib/starter_web/assets/images/modules/attics/1920x1280/core_web_vitals_best.png +0 -0
- data/lib/starter_web/assets/images/modules/gallery/old_times/colored/image_01.jpg +0 -0
- data/lib/starter_web/assets/images/pages/roundtrip/600_quicksearch/quicksearch_icon-800x200.jpg +0 -0
- data/lib/starter_web/assets/images/pages/roundtrip/600_quicksearch/quicksearch_input-800x200.jpg +0 -0
- data/lib/starter_web/assets/images/pages/roundtrip/600_quicksearch/quicksearch_results_jekyll-.jpg +0 -0
- data/lib/starter_web/assets/images/pages/roundtrip/600_quicksearch/quicksearch_results_jekyll.jpg +0 -0
- data/lib/starter_web/assets/images/pages/roundtrip/themes-menu-1280x800.jpg +0 -0
- data/lib/starter_web/assets/videos/gallery/_video_james_carpool_caraoke_poster.jpg +0 -0
- data/lib/starter_web/assets/videos/gallery/html5/video1-poster.jpg +0 -0
- data/lib/starter_web/assets/videos/gallery/html5/video1.subtitles.vtt +0 -39
- data/lib/starter_web/assets/videos/gallery/html5/video2-poster.jpg +0 -0
- data/lib/starter_web/assets/videos/gallery/html5/303/237video2-poster.jpg +0 -0
- data/lib/starter_web/assets/videos/gallery/nye-party-shop-poster.jpg +0 -0
- data/lib/starter_web/assets/videos/gallery/video1-poster.1920..jpg +0 -0
- data/lib/starter_web/assets/videos/gallery/video1-thumb.jpg +0 -0
- data/lib/starter_web/assets/videos/gallery/video2-thumb.jpg +0 -0
- data/lib/starter_web/assets/videos/gallery/video_adele_last_carpool_caraoke_poster.1920.jpg +0 -0
- data/lib/starter_web/assets/videos/gallery/video_james_carpool_caraoke.1920.jpg +0 -0
- data/lib/starter_web/pages/public/tools/previewer/iframer_documents/iframe.content.html +0 -51
- data/lib/starter_web/pages/public/tools/previewer/iframer_documents/iframe.docsearch.info.html +0 -84
- data/lib/starter_web/pages/public/tools/previewer/preview_docsearch.adoc +0 -92
- data/lib/starter_web/pages/public/tools/previewer/preview_iframer.adoc +0 -106
- /data/lib/starter_web/_data/layouts/custom/{readme → !readme} +0 -0
- /data/lib/starter_web/_includes/custom/static/{readme → !readme} +0 -0
- /data/lib/starter_web/_includes/custom/templates/{readme → !readme} +0 -0
- /data/lib/starter_web/assets/videos/{tiktok → headers/tiktok}/einhorn.jpg +0 -0
- /data/lib/starter_web/assets/videos/{tiktok → headers/tiktok}/waluschka.jpg +0 -0
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
|
-
title: Themes
|
3
|
-
title_extention:
|
4
|
-
tagline:
|
2
|
+
title: Bootstrap Themes
|
3
|
+
title_extention: Individual Bootstrap Styles for J1 Template Webs
|
4
|
+
tagline: Individual CSS Styles for J1 Webs
|
5
5
|
|
6
6
|
date: 2020-11-10
|
7
7
|
#last_modified: 2023-01-01
|
@@ -9,7 +9,7 @@ date: 2020-11-10
|
|
9
9
|
description: >
|
10
10
|
J1 Template offers various unique functionalities compared to other Jekyll
|
11
11
|
themes and templates. Bootstrap themes for the J1 Template are based on the
|
12
|
-
free and
|
12
|
+
free and Open Source CSS front-end framework Bootstrap of version V5. The
|
13
13
|
Bootstrap themes for the J1 enable the presentation of different versions
|
14
14
|
(skins) of the same site using already prepared Bootstrap CSS templates.
|
15
15
|
keywords: >
|
@@ -21,18 +21,18 @@ categories: [ Roundtrip ]
|
|
21
21
|
tags: [ Bootstrap, Module, Theme ]
|
22
22
|
|
23
23
|
image:
|
24
|
-
path: /assets/images/modules/attics
|
24
|
+
path: /assets/images/modules/attics/themes-1920x1280-bw.jpg
|
25
25
|
width: 1920
|
26
26
|
height: 1280
|
27
27
|
|
28
28
|
regenerate: false
|
29
29
|
permalink: /pages/public/learn/roundtrip/themes/
|
30
30
|
|
31
|
-
resources: [ animate, rouge ]
|
31
|
+
resources: [ animate, lightbox, rouge ]
|
32
32
|
resource_options:
|
33
33
|
- attic:
|
34
34
|
slides:
|
35
|
-
- url: /assets/images/modules/attics
|
35
|
+
- url: /assets/images/modules/attics/themes-1920x1280-bw.jpg
|
36
36
|
alt: Photo by Clem Onojeghuo on Unsplash
|
37
37
|
badge:
|
38
38
|
type: unsplash
|
@@ -62,24 +62,15 @@ resource_options:
|
|
62
62
|
// Page content
|
63
63
|
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
|
64
64
|
[role="dropcap"]
|
65
|
-
|
66
|
-
|
67
|
-
the presentation of different
|
68
|
-
Bootstrap CSS style sets.
|
69
|
-
|
70
|
-
|
71
|
-
====
|
72
|
-
link:{url-bs--home}[Bootstrap, {browser-window--new}] is an HTML, CSS and
|
73
|
-
Javascripts Library that focuses on simplifying the development of modern web
|
74
|
-
pages. The primary purpose of applying the framework to J1 is to provide a
|
75
|
-
general standard for colors, sizes, fonts, and the overall layout of a
|
76
|
-
based site.
|
77
|
-
====
|
78
|
-
|
79
|
-
Using themes results in a uniform appearance for the content in terms of the
|
65
|
+
Themes for the J1 Template are based on the Open Source CSS front-end
|
66
|
+
framework Bootstrap of version V5. The Bootstrap theme feature enables
|
67
|
+
the presentation of a website using different skins of the same site using
|
68
|
+
already prepared Bootstrap CSS style sets.
|
69
|
+
|
70
|
+
Using a theme results in a uniform appearance for the content in terms of the
|
80
71
|
overall layout, text, tables, and form elements across all modern web browsers
|
81
|
-
available on the market. In addition, developers can take advantage of
|
82
|
-
classes
|
72
|
+
available on the market. In addition, developers can take advantage of already
|
73
|
+
defined CSS classes in Bootstrap to customize a layout individually.
|
83
74
|
|
84
75
|
mdi:clock-time-five-outline[24px, md-gray mt-4 mr-2]
|
85
76
|
*3 Minutes* to read
|
@@ -92,15 +83,15 @@ include::{documentdir}/themes_bootstrap.asciidoc[]
|
|
92
83
|
[role="mt-5"]
|
93
84
|
== What next
|
94
85
|
|
95
|
-
J1 Template is an excellent base for
|
86
|
+
J1 Template is an excellent base for all types of websites. J1 supports
|
96
87
|
powerful code highlighting to distinguish different source code elements
|
97
|
-
visually. Highlighting makes
|
98
|
-
by applying different
|
88
|
+
visually. Highlighting makes code more readable and easier to understand
|
89
|
+
by applying different styles to the code.
|
99
90
|
|
100
|
-
Programming languages have specific syntax rules and conventions,
|
101
|
-
|
91
|
+
Programming languages have specific syntax rules and conventions, so code
|
92
|
+
highlighting is tailored to each language. For example, in a typical
|
102
93
|
JavaScript syntax highlighting scheme, keywords like *if*, *for*, or
|
103
|
-
function be displayed in one color, while variables and strings are
|
94
|
+
*function* be displayed in one color, while variables and strings are
|
104
95
|
displayed in another.
|
105
96
|
|
106
97
|
The highlighter _Rouge_ is a native Ruby-based themeable syntax highlighter
|
@@ -68,6 +68,7 @@ using Rouge.
|
|
68
68
|
|
69
69
|
mdi:clock-time-five-outline[24px, md-gray mt-4 mr-2]
|
70
70
|
*3 Minutes* to read
|
71
|
+
|
71
72
|
// Include sub-documents (if any)
|
72
73
|
// -----------------------------------------------------------------------------
|
73
74
|
[role="mt-5"]
|
@@ -76,8 +77,8 @@ mdi:clock-time-five-outline[24px, md-gray mt-4 mr-2]
|
|
76
77
|
For the default themes `Uno` of J1 Template, the following _Rouge_ themes
|
77
78
|
are used:
|
78
79
|
|
79
|
-
* theme_light: based on theme `igorpro`
|
80
|
-
* theme_dark: based on theme `monokai.sublime`
|
80
|
+
* theme_light: based on IgorPro theme `igorpro`
|
81
|
+
* theme_dark: based on Monokai theme Sublime `monokai.sublime`
|
81
82
|
|
82
83
|
The *default* themes used for the J1 Template can be configured with
|
83
84
|
the global *template config* file `~/_data/j1_config.yml`.
|
@@ -198,18 +199,22 @@ end
|
|
198
199
|
[role="mt-5"]
|
199
200
|
== What next
|
200
201
|
|
201
|
-
The search
|
202
|
-
|
203
|
-
|
204
|
-
|
205
|
-
|
202
|
+
The search module *QuickSearch* for J1 Template is based on _Lunr_, a
|
203
|
+
great search engine inspired by _Apache Solr_, written in Javscript by
|
204
|
+
http://lunrjs.com[Oliver Nightingale, {browser-window--new}]. The engine
|
205
|
+
is fully integrated with the template and is designed to provide users
|
206
|
+
with a great search experience.
|
207
|
+
|
208
|
+
Using the search module *QuickSearch* for J1 based websites, it is *not*
|
209
|
+
longer needed to integrate complex external, server-sided search engines
|
210
|
+
like _Google_ or _Bing_. Visitors are able to search your site to find pages
|
211
|
+
and posts they are interested in.
|
206
212
|
|
207
|
-
|
208
|
-
|
209
|
-
|
210
|
-
|
211
|
-
but user experience efforts are good reasons your readers will return.
|
213
|
+
Usability is one of the top criteria for all visitors browsing your site.
|
214
|
+
A good user experience and excellent content are key factors for the success
|
215
|
+
of a website. Nothing in business is guaranteed, but excellent user experience
|
216
|
+
efforts are good reasons your readers will return.
|
212
217
|
|
213
218
|
[role="mb-7"]
|
214
|
-
|
215
|
-
link:{url-roundtrip--quicksearch}[
|
219
|
+
Learn what is searching a J1 based websites all about at
|
220
|
+
link:{url-roundtrip--quicksearch}[Search Engine].
|
@@ -24,7 +24,6 @@ image:
|
|
24
24
|
width: 1920
|
25
25
|
height: 1280
|
26
26
|
|
27
|
-
tts: false
|
28
27
|
regenerate: false
|
29
28
|
permalink: /pages/public/learn/roundtrip/mdi_icon_font/
|
30
29
|
|
@@ -62,25 +61,28 @@ resource_options:
|
|
62
61
|
// Page content
|
63
62
|
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
|
64
63
|
[role="dropcap"]
|
65
|
-
J1 Template supports popular
|
66
|
-
|
64
|
+
J1 Template supports popular icon font sets. This icon sets offer a rich
|
65
|
+
set of different elements for many symbols and categories widely used for the
|
66
|
+
Web.
|
67
67
|
|
68
|
-
With J1, the following
|
68
|
+
With J1 Template, the following icon fonts are available out-of-the-box:
|
69
69
|
|
70
|
-
*
|
71
|
-
*
|
72
|
-
*
|
73
|
-
*
|
70
|
+
* Material Design Icons link:{url-mdi--home}[ (MDI), {browser-window--new}]
|
71
|
+
* Light MDI Icons link:{url-mdil--home}[(MDIL), {browser-window--new}]
|
72
|
+
* FontAwesome Icons V5 link:{url-fontawesome--home}[(FA), {browser-window--new}]
|
73
|
+
* Iconify-Framework Icons link:{url-iconify--home}[(IF), {browser-window--new}]
|
74
74
|
|
75
|
-
|
76
|
-
icons
|
77
|
-
for
|
75
|
+
[role="mb-4"]
|
76
|
+
MDI and FA icons are excellent in design and provide a rich set of different
|
77
|
+
icons for many categories used for the Web. See below for some details for
|
78
|
+
<<Material Design Icons>> and <<FontAwesome Icons>>.
|
78
79
|
|
79
80
|
[NOTE]
|
80
81
|
====
|
81
|
-
Iconify icons
|
82
|
-
|
83
|
-
|
82
|
+
Iconify-Framework icons is not a locally stored icon-set like MDI or FA Icons
|
83
|
+
for example. All IF elements are loaded remotely over the *Internet* using
|
84
|
+
the so-called *Unified Open Source Icon Framework* -- see section
|
85
|
+
<<Iconify-Framework Icons>> for more information.
|
84
86
|
====
|
85
87
|
|
86
88
|
mdi:clock-time-five-outline[24px, md-gray mt-4 mr-2]
|
@@ -89,18 +91,17 @@ mdi:clock-time-five-outline[24px, md-gray mt-4 mr-2]
|
|
89
91
|
// Include sub-documents (if any)
|
90
92
|
// -----------------------------------------------------------------------------
|
91
93
|
[role="mt-5"]
|
92
|
-
== Material Design Icons
|
94
|
+
== Material Design Icons
|
93
95
|
|
94
96
|
The primary icon-set for the J1 Template is
|
95
97
|
link:{url-mdi--home}[Material Design Icons, {browser-window--new}],
|
96
|
-
|
97
|
-
|
98
|
-
|
99
|
-
_Google_ build-in.
|
98
|
+
a rich set providing more than 7200+ icons for the current version v7 of
|
99
|
+
March 2023. MDI has excellent support of the Material Design (MD) styles
|
100
|
+
defined by _Google_ and comes with Googles' original MD icon set build-in.
|
100
101
|
|
101
102
|
_Material Design Icons_ is a beneficial design resource for Web Design
|
102
|
-
based on _Google_'s Material Design. The icon set is a community-driven
|
103
|
-
project to
|
103
|
+
based on _Google_'s Material Design. The MDI icon set is a community-driven
|
104
|
+
project to provide a large number of different icons for the Web.
|
104
105
|
|
105
106
|
.Material Design Icons
|
106
107
|
[cols="2a,3a,4a,^", options="header", width="100%", role="rtable mt-3"]
|
@@ -241,8 +242,10 @@ mdi:heart[5x md-red-900 mdi-pulsed]
|
|
241
242
|
|
242
243
|
|===
|
243
244
|
|
244
|
-
|
245
|
-
|
245
|
+
[role="mb-4"]
|
246
|
+
Using Material Design Icons is easy as the inline macro `mdi:` for Asciidoc
|
247
|
+
is available to place icons automatically wherever you want. See more about
|
248
|
+
this in section
|
246
249
|
link:{url-roundtrip--asciidoc-extensions}#icon-fonts[Asciidoc Extensions].
|
247
250
|
|
248
251
|
[NOTE]
|
@@ -253,11 +256,11 @@ icon set is fully integrated and can be used out-of-the-box.
|
|
253
256
|
|
254
257
|
|
255
258
|
[role="mt-5"]
|
256
|
-
== Material Design
|
259
|
+
== Light Material Design Icons
|
257
260
|
|
258
|
-
An alternative MDI-based icon set for the J1 Template is
|
259
|
-
link:{url-mdi--home}[Material Design Light Icons, {browser-window--new}]
|
260
|
-
|
261
|
+
An alternative to the default MDI-based icon set for the J1 Template is
|
262
|
+
link:{url-mdi--home}[Material Design Light Icons, {browser-window--new}] --
|
263
|
+
the set is providing currently 260+ icons for the latest version.
|
261
264
|
|
262
265
|
.Material Design Light Icons
|
263
266
|
[cols="2a,3a,4a,^", options="header", width="100%", role="rtable mt-3"]
|
@@ -411,27 +414,28 @@ available.
|
|
411
414
|
====
|
412
415
|
The CSS styles for FontAwesome V5 have been extended for the J1 Template
|
413
416
|
to the same classes (and their respective names) for other Font Icon sets.
|
414
|
-
Already existing styles like `fa-flip-vertical` are available as
|
415
|
-
as well.
|
417
|
+
Already existing styles like flipping `fa-flip-vertical` are available as
|
418
|
+
`fa-flip-v` as well.
|
416
419
|
====
|
417
420
|
|
418
421
|
You can check out what icons available at
|
419
422
|
link:{url-fontawesome--icons}[FontAwesome Icons, {browser-window--new}].
|
420
|
-
|
421
|
-
|
423
|
+
The icon set of version V5 is fully integrated - no need for additional
|
424
|
+
resources to load.
|
422
425
|
|
423
426
|
[TIP]
|
424
427
|
====
|
428
|
+
In comparison to FA Version 4, a lot of differences are to be noticed
|
425
429
|
If you haven't used V5 yet, it is highly recommended to visit the
|
426
|
-
link:{url-fontawesome--get-started}[Get started, {browser-window--new}]
|
427
|
-
learn the basics and features and styles.
|
430
|
+
link:{url-fontawesome--get-started}[Get started, {browser-window--new}]
|
431
|
+
pages to learn the basics and features and styles for the current version.
|
428
432
|
====
|
429
433
|
|
430
434
|
With version V5 of _FontAwesome_, the icon set is split into two general
|
431
435
|
parts:
|
432
436
|
|
433
|
-
*
|
434
|
-
*
|
437
|
+
* Standard icons, indicated by *FAS*
|
438
|
+
* Brand icons, including symbols for companies and brands,
|
435
439
|
indicated by *FAB*
|
436
440
|
|
437
441
|
[NOTE]
|
@@ -447,7 +451,7 @@ Find below examples of both sets and how to use with J1 Template.
|
|
447
451
|
[role="mt-4"]
|
448
452
|
=== Brand icons
|
449
453
|
|
450
|
-
.FontAwesome Icons (FAB)
|
454
|
+
.FontAwesome Branding Icons (FAB)
|
451
455
|
[cols="2a,3a,4a,^", options="header", width="100%", role="rtable mt-3"]
|
452
456
|
|===
|
453
457
|
|Size |Modifier |Markup |Render
|
@@ -481,7 +485,7 @@ fab:blogger[5x md-blue]
|
|
481
485
|
[role="mt-4"]
|
482
486
|
=== Standard icons
|
483
487
|
|
484
|
-
.FontAwesome Icons (FAS)
|
488
|
+
.FontAwesome Standard Icons (FAS)
|
485
489
|
[cols="2a,3a,4a,^", options="header", width="100%", role="rtable mt-3"]
|
486
490
|
|===
|
487
491
|
|Size |Modifier |Markup |Render
|
@@ -629,24 +633,24 @@ fas:heart[5x md-red-900 fa-pulsed]
|
|
629
633
|
|
630
634
|
|
631
635
|
[role="mt-5"]
|
632
|
-
== Iconify Icons
|
636
|
+
== Iconify-Framework Icons
|
633
637
|
|
634
638
|
Sometimes icons are missing like a specific brand or theme icon. An
|
635
|
-
interesting solution for using icons from a remote repository
|
636
|
-
link:{url-iconify--home}[Iconify, {browser-window--new}].
|
637
|
-
a so-called Unified
|
638
|
-
to use icons from multiple sets.
|
639
|
+
interesting solution for using icons from a remote repository are
|
640
|
+
link:{url-iconify--home}[Iconify-Framework Icons, {browser-window--new}].
|
641
|
+
the Iconify-Framework consuse a so-called Unified Open Source Icon framework
|
642
|
+
that makes it possible to use icons from multiple sets.
|
639
643
|
|
640
644
|
To access that framework, a Javascript client is needed. For the J1 Template,
|
641
|
-
the client is build-in and is loaded if Iconify
|
642
|
-
To see what icon sets are available with that framework, check
|
643
|
-
link:{url-iconify--icon-sets}[Iconify Icon Sets, {browser-window--new}].
|
645
|
+
the client is build-in and is loaded if Iconify-Framework icons are requested
|
646
|
+
as a resource. To see what icon sets are available with that framework, check
|
647
|
+
the page link:{url-iconify--icon-sets}[Iconify-Framework Icon Sets, {browser-window--new}].
|
644
648
|
|
645
649
|
[NOTE]
|
646
650
|
====
|
647
|
-
Using Iconify icons with J1 Template is quite easy. An inline macro
|
648
|
-
`iconify:` is available to place icons where ever you want.
|
649
|
-
this in section
|
651
|
+
Using Iconify-Framework icons with J1 Template is quite easy. An inline macro
|
652
|
+
`iconify:` for Asciidoc is available to place icons where ever you want.
|
653
|
+
See more about this in section
|
650
654
|
link:{url-roundtrip--asciidoc-extensions}#icon-fonts[Asciidoc Extensions].
|
651
655
|
====
|
652
656
|
|
@@ -730,18 +734,18 @@ iconify:medical-icon:i-ear-nose-throat[5x md-red-900]
|
|
730
734
|
[role="mt-5"]
|
731
735
|
== What next
|
732
736
|
|
733
|
-
Have you've enjoyed the possibilities
|
734
|
-
|
735
|
-
|
737
|
+
Have you've enjoyed the possibilities The template system offers for using
|
738
|
+
font icons? Do you think these icon sets can fit your needs? For sure, using
|
739
|
+
Iconify, for all topics, you will find a suitable icon.
|
736
740
|
|
737
741
|
J1 Template implements some handy Ruby-based enhancements for the markup
|
738
742
|
language Asciidoc. Providing extensions for a Jekyll theme is a unique
|
739
743
|
feature of Jekyll One compared to other Jekyll themes and templates.
|
740
744
|
|
741
745
|
To make the use of modules for the template easier, some more extensions
|
742
|
-
support you to place for example lightboxes, sliders,
|
743
|
-
|
746
|
+
support you to place for example lightboxes, sliders, or galleries using
|
747
|
+
Asciidoc block elements. I'm sure, you'll love it.
|
744
748
|
|
745
749
|
[role="mb-7"]
|
746
|
-
|
750
|
+
Check the more J1 Template offer and go for
|
747
751
|
link:{url-roundtrip--asciidoc-extensions}[Asciidoc Extensions] made for J1!
|
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
|
-
title: Search
|
3
|
-
title_extention: Integrated site search based on Lunr for J1 Template
|
4
|
-
tagline:
|
2
|
+
title: Search Engine
|
3
|
+
title_extention: Integrated site search module based on Lunr for J1 Template
|
4
|
+
tagline: QuickSearch Module for J1
|
5
5
|
|
6
6
|
date: 2020-11-08
|
7
7
|
#last_modified: 2023-01-01
|
@@ -59,17 +59,19 @@ resource_options:
|
|
59
59
|
// Page content
|
60
60
|
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
|
61
61
|
[role="dropcap"]
|
62
|
-
The search option for the J1 Template is based on the search engine
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
62
|
+
The search option for the J1 Template is based on the search engine _Lunr_,
|
63
|
+
a great search engine inspired by _Apache Solr_ written in Javscript by
|
64
|
+
http://lunrjs.com[Oliver Nightingale, {browser-window--new}]. The search
|
65
|
+
engine is fully integrated with the Template. The engine is designed to be
|
66
|
+
lightweight yet full-featured to provide users with a great search experience.
|
67
|
+
|
68
|
+
Using the J1 QuickSearch module for a website, it is *not* longer needed to
|
69
|
+
integrate complex external, server-sided search engines like Microsoft
|
70
|
+
_Bing_ or _Google_. Searching a website using QuickSearch is different from
|
71
|
+
Internet search engines. Search platforms are using complex algorithms
|
72
|
+
to provide a simple interface but require a lot of artificial intelligence
|
73
|
+
(AI) methods under the hood to make sense of results out of a handful of
|
74
|
+
words given for a search.
|
73
75
|
|
74
76
|
Nevertheless, QuickSearch, the J1 implementation of Lunr, is simple like
|
75
77
|
searching at Google but offers additional features to do searches more
|
@@ -211,13 +213,16 @@ To access QuickSearch, a magnifier button is available in the `Quicklinks`
|
|
211
213
|
area in the menu bar at the top-right of every page.
|
212
214
|
|
213
215
|
.Search button (magnifier) in the quick access area
|
214
|
-
lightbox::quicksearch-icon[
|
216
|
+
lightbox::quicksearch-icon[ 1024, {data-quicksearch--icon} ]
|
215
217
|
|
216
218
|
A mouse-click on the magnifier button opens the search input and disables
|
217
219
|
all other navigation to focus on what you're intended to do: searching.
|
218
220
|
|
219
|
-
.Input
|
220
|
-
lightbox::quicksearch-input[
|
221
|
+
.Input for a QuickSearch
|
222
|
+
lightbox::quicksearch-input[ 1024, {data-quicksearch--input} ]
|
223
|
+
|
224
|
+
.Results for a QuickSearch
|
225
|
+
lightbox::quicksearch-results[ 1024, {data-quicksearch--results} ]
|
221
226
|
|
222
227
|
Search queries look like simple text. But the search `engine` under the
|
223
228
|
hood of QuickSearch transforms the given search string (text) always into a
|
@@ -447,29 +452,33 @@ To simulate a logical *AND* search of documents that contain the word `jekyll`
|
|
447
452
|
[role="mt-5"]
|
448
453
|
== What next
|
449
454
|
|
450
|
-
You reached the end of the
|
451
|
-
|
452
|
-
|
455
|
+
You reached the end of the overview series presentieng what J1 can do.
|
456
|
+
I hope you enjoyed exploring what the Template System can do for your new
|
457
|
+
website. To learn more on using J1 for your site, I recomment to go for
|
458
|
+
*J1 in a Day* next.
|
453
459
|
|
454
|
-
J1 in a Day is a tutorial learning to create modern websites using the J1
|
455
|
-
|
456
|
-
people
|
460
|
+
J1 in a Day is a *tutorial* learning to create modern websites using the J1
|
461
|
+
Template. The tutorial focuses on the basics of Jekyll *and* J1, which all
|
462
|
+
people should know for a successful way to a modern static website. Jekyll
|
457
463
|
(and J1) is quite different from classic Content Management Systems (CMS).
|
464
|
+
Knowlege in CMS system can help someway, but generatora like Jekyll for
|
465
|
+
static websites work system-related quite different.
|
458
466
|
|
459
|
-
If you would like to learn more about the use of Jekyll and J1 Template,
|
460
|
-
tutorials present what you need to know
|
467
|
+
If you would like to learn more about the use of Jekyll and J1 Template,
|
468
|
+
the tutorials present what you need to know to have a successful start in
|
469
|
+
creating modern websites using Jekyll and J1:
|
461
470
|
|
462
471
|
* The basics of modern static webs
|
463
|
-
* Creating an awesome
|
464
|
-
* Development System
|
465
|
-
* Project Management
|
466
|
-
*
|
472
|
+
* Creating an awesome site in minutes
|
473
|
+
* Learning the Development System of J1 Template
|
474
|
+
* Introduction to the Project Management for a static web
|
475
|
+
* Content creation for J1 based static websites
|
467
476
|
|
468
|
-
It sounds much, spending a whole day to get Jekyll and J1 to know. Yes, it
|
469
|
-
much. But it makes sense to get a full overview of what can be
|
470
|
-
modern static websites.
|
477
|
+
It sounds much, spending a whole day to get Jekyll and J1 to know. Yes, it
|
478
|
+
is much. But it really makes sense to get a full overview of what can be
|
479
|
+
achieved by modern static websites on your own.
|
471
480
|
|
472
481
|
[role="mb-7"]
|
473
|
-
It's a pleasant journey to learn what modern static
|
474
|
-
Start your
|
482
|
+
It's a promise: you'll have a pleasant journey to learn what modern static
|
483
|
+
webs can offer today. Start your experience from here:
|
475
484
|
link:{url-j1-kickstarter--web-in-a-day}[J1 in a Day, {browser-window--new}].
|
@@ -1,5 +1,5 @@
|
|
1
1
|
---
|
2
|
-
title: Modals
|
2
|
+
title: Advanced Modals
|
3
3
|
title_extention: Advanced Bootstrap Modals for J1 Template
|
4
4
|
tagline: Improve Visitor Experience
|
5
5
|
|
@@ -7,7 +7,7 @@ date: 2020-11-08
|
|
7
7
|
#last_modified: 2023-01-01
|
8
8
|
|
9
9
|
description: >
|
10
|
-
J1 Template supports a
|
10
|
+
J1 Template supports a rich set of advanced Bootstrap Modals
|
11
11
|
that add dialogs to your web pages for user notifications.
|
12
12
|
The advanced Modals highlight important information to your
|
13
13
|
visitors. Modals are positioned over everything else in the
|
@@ -25,7 +25,6 @@ image:
|
|
25
25
|
width: 1920
|
26
26
|
height: 1280
|
27
27
|
|
28
|
-
tts: false
|
29
28
|
regenerate: false
|
30
29
|
permalink: /pages/public/learn/roundtrip/modals/
|
31
30
|
|
@@ -59,11 +58,12 @@ resource_options:
|
|
59
58
|
// Page content
|
60
59
|
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
|
61
60
|
[role="dropcap"]
|
62
|
-
J1 Template supports a
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
61
|
+
J1 Template supports a rich set of advanced Bootstrap Modals that add dialogs
|
62
|
+
to your web pages for user notifications. This advanced Modals highlight
|
63
|
+
important information to your visitors.
|
64
|
+
|
65
|
+
The dialogs are positioned over everything else in the document so that
|
66
|
+
messages get the full user's attention.
|
67
67
|
|
68
68
|
mdi:clock-time-five-outline[24px, md-gray mt-4 mr-2]
|
69
69
|
*5-10 Minutes* to read
|
@@ -96,19 +96,18 @@ include::{documentdir}/410_table_bs_modal_examples.asciidoc[]
|
|
96
96
|
[role="mt-5"]
|
97
97
|
== What next
|
98
98
|
|
99
|
-
Bootstrap is a helpful framework that offers a complete set of styles
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
sizes better.
|
99
|
+
Bootstrap is a helpful framework that offers a complete set of styles to
|
100
|
+
create excellent responsive designs. In the sense that all can be improved,
|
101
|
+
responsive tables supported by Bootstrap should get some enhancement to
|
102
|
+
display on low-resolution devices or smaller window sizes better.
|
104
103
|
|
105
|
-
The
|
104
|
+
The theme Jekyll One supports a new design for responsive tables but based
|
106
105
|
on Bootstrap. The approach used by J1 Template is based on CSS styles on
|
107
106
|
top of the classic Bootstrap tags for simplicity and portability to be viewed
|
108
|
-
best on all devices and browsers. Responsive tables help to read this
|
109
|
-
information on mobiles a lot
|
110
|
-
responsive!
|
107
|
+
best on all devices and browsers. Responsive tables help to read this
|
108
|
+
important information on mobiles a lot - this feature is what is meant to be
|
109
|
+
fully responsive!
|
111
110
|
|
112
111
|
[role="mb-7"]
|
113
|
-
Check out from here what
|
112
|
+
Check out from here what
|
114
113
|
link:{url-roundtrip--responsive-tables}[Responsive Tables] can do!
|
@@ -10,7 +10,7 @@ description: >
|
|
10
10
|
J1 Template support valuable features to manage your image-based
|
11
11
|
content using lightboxes, carousels, sliders, and galleries.
|
12
12
|
The image modules of J1 Template offer a wide range of complex
|
13
|
-
functionality based on powerful
|
13
|
+
functionality based on powerful Open Source libraries like
|
14
14
|
Lightbox V2, Master Slider, lightGallery, or Justified Gallery
|
15
15
|
for high-end, masonry-styled preview maps.
|
16
16
|
keywords: >
|
@@ -31,8 +31,8 @@ regenerate: false
|
|
31
31
|
permalink: /pages/public/learn/roundtrip/present_images/
|
32
32
|
|
33
33
|
resources: [
|
34
|
-
animate,
|
35
|
-
gallery, lightbox, lightgallery,
|
34
|
+
animate,
|
35
|
+
carousel, gallery, lightbox, lightgallery,
|
36
36
|
masterslider, masonry, rouge, slick
|
37
37
|
]
|
38
38
|
resource_options:
|
@@ -169,13 +169,6 @@ Check what lightGallery can do this by the following example.
|
|
169
169
|
.J1 Gallery + lightGallery
|
170
170
|
gallery::jg_old_times[]
|
171
171
|
|
172
|
-
[TIP]
|
173
|
-
====
|
174
|
-
Find more on how the lightGallery module can be used on the
|
175
|
-
link:{url-j1-lightgallery-previewer}[lightGallery Preview, {browser-window--new}]
|
176
|
-
page.
|
177
|
-
====
|
178
|
-
|
179
172
|
[role="mt-5"]
|
180
173
|
== J1 Carousel
|
181
174
|
|
@@ -496,7 +489,7 @@ gallery::jg_mega_cities[role="mt-4 mb-4"]
|
|
496
489
|
[role="mt-5"]
|
497
490
|
== What next
|
498
491
|
|
499
|
-
|
492
|
+
I hope, you've enjoyed exploring the possibilities J1 offers for managing
|
500
493
|
and displaying digital image content. But much, much more can the J1 do for
|
501
494
|
your web.
|
502
495
|
|