j1-template 2020.0.19 → 2020.0.25
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/blocks/ads/ad.html +2 -2
- data/_includes/themes/j1/blocks/footer/boxes/about_box.proc +1 -1
- data/_includes/themes/j1/blocks/footer/boxes/links_box.proc +3 -3
- data/_includes/themes/j1/blocks/footer/boxes/news_box.proc +1 -1
- data/_includes/themes/j1/blocks/footer/generator.html +2 -2
- data/_includes/themes/j1/layouts/content_generator_blog_archive.html +11 -11
- data/_includes/themes/j1/layouts/content_generator_collection.html +2 -2
- data/_includes/themes/j1/layouts/content_generator_page.html +4 -4
- data/_includes/themes/j1/layouts/content_generator_post.html +64 -162
- data/_includes/themes/j1/layouts/layout_metadata_generator.html +2 -2
- data/_includes/themes/j1/modules/connectors/ad/google-adsense.html +15 -1
- data/_includes/themes/j1/modules/connectors/ads +2 -2
- data/_includes/themes/j1/modules/connectors/analytic/google-analytics.html +2 -4
- data/_includes/themes/j1/modules/connectors/analytics +2 -2
- data/_includes/themes/j1/modules/connectors/comment/disqus.html +38 -25
- data/_includes/themes/j1/modules/connectors/comments +2 -2
- data/_includes/themes/j1/modules/connectors/translator +2 -2
- data/_includes/themes/j1/modules/navigator/generator.html +17 -8
- data/_includes/themes/j1/modules/navigator/procedures/topsearch.proc +36 -26
- data/_includes/themes/j1/procedures/global/attributes_loader.proc +117 -0
- data/_includes/themes/j1/procedures/global/create_bs_button.proc +4 -3
- data/_includes/themes/j1/procedures/global/create_word_cloud.proc +17 -13
- data/_includes/themes/j1/procedures/global/get_documents_dir.proc +1 -1
- data/_includes/themes/j1/procedures/global/set_env_entry_document.proc +3 -3
- data/_includes/themes/j1/procedures/global/setup.proc +9 -9
- data/_includes/themes/j1/procedures/layouts/content_writer.proc +1 -2
- data/_includes/themes/j1/procedures/layouts/module_writer.proc +1 -1
- data/_includes/themes/j1/procedures/posts/collate_calendar.proc +1 -1
- data/_includes/themes/j1/procedures/posts/collate_list.proc +1 -1
- data/_includes/themes/j1/procedures/posts/collate_timeline.proc +18 -17
- data/_includes/themes/j1/procedures/posts/create_series_header.proc +9 -5
- data/_layouts/default.html +3 -3
- data/_layouts/home.html +2 -2
- data/apps/public/cc/cc.yml +37 -38
- data/assets/data/authclient.html +2 -2
- data/assets/data/banner.html +25 -21
- data/assets/data/carousel.json +1 -1
- data/assets/data/cookiebar.html +17 -13
- data/assets/data/fam.html +124 -0
- data/assets/data/footer.html +1 -1
- data/assets/data/galleries.json +1 -1
- data/assets/data/gallery_customizer.html +19 -7
- data/assets/data/mdi_icons.json +1 -1
- data/assets/data/menu.html +2 -2
- data/assets/data/mmenu.html +2 -2
- data/assets/data/mmenu_sidebar.html +4 -4
- data/assets/data/mmenu_toc.html +1 -1
- data/assets/data/panel.html +113 -67
- data/assets/data/quicklinks.html +16 -16
- data/assets/data/themes.json +9 -9
- data/assets/data/twa_v1.json +1 -1
- data/assets/error_pages/HTTP204.html +1 -0
- data/assets/error_pages/HTTP400.html +3 -2
- data/assets/error_pages/HTTP401.html +3 -2
- data/assets/error_pages/HTTP403.html +3 -2
- data/assets/error_pages/HTTP404.html +3 -2
- data/assets/error_pages/HTTP500.html +3 -2
- data/assets/error_pages/HTTP501.html +3 -2
- data/assets/error_pages/HTTP502.html +3 -2
- data/assets/error_pages/HTTP503.html +3 -2
- data/assets/error_pages/HTTP520.html +3 -2
- data/assets/error_pages/HTTP521.html +3 -2
- data/assets/error_pages/HTTP533.html +3 -2
- data/assets/themes/j1/adapter/js/algolia.js +2 -2
- data/assets/themes/j1/adapter/js/attic.js +2 -2
- data/assets/themes/j1/adapter/js/{mdb.js → bmd.js} +11 -11
- data/assets/themes/j1/adapter/js/carousel.js +6 -6
- data/assets/themes/j1/adapter/js/clipboard.js +3 -3
- data/assets/themes/j1/adapter/js/cookiebar.js +1 -1
- data/assets/themes/j1/adapter/js/{ssm.js → fam.js} +275 -148
- data/assets/themes/j1/adapter/js/framer.js +74 -62
- data/assets/themes/j1/adapter/js/gallery_customizer.js +4 -3
- data/assets/themes/j1/adapter/js/j1.js +25 -19
- data/assets/themes/j1/adapter/js/jf_gallery.js +4 -4
- data/assets/themes/j1/adapter/js/lightbox.js +2 -2
- data/assets/themes/j1/adapter/js/logger.js +2 -2
- data/assets/themes/j1/adapter/js/{searcher.js → lunr_search.js} +68 -65
- data/assets/themes/j1/adapter/js/mmenu.js +16 -10
- data/assets/themes/j1/adapter/js/navigator.js +81 -60
- data/assets/themes/j1/adapter/js/rouge.js +246 -0
- data/assets/themes/j1/adapter/js/rtable.js +181 -0
- data/assets/themes/j1/adapter/js/themer.js +63 -110
- data/assets/themes/j1/adapter/js/toccer.js +72 -32
- data/assets/themes/j1/core/css/animate.css +15 -15
- data/assets/themes/j1/core/css/bootstrap.css +0 -14
- data/assets/themes/j1/core/css/custom.scss +28 -0
- data/assets/themes/j1/core/css/globals.css +14523 -0
- data/assets/themes/j1/core/css/globals.min.css +1 -0
- data/assets/themes/j1/core/css/globals.scss +28 -0
- data/assets/themes/j1/core/css/{icons-fontawesome.css → icon-fonts/fontawesome.css} +17 -17
- data/assets/themes/j1/core/css/{icons-fontawesome.min.css → icon-fonts/fontawesome.min.css} +0 -0
- data/assets/themes/j1/core/css/{icons-iconify.css → icon-fonts/iconify.css} +15 -15
- data/assets/themes/j1/core/css/{icons-iconify.min.css → icon-fonts/iconify.min.css} +0 -0
- data/assets/themes/j1/core/css/{icons-materialdesign.css → icon-fonts/materialdesign.css} +17 -17
- data/assets/themes/j1/core/css/{icons-materialdesign.min.css → icon-fonts/materialdesign.min.css} +0 -0
- data/assets/themes/j1/core/css/{icons-twemoji.css → icon-fonts/twemoji.css} +18 -18
- data/assets/themes/j1/core/css/{icons-twemoji.min.css → icon-fonts/twemoji.min.css} +0 -0
- data/assets/themes/j1/core/css/{theme-extensions.css → theme_extensions.css} +3625 -1816
- data/assets/themes/j1/core/css/theme_extensions.min.css +1 -0
- data/assets/themes/j1/core/css/themes/bootstrap/bootstrap.css +7171 -0
- data/assets/themes/j1/core/css/themes/bootstrap/bootstrap.min.css +6 -0
- data/assets/themes/j1/core/css/{uno-dark.css → themes/uno-dark/bootstrap.css} +548 -316
- data/assets/themes/j1/core/css/themes/uno-dark/bootstrap.min.css +6 -0
- data/assets/themes/j1/core/css/themes/uno-light/bootstrap.css +22519 -0
- data/assets/themes/j1/core/css/themes/uno-light/bootstrap.min.css +8 -0
- data/assets/themes/j1/core/css/uno.css +5284 -15518
- data/assets/themes/j1/core/css/uno.min.css +1 -8
- data/assets/themes/j1/core/css/uno.scss +28 -0
- data/assets/themes/j1/core/css/vendor.css +102 -73
- data/assets/themes/j1/core/css/vendor.min.css +1 -1
- data/assets/themes/j1/core/css/vendor.scss +28 -0
- data/assets/themes/j1/core/js/template.js +6 -11
- data/assets/themes/j1/core/js/template.js.map +1 -1
- data/assets/themes/j1/core/js/template.min.js +1 -1
- data/assets/themes/j1/modules/backstretch/js/backstretch.js +12 -13
- data/assets/themes/j1/modules/backstretch/js/backstretch.min.js +12 -13
- data/assets/themes/j1/modules/bmd/js/bootstrap-material-design.full.js +6930 -0
- data/assets/themes/j1/modules/bmd/js/bootstrap-material-design.js +6 -0
- data/assets/themes/j1/modules/carousel/css/carousel.css +8 -9
- data/assets/themes/j1/modules/carousel/css/carousel.min.css +7 -9
- data/assets/themes/j1/modules/carousel/css/carousel_transitions.css +7 -8
- data/assets/themes/j1/modules/carousel/css/carousel_transitions.min.css +7 -9
- data/assets/themes/j1/modules/carousel/css/theme/uno.css +39 -48
- data/assets/themes/j1/modules/carousel/css/theme/uno.min.css +8 -9
- data/assets/themes/j1/modules/cash/js/cash.js +1374 -0
- data/assets/themes/j1/modules/cash/js/cash.min.js +42 -0
- data/assets/themes/j1/modules/clipboard/css/theme/uno.css +9 -9
- data/assets/themes/j1/modules/clipboard/css/theme/uno.min.css +8 -45
- data/assets/themes/j1/modules/fam/css/uno/fam.css +369 -0
- data/assets/themes/j1/modules/fam/js/fam.js +477 -0
- data/assets/themes/j1/modules/iframeResizer/examples/frame.nested.html +1 -1
- data/assets/themes/j1/modules/iframeResizer/js/{iframeResizer.js → resizer.js} +0 -0
- data/assets/themes/j1/modules/iframeResizer/js/{iframeResizer.map → resizer.map} +0 -0
- data/assets/themes/j1/modules/iframeResizer/js/{iframeResizer.min.js → resizer.min.js} +0 -0
- data/assets/themes/j1/modules/jquery/js/jquery.js +7 -4
- data/assets/themes/j1/modules/jquery/js/jquery.min.js +2 -2
- data/assets/themes/j1/modules/jquery/js/require.js +2145 -0
- data/assets/themes/j1/modules/jquery/js/require.min.js +5 -0
- data/assets/themes/j1/modules/justifiedGallery/css/theme/uno.css +13 -13
- data/assets/themes/j1/modules/justifiedGallery/css/theme/uno.min.css +8 -31
- data/assets/themes/j1/modules/lightGallery/css/themes/uno.css +7 -8
- data/assets/themes/j1/modules/lightGallery/css/themes/uno.min.css +8 -10
- data/assets/themes/j1/modules/lightbox/css/lightbox.css +11 -12
- data/assets/themes/j1/modules/lightbox/css/lightbox.min.css +11 -12
- data/assets/themes/j1/modules/lightbox/css/theme/uno.css +7 -7
- data/assets/themes/j1/modules/lightbox/css/theme/uno.min.css +7 -8
- data/assets/themes/j1/modules/lightbox/js/lightbox.js +12 -13
- data/assets/themes/j1/modules/lightbox/js/lightbox.min.js +11 -27
- data/assets/themes/j1/modules/lunrSearch/css/lunr_search.css +32 -0
- data/assets/themes/j1/modules/lunrSearch/css/lunr_search.min.css +25 -0
- data/assets/themes/j1/modules/lunrSearch/js/dateformat.js +125 -0
- data/assets/themes/j1/modules/lunrSearch/js/dateformat.min.js +14 -0
- data/assets/themes/j1/modules/lunrSearch/js/lunr.js +3475 -0
- data/assets/themes/j1/modules/lunrSearch/js/lunr.min.js +51 -0
- data/assets/themes/j1/modules/lunrSearch/js/lunr_search.js +184 -0
- data/assets/themes/j1/modules/lunrSearch/js/lunr_search.min.js +17 -0
- data/assets/themes/j1/modules/lunrSearch/js/mustache.js +772 -0
- data/assets/themes/j1/modules/lunrSearch/js/mustache.min.js +772 -0
- data/assets/themes/j1/modules/lunrSearch/js/uri.js +2340 -0
- data/assets/themes/j1/modules/lunrSearch/js/uri.min.js +93 -0
- data/assets/themes/j1/modules/materialize/js/anime.js +1283 -0
- data/assets/themes/j1/modules/materialize/js/anime.min.js +34 -0
- data/assets/themes/j1/modules/materialize/js/autocomplete.js +450 -0
- data/assets/themes/j1/modules/materialize/js/buttons.js +409 -0
- data/assets/themes/j1/modules/materialize/js/cards.js +40 -0
- data/assets/themes/j1/modules/materialize/js/carousel.js +717 -0
- data/assets/themes/j1/modules/materialize/js/cash-dom.js +1044 -0
- data/assets/themes/j1/modules/materialize/js/cash.js +960 -0
- data/assets/themes/j1/modules/materialize/js/characterCounter.js +136 -0
- data/assets/themes/j1/modules/materialize/js/chips.js +481 -0
- data/assets/themes/j1/modules/materialize/js/collapsible.js +275 -0
- data/assets/themes/j1/modules/materialize/js/component.js +44 -0
- data/assets/themes/j1/modules/materialize/js/datepicker.js +975 -0
- data/assets/themes/j1/modules/materialize/js/dropdown.js +617 -0
- data/assets/themes/j1/modules/materialize/js/forms.js +275 -0
- data/assets/themes/j1/modules/materialize/js/global.js +427 -0
- data/assets/themes/j1/modules/materialize/js/materialbox.js +453 -0
- data/assets/themes/j1/modules/materialize/js/modal.js +382 -0
- data/assets/themes/j1/modules/materialize/js/parallax.js +138 -0
- data/assets/themes/j1/modules/materialize/js/pushpin.js +145 -0
- data/assets/themes/j1/modules/materialize/js/range.js +263 -0
- data/assets/themes/j1/modules/materialize/js/ripple.js +335 -0
- data/assets/themes/j1/modules/materialize/js/scrollspy.js +295 -0
- data/assets/themes/j1/modules/materialize/js/select.js +432 -0
- data/assets/themes/j1/modules/materialize/js/sidenav.js +580 -0
- data/assets/themes/j1/modules/materialize/js/slider.js +359 -0
- data/assets/themes/j1/modules/materialize/js/tabs.js +402 -0
- data/assets/themes/j1/modules/materialize/js/tapTarget.js +314 -0
- data/assets/themes/j1/modules/materialize/js/timepicker.js +647 -0
- data/assets/themes/j1/modules/materialize/js/toasts.js +310 -0
- data/assets/themes/j1/modules/materialize/js/tooltip.js +303 -0
- data/assets/themes/j1/modules/materialize/js/waves.js +335 -0
- data/assets/themes/j1/modules/materialize/scss/components/_badges.scss +55 -0
- data/assets/themes/j1/modules/materialize/scss/components/_buttons.scss +322 -0
- data/assets/themes/j1/modules/materialize/scss/components/_cards.scss +195 -0
- data/assets/themes/j1/modules/materialize/scss/components/_carousel.scss +90 -0
- data/assets/themes/j1/modules/materialize/scss/components/_chips.scss +90 -0
- data/assets/themes/j1/modules/materialize/scss/components/_collapsible.scss +91 -0
- data/assets/themes/j1/modules/materialize/scss/components/_color-classes.scss +32 -0
- data/assets/themes/j1/modules/materialize/scss/components/_color-variables.scss +370 -0
- data/assets/themes/j1/modules/materialize/scss/components/_datepicker.scss +191 -0
- data/assets/themes/j1/modules/materialize/scss/components/_dropdown.scss +85 -0
- data/assets/themes/j1/modules/materialize/scss/components/_global.scss +769 -0
- data/assets/themes/j1/modules/materialize/scss/components/_grid.scss +156 -0
- data/assets/themes/j1/modules/materialize/scss/components/_icons-material-design.scss +5 -0
- data/assets/themes/j1/modules/materialize/scss/components/_materialbox.scss +43 -0
- data/assets/themes/j1/modules/materialize/scss/components/_modal.scss +94 -0
- data/assets/themes/j1/modules/materialize/scss/components/_navbar.scss +208 -0
- data/assets/themes/j1/modules/materialize/scss/components/_normalize.scss +447 -0
- data/assets/themes/j1/modules/materialize/scss/components/_preloader.scss +334 -0
- data/assets/themes/j1/modules/materialize/scss/components/_pulse.scss +34 -0
- data/assets/themes/j1/modules/materialize/scss/components/_sidenav.scss +216 -0
- data/assets/themes/j1/modules/materialize/scss/components/_slider.scss +92 -0
- data/assets/themes/j1/modules/materialize/scss/components/_table_of_contents.scss +33 -0
- data/assets/themes/j1/modules/materialize/scss/components/_tabs.scss +99 -0
- data/assets/themes/j1/modules/materialize/scss/components/_tapTarget.scss +103 -0
- data/assets/themes/j1/modules/materialize/scss/components/_timepicker.scss +183 -0
- data/assets/themes/j1/modules/materialize/scss/components/_toast.scss +58 -0
- data/assets/themes/j1/modules/materialize/scss/components/_tooltip.scss +32 -0
- data/assets/themes/j1/modules/materialize/scss/components/_transitions.scss +13 -0
- data/assets/themes/j1/modules/materialize/scss/components/_typography.scss +60 -0
- data/assets/themes/j1/modules/materialize/scss/components/_variables.scss +349 -0
- data/assets/themes/j1/modules/materialize/scss/components/_waves.scss +114 -0
- data/assets/themes/j1/modules/materialize/scss/components/forms/_checkboxes.scss +200 -0
- data/assets/themes/j1/modules/materialize/scss/components/forms/_file-input.scss +44 -0
- data/assets/themes/j1/modules/materialize/scss/components/forms/_forms.scss +22 -0
- data/assets/themes/j1/modules/materialize/scss/components/forms/_input-fields.scss +354 -0
- data/assets/themes/j1/modules/materialize/scss/components/forms/_radio-buttons.scss +115 -0
- data/assets/themes/j1/modules/materialize/scss/components/forms/_range.scss +161 -0
- data/assets/themes/j1/modules/materialize/scss/components/forms/_select.scss +180 -0
- data/assets/themes/j1/modules/materialize/scss/components/forms/_switches.scss +89 -0
- data/assets/themes/j1/modules/materialize/scss/materialize.scss +41 -0
- data/assets/themes/j1/modules/mmenuLight/css/mmenu.css +11 -11
- data/assets/themes/j1/modules/mmenuLight/css/theme/uno.min.css +37 -11
- data/assets/themes/j1/modules/popper/js/popper.js +1 -1
- data/assets/themes/j1/modules/popper/js/popper.js.map +1 -1
- data/assets/themes/j1/modules/popper/js/popper.min.js.map +1 -1
- data/assets/themes/j1/modules/rouge/js/select.js +25 -0
- data/assets/themes/j1/modules/rtable/LICENSE +22 -0
- data/assets/themes/j1/modules/rtable/README.md +418 -0
- data/assets/themes/j1/modules/rtable/css/tablesaw.stackonly.css +148 -0
- data/assets/themes/j1/modules/rtable/css/theme/uno.css +191 -0
- data/assets/themes/j1/modules/rtable/css/theme/uno.min.css +191 -0
- data/assets/themes/j1/modules/rtable/js/rtable.js +692 -0
- data/assets/themes/j1/modules/rtable/js/rtable.min.js +690 -0
- data/assets/themes/j1/modules/rtable/js/tablesaw-init.js +18 -0
- data/assets/themes/j1/modules/rtable/js/tablesaw.stackonly.js +2371 -0
- data/assets/themes/j1/modules/{bsThemeSwitcher → themeSwitcher}/js/switcher.js +15 -17
- data/assets/themes/j1/modules/themeSwitcher/js/switcher.min.js +26 -0
- data/assets/themes/j1/modules/twemoji/css/picker/twemoji-picker.css +1 -1
- data/assets/themes/j1/modules/twemoji/css/picker/twemoji-picker.min.css +1 -1
- data/assets/themes/j1/modules/twemoji/js/picker/twemoji-picker.js +2 -2
- data/assets/themes/j1/modules/twemoji/js/picker/twemoji-picker.min.js +2 -257
- data/assets/themes/j1/modules/twemoji/js/twemoji.js +11 -11
- data/assets/themes/j1/modules/twemoji/js/twemoji.min.js +11 -12
- data/lib/j1/commands/generate.rb +6 -6
- data/lib/j1/version.rb +1 -1
- data/lib/j1_app/j1_auth_manager/config.rb +2 -2
- data/lib/starter_web/Gemfile +12 -16
- data/lib/starter_web/_config.yml +162 -22
- data/lib/starter_web/_data/apps/carousel.yml +10 -10
- data/lib/starter_web/_data/apps/justified_gallery.yml +44 -10
- data/lib/starter_web/_data/blocks/banner.yml +32 -27
- data/lib/starter_web/_data/blocks/defaults/banner.yml +14 -13
- data/lib/starter_web/_data/blocks/defaults/footer.yml +1 -1
- data/lib/starter_web/_data/blocks/defaults/panel.yml +3 -2
- data/lib/starter_web/_data/blocks/footer.yml +1 -1
- data/lib/starter_web/_data/blocks/panel.yml +24 -25
- data/lib/starter_web/_data/{template_settings.yml → j1_config.yml} +64 -11
- data/lib/starter_web/_data/layouts/home.yml +20 -10
- data/lib/starter_web/_data/layouts/page.yml +10 -0
- data/lib/starter_web/_data/layouts/post.yml +10 -0
- data/lib/starter_web/_data/modules/defaults/cookiebar.yml +3 -1
- data/lib/starter_web/_data/modules/defaults/{ssm.yml → fam.yml} +12 -15
- data/lib/starter_web/_data/modules/defaults/lunr_search.yml +171 -0
- data/lib/starter_web/_data/modules/defaults/navigator.yml +5 -5
- data/lib/starter_web/_data/modules/defaults/themer.yml +8 -13
- data/lib/starter_web/_data/modules/defaults/toccer.yml +4 -2
- data/lib/starter_web/_data/modules/fam.yml +158 -0
- data/lib/starter_web/_data/modules/{back2top.yml → lunr_search.yml} +15 -9
- data/lib/starter_web/_data/modules/navigator.yml +2 -2
- data/lib/starter_web/_data/modules/navigator_menu.yml +16 -10
- data/lib/starter_web/_data/modules/themer.yml +0 -18
- data/lib/starter_web/_data/modules/toccer.yml +0 -73
- data/lib/starter_web/_data/resources.yml +195 -67
- data/lib/starter_web/_includes/attributes.asciidoc +194 -0
- data/lib/starter_web/_includes/breadcrumbs.html +11 -0
- data/lib/starter_web/_includes/documents/licenses/mit.asciidoc +19 -0
- data/lib/starter_web/{collections/posts/private → _includes/documents}/readme +0 -0
- data/lib/starter_web/_includes/tables/jekyll_variables.asciidoc +45 -0
- data/lib/starter_web/_includes/tables/template_variables.asciidoc +46 -0
- data/lib/starter_web/_plugins/debug.rb +0 -1
- data/lib/starter_web/_plugins/filters.rb +0 -1
- data/lib/starter_web/_plugins/{lorem-inline.rb → lorem_inline.rb} +1 -2
- data/lib/starter_web/_plugins/lunr_index.rb +313 -0
- data/lib/starter_web/_plugins/prettify.rb +0 -3
- data/lib/starter_web/_plugins/simple_search_filter.rb +0 -1
- data/lib/starter_web/_plugins/symlink_watcher.rb +2 -3
- data/lib/starter_web/assets/images/modules/attics/banner/lunr-banner-1280x800.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/tldr-1920x800.jpg +0 -0
- data/lib/starter_web/assets/images/pages/winlogbeat/coordinate-map.png +0 -0
- data/lib/starter_web/assets/images/pages/winlogbeat/kibana-powershell.jpg +0 -0
- data/lib/starter_web/assets/images/pages/winlogbeat/option_ignore_outgoing.png +0 -0
- data/lib/starter_web/assets/images/pages/winlogbeat/winlogbeat-dashboard.png +0 -0
- data/lib/starter_web/collections/posts/{protected → private/_posts}/readme +0 -0
- data/{assets/README.md → lib/starter_web/collections/posts/protected/_posts/readme} +0 -0
- data/lib/starter_web/collections/posts/public/featured/_posts/0000-00-00-welcome-to-j1-template.adoc.erb +77 -80
- data/lib/starter_web/collections/posts/public/featured/_posts/2018-05-01-confusion-about-base-url.adoc +21 -10
- data/lib/starter_web/collections/posts/public/featured/_posts/2019-05-01-top-open-source-static-site-generators.adoc +41 -31
- data/lib/starter_web/collections/posts/public/featured/_posts/2019-06-01-about-cookies.adoc +32 -27
- data/lib/starter_web/collections/posts/public/featured/_posts/_includes/attributes.asciidoc +38 -0
- data/lib/starter_web/collections/posts/public/featured/_posts/_includes/documents/readme +0 -0
- data/lib/starter_web/collections/posts/public/featured/_posts/{000_includes → _includes/documents}/unsplash-badge.asciidoc +0 -0
- data/lib/starter_web/collections/posts/public/featured/_posts/_includes/tables/readme +0 -0
- data/lib/starter_web/collections/posts/public/series/_posts/2018-11-01-docker-using-shared-folders.adoc +494 -502
- data/lib/starter_web/collections/posts/public/series/_posts/2020-01-01-post-test-series.adoc +144 -0
- data/lib/starter_web/collections/posts/public/series/_posts/2020-01-02-post-test-series.adoc +146 -0
- data/lib/starter_web/collections/posts/public/series/_posts/2020-01-03-post-test-series.adoc +146 -0
- data/lib/starter_web/collections/posts/public/series/_posts/2020-01-04-post-test-series.adoc +146 -0
- data/lib/starter_web/collections/posts/public/{featured/_posts/000_includes → series/_posts/_includes}/attributes.asciidoc +8 -18
- data/lib/starter_web/collections/posts/public/series/_posts/{000_includes → _includes}/documents/100-docker-using-shared-folders.asciidoc +0 -0
- data/lib/starter_web/collections/posts/public/series/_posts/{000_includes → _includes}/documents/loop.sh +0 -0
- data/lib/starter_web/collections/posts/public/series/_posts/{000_includes → _includes}/tables/debug_variables.asciidoc +0 -0
- data/lib/starter_web/collections/posts/public/test_posts/_posts/2020-09-11-test_post.adoc +218 -0
- data/lib/starter_web/collections/posts/public/{wikipedia/_posts/000_includes → test_posts/_posts/_includes}/attributes.asciidoc +9 -21
- data/lib/starter_web/collections/posts/public/test_posts/_posts/_includes/documents/readme +0 -0
- data/lib/starter_web/collections/posts/public/{wikipedia/_posts/000_includes → test_posts/_posts/_includes}/tables/debug_variables.asciidoc +0 -0
- data/lib/starter_web/collections/posts/public/test_posts/_posts/_includes/tables/readme +0 -0
- data/lib/starter_web/collections/posts/public/wikipedia/_posts/2016-11-20-minneapolis.adoc +16 -8
- data/lib/starter_web/collections/posts/public/wikipedia/_posts/2016-11-24-narcisse-snake-dens.adoc +2 -7
- data/lib/starter_web/collections/posts/public/wikipedia/_posts/2016-11-26-columbia-river.adoc +2 -6
- data/lib/starter_web/collections/posts/public/wikipedia/_posts/_includes/attributes.asciidoc +37 -0
- data/lib/starter_web/collections/posts/public/wikipedia/_posts/_includes/documents/readme +0 -0
- data/lib/starter_web/collections/posts/public/wikipedia/_posts/_includes/tables/readme +0 -0
- data/lib/starter_web/index.html +16 -10
- data/lib/starter_web/package.json +5 -2
- data/lib/starter_web/pages/protected/site_search.adoc +8 -19
- data/lib/starter_web/pages/public/about/about_site.adoc +0 -2
- data/lib/starter_web/pages/public/about/become_a_patron.adoc +1 -3
- data/lib/starter_web/pages/public/blog/navigator/archive.html +34 -9
- data/lib/starter_web/pages/public/blog/navigator/archive/categoryview.html +40 -16
- data/lib/starter_web/pages/public/blog/navigator/archive/dateview.html +32 -8
- data/lib/starter_web/pages/public/blog/navigator/archive/tagview.html +8 -4
- data/lib/starter_web/pages/public/blog/navigator/index.html +6 -3
- data/lib/starter_web/pages/public/learn/kickstarter/web_in_a_day/100_meet_and_greet_jekyll.adoc +15 -21
- data/lib/starter_web/pages/public/learn/kickstarter/web_in_a_day/200_preparations.adoc +32 -27
- data/lib/starter_web/pages/public/learn/kickstarter/web_in_a_day/300_first_awesome_web.adoc +32 -27
- data/lib/starter_web/pages/public/learn/kickstarter/web_in_a_day/{000_includes → _includes}/attributes.asciidoc +15 -13
- data/lib/starter_web/pages/public/learn/kickstarter/web_in_a_day/_includes/documents/100_meet_and_greet_jekyll.asciidoc +31 -0
- data/lib/starter_web/pages/public/learn/kickstarter/web_in_a_day/{000_includes → _includes}/documents/200_preparations.asciidoc +0 -0
- data/lib/starter_web/pages/public/learn/kickstarter/web_in_a_day/{000_includes → _includes}/documents/300_first_awesome_web.asciidoc +0 -0
- data/lib/starter_web/pages/public/learn/kickstarter/web_in_a_day/{000_includes → _includes}/parts.asciidoc +1 -1
- data/lib/starter_web/pages/public/learn/kickstarter/web_in_a_day/_includes/tables/debug_variables.asciidoc +48 -0
- data/lib/starter_web/pages/public/learn/kickstarter/web_in_a_day/_includes/tables/readme +0 -0
- data/lib/starter_web/pages/public/learn/roundtrip/100_present_images.adoc +76 -111
- data/lib/starter_web/pages/public/learn/roundtrip/100_present_videos.adoc +37 -45
- data/lib/starter_web/pages/public/learn/roundtrip/200_typography.adoc +51 -63
- data/lib/starter_web/pages/public/learn/roundtrip/300_icon_fonts.adoc +74 -80
- data/lib/starter_web/pages/public/learn/roundtrip/400_asciidoc_extensions.adoc +64 -84
- data/lib/starter_web/pages/public/learn/roundtrip/410_bs_modals_extentions.adoc +34 -42
- data/lib/starter_web/pages/public/learn/roundtrip/420_responsive_tables_extensions.adoc +281 -91
- data/lib/starter_web/pages/public/learn/roundtrip/500_themes.adoc +138 -52
- data/lib/starter_web/pages/public/learn/roundtrip/600_lunr.adoc +236 -0
- data/lib/starter_web/pages/public/learn/roundtrip/610_fam.adoc +294 -0
- data/lib/starter_web/pages/public/learn/roundtrip/{000_includes → _includes}/attributes.asciidoc +10 -29
- data/lib/starter_web/pages/public/learn/roundtrip/_includes/documents/100_gistblock.asciidoc +28 -0
- data/lib/starter_web/pages/public/learn/roundtrip/{000_includes → _includes}/documents/410_bottom_info.asciidoc +2 -2
- data/lib/starter_web/pages/public/learn/roundtrip/{000_includes → _includes}/documents/410_bottom_left_warning.asciidoc +2 -2
- data/lib/starter_web/pages/public/learn/roundtrip/{000_includes → _includes}/documents/410_bottom_right_danger.asciidoc +2 -2
- data/lib/starter_web/pages/public/learn/roundtrip/{000_includes → _includes}/documents/410_central_success.asciidoc +2 -2
- data/lib/starter_web/pages/public/learn/roundtrip/{000_includes → _includes}/documents/410_full_height_left_info.asciidoc +2 -2
- data/lib/starter_web/pages/public/learn/roundtrip/{000_includes → _includes}/documents/410_full_height_right_success.asciidoc +2 -2
- data/lib/starter_web/pages/public/learn/roundtrip/{000_includes → _includes}/documents/410_table_3_column.asciidoc +1 -1
- data/lib/starter_web/pages/public/learn/roundtrip/{000_includes → _includes}/documents/410_top_info.asciidoc +2 -2
- data/lib/starter_web/pages/public/learn/roundtrip/{000_includes → _includes}/documents/410_top_left_info.asciidoc +2 -2
- data/lib/starter_web/pages/public/learn/roundtrip/{000_includes → _includes}/documents/410_top_right_success.asciidoc +2 -2
- data/lib/starter_web/pages/public/learn/roundtrip/{000_includes → _includes}/documents/419_advanced_modals_demo.asciidoc +16 -16
- data/lib/starter_web/pages/public/learn/roundtrip/_includes/tables/readme +0 -0
- data/lib/starter_web/pages/public/learn/{whats_up.adoc → where_to_go.adoc} +31 -46
- data/lib/starter_web/pages/public/legal/de/100_impress.adoc +3 -2
- data/lib/starter_web/pages/public/legal/de/200_terms_of_use.adoc +2 -1
- data/lib/starter_web/pages/public/legal/de/300_privacy.adoc +7 -12
- data/lib/starter_web/pages/public/legal/de/400_license_agreement.adoc +2 -1
- data/lib/starter_web/pages/public/legal/de/500_support.adoc +2 -1
- data/lib/starter_web/pages/public/legal/en/000_copyright.adoc +32 -28
- data/lib/starter_web/pages/public/legal/en/100_impress.adoc +12 -8
- data/lib/starter_web/pages/public/legal/en/200_terms_of_use.adoc +17 -12
- data/lib/starter_web/pages/public/legal/en/300_privacy.adoc +38 -36
- data/lib/starter_web/pages/public/legal/en/400_license_agreement.adoc +15 -6
- data/lib/starter_web/pages/public/legal/en/500_support.adoc +12 -4
- data/lib/starter_web/pages/public/legal/en/eu/cookie.policy.asciidoc +1 -1
- data/lib/starter_web/pages/public/panels/intro_panel/panel.adoc +68 -68
- data/lib/starter_web/pages/public/previewer/{000_includes → _includes}/attributes.asciidoc +22 -8
- data/lib/starter_web/pages/public/previewer/_includes/documents/licenses/mit.asciidoc +19 -0
- data/lib/starter_web/pages/public/previewer/_includes/documents/readme +0 -0
- data/lib/starter_web/pages/public/previewer/{000_includes → _includes}/tables/mdi_icons/100_absolute_sizes.asciidoc +1 -1
- data/lib/starter_web/pages/public/previewer/{000_includes → _includes}/tables/mdi_icons/110_bs_grid_sizes.asciidoc +1 -1
- data/lib/starter_web/pages/public/previewer/{000_includes → _includes}/tables/mdi_icons/120_relative_sizes.asciidoc +1 -1
- data/lib/starter_web/pages/public/previewer/{000_includes → _includes}/tables/mdi_icons/200_rotate.asciidoc +1 -1
- data/lib/starter_web/pages/public/previewer/{000_includes → _includes}/tables/mdi_icons/300_flip.asciidoc +1 -1
- data/lib/starter_web/pages/public/previewer/{000_includes → _includes}/tables/mdi_icons/400_spin_pulsed.asciidoc +1 -1
- data/lib/starter_web/pages/public/previewer/{000_includes → _includes}/tables/mdi_icons/500_bw_color_palette.asciidoc +1 -1
- data/lib/starter_web/pages/public/previewer/{000_includes → _includes}/tables/mdi_icons/510_bs_color_palette.asciidoc +1 -1
- data/lib/starter_web/pages/public/previewer/{000_includes → _includes}/tables/mdi_icons/600_md_color_palette.asciidoc +1 -1
- data/lib/starter_web/pages/public/previewer/{000_includes → _includes}/tables/mdi_icons/601_md_color_palette_indigo.asciidoc +1 -1
- data/lib/starter_web/pages/public/previewer/{000_includes → _includes}/tables/mdi_icons/602_md_color_palette_pink.asciidoc +1 -1
- data/lib/starter_web/pages/public/previewer/{000_includes → _includes}/tables/twitter_emoji/100_bs_sizes.asciidoc +1 -1
- data/lib/starter_web/pages/public/previewer/{000_includes → _includes}/tables/twitter_emoji/100_relative_sizes.asciidoc +1 -1
- data/lib/starter_web/pages/public/previewer/{000_includes → _includes}/tables/twitter_emoji/200_rotate.asciidoc +1 -1
- data/lib/starter_web/pages/public/previewer/{000_includes → _includes}/tables/twitter_emoji/300_flip.asciidoc +1 -1
- data/lib/starter_web/pages/public/previewer/{000_includes → _includes}/tables/twitter_emoji/400_spin_pulsed.asciidoc +1 -1
- data/lib/starter_web/pages/public/previewer/bootstrap_theme.adoc +860 -595
- data/lib/starter_web/pages/public/previewer/iframer.adoc +48 -41
- data/lib/starter_web/pages/public/previewer/justified_gallery.html +15 -7
- data/lib/starter_web/pages/public/previewer/mdi_icons_preview.adoc +21 -26
- data/lib/starter_web/pages/public/previewer/rouge.adoc +205 -0
- data/lib/starter_web/pages/public/previewer/twitter_emoji_preview.adoc +21 -27
- data/lib/starter_web/pages/public/test_pages/_includes/attributes.asciidoc +49 -0
- data/lib/starter_web/pages/public/{learn/roundtrip/000_includes → test_pages/_includes}/documents/100_gistblock.asciidoc +0 -0
- data/lib/starter_web/pages/public/test_pages/_includes/tables/000_bem_specifiers.asciidoc +22 -0
- data/lib/starter_web/pages/public/test_pages/_includes/tables/000_specifier_examples.asciidoc +56 -0
- data/lib/starter_web/pages/public/test_pages/breadcrumbs_tester.adoc +62 -0
- data/lib/starter_web/pages/public/test_pages/carousel_captions.adoc +1045 -0
- data/lib/starter_web/pages/public/test_pages/deck_of_posts.adoc +165 -0
- data/lib/starter_web/pages/public/test_pages/floating_actions_button.adoc +523 -0
- data/lib/starter_web/pages/public/{learn/examples → test_pages}/floating_ad.adoc +8 -21
- data/lib/starter_web/pages/public/{learn/examples → test_pages}/floating_div.adoc +25 -38
- data/lib/starter_web/pages/public/test_pages/lunr_tester.adoc +89 -0
- data/lib/starter_web/pages/public/{000_nav_pagination_tester.adoc → test_pages/nav_pagination_tester.adoc} +9 -22
- data/lib/starter_web/pages/public/test_pages/page_attribute_tester.adoc +196 -0
- data/lib/starter_web/pages/public/test_pages/responsive_images.adoc +213 -0
- data/lib/starter_web/pages/public/test_pages/responsive_tables.adoc +210 -0
- data/lib/starter_web/pages/public/test_pages/toccer_tester.adoc +2245 -0
- data/lib/starter_web/pages/public/{learn → test_pages}/vtutorials/000_includes/attributes.asciidoc +0 -0
- data/lib/starter_web/pages/public/{learn → test_pages}/vtutorials/000_includes/documents/100_gistblock.asciidoc +0 -0
- data/lib/starter_web/pages/public/{learn → test_pages}/vtutorials/000_includes/documents/410_bottom_info.asciidoc +0 -0
- data/lib/starter_web/pages/public/{learn → test_pages}/vtutorials/000_includes/documents/410_bottom_left_warning.asciidoc +0 -0
- data/lib/starter_web/pages/public/{learn → test_pages}/vtutorials/000_includes/documents/410_bottom_right_danger.asciidoc +0 -0
- data/lib/starter_web/pages/public/{learn → test_pages}/vtutorials/000_includes/documents/410_central_success.asciidoc +0 -0
- data/lib/starter_web/pages/public/{learn → test_pages}/vtutorials/000_includes/documents/410_full_height_left_info.asciidoc +0 -0
- data/lib/starter_web/pages/public/{learn → test_pages}/vtutorials/000_includes/documents/410_full_height_right_success.asciidoc +0 -0
- data/lib/starter_web/pages/public/{learn → test_pages}/vtutorials/000_includes/documents/410_table_3_column.asciidoc +1 -1
- data/lib/starter_web/pages/public/{learn → test_pages}/vtutorials/000_includes/documents/410_top_info.asciidoc +0 -0
- data/lib/starter_web/pages/public/{learn → test_pages}/vtutorials/000_includes/documents/410_top_left_info.asciidoc +0 -0
- data/lib/starter_web/pages/public/{learn → test_pages}/vtutorials/000_includes/documents/410_top_right_success.asciidoc +0 -0
- data/lib/starter_web/pages/public/{learn → test_pages}/vtutorials/000_includes/documents/419_advanced_modals_html.asciidoc +0 -0
- data/lib/starter_web/pages/public/{learn → test_pages}/vtutorials/000_test_youtube_video.adoc +0 -0
- data/lib/starter_web/pages/public/{learn → test_pages}/vtutorials/100_basic_video.adoc +0 -0
- data/lib/starter_web/utilsrv/_defaults/package.json +1 -1
- data/lib/starter_web/utilsrv/package.json +1 -1
- metadata +261 -146
- data/assets/data/jupyter/notebooks/_html/template.full.head.html +0 -75
- data/assets/data/jupyter/notebooks/_html/visualisation.html +0 -968
- data/assets/data/jupyter/notebooks/html/template.html +0 -50
- data/assets/data/jupyter/notebooks/html/visualisation.ok.html +0 -949
- data/assets/data/jupyter/notebooks/tutorial.ipynb +0 -169
- data/assets/data/jupyter/notebooks/visualisation.ipynb +0 -9413
- data/assets/data/search.json +0 -165
- data/assets/data/ssm.html +0 -242
- data/assets/themes/j1/adapter/js/back2top.js +0 -233
- data/assets/themes/j1/core/css/theme-extensions.min.css +0 -1
- data/assets/themes/j1/core/css/uno-dark.min.css +0 -6
- data/assets/themes/j1/modules/backstretch/js/backstretch.min.js.org +0 -1
- data/assets/themes/j1/modules/bootstrap/css/bootstrap.css +0 -10278
- data/assets/themes/j1/modules/bootstrap/css/bootstrap.css.map +0 -1
- data/assets/themes/j1/modules/bootstrap/css/bootstrap.min.css +0 -7
- data/assets/themes/j1/modules/bootstrap/css/bootstrap.min.css.map +0 -1
- data/assets/themes/j1/modules/bootstrap/js/bootstrap.js +0 -4420
- data/assets/themes/j1/modules/bootstrap/js/bootstrap.js.map +0 -1
- data/assets/themes/j1/modules/bootstrap/js/bootstrap.min.js +0 -7
- data/assets/themes/j1/modules/bootstrap/js/bootstrap.min.js.map +0 -1
- data/assets/themes/j1/modules/bsDatepicker/css/datepicker.css +0 -203
- data/assets/themes/j1/modules/bsDatepicker/css/theme/uno.css +0 -235
- data/assets/themes/j1/modules/bsDatepicker/js/datepicker.js +0 -509
- data/assets/themes/j1/modules/bsDatepicker/less/datepicker.less +0 -122
- data/assets/themes/j1/modules/bsThemeSwitcher/js/switcher.min.js +0 -20
- data/assets/themes/j1/modules/jekyllSearch/js/simple-jekyll-search.js +0 -468
- data/assets/themes/j1/modules/jekyllSearch/js/simple-jekyll-search.min.js +0 -6
- data/assets/themes/j1/modules/jqMouseWheel/README.md +0 -76
- data/assets/themes/j1/modules/jqMouseWheel/js/jquery.mousewheel.js +0 -221
- data/assets/themes/j1/modules/jqMouseWheel/js/jquery.mousewheel.min.js +0 -9
- data/assets/themes/j1/modules/noUISlider/LICENSE +0 -13
- data/assets/themes/j1/modules/noUISlider/css/nouislider.css +0 -260
- data/assets/themes/j1/modules/noUISlider/css/nouislider.min.css +0 -1
- data/assets/themes/j1/modules/noUISlider/js/nouislider.js +0 -2312
- data/assets/themes/j1/modules/noUISlider/js/nouislider.min.js +0 -3
- data/assets/themes/j1/modules/polyfills/js/msie.js +0 -140
- data/assets/themes/j1/modules/tocbot/css/theme/uno.css +0 -89
- data/assets/themes/j1/modules/tocbot/css/theme/uno.min.css +0 -89
- data/assets/themes/j1/modules/tocbot/css/tocbot.css +0 -75
- data/assets/themes/j1/modules/tocbot/css/tocbot.min.css +0 -19
- data/assets/themes/j1/modules/tocbot/js/tocbot.js +0 -19
- data/assets/themes/j1/modules/tocbot/js/tocbot.min.js +0 -19
- data/lib/starter_web/_data/modules/defaults/back2top.yml +0 -146
- data/lib/starter_web/_data/modules/defaults/cookie_consent.yml +0 -132
- data/lib/starter_web/_data/modules/defaults/stickybits.yml +0 -36
- data/lib/starter_web/_data/modules/ssm.yml +0 -142
- data/lib/starter_web/assets/images/modules/attics/welcome-1920x1280-bw.jpg +0 -0
- data/lib/starter_web/collections/posts/public/series/_posts/000_includes/attributes.asciidoc +0 -66
- data/lib/starter_web/pages/public/learn/kickstarter/web_in_a_day/000_includes/documents/100_meet_and_greet_jekyll.asciidoc +0 -31
- data/lib/starter_web/pages/public/learn/roundtrip/510_mdb_preview/000_includes/attributes.asciidoc +0 -69
- data/lib/starter_web/pages/public/learn/roundtrip/510_mdb_preview/000_includes/documents/100_buttons.asciidoc +0 -170
- data/lib/starter_web/pages/public/learn/roundtrip/510_mdb_preview/mdb_previewer.adoc +0 -52
- data/lib/starter_web/pages/public/learn/roundtrip/bs_tour.js +0 -98
data/lib/starter_web/pages/public/learn/kickstarter/web_in_a_day/100_meet_and_greet_jekyll.adoc
CHANGED
@@ -9,14 +9,13 @@ description: >
|
|
9
9
|
J1 Template which all people needs to know for a successful
|
10
10
|
way to a modern static website using Jekyll and J1 Template
|
11
11
|
|
12
|
-
tags: [ Kickstarter ]
|
13
|
-
|
14
|
-
categories: [ pages ]
|
12
|
+
tags: [ Kickstarter, Introduction ]
|
13
|
+
categories: [ Jekyll, Knowledge, Tutorial ]
|
15
14
|
|
16
15
|
permalink: /pages/public/learn/kickstarter/web_in_a_day/meet_and_greet/
|
17
|
-
regenerate:
|
16
|
+
regenerate: false
|
18
17
|
|
19
|
-
resources: [ lightbox, carousel ]
|
18
|
+
resources: [ lightbox, carousel, fam ]
|
20
19
|
resource_options:
|
21
20
|
- attic:
|
22
21
|
padding_top: 400
|
@@ -32,35 +31,30 @@ resource_options:
|
|
32
31
|
href: https://unsplash.com/@jeshoots/portfolio
|
33
32
|
---
|
34
33
|
|
34
|
+
// Page Initializer
|
35
|
+
// =============================================================================
|
35
36
|
// Enable the Liquid Preprocessor
|
36
|
-
// -----------------------------------------------------------------------------
|
37
37
|
:page-liquid:
|
38
38
|
|
39
|
-
// Set
|
39
|
+
// Set page (local) attributes here
|
40
40
|
// -----------------------------------------------------------------------------
|
41
|
+
// :page--attr: <attr-value>
|
41
42
|
|
42
|
-
// Liquid procedures
|
43
|
+
// Load Liquid procedures
|
43
44
|
// -----------------------------------------------------------------------------
|
44
|
-
{% capture
|
45
|
+
{% capture load_attributes %}themes/{{site.template.name}}/procedures/global/attributes_loader.proc{%endcapture%}
|
45
46
|
|
46
|
-
//
|
47
|
+
// Load page attributes
|
47
48
|
// -----------------------------------------------------------------------------
|
48
|
-
{% include {{
|
49
|
+
{% include {{load_attributes}} scope="all" %}
|
49
50
|
|
50
|
-
// Load tags and urls
|
51
|
-
// -----------------------------------------------------------------------------
|
52
|
-
include::{includedir}/attributes.asciidoc[tag=tags]
|
53
|
-
include::{includedir}/attributes.asciidoc[tag=urls]
|
54
|
-
include::{includedir}/attributes.asciidoc[tag=data]
|
55
|
-
|
56
|
-
// Additional Asciidoc page attributes goes here
|
57
|
-
// -----------------------------------------------------------------------------
|
58
51
|
|
52
|
+
// Page content
|
53
|
+
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
|
59
54
|
|
60
55
|
// Include sub-documents
|
61
56
|
// -----------------------------------------------------------------------------
|
62
|
-
include::{
|
63
|
-
|
57
|
+
include::{documentdir}/100_meet_and_greet_jekyll.asciidoc[]
|
64
58
|
|
65
59
|
== Summarize!
|
66
60
|
|
@@ -1,50 +1,56 @@
|
|
1
1
|
---
|
2
|
-
title: Web in a Day
|
2
|
+
title: Web in a Day
|
3
3
|
tagline: preparations
|
4
|
-
|
4
|
+
date: 2018-05-01 00:00:00
|
5
|
+
description: >
|
6
|
+
Modern static website in a day
|
5
7
|
|
6
|
-
tags: [ Kickstarter, Introduction
|
7
|
-
|
8
|
-
categories: [ pages ]
|
8
|
+
tags: [ Kickstarter, Introduction ]
|
9
|
+
categories: [ Jekyll, Knowledge, Tutorial ]
|
9
10
|
|
10
11
|
permalink: /pages/public/learn/kickstarter/web_in_a_day/preparations/
|
11
|
-
regenerate:
|
12
|
+
regenerate: false
|
12
13
|
|
13
|
-
resources: [ lightbox, carousel ]
|
14
|
+
resources: [ lightbox, carousel, fam ]
|
14
15
|
resource_options:
|
15
|
-
-
|
16
|
-
|
16
|
+
- attic:
|
17
|
+
padding_top: 400
|
18
|
+
padding_bottom: 50
|
19
|
+
opacity: 0.5
|
20
|
+
slides:
|
21
|
+
- url: /assets/images/pages/kickstarter/web_in_a_day/get-started-1920x1280-bw.jpg
|
22
|
+
alt: Photo by JESHOOTS.COM on Unsplash
|
23
|
+
alignY: top
|
24
|
+
badge:
|
25
|
+
type: unsplash
|
26
|
+
author: JESHOOTS.COM
|
27
|
+
href: https://unsplash.com/@jeshoots/portfolio
|
17
28
|
---
|
18
29
|
|
19
|
-
//
|
20
|
-
//
|
30
|
+
// Page Initializer
|
31
|
+
// =============================================================================
|
32
|
+
// Enable the Liquid Preprocessor
|
21
33
|
:page-liquid:
|
22
34
|
|
23
|
-
// Set
|
24
|
-
// -----------------------------------------------------------------------------
|
25
|
-
|
26
|
-
// Liquid procedures
|
35
|
+
// Set page (local) attributes here
|
27
36
|
// -----------------------------------------------------------------------------
|
28
|
-
|
37
|
+
// :page--attr: <attr-value>
|
29
38
|
|
30
|
-
//
|
39
|
+
// Load Liquid procedures
|
31
40
|
// -----------------------------------------------------------------------------
|
32
|
-
{%
|
41
|
+
{% capture load_attributes %}themes/{{site.template.name}}/procedures/global/attributes_loader.proc{%endcapture%}
|
33
42
|
|
34
|
-
// Load
|
43
|
+
// Load page attributes
|
35
44
|
// -----------------------------------------------------------------------------
|
36
|
-
include
|
37
|
-
include::{includedir}/attributes.asciidoc[tag=urls]
|
38
|
-
include::{includedir}/attributes.asciidoc[tag=data]
|
45
|
+
{% include {{load_attributes}} scope="none" %}
|
39
46
|
|
40
|
-
// Additional Asciidoc page attributes goes here
|
41
|
-
// -----------------------------------------------------------------------------
|
42
47
|
|
48
|
+
// Page content
|
49
|
+
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
|
43
50
|
|
44
51
|
// Include sub-documents
|
45
52
|
// -----------------------------------------------------------------------------
|
46
|
-
include::{
|
47
|
-
|
53
|
+
include::{documentdir}/200_preparations.asciidoc[]
|
48
54
|
|
49
55
|
== Summarize!
|
50
56
|
|
@@ -69,4 +75,3 @@ include::{includedir}/parts.asciidoc[tag=chapters_200_oauth_overview]
|
|
69
75
|
|
70
76
|
include::{includedir}/parts.asciidoc[tag=further_reading_200_preparations]
|
71
77
|
/////
|
72
|
-
|
@@ -1,50 +1,56 @@
|
|
1
|
-
|
1
|
+
---
|
2
2
|
title: Web in a Day
|
3
3
|
tagline: a first awesome web
|
4
|
-
|
4
|
+
date: 2018-05-01 00:00:00
|
5
|
+
description: >
|
6
|
+
Modern static website in a day
|
5
7
|
|
6
|
-
tags: [ Kickstarter, Introduction
|
7
|
-
|
8
|
-
categories: [ pages ]
|
8
|
+
tags: [ Kickstarter, Introduction ]
|
9
|
+
categories: [ Jekyll, Knowledge, Tutorial ]
|
9
10
|
|
10
11
|
permalink: /pages/public/learn/kickstarter/web_in_a_day/first_awesome_web/
|
11
|
-
regenerate:
|
12
|
+
regenerate: false
|
12
13
|
|
13
|
-
resources: [ lightbox, carousel ]
|
14
|
+
resources: [ lightbox, carousel, fam ]
|
14
15
|
resource_options:
|
15
|
-
-
|
16
|
-
|
16
|
+
- attic:
|
17
|
+
padding_top: 400
|
18
|
+
padding_bottom: 50
|
19
|
+
opacity: 0.5
|
20
|
+
slides:
|
21
|
+
- url: /assets/images/pages/kickstarter/web_in_a_day/get-started-1920x1280-bw.jpg
|
22
|
+
alt: Photo by JESHOOTS.COM on Unsplash
|
23
|
+
alignY: top
|
24
|
+
badge:
|
25
|
+
type: unsplash
|
26
|
+
author: JESHOOTS.COM
|
27
|
+
href: https://unsplash.com/@jeshoots/portfolio
|
17
28
|
---
|
18
29
|
|
19
|
-
//
|
20
|
-
//
|
30
|
+
// Page Initializer
|
31
|
+
// =============================================================================
|
32
|
+
// Enable the Liquid Preprocessor
|
21
33
|
:page-liquid:
|
22
34
|
|
23
|
-
// Set
|
35
|
+
// Set page (local) attributes here
|
24
36
|
// -----------------------------------------------------------------------------
|
37
|
+
// :page--attr: <attr-value>
|
25
38
|
|
26
|
-
// Liquid procedures
|
39
|
+
// Load Liquid procedures
|
27
40
|
// -----------------------------------------------------------------------------
|
28
|
-
{% capture
|
41
|
+
{% capture load_attributes %}themes/{{site.template.name}}/procedures/global/attributes_loader.proc{%endcapture%}
|
29
42
|
|
30
|
-
//
|
43
|
+
// Load page attributes
|
31
44
|
// -----------------------------------------------------------------------------
|
32
|
-
{% include {{
|
45
|
+
{% include {{load_attributes}} scope="none" %}
|
33
46
|
|
34
|
-
// Load tags and urls
|
35
|
-
// -----------------------------------------------------------------------------
|
36
|
-
include::{includedir}/attributes.asciidoc[tag=tags]
|
37
|
-
include::{includedir}/attributes.asciidoc[tag=urls]
|
38
|
-
include::{includedir}/attributes.asciidoc[tag=data]
|
39
|
-
|
40
|
-
// Additional Asciidoc page attributes goes here
|
41
|
-
// -----------------------------------------------------------------------------
|
42
47
|
|
48
|
+
// Page content
|
49
|
+
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
|
43
50
|
|
44
51
|
// Include sub-documents
|
45
52
|
// -----------------------------------------------------------------------------
|
46
|
-
include::{
|
47
|
-
|
53
|
+
include::{documentdir}/300_first_awesome_web.asciidoc[]
|
48
54
|
|
49
55
|
== Summarize!
|
50
56
|
|
@@ -67,4 +73,3 @@ include::{includedir}/parts.asciidoc[tag=chapters_200_oauth_overview]
|
|
67
73
|
|
68
74
|
include::{includedir}/parts.asciidoc[tag=further_reading_200_preparations]
|
69
75
|
/////
|
70
|
-
|
@@ -7,6 +7,7 @@
|
|
7
7
|
// -----------------------------------------------------------------------------
|
8
8
|
tag::urls[]
|
9
9
|
|
10
|
+
:j1-kickstarter-web-in-a-day-intro: /pages/public/learn/kickstarter/web_in_a_day/intro/
|
10
11
|
:j1-web-in-a-day-meet-and-greet: /pages/public/learn/kickstarter/web_in_a_day/meet_and_greet/
|
11
12
|
:j1-web-in-a-day-preparations: /pages/public/learn/kickstarter/web_in_a_day/preparations/
|
12
13
|
:j1-web-in-a-day-first-awesome-web: /pages/public/learn/kickstarter/web_in_a_day/first_awesome_web/
|
@@ -16,7 +17,7 @@ tag::urls[]
|
|
16
17
|
|
17
18
|
|
18
19
|
:j1-download-quickstart-intro: /pages/public/learn/downloads/quickstart/intro/
|
19
|
-
|
20
|
+
|
20
21
|
|
21
22
|
:github-home: https://github.com/
|
22
23
|
:github-signin: https://github.com/login
|
@@ -33,8 +34,8 @@ tag::urls[]
|
|
33
34
|
end::urls[]
|
34
35
|
|
35
36
|
|
36
|
-
//
|
37
|
-
//
|
37
|
+
// TAGS - local Asciidoctor tags
|
38
|
+
// -----------------------------------------------------------------------------
|
38
39
|
tag::tags[]
|
39
40
|
|
40
41
|
:debug: false
|
@@ -60,7 +61,7 @@ tag::tags[]
|
|
60
61
|
:hs:
|
61
62
|
|
62
63
|
end::tags[]
|
63
|
-
|
64
|
+
|
64
65
|
|
65
66
|
// Data - Data elements for Asciidoctor extensions
|
66
67
|
// -----------------------------------------------------------------------------
|
@@ -157,18 +158,19 @@ tag::data[]
|
|
157
158
|
|
158
159
|
end::data[]
|
159
160
|
|
161
|
+
// DOCUMENTS, local document resources
|
162
|
+
// -----------------------------------------------------------------------------
|
163
|
+
tag::documents[]
|
164
|
+
end::documents[]
|
165
|
+
|
160
166
|
|
161
|
-
//
|
167
|
+
// TABLES, local table resources
|
162
168
|
// -----------------------------------------------------------------------------
|
163
|
-
tag::
|
164
|
-
|
165
|
-
:revdate: 2018
|
166
|
-
:revnumber: 1.0.0
|
167
|
-
end::product_info[]
|
169
|
+
tag::tables[]
|
170
|
+
end::tables[]
|
168
171
|
|
169
172
|
|
173
|
+
// AUTHORS, local author information (e.g. article)
|
174
|
+
// -----------------------------------------------------------------------------
|
170
175
|
tag::authors[]
|
171
|
-
:uri-author-juergen-adams https://jekyll.one
|
172
176
|
end::authors[]
|
173
|
-
|
174
|
-
|
@@ -0,0 +1,31 @@
|
|
1
|
+
|
2
|
+
*Web in a Day* is the first in a series of tutorials to learn how to
|
3
|
+
create modern websites using Jekyll. This Kickstarter focuses on the basics
|
4
|
+
of Jekyll and the J1 Template, which all people needs to know for a successful
|
5
|
+
way to a modern static website using Jekyll and J1 Template.
|
6
|
+
|
7
|
+
It is highly recommended to read and work on this tutorial by everyone -
|
8
|
+
independently from what level of knowledge they begin. Jekyll is from classic
|
9
|
+
Content Management Systems (CMS) like Joomla, WordPress or Drupal.
|
10
|
+
No surprise: Jekyll and J1 are different as well.
|
11
|
+
|
12
|
+
It sounds much, spending a whole day to get Jekyll to know - yes, it is much.
|
13
|
+
You'll find a lot of Blog articles like *Jekyll in 15 minutes*. But what can
|
14
|
+
be *learned* in 15 minutes?
|
15
|
+
|
16
|
+
To be fair, most of these blogs are intended to help *installing Jekyll* and
|
17
|
+
get the very first steps managed out of the box. If you run Jekyll out of the
|
18
|
+
box, the resulting website (from the build-in theme scaffold) might somewhat
|
19
|
+
frustrating. You'll get an elementary site created based on Jekyll's theme
|
20
|
+
*minima*.
|
21
|
+
|
22
|
+
To not waste time, get through the tutorial and find out what is the
|
23
|
+
*Jekyll Way*. And if this the way you want to go.
|
24
|
+
|
25
|
+
Have a good time, a good day learning Jekyll.
|
26
|
+
|
27
|
+
|
28
|
+
== Meet and greet Jekyll
|
29
|
+
|
30
|
+
lorem:sentences[5] +
|
31
|
+
lorem:sentences[3] +
|
File without changes
|
File without changes
|
@@ -61,7 +61,7 @@ Find here is a list of the basic Chocolatey commands used this section.
|
|
61
61
|
And some more related ones. If you'd like to explore the Chocolatey CLI a bit
|
62
62
|
*more*, give it a try before moving on.
|
63
63
|
|
64
|
-
[cols="8a,4", options="header", role="
|
64
|
+
[cols="8a,4", options="header", role="rtable, full-width"]
|
65
65
|
|===============================================================================
|
66
66
|
|Command |Description
|
67
67
|
|
@@ -0,0 +1,48 @@
|
|
1
|
+
ifeval::["{debug}" == "true"]
|
2
|
+
.Liquid variables
|
3
|
+
[cols="2,4,6a, options="header", role="table-responsive, full-width"]
|
4
|
+
|===============================================================================
|
5
|
+
|name |value |description
|
6
|
+
|
7
|
+
|`page.path`
|
8
|
+
|{{ page.path }}
|
9
|
+
|The path to the raw post or page. Example usage: Linking back to the page
|
10
|
+
or post's source on GitHub. This can be overridden in the `YAML Front Matter`.
|
11
|
+
|
12
|
+
|`site.collections_dir`
|
13
|
+
|{{ site.collections_dir }}
|
14
|
+
|lorem:sentences[1]
|
15
|
+
|
16
|
+
|`page.images.dir`
|
17
|
+
|{{ page.images.dir }}
|
18
|
+
|Image path set pagewise. See FRONTMATTER defaults in `_config.yml` for the
|
19
|
+
images path specified by: `images.dir` for specific page *type*. See the
|
20
|
+
example below for a page of type *pages*.
|
21
|
+
[source, yaml]
|
22
|
+
----
|
23
|
+
defaults:
|
24
|
+
- scope:
|
25
|
+
path: pages
|
26
|
+
type: pages
|
27
|
+
|
28
|
+
values:
|
29
|
+
images:
|
30
|
+
dir: /assets/images/pages
|
31
|
+
----
|
32
|
+
|
33
|
+
|`page-imagesdir`
|
34
|
+
|{{ page-imagesdir }}
|
35
|
+
| Images path set in the page by `:page-imagesdir:`.
|
36
|
+
|
37
|
+
|`template`
|
38
|
+
|{{ site.template.name }}
|
39
|
+
|Name of the template used for rendering a page. Settings are taken from
|
40
|
+
sitewide configuration defined by `_config.yml`.
|
41
|
+
|
42
|
+
|`includedir`
|
43
|
+
|{{ includedir }}
|
44
|
+
|lorem:sentences[1]
|
45
|
+
|
46
|
+
|===============================================================================
|
47
|
+
endif::[]
|
48
|
+
|
File without changes
|
@@ -1,14 +1,20 @@
|
|
1
1
|
---
|
2
2
|
title: Roundtrip
|
3
3
|
tagline: present images
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
4
|
+
date: 2020-11-03 12:00:00
|
5
|
+
description: >
|
6
|
+
This page show some of quite useful features of J1 Template to manage your
|
7
|
+
image-based content using lightboxes, carousels (slider) and galleries.
|
8
|
+
The image module offers complex functionality based on powerful OpenSource
|
9
|
+
libraries like Justified Gallery for high-end, masonry styled preview maps.
|
10
|
+
A carousel app, using the jQuery plugin Owl Carousel as a base, let you
|
11
|
+
present your images as slide shows.
|
12
|
+
Lightboxes like LightGallery or Lightbox V2 support your web for full image
|
13
|
+
views of your picture or video content. Have a look, a quick tour what J1
|
14
|
+
can do for image data.
|
15
|
+
|
16
|
+
tags: [ Roundtrip, Introduction ]
|
17
|
+
categories: [ Images, Module ]
|
12
18
|
|
13
19
|
permalink: /pages/public/learn/roundtrip/present_images/
|
14
20
|
regenerate: true
|
@@ -31,56 +37,42 @@ resource_options:
|
|
31
37
|
href: https://unsplash.com/@ripato/portfolio
|
32
38
|
---
|
33
39
|
|
40
|
+
// Page Initializer
|
41
|
+
// =============================================================================
|
34
42
|
// Enable the Liquid Preprocessor
|
35
|
-
// -----------------------------------------------------------------------------
|
36
43
|
:page-liquid:
|
37
44
|
|
38
|
-
// Set
|
45
|
+
// Set page (local) attributes here
|
39
46
|
// -----------------------------------------------------------------------------
|
40
|
-
|
47
|
+
// :page--attr: <attr-value>
|
48
|
+
:images-dir: {imagesdir}/pages/roundtrip/100_present_images
|
41
49
|
|
42
50
|
// Load Liquid procedures
|
43
51
|
// -----------------------------------------------------------------------------
|
44
|
-
{% capture
|
45
|
-
|
46
|
-
// Initialize entry document environmental attributes
|
47
|
-
// -----------------------------------------------------------------------------
|
48
|
-
{% include {{set_env_entry_document}} %}
|
52
|
+
{% capture load_attributes %}themes/{{site.template.name}}/procedures/global/attributes_loader.proc{%endcapture%}
|
49
53
|
|
50
|
-
// Load
|
54
|
+
// Load page attributes
|
51
55
|
// -----------------------------------------------------------------------------
|
52
|
-
include
|
53
|
-
include::{includedir}/attributes.asciidoc[tag=urls]
|
54
|
-
include::{includedir}/attributes.asciidoc[tag=data]
|
55
|
-
|
56
|
-
// Set local page attributes
|
57
|
-
// -----------------------------------------------------------------------------
|
58
|
-
:images-dir: {imagesdir}/pages/roundtrip/100_present_images
|
59
|
-
|
56
|
+
{% include {{load_attributes}} scope="all" %}
|
60
57
|
|
61
58
|
// Page content
|
62
59
|
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
|
60
|
+
Welcome to the first preview page focussing the image module. This page show
|
61
|
+
some of quite useful features of J1 Template to manage your image-based content
|
62
|
+
using lightboxes, carousels (slider) and galleries.
|
63
63
|
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
you some of the quite useful features of J1 Template to manage your image based
|
69
|
-
content using lightboxes, carousels (slider) and galleries.
|
70
|
-
|
71
|
-
The image module offer complex functionality based on powerful open source
|
72
|
-
libraries like the build-in Gallely gallery for simple _Bootstrap_ grid-based
|
73
|
-
image galleries or Justified Gallery for high-end, masonry styled preview
|
74
|
-
maps. The build-in carousel app carousel, using the jQuery plugin Owl Carousel
|
75
|
-
as a base, let you present your images as slide shows.
|
64
|
+
The image module offers complex functionality based on powerful OpenSource
|
65
|
+
libraries like Justified Gallery for high-end, masonry styled preview maps.
|
66
|
+
A carousel app, using the jQuery plugin Owl Carousel as a base, let you
|
67
|
+
present your images as slide shows.
|
76
68
|
|
77
69
|
Lightboxes like LightGallery or Lightbox V2 support your web for full image
|
78
70
|
views of your picture or video content. Have a look, a quick tour what J1
|
79
|
-
can do. Have fun!
|
71
|
+
can do for image data. Have fun!
|
80
72
|
|
81
73
|
== J1 Lightboxes
|
82
74
|
|
83
|
-
A Lightbox in general is a helper which displays enlarged, almost
|
75
|
+
A Lightbox, in general, is a helper which displays enlarged, almost
|
84
76
|
screen-filling versions of pictures (or videos), while dimming the rest of the
|
85
77
|
page. The technique, introduced by Lightbox V2, gained widespread popularity
|
86
78
|
due to its simple and elegant style. The term lightbox is used since then for
|
@@ -96,106 +88,79 @@ written by _Lokesh Dhakar_. The name of that (build-in) is simply: lightbox.
|
|
96
88
|
For more complex use cases, like a thumbnail gallery preview or video support,
|
97
89
|
LightGallery can be used alternatively.
|
98
90
|
|
99
|
-
NOTE: The name LightGallery implies a sort of a Gallery but the library is a
|
91
|
+
NOTE: The name LightGallery implies a sort of a Gallery, but the library is a
|
100
92
|
_lightbox_. And, LightGallery provides much more functionality on image-based
|
101
93
|
data rather than enlarged displaying of images. See the examples below to check
|
102
|
-
for the differences in
|
94
|
+
for the differences in comparison to the simpler Lightbox V2 lightbox.
|
103
95
|
|
104
96
|
Both lightboxes are fully integrated to be used as standalone modules or to be
|
105
|
-
used as helpers _under-the-hood_ by other apps or modules focussing on
|
106
|
-
data like gallery or carousel, the build-in carousel module.
|
97
|
+
used as helpers _under-the-hood_ by other apps or modules focussing on
|
98
|
+
image-data like gallery or carousel, the build-in carousel module.
|
107
99
|
|
108
100
|
== Lightbox Examples
|
109
101
|
|
110
102
|
Find below an example of using the lightbox Lightbox standalone. See how
|
111
103
|
single (individual) images are linked for the use with Lightbox.
|
112
104
|
|
113
|
-
.
|
105
|
+
.Lightbox block for standalone images
|
114
106
|
lightbox::example-standalone[ 400, {data-images-standalone} ]
|
115
107
|
|
116
108
|
For a group of images (image sets), Lightbox support image groups. Click
|
117
109
|
on the images below to see how Lightbox manage image groups.
|
118
110
|
|
119
|
-
.
|
111
|
+
.Lightbox block for grouped images
|
120
112
|
lightbox::example-group[ 400, {data-images-group}, group ]
|
121
113
|
|
122
114
|
=== LightGallery Example
|
123
115
|
|
124
116
|
LightGallery provides more complex functions on image data. The lightbox
|
125
|
-
supports a gallery-
|
126
|
-
|
117
|
+
supports a gallery-style thumbnail preview plus image resizing, a dowload
|
118
|
+
dialogue, sharing provider support and some more helpful. Check what
|
127
119
|
LightGallery can do by the following example.
|
128
120
|
|
129
|
-
|
130
|
-
|
131
|
-
<div id="caption1" style="display:none">
|
132
|
-
<h4 class="notoc">Image 1</h4><p>Golden Gate Bridge with San Francisco in distance</p>
|
133
|
-
</div>
|
134
|
-
<div id="caption2" style="display:none">
|
135
|
-
<h4 class="notoc">Image 2</h4><p>Forest with mountains behind</p>
|
136
|
-
</div>
|
137
|
-
<div id="caption3" style="display:none">
|
138
|
-
<h4 class="notoc">Image 3</h4><p>Bicyclist looking out over hill at ocean</p>
|
139
|
-
</div>
|
140
|
-
|
141
|
-
<div id="lightgallery-roundtrip-example" class="imageblock mb-4" data-sub-html=".caption">
|
142
|
-
<a href="{images-dir}/lightbox-image-1.jpg" data-sub-html="#caption1">
|
143
|
-
<img src="{images-dir}/lightbox-thumb-1.jpg" alt="Golden Gate Bridge with San Francisco in distance">
|
144
|
-
</a>
|
145
|
-
<a href="{images-dir}/lightbox-image-2.jpg" data-sub-html="#caption2">
|
146
|
-
<img src="{images-dir}/lightbox-thumb-2.jpg" alt="Forest with mountains behind">
|
147
|
-
</a>
|
148
|
-
<a href="{images-dir}/lightbox-image-3.jpg" data-sub-html="#caption3">
|
149
|
-
<img src="{images-dir}/lightbox-thumb-3.jpg" alt="Bicyclist looking out over hill at ocean">
|
150
|
-
</a>
|
151
|
-
</div>
|
121
|
+
// .Example of a Justified Gallery
|
122
|
+
gallery::jg_example[]
|
152
123
|
|
153
|
-
<script>
|
154
|
-
$(document).ready(function(){
|
155
|
-
$('#lightgallery-roundtrip-example').lightGallery({
|
156
|
-
thumbnail: true
|
157
|
-
});
|
158
|
-
});
|
159
|
-
</script>
|
160
|
-
++++
|
161
124
|
|
162
125
|
== J1 Carousel App
|
163
126
|
|
164
|
-
J1 Carousel is based on OWL Carousel V1 in the latest (and
|
127
|
+
J1 Carousel is based on OWL Carousel V1 in the latest (and unfortunately
|
165
128
|
last) version of 1.3.3. OWL Carousel is a clean and neat jQuery slider plugin
|
166
129
|
for creating fully responsive and touch-enabled carousel sliders.
|
167
130
|
|
168
|
-
NOTE: OWL Carousel V1 is
|
131
|
+
NOTE: OWL Carousel V1 is no longer available on the Internet; for an unknown
|
169
132
|
reason. Anyway, J1 Template is using this version of OWL Carousel as a
|
170
133
|
build-in carousel module because the software does an excellent job, is based
|
171
|
-
on
|
134
|
+
on an MIT license with no issues using them for private and business use.
|
172
135
|
And offers a lot of great features!
|
173
136
|
|
174
137
|
=== Simple Text Carousel
|
175
138
|
|
176
139
|
A slider or carousel typically is used for displaying images but the
|
177
140
|
implementation for J1 Template support a lot more sources to be displayed
|
178
|
-
as a slide show: simple text for example.
|
141
|
+
as a slide show: simple text, for example.
|
179
142
|
|
143
|
+
.Simple text carousel
|
180
144
|
carousel::owl_demo_text_carousel[role="mb-3"]
|
181
145
|
|
182
146
|
Important statements or topics can be placed e.g. on top of an article or a
|
183
|
-
paragraph to give them
|
184
|
-
a bunch of facts to know animated for the
|
147
|
+
paragraph to give them better visibility. In one line, you can present
|
148
|
+
a bunch of facts to know animated for the reader's attention within as single
|
185
149
|
line - no much space is needed.
|
186
150
|
|
187
151
|
=== Parallax Text Carousel
|
188
152
|
|
189
|
-
A more eye-minded type of a text
|
190
|
-
want to place emphasis on
|
191
|
-
|
192
|
-
the
|
153
|
+
A more eye-minded type of a text-show is a parallax text slider. If you
|
154
|
+
want to place emphasis on your personal statements focussing the meaning, this
|
155
|
+
kind of a slide show may be interesting. Image-based slide shows may draw off
|
156
|
+
the reader's attention from the text, therefor a pure text-based presentation
|
193
157
|
may the better choice.
|
194
158
|
|
195
|
-
.Parallax
|
159
|
+
// .Parallax text carousel
|
196
160
|
// carousel::owl_demo_text_carousel_parallax[role="mb-3"]
|
197
161
|
|
198
162
|
++++
|
163
|
+
<div class="slider-title">Parallax text carousel</div>
|
199
164
|
<div class="parallax-slider__owl_demo_text_carousel_parallax mb-3" style="background-position: 50% 45px">
|
200
165
|
<div id="owl_demo_text_carousel_parallax"></div>
|
201
166
|
</div>
|
@@ -211,46 +176,46 @@ may the better choice.
|
|
211
176
|
</script>
|
212
177
|
++++
|
213
178
|
|
214
|
-
Parallax text shows
|
179
|
+
Parallax text shows can be placed as banners on a page. A lot of different
|
215
180
|
animations can be used. Internally, J1 Template is using some of the really
|
216
181
|
great CSS styles offered by _animate.css_.
|
217
182
|
|
218
183
|
TIP: Have a look a https://daneden.github.io/animate.css/[Dan Eden's home page]
|
219
|
-
to see all the possible dynamic styles you can create based on pure CSS. Some
|
220
|
-
of them are implemented for OWL Carousel for animation. See the
|
184
|
+
to see all the possible dynamic styles, you can create based on pure CSS. Some
|
185
|
+
of them are implemented for OWL Carousel for animation. See the documentation
|
221
186
|
for the CAROUSEL Module for more details.
|
222
187
|
|
223
188
|
=== Simple Image Carousel
|
224
189
|
|
225
|
-
Carousels are mostly used for pictures data to animate the images as series.
|
190
|
+
Carousels are mostly used for pictures data to animate the images as a series.
|
226
191
|
Find with the following some examples how to use a carousel for your image
|
227
192
|
data.
|
228
193
|
|
229
194
|
A simple image show is useful for example as an animated (or not animated)
|
230
|
-
banner presenting
|
195
|
+
banner presenting exciting things of your site or the products offered.
|
231
196
|
|
232
197
|
.Simple Image Carousel
|
233
198
|
carousel::owl_demo_simple[role="mb-5"]
|
234
199
|
|
235
200
|
=== Carousel + Caption + Lightbox
|
236
201
|
|
237
|
-
Carousels can be used for
|
238
|
-
|
239
|
-
enlarge images full size. For the example below, a
|
240
|
-
is used: Lightbox V2; or short: lightbox.
|
202
|
+
Carousels can be used for an exceptionally compact form of image galleries.
|
203
|
+
This example shows some pictures having individual caption text and supports
|
204
|
+
a lightbox to enlarge images full size. For the example below, a almost simple
|
205
|
+
lightbox is used: Lightbox V2; or short: lightbox.
|
241
206
|
|
242
207
|
.Nice cats
|
243
208
|
carousel::owl_demo_cats[role="mb-5"]
|
244
209
|
|
245
|
-
The J1 module lightbox is a simple Lightbox but offers a bunch of
|
246
|
-
features for displaying images. For example, lightbox can display all
|
247
|
-
(of a carousel) as a group. If one picture is opened in the lightbox, all
|
248
|
-
the other can browsed as well.
|
210
|
+
The J1 module lightbox is a simple Lightbox but offers a bunch of impressive
|
211
|
+
features for displaying images. For example, the lightbox can display all
|
212
|
+
images (of a carousel) as a group. If one picture is opened in the lightbox, all
|
213
|
+
the other can be browsed as well.
|
249
214
|
|
250
215
|
=== One Slide Carousel + Lightbox
|
251
216
|
|
252
217
|
The build-in Carousel carousel supports multiple and single image shows.
|
253
|
-
Here you find an example of
|
218
|
+
Here you find an example of a single image slide show with controls enabled
|
254
219
|
to browse all images back and forth. An indicator below the slider shows how
|
255
220
|
many images the show contains.
|
256
221
|
|
@@ -261,21 +226,21 @@ carousel::owl_demo_oneslide[role="mb-5"]
|
|
261
226
|
|
262
227
|
To create image and video galleries, J1 Template implements the jQuery
|
263
228
|
plugin JustifiedGallery as the main gallery module. Beside Justified
|
264
|
-
Gallery, a gallery based on pure _Bootstrap_ code is available with the
|
265
|
-
gallery app gallery
|
229
|
+
Gallery, a gallery based on pure _Bootstrap_ code is available with the
|
230
|
+
built-in gallery app *gallery*.
|
266
231
|
|
267
|
-
Justified Gallery is a great jQuery plugin to create responsive, infinite
|
268
|
-
and high quality justified image galleries. J1 Template combines the
|
269
|
-
with the lightboxes supported to
|
232
|
+
Justified Gallery is a great jQuery plugin to create responsive, infinite,
|
233
|
+
and high quality justified image galleries. J1 Template combines the Gallery
|
234
|
+
with the lightboxes supported to enlarge the images of a gallery.
|
270
235
|
|
271
|
-
See Justified Gallery in action - and for sure all
|
236
|
+
See Justified Gallery in action - and for sure all that you see is even
|
272
237
|
responsive. Change the size of your current browser window, by width or height,
|
273
238
|
to see what will happen!
|
274
239
|
|
275
240
|
=== Justified Gallery
|
276
241
|
|
277
242
|
Pictures you've made are typically not even in size. Images may have the
|
278
|
-
same size (resolution), but some of
|
243
|
+
same size (resolution), but some of them are orientated landscape or other
|
279
244
|
may portrait. For that reason, a more powerful gallery is needed to create
|
280
245
|
so-called justified views.
|
281
246
|
|
@@ -289,7 +254,7 @@ gallery::jg_customizer[]
|
|
289
254
|
|
290
255
|
== Whats next
|
291
256
|
|
292
|
-
Hopefully you've enjoyed exploring the possibilities J1 offers for managing
|
257
|
+
Hopefully, you've enjoyed exploring the possibilities J1 offers for managing
|
293
258
|
and displaying digital image content. But much, much more can the J1 do for
|
294
259
|
your web.
|
295
260
|
|