j1-template 2020.0.21 → 2021.0.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/LICENSE +1 -1
- data/_includes/themes/j1/blocks/ads/ad.html +3 -3
- data/_includes/themes/j1/blocks/footer/boxes/about_box.proc +1 -1
- data/_includes/themes/j1/blocks/footer/boxes/contacts_box.proc +1 -1
- data/_includes/themes/j1/blocks/footer/boxes/issue.proc +1 -1
- data/_includes/themes/j1/blocks/footer/boxes/legal_statements.proc +1 -1
- data/_includes/themes/j1/blocks/footer/boxes/links_box.proc +1 -1
- data/_includes/themes/j1/blocks/footer/boxes/news_box.proc +1 -1
- data/_includes/themes/j1/blocks/footer/boxes/social_media_icons.proc +1 -1
- data/_includes/themes/j1/blocks/footer/generator.html +2 -2
- data/_includes/themes/j1/layouts/content_generator_app.html +1 -1
- data/_includes/themes/j1/layouts/content_generator_blog_archive.html +12 -12
- data/_includes/themes/j1/layouts/content_generator_collection.html +3 -3
- data/_includes/themes/j1/layouts/content_generator_page.html +5 -5
- data/_includes/themes/j1/layouts/content_generator_post.html +65 -163
- data/_includes/themes/j1/layouts/content_generator_raw.html +1 -1
- data/_includes/themes/j1/layouts/layout_metadata_generator.html +14 -14
- data/_includes/themes/j1/layouts/layout_module_generator.html +1 -1
- data/_includes/themes/j1/layouts/layout_resource_generator.html +1 -1
- data/_includes/themes/j1/modules/attics/generator.html +2 -2
- data/_includes/themes/j1/modules/boards/news_pin_board.html +1 -1
- data/_includes/themes/j1/modules/connectors/ad/custom-provider.html +1 -1
- data/_includes/themes/j1/modules/connectors/ad/google-adsense.html +16 -2
- data/_includes/themes/j1/modules/connectors/ads +3 -3
- data/_includes/themes/j1/modules/connectors/analytic/custom-provider.html +1 -1
- data/_includes/themes/j1/modules/connectors/analytic/google-analytics.html +3 -5
- data/_includes/themes/j1/modules/connectors/analytics +3 -3
- data/_includes/themes/j1/modules/connectors/comment/custom-provider.html +1 -1
- data/_includes/themes/j1/modules/connectors/comment/disqus.html +39 -26
- data/_includes/themes/j1/modules/connectors/comment/facebook.html +1 -1
- data/_includes/themes/j1/modules/connectors/comments +3 -3
- data/_includes/themes/j1/modules/connectors/sharing +1 -1
- data/_includes/themes/j1/modules/connectors/translator +3 -3
- data/_includes/themes/j1/modules/connectors/translators/custom-translator.html +1 -1
- data/_includes/themes/j1/modules/connectors/translators/google-translator.html +1 -1
- data/_includes/themes/j1/modules/navigator/generator.html +18 -9
- data/_includes/themes/j1/modules/navigator/procedures/topsearch.proc +37 -27
- data/_includes/themes/j1/procedures/collections/create_collection_article_preview.proc +1 -1
- data/_includes/themes/j1/procedures/global/attributes_loader.proc +21 -21
- data/_includes/themes/j1/procedures/global/collect_frontmatter_options.proc +1 -1
- data/_includes/themes/j1/procedures/global/collect_page_options.proc +1 -1
- data/_includes/themes/j1/procedures/global/create_bs_button.proc +5 -4
- data/_includes/themes/j1/procedures/global/create_word_cloud.proc +4 -2
- data/_includes/themes/j1/procedures/global/get_category.proc +1 -1
- data/_includes/themes/j1/procedures/global/get_category_item.proc +1 -1
- data/_includes/themes/j1/procedures/global/get_documents_dir.proc +1 -1
- data/_includes/themes/j1/procedures/global/get_page_path.proc +1 -1
- data/_includes/themes/j1/procedures/global/get_page_url.proc +1 -1
- data/_includes/themes/j1/procedures/global/pager.proc +1 -1
- data/_includes/themes/j1/procedures/global/select_color.proc +1 -1
- data/_includes/themes/j1/procedures/global/select_font_size.proc +1 -1
- data/_includes/themes/j1/procedures/global/select_icon_size.proc +1 -1
- data/_includes/themes/j1/procedures/global/select_location.proc +1 -1
- data/_includes/themes/j1/procedures/global/set_base_vars_folders.proc +1 -1
- data/_includes/themes/j1/procedures/global/set_env_entry_document.proc +1 -1
- data/_includes/themes/j1/procedures/global/set_image_block.proc +1 -1
- data/_includes/themes/j1/procedures/global/setup.proc +10 -10
- data/_includes/themes/j1/procedures/layouts/content_writer.proc +2 -3
- data/_includes/themes/j1/procedures/layouts/default_writer.proc +1 -1
- data/_includes/themes/j1/procedures/layouts/module_writer.proc +2 -2
- data/_includes/themes/j1/procedures/layouts/resource_writer.proc +1 -1
- data/_includes/themes/j1/procedures/posts/collate_calendar.proc +2 -2
- data/_includes/themes/j1/procedures/posts/collate_list.proc +2 -2
- data/_includes/themes/j1/procedures/posts/collate_timeline.proc +19 -18
- data/_includes/themes/j1/procedures/posts/create_ad_block.proc +1 -1
- data/_includes/themes/j1/procedures/posts/create_series_header.proc +10 -6
- data/_layouts/app.html +1 -1
- data/_layouts/blog_archive.html +1 -1
- data/_layouts/collection.html +1 -1
- data/_layouts/compress.html +1 -1
- data/_layouts/default.html +4 -4
- data/_layouts/home.html +3 -3
- data/_layouts/page.html +1 -1
- data/_layouts/paginator/autopage_category.html +1 -1
- data/_layouts/paginator/autopage_collection.html +1 -1
- data/_layouts/paginator/autopage_collections_tags.html +1 -1
- data/_layouts/paginator/autopage_tags.html +1 -1
- data/_layouts/post.html +1 -1
- data/_layouts/raw.html +1 -1
- data/apps/public/cc/cc.yml +4 -4
- data/assets/data/authclient.html +2 -2
- data/assets/data/banner.html +25 -21
- data/assets/data/carousel.json +8 -16
- data/assets/data/cookiebar.html +15 -11
- 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 +2 -1
- data/assets/error_pages/HTTP400.html +4 -3
- data/assets/error_pages/HTTP401.html +4 -3
- data/assets/error_pages/HTTP403.html +4 -3
- data/assets/error_pages/HTTP404.html +4 -3
- data/assets/error_pages/HTTP500.html +4 -3
- data/assets/error_pages/HTTP501.html +4 -3
- data/assets/error_pages/HTTP502.html +4 -3
- data/assets/error_pages/HTTP503.html +4 -3
- data/assets/error_pages/HTTP520.html +4 -3
- data/assets/error_pages/HTTP521.html +4 -3
- data/assets/error_pages/HTTP533.html +4 -3
- data/assets/themes/j1/adapter/js/algolia.js +3 -3
- data/assets/themes/j1/adapter/js/attic.js +4 -4
- data/assets/themes/j1/adapter/js/bmd.js +2 -2
- data/assets/themes/j1/adapter/js/carousel.js +402 -39
- data/assets/themes/j1/adapter/js/clipboard.js +4 -4
- data/assets/themes/j1/adapter/js/cookiebar.js +9 -2
- data/assets/themes/j1/adapter/js/{ssm.js → fam.js} +253 -143
- data/assets/themes/j1/adapter/js/framer.js +75 -59
- data/assets/themes/j1/adapter/js/gallery_customizer.js +5 -4
- data/assets/themes/j1/adapter/js/j1.js +26 -20
- data/assets/themes/j1/adapter/js/jf_gallery.js +5 -5
- data/assets/themes/j1/adapter/js/lightbox.js +4 -4
- data/assets/themes/j1/adapter/js/logger.js +3 -3
- data/assets/themes/j1/adapter/js/{searcher.js → lunr_search.js} +70 -67
- data/assets/themes/j1/adapter/js/mmenu.js +22 -14
- data/assets/themes/j1/adapter/js/navigator.js +63 -58
- data/assets/themes/j1/adapter/js/rouge.js +248 -0
- data/assets/themes/j1/adapter/js/rtable.js +183 -0
- data/assets/themes/j1/adapter/js/themer.js +94 -133
- data/assets/themes/j1/adapter/js/toccer.js +74 -34
- data/assets/themes/j1/core/css/animate.css +2 -2
- data/assets/themes/j1/core/css/{icons-fontawesome.css → icon-fonts/fontawesome.css} +2 -2
- 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} +5 -5
- 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} +9 -9
- 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} +6 -6
- data/assets/themes/j1/core/css/{icons-twemoji.min.css → icon-fonts/twemoji.min.css} +0 -0
- data/assets/themes/j1/core/css/{bootstrap.css → themes/bootstrap/bootstrap.css} +8 -5
- 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} +141 -132
- data/assets/themes/j1/core/css/themes/uno-dark/bootstrap.min.css +6 -0
- data/assets/themes/j1/core/css/{uno.css → themes/uno-light/bootstrap.css} +1667 -1339
- data/assets/themes/j1/core/css/themes/uno-light/bootstrap.min.css +8 -0
- data/assets/themes/j1/core/css/vendor.css +63 -53
- data/assets/themes/j1/core/css/vendor.min.css +1 -1
- data/assets/themes/j1/core/js/template.js +9 -19
- 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 +1 -1
- data/assets/themes/j1/modules/backstretch/js/backstretch.min.js +1 -1
- 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 +1 -1
- data/assets/themes/j1/modules/carousel/css/carousel.min.css +1 -1
- data/assets/themes/j1/modules/carousel/css/carousel_transitions.css +1 -1
- data/assets/themes/j1/modules/carousel/css/carousel_transitions.min.css +1 -1
- data/assets/themes/j1/modules/carousel/css/theme/uno.css +121 -76
- data/assets/themes/j1/modules/carousel/css/theme/uno.min.css +2 -2
- 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 +3 -3
- data/assets/themes/j1/modules/clipboard/css/theme/uno.min.css +2 -2
- 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/css/jqueryUI/theme.css +443 -0
- data/assets/themes/j1/modules/jquery/css/jqueryUI/theme.min.css +5 -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/jqueryUI.js +18701 -0
- data/assets/themes/j1/modules/jquery/js/jqueryUI.min.js +13 -0
- 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/_versions/v3.7.0/css/theme/uno.css +1 -1
- data/assets/themes/j1/modules/justifiedGallery/_versions/v4.0.0/css/theme/uno.css +1 -1
- data/assets/themes/j1/modules/justifiedGallery/css/theme/uno.css +6 -5
- data/assets/themes/j1/modules/justifiedGallery/css/theme/uno.min.css +2 -2
- data/assets/themes/j1/modules/kofax.7z +0 -0
- data/assets/themes/j1/modules/lightGallery/css/themes/uno.css +1 -1
- data/assets/themes/j1/modules/lightGallery/css/themes/uno.min.css +1 -1
- data/assets/themes/j1/modules/lightGallery/js/modules/j1/j1-video.js +1 -1
- data/assets/themes/j1/modules/lightGallery/js/modules/j1/j1-video.min.js +1 -1
- data/assets/themes/j1/modules/lightbox/css/lightbox.css +1 -1
- data/assets/themes/j1/modules/lightbox/css/lightbox.min.css +1 -1
- data/assets/themes/j1/modules/lightbox/css/theme/uno.css +1 -1
- data/assets/themes/j1/modules/lightbox/css/theme/uno.min.css +1 -1
- data/assets/themes/j1/modules/lightbox/js/lightbox.js +2 -2
- data/assets/themes/j1/modules/lightbox/js/lightbox.min.js +1 -1
- data/assets/themes/j1/modules/lunrSearch/css/lunr_search.css +32 -0
- data/assets/themes/j1/modules/lunrSearch/css/lunr_search.min.css +32 -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/mdiPreviewer/css/previewer.css +1 -1
- data/assets/themes/j1/modules/mdiPreviewer/css/previewer.min.css +1 -1
- data/assets/themes/j1/modules/mmenuLight/css/mmenu.css +11 -11
- data/assets/themes/j1/modules/mmenuLight/css/mmenu.min.css +386 -12
- data/assets/themes/j1/modules/mmenuLight/css/theme/uno.css +16 -12
- data/assets/themes/j1/modules/mmenuLight/css/theme/uno.min.css +189 -8
- data/assets/themes/j1/modules/mmenuLight/js/mmenu.js +1 -1
- data/assets/themes/j1/modules/mmenuLight/js/mmenu.min.js +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 +5 -6
- 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 +1 -1
- data/assets/themes/j1/modules/twemoji/js/twemoji.js +1 -1
- data/assets/themes/j1/modules/twemoji/js/twemoji.min.js +1 -1
- data/lib/j1/commands/generate.rb +8 -7
- data/lib/j1/version.rb +1 -1
- data/lib/j1_app.rb +0 -4
- data/lib/j1_app/j1_auth_manager/auth_manager.rb +1 -1
- data/lib/j1_app/j1_auth_manager/config.rb +2 -2
- data/lib/j1_app/j1_auth_manager/error_pages.rb +1 -1
- data/lib/j1_app/j1_auth_manager/helpers_disqus.rb +1 -1
- data/lib/j1_app/j1_auth_manager/helpers_facebook.rb +1 -1
- data/lib/j1_app/j1_auth_manager/helpers_github.rb +1 -1
- data/lib/j1_app/j1_auth_manager/helpers_patreon.rb +1 -1
- data/lib/j1_app/j1_auth_manager/helpers_twitter.rb +1 -1
- data/lib/j1_app/j1_auth_manager/warden_omniauth.rb +1 -1
- data/lib/j1_app/omniauth/strategies/disqus.rb +1 -1
- data/lib/j1_app/omniauth/strategies/facebook.rb +1 -1
- data/lib/j1_app/omniauth/strategies/github.rb +1 -1
- data/lib/j1_app/omniauth/strategies/patreon.rb +1 -1
- data/lib/j1_app/omniauth/strategies/twitter.rb +1 -1
- data/lib/starter_web/Gemfile +22 -47
- data/lib/starter_web/_config.yml +81 -10
- data/lib/starter_web/_data/_defaults/categories.yml +1 -1
- data/lib/starter_web/_data/_defaults/colors.yml +1 -1
- data/lib/starter_web/_data/_defaults/font_sizes.yml +1 -1
- data/lib/starter_web/_data/_defaults/j1_light_gallery.yml +1 -1
- data/lib/starter_web/_data/_defaults/resources.yml +1 -1
- data/lib/starter_web/_data/_defaults/template_settings.yml +1 -1
- data/lib/starter_web/_data/apps/carousel.yml +168 -347
- data/lib/starter_web/_data/apps/defaults/carousel.yml +88 -87
- data/lib/starter_web/_data/apps/defaults/gallery_customizer.yml +1 -1
- data/lib/starter_web/_data/apps/defaults/justified_gallery.yml +1 -1
- data/lib/starter_web/_data/apps/defaults/light_gallery.yml +1 -1
- data/lib/starter_web/_data/apps/defaults/lightbox.yml +1 -1
- data/lib/starter_web/_data/apps/gallery_customizer.yml +1 -1
- data/lib/starter_web/_data/apps/justified_gallery.yml +45 -11
- data/lib/starter_web/_data/apps/light_gallery.yml +1 -1
- data/lib/starter_web/_data/apps/lightbox.yml +1 -1
- data/lib/starter_web/_data/blocks/banner.yml +33 -28
- data/lib/starter_web/_data/blocks/defaults/banner.yml +15 -14
- data/lib/starter_web/_data/blocks/defaults/footer.yml +2 -2
- data/lib/starter_web/_data/blocks/defaults/panel.yml +4 -3
- data/lib/starter_web/_data/blocks/footer.yml +3 -3
- data/lib/starter_web/_data/blocks/panel.yml +25 -26
- data/lib/starter_web/_data/builder/blog_navigator.yml +1 -1
- data/lib/starter_web/_data/categories.yml +1 -1
- data/lib/starter_web/_data/colors.yml +1 -1
- data/lib/starter_web/_data/font_sizes.yml +1 -1
- data/lib/starter_web/_data/{template_settings.yml → j1_config.yml} +90 -36
- data/lib/starter_web/_data/layouts/app.yml +1 -1
- data/lib/starter_web/_data/layouts/blog_archive.yml +1 -1
- data/lib/starter_web/_data/layouts/collection.yml +7 -7
- data/lib/starter_web/_data/layouts/default.yml +1 -1
- data/lib/starter_web/_data/layouts/home.yml +20 -11
- data/lib/starter_web/_data/layouts/page.yml +10 -1
- data/lib/starter_web/_data/layouts/post.yml +10 -1
- data/lib/starter_web/_data/layouts/raw.yml +1 -1
- data/lib/starter_web/_data/modules/advertising.yml +1 -1
- data/lib/starter_web/_data/modules/attics.yml +1 -1
- data/lib/starter_web/_data/modules/authentication.yml +1 -1
- data/lib/starter_web/_data/modules/cookiebar.yml +1 -1
- data/lib/starter_web/_data/modules/defaults/attics.yml +1 -1
- data/lib/starter_web/_data/modules/defaults/authentication.yml +1 -1
- data/lib/starter_web/_data/modules/defaults/cookiebar.yml +4 -2
- data/lib/starter_web/_data/modules/defaults/{ssm.yml → fam.yml} +13 -16
- data/lib/starter_web/_data/modules/defaults/framer.yml +1 -1
- data/lib/starter_web/_data/modules/defaults/jekyll_search.yml +1 -1
- data/lib/starter_web/_data/modules/defaults/log4javascript.yml +1 -1
- data/lib/starter_web/_data/modules/defaults/log4r.yml +1 -1
- data/lib/starter_web/_data/modules/defaults/lunr_search.yml +171 -0
- data/lib/starter_web/_data/modules/defaults/navigator.yml +6 -6
- data/lib/starter_web/_data/modules/defaults/themer.yml +9 -14
- data/lib/starter_web/_data/modules/defaults/toccer.yml +5 -3
- data/lib/starter_web/_data/modules/fam.yml +192 -0
- data/lib/starter_web/_data/modules/framer.yml +1 -1
- data/lib/starter_web/_data/modules/jekyll_search.yml +1 -1
- data/lib/starter_web/_data/modules/log4javascript.yml +1 -1
- data/lib/starter_web/_data/modules/log4r.yml +1 -1
- data/lib/starter_web/_data/modules/{back2top.yml → lunr_search.yml} +15 -9
- data/lib/starter_web/_data/modules/navigator.yml +3 -3
- data/lib/starter_web/_data/modules/navigator_menu.yml +14 -8
- data/lib/starter_web/_data/modules/themer.yml +2 -20
- data/lib/starter_web/_data/modules/toccer.yml +1 -74
- data/lib/starter_web/_data/pages/builder.yml +1 -1
- data/lib/starter_web/_data/plugins/defaults/notebooks.yml +1 -1
- data/lib/starter_web/_data/plugins/defaults/paginator.yml +1 -1
- data/lib/starter_web/_data/plugins/notebooks.yml +1 -1
- data/lib/starter_web/_data/plugins/paginator.yml +1 -1
- data/lib/starter_web/_data/private.yml +1 -1
- data/lib/starter_web/_data/resources.yml +194 -100
- data/lib/starter_web/_data/utilities/defaults/util_srv.yml +1 -1
- data/lib/starter_web/_data/utilities/util_srv.yml +1 -1
- data/lib/starter_web/{includes → _includes}/attributes.asciidoc +19 -8
- 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/{collections/posts/public/test_posts/_posts/includes/tables/debug_variables.asciidoc → _includes/tables/jekyll_variables.asciidoc} +8 -11
- data/lib/starter_web/_includes/tables/template_variables.asciidoc +46 -0
- data/lib/starter_web/_plugins/asciidoctor-extensions/admonition-block-answer.rb +1 -1
- data/lib/starter_web/_plugins/asciidoctor-extensions/admonition-block-question.rb +1 -1
- data/lib/starter_web/_plugins/asciidoctor-extensions/banner.rb +1 -1
- data/lib/starter_web/_plugins/asciidoctor-extensions/carousel-block.rb +1 -1
- data/lib/starter_web/_plugins/asciidoctor-extensions/fab-icon-inline.rb +1 -1
- data/lib/starter_web/_plugins/asciidoctor-extensions/fas-icon-inline.rb +1 -1
- data/lib/starter_web/_plugins/asciidoctor-extensions/gallery-block.rb +1 -1
- data/lib/starter_web/_plugins/asciidoctor-extensions/gist-block.rb +1 -1
- data/lib/starter_web/_plugins/asciidoctor-extensions/iconify-icon-inline.rb +1 -1
- data/lib/starter_web/_plugins/asciidoctor-extensions/lightbox-block.rb +1 -1
- data/lib/starter_web/_plugins/asciidoctor-extensions/mdi-icon-inline.rb +1 -1
- data/lib/starter_web/_plugins/asciidoctor-extensions/panel.rb +1 -1
- data/lib/starter_web/_plugins/asciidoctor-extensions/shout-block.rb +1 -1
- data/lib/starter_web/_plugins/asciidoctor-extensions/twitter-emoji-inline.rb +1 -1
- data/lib/starter_web/_plugins/debug.rb +1 -2
- data/lib/starter_web/_plugins/filters.rb +1 -2
- data/lib/starter_web/_plugins/lorem_inline.rb +159 -0
- data/lib/starter_web/_plugins/lunr_index.rb +316 -0
- data/lib/starter_web/_plugins/minifyJS.rb +1 -1
- data/lib/starter_web/_plugins/minifyJSON.rb +1 -1
- data/lib/starter_web/_plugins/prettify.rb +1 -4
- data/lib/starter_web/_plugins/simple_search_filter.rb +1 -2
- data/lib/starter_web/_plugins/symlink_watcher.rb +3 -4
- 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/modules/icons/d1/d1-256x256.png +0 -0
- data/lib/starter_web/assets/images/modules/icons/d1/d1-32x32.ico +0 -0
- data/lib/starter_web/assets/images/modules/icons/d1/d1-512x512.png +0 -0
- data/lib/starter_web/assets/images/modules/icons/d1/d1-64x64.png +0 -0
- data/lib/starter_web/assets/images/modules/icons/d1/d1.ico +0 -0
- data/lib/starter_web/assets/images/modules/icons/d1/favicon.ico +0 -0
- data/lib/starter_web/assets/images/modules/icons/d1/scalable/d1.svg +48 -43
- 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/assets/images/quotes/colored-1.jpg +0 -0
- data/lib/starter_web/assets/images/quotes/colored-2.jpg +0 -0
- data/lib/starter_web/assets/images/quotes/default.jpg +0 -0
- data/lib/starter_web/assets/images/quotes/light-blue.jpg +0 -0
- data/lib/starter_web/assets/images/quotes/people.jpg +0 -0
- data/lib/starter_web/collections/posts/{protected → private/_posts}/readme +0 -0
- data/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/{test_posts/_posts/includes → featured/_posts/_includes}/attributes.asciidoc +13 -16
- 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/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/{wikipedia/_posts/000_includes → series/_posts/_includes}/attributes.asciidoc +9 -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/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/config.ru +1 -1
- data/lib/starter_web/dot.gitattributes +1 -1
- data/lib/starter_web/dot.nojekyll +1 -1
- data/lib/starter_web/index.html +16 -10
- data/lib/starter_web/package.json +25 -15
- data/lib/starter_web/pages/protected/site_search.adoc +4 -4
- data/lib/starter_web/pages/public/about/about_site.adoc +2 -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 -15
- 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 +10 -7
- data/lib/starter_web/pages/public/learn/kickstarter/web_in_a_day/200_preparations.adoc +27 -11
- data/lib/starter_web/pages/public/learn/kickstarter/web_in_a_day/300_first_awesome_web.adoc +27 -12
- data/lib/starter_web/pages/public/learn/kickstarter/web_in_a_day/{includes → _includes}/attributes.asciidoc +2 -9
- 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/{includes → _includes}/documents/200_preparations.asciidoc +0 -0
- data/lib/starter_web/pages/public/learn/kickstarter/web_in_a_day/{includes → _includes}/documents/300_first_awesome_web.asciidoc +0 -0
- data/lib/starter_web/pages/public/learn/kickstarter/web_in_a_day/{includes → _includes}/parts.asciidoc +1 -1
- data/lib/starter_web/{collections/posts/public/series/_posts/includes → pages/public/learn/kickstarter/web_in_a_day/_includes}/tables/debug_variables.asciidoc +0 -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 +82 -121
- data/lib/starter_web/pages/public/learn/roundtrip/100_present_videos.adoc +35 -30
- data/lib/starter_web/pages/public/learn/roundtrip/200_typography.adoc +45 -42
- data/lib/starter_web/pages/public/learn/roundtrip/300_icon_fonts.adoc +59 -51
- data/lib/starter_web/pages/public/learn/roundtrip/400_asciidoc_extensions.adoc +56 -61
- data/lib/starter_web/pages/public/learn/roundtrip/410_bs_modals_extentions.adoc +26 -20
- data/lib/starter_web/pages/public/learn/roundtrip/420_responsive_tables_extensions.adoc +280 -75
- data/lib/starter_web/pages/public/learn/roundtrip/500_themes.adoc +137 -36
- 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/{includes → _includes}/attributes.asciidoc +6 -0
- data/lib/starter_web/pages/public/learn/roundtrip/{includes → _includes}/documents/100_gistblock.asciidoc +2 -1
- data/lib/starter_web/pages/public/learn/roundtrip/{includes → _includes}/documents/410_bottom_info.asciidoc +0 -0
- data/lib/starter_web/pages/public/learn/roundtrip/{includes → _includes}/documents/410_bottom_left_warning.asciidoc +0 -0
- data/lib/starter_web/pages/public/learn/roundtrip/{includes → _includes}/documents/410_bottom_right_danger.asciidoc +0 -0
- data/lib/starter_web/pages/public/learn/roundtrip/{includes → _includes}/documents/410_central_success.asciidoc +0 -0
- data/lib/starter_web/pages/public/learn/roundtrip/{includes → _includes}/documents/410_full_height_left_info.asciidoc +0 -0
- data/lib/starter_web/pages/public/learn/roundtrip/{includes → _includes}/documents/410_full_height_right_success.asciidoc +0 -0
- data/lib/starter_web/pages/public/learn/roundtrip/{includes → _includes}/documents/410_table_3_column.asciidoc +1 -1
- data/lib/starter_web/pages/public/learn/roundtrip/{includes → _includes}/documents/410_top_info.asciidoc +0 -0
- data/lib/starter_web/pages/public/learn/roundtrip/{includes → _includes}/documents/410_top_left_info.asciidoc +0 -0
- data/lib/starter_web/pages/public/learn/roundtrip/{includes → _includes}/documents/410_top_right_success.asciidoc +0 -0
- data/lib/starter_web/pages/public/learn/roundtrip/{includes → _includes}/documents/419_advanced_modals_demo.asciidoc +0 -0
- 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} +32 -28
- 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 +2 -1
- 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 +13 -5
- data/lib/starter_web/pages/public/legal/en/400_license_agreement.adoc +12 -4
- 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 +66 -68
- data/lib/starter_web/pages/public/previewer/{includes → _includes}/attributes.asciidoc +6 -0
- 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/{includes → _includes}/tables/mdi_icons/100_absolute_sizes.asciidoc +1 -1
- data/lib/starter_web/pages/public/previewer/{includes → _includes}/tables/mdi_icons/110_bs_grid_sizes.asciidoc +1 -1
- data/lib/starter_web/pages/public/previewer/{includes → _includes}/tables/mdi_icons/120_relative_sizes.asciidoc +1 -1
- data/lib/starter_web/pages/public/previewer/{includes → _includes}/tables/mdi_icons/200_rotate.asciidoc +1 -1
- data/lib/starter_web/pages/public/previewer/{includes → _includes}/tables/mdi_icons/300_flip.asciidoc +1 -1
- data/lib/starter_web/pages/public/previewer/{includes → _includes}/tables/mdi_icons/400_spin_pulsed.asciidoc +1 -1
- data/lib/starter_web/pages/public/previewer/{includes → _includes}/tables/mdi_icons/500_bw_color_palette.asciidoc +1 -1
- data/lib/starter_web/pages/public/previewer/{includes → _includes}/tables/mdi_icons/510_bs_color_palette.asciidoc +1 -1
- data/lib/starter_web/pages/public/previewer/{includes → _includes}/tables/mdi_icons/600_md_color_palette.asciidoc +1 -1
- data/lib/starter_web/pages/public/previewer/{includes → _includes}/tables/mdi_icons/601_md_color_palette_indigo.asciidoc +1 -1
- data/lib/starter_web/pages/public/previewer/{includes → _includes}/tables/mdi_icons/602_md_color_palette_pink.asciidoc +1 -1
- data/lib/starter_web/pages/public/previewer/{includes → _includes}/tables/twitter_emoji/100_bs_sizes.asciidoc +1 -1
- data/lib/starter_web/pages/public/previewer/{includes → _includes}/tables/twitter_emoji/100_relative_sizes.asciidoc +1 -1
- data/lib/starter_web/pages/public/previewer/{includes → _includes}/tables/twitter_emoji/200_rotate.asciidoc +1 -1
- data/lib/starter_web/pages/public/previewer/{includes → _includes}/tables/twitter_emoji/300_flip.asciidoc +1 -1
- data/lib/starter_web/pages/public/previewer/{includes → _includes}/tables/twitter_emoji/400_spin_pulsed.asciidoc +1 -1
- data/lib/starter_web/pages/public/previewer/bootstrap_theme.adoc +2064 -1838
- data/lib/starter_web/pages/public/previewer/iframer.adoc +47 -35
- data/lib/starter_web/pages/public/previewer/justified_gallery.html +15 -7
- data/lib/starter_web/pages/public/previewer/mdi_icons_preview.adoc +19 -11
- data/lib/starter_web/pages/public/previewer/rouge.adoc +439 -0
- data/lib/starter_web/pages/public/previewer/twitter_emoji_preview.adoc +17 -14
- data/lib/starter_web/utilsrv/_defaults/package.json +1 -1
- data/lib/starter_web/utilsrv/package.json +7 -7
- data/lib/starter_web/utilsrv/server.js +1 -1
- metadata +239 -200
- 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 -231
- data/assets/themes/j1/core/css/bootstrap.min.css +0 -6
- data/assets/themes/j1/core/css/theme-extensions.css +0 -9811
- 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/core/css/uno.min.css +0 -8
- 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 -19
- 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 -82
- data/assets/themes/j1/modules/tocbot/css/theme/uno.min.css +0 -15
- 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/_plugins/lorem-inline.rb +0 -65
- data/lib/starter_web/assets/images/modules/attics/welcome-1920x1280-bw.jpg +0 -0
- data/lib/starter_web/assets/images/quotes/default.png +0 -0
- data/lib/starter_web/assets/images/quotes/people.png +0 -0
- data/lib/starter_web/collections/_biography/a-life-in-questions.adoc +0 -81
- data/lib/starter_web/collections/_biography/becoming.adoc +0 -72
- data/lib/starter_web/collections/_biography/born-to-run.adoc +0 -78
- data/lib/starter_web/collections/_biography/forty-autumns.adoc +0 -75
- data/lib/starter_web/collections/_biography/not-dead-yet.adoc +0 -69
- data/lib/starter_web/collections/_biography/princess-diarist-the.adoc +0 -72
- data/lib/starter_web/collections/_biography/when-breath-becomes-air.adoc +0 -73
- data/lib/starter_web/collections/_fantasy/harry-potter-deathly-hallows.adoc +0 -64
- data/lib/starter_web/collections/_fantasy/harry-potter-philosophers-stone.adoc +0 -64
- data/lib/starter_web/collections/_fantasy/mistborn-trilogy.adoc +0 -62
- data/lib/starter_web/collections/_fantasy/ready-player-one.adoc +0 -63
- data/lib/starter_web/collections/_fantasy/sword-of-destiny.adoc +0 -62
- data/lib/starter_web/collections/_fantasy/terry-pratchet-diary-2017.adoc +0 -60
- data/lib/starter_web/collections/_romance/breath-of-snow-and-ashes-a.adoc +0 -67
- data/lib/starter_web/collections/_romance/dressmaker-the.adoc +0 -61
- data/lib/starter_web/collections/_romance/fiery-cross-the.adoc +0 -69
- data/lib/starter_web/collections/_romance/it-ends-with-us.adoc +0 -66
- data/lib/starter_web/collections/_romance/outlander-novel.adoc +0 -78
- data/lib/starter_web/collections/_romance/virgins-outlander-short-story.adoc +0 -62
- data/lib/starter_web/collections/posts/public/featured/_posts/000_includes/attributes.asciidoc +0 -47
- data/lib/starter_web/collections/posts/public/series/_posts/000_includes/attributes.asciidoc +0 -66
- data/lib/starter_web/collections/posts/public/series/_posts/2018-11-01-docker-using-shared-folders.adoc +0 -506
- data/lib/starter_web/collections/posts/public/series/_posts/includes/attributes.asciidoc +0 -66
- data/lib/starter_web/collections/posts/public/series/_posts/includes/documents/100-docker-using-shared-folders.asciidoc +0 -430
- data/lib/starter_web/collections/posts/public/series/_posts/includes/documents/loop.sh +0 -28
- data/lib/starter_web/collections/posts/public/test_posts/_posts/2020-09-11-test_post.adoc +0 -134
- data/lib/starter_web/collections/posts/public/wikipedia/_posts/000_includes/tables/debug_variables.asciidoc +0 -48
- data/lib/starter_web/pages/public/bookshelf/100_whats_up.adoc +0 -281
- data/lib/starter_web/pages/public/bookshelf/200_book_shelf_biography.adoc +0 -52
- data/lib/starter_web/pages/public/bookshelf/300_book_shelf_fantasy.adoc +0 -54
- data/lib/starter_web/pages/public/bookshelf/400_book_shelf_romance.adoc +0 -54
- data/lib/starter_web/pages/public/learn/kickstarter/web_in_a_day/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/vtutorials/000_includes/attributes.asciidoc +0 -117
- data/lib/starter_web/pages/public/learn/vtutorials/000_includes/documents/100_gistblock.asciidoc +0 -27
- data/lib/starter_web/pages/public/learn/vtutorials/000_includes/documents/410_bottom_info.asciidoc +0 -11
- data/lib/starter_web/pages/public/learn/vtutorials/000_includes/documents/410_bottom_left_warning.asciidoc +0 -11
- data/lib/starter_web/pages/public/learn/vtutorials/000_includes/documents/410_bottom_right_danger.asciidoc +0 -11
- data/lib/starter_web/pages/public/learn/vtutorials/000_includes/documents/410_central_success.asciidoc +0 -11
- data/lib/starter_web/pages/public/learn/vtutorials/000_includes/documents/410_full_height_left_info.asciidoc +0 -11
- data/lib/starter_web/pages/public/learn/vtutorials/000_includes/documents/410_full_height_right_success.asciidoc +0 -11
- data/lib/starter_web/pages/public/learn/vtutorials/000_includes/documents/410_table_3_column.asciidoc +0 -47
- data/lib/starter_web/pages/public/learn/vtutorials/000_includes/documents/410_top_info.asciidoc +0 -11
- data/lib/starter_web/pages/public/learn/vtutorials/000_includes/documents/410_top_left_info.asciidoc +0 -11
- data/lib/starter_web/pages/public/learn/vtutorials/000_includes/documents/410_top_right_success.asciidoc +0 -11
- data/lib/starter_web/pages/public/learn/vtutorials/000_includes/documents/419_advanced_modals_html.asciidoc +0 -928
- data/lib/starter_web/pages/public/learn/vtutorials/000_test_youtube_video.adoc +0 -141
- data/lib/starter_web/pages/public/learn/vtutorials/100_basic_video.adoc +0 -109
- data/lib/starter_web/pages/public/test_pages/floating_ad.adoc +0 -221
- data/lib/starter_web/pages/public/test_pages/floating_div.adoc +0 -209
- data/lib/starter_web/pages/public/test_pages/includes/attributes.asciidoc +0 -47
- data/lib/starter_web/pages/public/test_pages/includes/documents/100_gistblock.asciidoc +0 -27
- data/lib/starter_web/pages/public/test_pages/includes/images/pages/minneapolis.1200x400.jpg +0 -0
- data/lib/starter_web/pages/public/test_pages/includes/tables/000_bem_specifiers.asciidoc +0 -22
- data/lib/starter_web/pages/public/test_pages/includes/tables/000_specifier_examples.asciidoc +0 -56
- data/lib/starter_web/pages/public/test_pages/nav_pagination_tester.adoc +0 -297
- data/lib/starter_web/pages/public/test_pages/page_attribute_tester.adoc +0 -103
@@ -1,21 +1,24 @@
|
|
1
1
|
---
|
2
2
|
title: Roundtrip
|
3
3
|
tagline: present videos
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
4
|
+
date: 2020-11-04 12:00:00
|
5
|
+
description: >
|
6
|
+
Playing video on web pages seems not that special since you can already
|
7
|
+
watch videos on web pages through plugins like Flash Player, Quicktime
|
8
|
+
or Silverlight.
|
9
|
+
A new standard goes to HTML5 Video, a pure HTML way to
|
10
|
+
show video on the web; instead of the previous de facto standard of using
|
11
|
+
proprietary software.
|
12
|
+
|
13
|
+
tags: [ Roundtrip, Introduction ]
|
14
|
+
categories: [ Video, Module ]
|
12
15
|
|
13
16
|
permalink: /pages/public/learn/roundtrip/present_videos/
|
14
17
|
regenerate: false
|
15
18
|
|
16
19
|
resources: [
|
17
20
|
light_gallery, justified_gallery, video_js,
|
18
|
-
vimeo_player,
|
21
|
+
vimeo_player, vimeo_froogaloop
|
19
22
|
]
|
20
23
|
resource_options:
|
21
24
|
- attic:
|
@@ -49,22 +52,24 @@ resource_options:
|
|
49
52
|
// Enable the Liquid Preprocessor
|
50
53
|
:page-liquid:
|
51
54
|
|
55
|
+
// Set page (local) attributes here
|
56
|
+
// -----------------------------------------------------------------------------
|
57
|
+
// :page--attr: <attr-value>
|
58
|
+
:images-dir: {imagesdir}/pages/roundtrip/100_present_images
|
59
|
+
|
52
60
|
// Load Liquid procedures
|
53
61
|
// -----------------------------------------------------------------------------
|
54
62
|
{% capture load_attributes %}themes/{{site.template.name}}/procedures/global/attributes_loader.proc{%endcapture%}
|
55
63
|
|
56
|
-
// Load page attributes
|
64
|
+
// Load page attributes
|
57
65
|
// -----------------------------------------------------------------------------
|
58
66
|
{% include {{load_attributes}} scope="all" %}
|
59
67
|
|
60
|
-
// Set local page attributes
|
61
|
-
// -----------------------------------------------------------------------------
|
62
|
-
:images-dir: {imagesdir}/pages/roundtrip/100_present_images
|
63
68
|
|
64
69
|
// Page content
|
65
|
-
//
|
70
|
+
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
|
66
71
|
|
67
|
-
Playing video on
|
72
|
+
Playing video on web pages seems not that special since you can already
|
68
73
|
watch videos on web pages through plugins like _Flash Player_, _Quicktime_
|
69
74
|
or _Silverlight_. A new standard goes to HTML5 Video, a pure HTML way to
|
70
75
|
show video on the web; instead of the previous de facto standard of using
|
@@ -72,9 +77,9 @@ proprietary software.
|
|
72
77
|
|
73
78
|
== Video Galleries
|
74
79
|
|
75
|
-
HTML5 Video
|
76
|
-
browsers support the video tag `<video>` for the HTML5
|
77
|
-
have a
|
80
|
+
HTML5 Video opens the doors to your way presenting video content. Modern
|
81
|
+
browsers support the video tag `<video>` for the HTML5 video standard.
|
82
|
+
Browsers have a built-in multimedia framework already for decoding and displaying
|
78
83
|
video content. No need to use such proprietary software components anymore!
|
79
84
|
|
80
85
|
HTML5 Video support is given by the App gallery combined with the Lightbox
|
@@ -85,10 +90,10 @@ Two types of video sources are supported:
|
|
85
90
|
. videos from local files (your web space)
|
86
91
|
. videos from online sources (on the Internet) like YouTube, Vimeo, etc.
|
87
92
|
|
88
|
-
The combination of the App gallery and the lightbox LightGallery is
|
93
|
+
The combination of the App gallery and the lightbox LightGallery is entirely
|
89
94
|
usable for all the video content you want to present on your site. Galleries
|
90
95
|
can be placed elsewhere with your content. You can use them for video blogs
|
91
|
-
|
96
|
+
by putting them into your blog articles content.
|
92
97
|
|
93
98
|
WARNING: LightGallery can be used for free for private use but for
|
94
99
|
business use, a commercial license is needed. See link:{light-gallery-license}[Light Gallery license]
|
@@ -96,10 +101,10 @@ how to use LightGallery for commercial webs and projects.
|
|
96
101
|
|
97
102
|
== Local video content
|
98
103
|
|
99
|
-
Digital image content, simple pictures or
|
100
|
-
|
101
|
-
of (digital) pictures is very easy by using Justified Gallery for example.
|
102
|
-
Videos created by a
|
104
|
+
Digital image content, simple pictures or vidoe, are easy to make. Today, each
|
105
|
+
and every mobile has a camera - not that bad! Presenting a bunch
|
106
|
+
of (digital) pictures is very easy by using Justified Gallery, for example.
|
107
|
+
Videos created by a digicam or a mobile can be played by J1 Template using the
|
103
108
|
HTML5 Video support of LightGallery.
|
104
109
|
|
105
110
|
Two players are available with LightGallery:
|
@@ -116,11 +121,11 @@ gallery::jg_video_html5[role="mb-5"]
|
|
116
121
|
|
117
122
|
== Online video content
|
118
123
|
|
119
|
-
The Internet is full of
|
120
|
-
the number of channels at
|
121
|
-
video content from the Internet, e.g. your
|
122
|
-
support of J1 Template may
|
123
|
-
James Cordon's channel: Carpool Karaoke.
|
124
|
+
The Internet is full of inspiring content. Video content is popular,
|
125
|
+
the number of channels at _YouTube_ is enormous. If you want to present
|
126
|
+
video content from the Internet, e.g. your channel, the online video
|
127
|
+
support of J1 Template may be the right choice. Find some enjoyable videos
|
128
|
+
from James Cordon's channel: Carpool Karaoke.
|
124
129
|
|
125
130
|
.YouTube Video Gallery - Carpool Karaoke
|
126
131
|
gallery::jg_video_online_youtube[role="mb-5"]
|
@@ -131,7 +136,7 @@ gallery::jg_video_online_vimeo[role="mb-5"]
|
|
131
136
|
== Whats next
|
132
137
|
|
133
138
|
Images and videos are quite visual - and could be impressive, for sure.
|
134
|
-
But the most visual component is text for all pages, for all sites on the
|
139
|
+
But the most visual component is the text for all pages, for all sites on the
|
135
140
|
Internet. To see how text could be presented great for modern responsive
|
136
141
|
websites, check the section Typography next.
|
137
142
|
|
@@ -1,22 +1,21 @@
|
|
1
1
|
---
|
2
2
|
title: Roundtrip
|
3
3
|
tagline: typography
|
4
|
-
|
4
|
+
date: 2020-11-05 12:00:00
|
5
|
+
description: >
|
6
|
+
The character font serves as one of the most crucial branding elements for
|
7
|
+
any business. Typography matters for any media presenting text. The text will
|
8
|
+
take on an important role of acting not only as plain text but will also serve
|
9
|
+
as something like images.
|
5
10
|
|
6
|
-
tags: [
|
7
|
-
|
8
|
-
categories: [ pages ]
|
11
|
+
tags: [ Roundtrip, Introduction ]
|
12
|
+
categories: [ Typography, Module ]
|
9
13
|
|
10
14
|
permalink: /pages/public/learn/roundtrip/typography/
|
11
15
|
regenerate: false
|
12
16
|
|
13
|
-
toc: true
|
14
|
-
advertising: false
|
15
|
-
|
16
17
|
resources: []
|
17
18
|
resource_options:
|
18
|
-
# - ssm:
|
19
|
-
# mode: menu
|
20
19
|
- attic:
|
21
20
|
padding_top: 400
|
22
21
|
padding_bottom: 50
|
@@ -38,40 +37,42 @@ resource_options:
|
|
38
37
|
// Enable the Liquid Preprocessor
|
39
38
|
:page-liquid:
|
40
39
|
|
40
|
+
// Set page (local) attributes here
|
41
|
+
// -----------------------------------------------------------------------------
|
42
|
+
// :page--attr: <attr-value>
|
43
|
+
:images-dir: {imagesdir}/pages/roundtrip/100_present_images
|
44
|
+
|
41
45
|
// Load Liquid procedures
|
42
46
|
// -----------------------------------------------------------------------------
|
43
47
|
{% capture load_attributes %}themes/{{site.template.name}}/procedures/global/attributes_loader.proc{%endcapture%}
|
44
48
|
|
45
|
-
// Load page attributes
|
49
|
+
// Load page attributes
|
46
50
|
// -----------------------------------------------------------------------------
|
47
51
|
{% include {{load_attributes}} scope="all" %}
|
48
52
|
|
49
|
-
// Set local page attributes
|
50
|
-
// -----------------------------------------------------------------------------
|
51
|
-
:images-dir: {imagesdir}/pages/roundtrip/100_present_images
|
52
53
|
|
53
54
|
// Page content
|
54
|
-
//
|
55
|
+
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
|
55
56
|
|
56
57
|
== Typography
|
57
58
|
|
58
|
-
|
59
|
-
Typography matters for any media presenting text.
|
60
|
-
role of acting not only as plain text but will also serve
|
61
|
-
images.
|
59
|
+
The character font serves as one of the most crucial branding elements for
|
60
|
+
any business. Typography matters for any media presenting text. The text will
|
61
|
+
take on an important role of acting not only as plain text but will also serve
|
62
|
+
as something like images.
|
62
63
|
|
63
64
|
== Responsive Text
|
64
65
|
|
65
66
|
One common flaw seen in many templates and frameworks (sadly to say: the same
|
66
|
-
to Bootstrap) is a lack of support for
|
67
|
-
on a page resize fluidly, text still resizes on a fixed basis.
|
68
|
-
issue, especially for heavily text focussed pages, J1 Template
|
69
|
-
that fluidly
|
70
|
-
user.
|
67
|
+
to Bootstrap, including V4) is a lack of support for genuinely responsive text.
|
68
|
+
While elements on a page resize fluidly, the text still resizes on a fixed basis.
|
69
|
+
To avoiding this issue, especially for heavily text focussed pages, J1 Template
|
70
|
+
supports styles that fluidly scale text size and line-height to optimize
|
71
|
+
readability for the user.
|
71
72
|
|
72
|
-
Below you find an example how text behaves if defined on a fixed basis -
|
73
|
-
you'll see quite often. Change the size of your Browser Window to see
|
74
|
-
will happen in terms of responsiveness.
|
73
|
+
Below you find an example of how text behaves if defined on a fixed basis -
|
74
|
+
what you'll see quite often. Change the size of your Browser Window to see
|
75
|
+
what will happen in terms of responsiveness.
|
75
76
|
|
76
77
|
++++
|
77
78
|
<div>
|
@@ -81,8 +82,9 @@ will happen in terms of responsiveness.
|
|
81
82
|
</button>
|
82
83
|
<div class="mb-4">
|
83
84
|
<div class="content">
|
84
|
-
|
85
|
-
<
|
85
|
+
<!-- jadams, 2020-11-15: adjusted heading levels (Google optimisation) -->
|
86
|
+
<h3 class="notoc">The Extremes of Good and Evil</h3>
|
87
|
+
<p class="small notoc text-gray mb-3">Cicero, Paragraph 1.10.32 · Translation by H. Rackham, Issue 1914 - De Finibus</p>
|
86
88
|
<p class="toggle-description no-r-text">
|
87
89
|
But I must explain to you how all this mistaken idea of denouncing
|
88
90
|
pleasure and praising pain was born and I will give you a complete
|
@@ -121,13 +123,13 @@ and off Responsive Text to see the difference!
|
|
121
123
|
|
122
124
|
Responsive Text comes in five different scale factors in a range from 100 to
|
123
125
|
500. Scaling `r-text` gives you the flexibility to use `r-text` everywhere. Or
|
124
|
-
you can offer different text sizes of your Web for
|
126
|
+
you can offer different text sizes of your Web for visitors having a visual
|
125
127
|
handicap or reading disabilities.
|
126
128
|
|
127
129
|
To see `r-text` scaling in action, click on the button above to resize
|
128
|
-
the text from `r-text` level 300 to 500 back and forth.
|
129
|
-
your Browser and watch the size of this text body change to see
|
130
|
-
|
130
|
+
the text from `r-text` level 300 to 500 back and forth. Simply resize
|
131
|
+
your Browser and watch the size of this text body change to see the
|
132
|
+
responsiveness in action.
|
131
133
|
|
132
134
|
++++
|
133
135
|
<div>
|
@@ -137,8 +139,9 @@ of the text in action.
|
|
137
139
|
</button>
|
138
140
|
<div class="mb-4">
|
139
141
|
<div class="content">
|
140
|
-
|
141
|
-
<
|
142
|
+
<!-- jadams, 2020-11-15: adjusted heading levels (Google optimisation) -->
|
143
|
+
<h3 class="notoc">The Extremes of Good and Evil</h3>
|
144
|
+
<p class="small notoc text-gray mb-3">Cicero, Paragraph 1.10.32 · Translation by H. Rackham, Issue 1914 - De Finibus</p>
|
142
145
|
<p class="scale-description r-text-300">
|
143
146
|
On the other hand, we denounce with righteous indignation and dislike men who
|
144
147
|
are so beguiled and demoralized by the charms of pleasure of the moment, so
|
@@ -169,21 +172,21 @@ of the text in action.
|
|
169
172
|
|
170
173
|
== Scale factors
|
171
174
|
|
172
|
-
As mentioned, `r-text` comes in five levels of size. The base of `r-text`
|
175
|
+
As mentioned, `r-text` comes in five levels of size. The base of `r-text` is
|
173
176
|
the Fibonacci numbers extracted from the Fibonacci series. These numbers are
|
174
177
|
the most popular division ratios in typography. When speaking of the golden
|
175
178
|
ratio (1: 1.618) in typography and graphic design, the Fibonacci numbers are
|
176
179
|
usually the base.
|
177
180
|
|
178
|
-
The Fibonacci series
|
179
|
-
font size accordingly.
|
181
|
+
The Fibonacci series is translated into CSS Media queries and scale a base
|
182
|
+
font size accordingly. Further, the resulting font scale series have
|
180
183
|
multipliers (scale factors) ranging from 0.5 (50%) up to 1.0 (100%) of the
|
181
184
|
base.
|
182
185
|
|
183
186
|
That way, five series are available by the five scale factors. See the following
|
184
187
|
table how `r-text` scales.
|
185
188
|
|
186
|
-
[cols="3,2,7a", options="header", role="
|
189
|
+
[cols="3,2,7a", options="header", role="rtable"]
|
187
190
|
|===============================================================================
|
188
191
|
|Property | Factor |Example text
|
189
192
|
|
@@ -263,7 +266,7 @@ choosen per chance. It is a good idea to spend some time on text and design.
|
|
263
266
|
|
264
267
|
=== Text in Action
|
265
268
|
|
266
|
-
User interfaces (UI) enable
|
269
|
+
User interfaces (UI) enable visitors to interact with a page, explore things
|
267
270
|
on their own - playing around. Presenting a service or a product in simple nav
|
268
271
|
elements may help to reduce to space needed - more can be placed on page. On
|
269
272
|
other hand, navigation elements present by playful and interactive means.
|
@@ -276,7 +279,7 @@ The design for the Bootstrap nav pills were change into MD Design. As all
|
|
276
279
|
elements available with J1 Template, the _Meterial Design_ color palette is
|
277
280
|
used. All Bootstrap base classes can be used to colorize:
|
278
281
|
|
279
|
-
[cols="5,7a", options="header", role="
|
282
|
+
[cols="5,7a", options="header", role="rtable mb-5"]
|
280
283
|
|===============================================================================
|
281
284
|
|Property | Example
|
282
285
|
|
@@ -503,9 +506,9 @@ used. All Bootstrap base classes can be used to colorize:
|
|
503
506
|
|
504
507
|
== Whats next
|
505
508
|
|
506
|
-
Have you enjoyed playing with text? We hope so. But even more can
|
509
|
+
Have you enjoyed playing with the text? We hope so. But even more, J1 can do for
|
507
510
|
your web pages. With the examples on that page, icons were used to support the
|
508
|
-
meaning what was grouped as text.
|
511
|
+
meaning of what was grouped as text.
|
509
512
|
|
510
513
|
J1 Template supports popular icons font sets like:
|
511
514
|
|
@@ -1,11 +1,17 @@
|
|
1
1
|
---
|
2
2
|
title: Roundtrip
|
3
3
|
tagline: icon fonts
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
categories
|
4
|
+
date: 2020-11-06 12:00:00
|
5
|
+
description: >
|
6
|
+
J1 Template support popular icons font sets out-of-the-box.
|
7
|
+
The icon sets MDI and FA are very good in design and have a rich set of
|
8
|
+
different icons for many categories used for the Web.
|
9
|
+
Iconify icons is not a locally stored icon-set like MDI or FA. All icons are
|
10
|
+
loaded over the Internet using the so-called Unified OpenSource Icon
|
11
|
+
Framework.
|
12
|
+
|
13
|
+
tags: [ Roundtrip, Introduction ]
|
14
|
+
categories: [ Icon, Module ]
|
9
15
|
|
10
16
|
permalink: /pages/public/learn/roundtrip/mdi_icon_font/
|
11
17
|
regenerate: false
|
@@ -30,20 +36,22 @@ resource_options:
|
|
30
36
|
// Enable the Liquid Preprocessor
|
31
37
|
:page-liquid:
|
32
38
|
|
39
|
+
// Set page (local) attributes here
|
40
|
+
// -----------------------------------------------------------------------------
|
41
|
+
// :page--attr: <attr-value>
|
42
|
+
:images-dir: {imagesdir}/pages/roundtrip/100_present_images
|
43
|
+
|
33
44
|
// Load Liquid procedures
|
34
45
|
// -----------------------------------------------------------------------------
|
35
46
|
{% capture load_attributes %}themes/{{site.template.name}}/procedures/global/attributes_loader.proc{%endcapture%}
|
36
47
|
|
37
|
-
// Load page attributes
|
48
|
+
// Load page attributes
|
38
49
|
// -----------------------------------------------------------------------------
|
39
50
|
{% include {{load_attributes}} scope="all" %}
|
40
51
|
|
41
|
-
// Set local page attributes
|
42
|
-
// -----------------------------------------------------------------------------
|
43
|
-
:images-dir: {imagesdir}/pages/roundtrip/100_present_images
|
44
52
|
|
45
53
|
// Page content
|
46
|
-
//
|
54
|
+
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
|
47
55
|
|
48
56
|
== Icon Fonts
|
49
57
|
|
@@ -57,25 +65,25 @@ The icon sets MDI and FA are very good in design and have a rich set of
|
|
57
65
|
different icons for many categories used for the Web. See below some details
|
58
66
|
for <<Material Design Icons>> and <<FontAwesome Icons>>.
|
59
67
|
|
60
|
-
Iconify
|
61
|
-
loaded over the Internet using the so-called
|
62
|
-
|
68
|
+
Iconify icons is not a locally stored icon-set like MDI or FA. All icons are
|
69
|
+
loaded over the Internet using the so-called *Unified OpenSource Icon
|
70
|
+
Framework*. See section <<Iconify Icons>> for more information.
|
63
71
|
|
64
72
|
|
65
73
|
== Material Design Icons
|
66
74
|
|
67
|
-
The primary icon
|
68
|
-
because it is
|
69
|
-
|
75
|
+
The primary icon-set for J1 Template is link:{mdi-home}[Material Design Icons, {browser-window--new}],
|
76
|
+
because it is extremely rich set providing more than 3300+ icons (v3.3.92). From a design
|
77
|
+
perspective, _MDI_ has an excellent Material Design support an comes with the
|
70
78
|
original icon set created by _Google_ build-in.
|
71
79
|
|
72
|
-
_Material Design Icons_ (MDI) is a
|
80
|
+
_Material Design Icons_ (MDI) is a beneficial design resource for Web Design
|
73
81
|
that is based on _Google_'s Material Design. _MDI_ is a community-driven
|
74
|
-
project to create an increased
|
82
|
+
project to create an increased number of icons based on _Google_'s official repository
|
75
83
|
and MD style specification.
|
76
84
|
|
77
85
|
.Material Design Icons
|
78
|
-
[cols="2a,3a,4a,^", options="header", width="100%", role="
|
86
|
+
[cols="2a,3a,4a,^", options="header", width="100%", role="rtable mt-3"]
|
79
87
|
|===============================================================================
|
80
88
|
|Size |Modifier |Markup |Render
|
81
89
|
|
@@ -127,7 +135,7 @@ mdi:account[5x mdi-rotate-315]
|
|
127
135
|
|5x
|
128
136
|
|`mdi-light` +
|
129
137
|
`mdi-flip-v`
|
130
|
-
|
|
138
|
+
|Colour set to MDI Light (Grey) and flipped vertical
|
131
139
|
[source, adoc, role="noclip"]
|
132
140
|
----
|
133
141
|
mdi:alert[5x mdi-light mdi-flip-v]
|
@@ -136,7 +144,7 @@ mdi:alert[5x mdi-light mdi-flip-v]
|
|
136
144
|
|
137
145
|
|5x
|
138
146
|
|`md-indigo`
|
139
|
-
|
|
147
|
+
|Colour set to MDI Indigo
|
140
148
|
[source, adoc, role="noclip"]
|
141
149
|
----
|
142
150
|
mdi:alert[5x md-indigo]
|
@@ -145,7 +153,7 @@ mdi:alert[5x md-indigo]
|
|
145
153
|
|
146
154
|
|5x
|
147
155
|
|`md-pink`
|
148
|
-
|
|
156
|
+
|Colour set to MDI Pink
|
149
157
|
[source, adoc, role="noclip"]
|
150
158
|
----
|
151
159
|
mdi:alert[5x md-pink]
|
@@ -164,7 +172,7 @@ mdi:loading[5x mdi-spin]
|
|
164
172
|
|5x
|
165
173
|
|`md-red-900` +
|
166
174
|
`mdi-pulsed`
|
167
|
-
|
|
175
|
+
|Colour set to MDI Dark Red and added animation of type Pulsed
|
168
176
|
[source, adoc, role="noclip"]
|
169
177
|
----
|
170
178
|
mdi:heart[5x md-red-900 mdi-pulsed]
|
@@ -174,7 +182,7 @@ mdi:heart[5x md-red-900 mdi-pulsed]
|
|
174
182
|
|===============================================================================
|
175
183
|
|
176
184
|
NOTE: Using Material Design Icons with Asciidoc is quite easy as an inline macro
|
177
|
-
`mdi:` is
|
185
|
+
`mdi:` is available to place icons where ever you want. See more about
|
178
186
|
this in section link:{roundtrip-asciidoc-extensions}#icon-fonts[Asciidoc Extensions]
|
179
187
|
|
180
188
|
_MDI_ is a growing collection to allow designers and developers targeting
|
@@ -186,13 +194,13 @@ _J1 Template_ supports the full set of _MDI_ for the Web (Webfont, WOFF). The
|
|
186
194
|
icon set is fully integrated and can be used out-of-the-box.
|
187
195
|
|
188
196
|
For MDI a Preview Page is available to explore what can be done base on the
|
189
|
-
J1
|
197
|
+
J1 implementation regarding sizes, colours, animations etc. Go for the
|
190
198
|
link:{previewer-mdi}[Preview Page, {browser-window--new}] and check-out what's
|
191
199
|
possible using MDI font icons!
|
192
200
|
|
193
201
|
== FontAwesome Icons
|
194
202
|
|
195
|
-
FontAwesome is a font and icon toolkit based on CSS. It was
|
203
|
+
FontAwesome is a font and icon toolkit based on CSS. It was initially created
|
196
204
|
by Dave Gandy. The previous version 4 was mainly for the use with Twitter
|
197
205
|
Bootstrap V3. The new version V5, released in December 2017, is focussing all
|
198
206
|
frameworks used for web development. Today, FA comes with 2300+ icons included.
|
@@ -209,7 +217,7 @@ and the MIT License.
|
|
209
217
|
====
|
210
218
|
|
211
219
|
.FontAwesome Icons
|
212
|
-
[cols="2a,3a,4a,^", options="header", width="100%", role="
|
220
|
+
[cols="2a,3a,4a,^", options="header", width="100%", role="rtable mt-3"]
|
213
221
|
|===============================================================================
|
214
222
|
|Size |Modifier |Markup |Render
|
215
223
|
|
@@ -252,7 +260,7 @@ fas:user[5x fa-rotate-90]
|
|
252
260
|
|5x
|
253
261
|
|`mdi-light` +
|
254
262
|
`fa-flip-v`
|
255
|
-
|
|
263
|
+
|Colour set to MDI Light (Grey) and flipped vertical
|
256
264
|
[source, adoc, role="noclip"]
|
257
265
|
----
|
258
266
|
fas:exclamation-triangle[5x mdi-light fa-flip-v]
|
@@ -261,7 +269,7 @@ fas:exclamation-triangle[5x mdi-light fa-flip-v]
|
|
261
269
|
|
262
270
|
|5x
|
263
271
|
|`md-indigo`
|
264
|
-
|
|
272
|
+
|Colour set to MDI Indigo
|
265
273
|
[source, adoc, role="noclip"]
|
266
274
|
----
|
267
275
|
fas:alert[5x md-indigo]
|
@@ -270,7 +278,7 @@ fas:alert[5x md-indigo]
|
|
270
278
|
|
271
279
|
|5x
|
272
280
|
|`md-pink`
|
273
|
-
|
|
281
|
+
|Colour set to MDI Pink
|
274
282
|
[source, adoc, role="noclip"]
|
275
283
|
----
|
276
284
|
fas:alert[5x md-pink]
|
@@ -289,7 +297,7 @@ fas:circle-notch[5x fa-spin]
|
|
289
297
|
|5x
|
290
298
|
|`md-red-900` +
|
291
299
|
`md-red-900` `fa-pulsed`
|
292
|
-
|
|
300
|
+
|Colour set to MDI Dark Red and added animation of type Pulsed
|
293
301
|
[source, adoc, role="noclip"]
|
294
302
|
----
|
295
303
|
fas:heart[5x md-red-900 fa-pulsed]
|
@@ -299,24 +307,24 @@ fas:heart[5x md-red-900 fa-pulsed]
|
|
299
307
|
|===============================================================================
|
300
308
|
|
301
309
|
NOTE: Using FontAwesome with Asciidoc is quite easy as two inline macros
|
302
|
-
`fas:` and `fas:` are
|
310
|
+
`fas:` and `fas:` are available to place icons where ever you want. See more about
|
303
311
|
this in section link:{roundtrip-asciidoc-extensions}#icon-fonts[Asciidoc Extensions]
|
304
312
|
|
305
|
-
FontAwesome V5 meets the Material Design idea (of _Google_) and in
|
306
|
-
Version 4, the current version is much more than a face-lifting.
|
307
|
-
comes with more than 2300+ icons but many of them are available with the Pro
|
308
|
-
license only. For the Free version, a subset of 900+ icons is available.
|
313
|
+
FontAwesome V5 meets the Material Design idea (of _Google_) and in comparison
|
314
|
+
to Version 4, the current version is much more than a face-lifting. Version 5
|
315
|
+
comes with more than 2300+ icons, but many of them are available with the Pro
|
316
|
+
license only. For the Free version, only a subset of 900+ icons is available.
|
309
317
|
|
310
318
|
NOTE: The CSS styles for FontAwesome V5 has been extended for J1 Template to
|
311
|
-
the same
|
312
|
-
Already existing styles like `fa-flip-vertical`
|
313
|
-
as well. See all
|
319
|
+
the same classes (and their respective names) as for other Font Icon sets.
|
320
|
+
Already existing styles like `fa-flip-vertical` are available as `fa-flip-v`
|
321
|
+
as well. See all types that can be used with the MDI
|
314
322
|
link:{previewer-mdi}[Preview Page, {browser-window--new}].
|
315
323
|
|
316
324
|
You can checkout what icons available at link:{fontawesome-icons}[FontAwesome Icons,
|
317
|
-
{browser-window--new}]. _FontAwesome_ V5 is fully integrated - no need for
|
318
|
-
resources to load. But in
|
319
|
-
noticed.
|
325
|
+
{browser-window--new}]. _FontAwesome_ V5 is fully integrated - no need for
|
326
|
+
additional resources to load. But in comparison to Version 4, a lot of
|
327
|
+
differences needs to be noticed.
|
320
328
|
|
321
329
|
If you haven't used V5 yet, it is highly recommended to visit the
|
322
330
|
link:{fontawesome-get-started}[Get started, {browser-window--new}] pages to learn
|
@@ -325,13 +333,13 @@ the basics and features and styles.
|
|
325
333
|
|
326
334
|
== Iconify Icons
|
327
335
|
|
328
|
-
MDI and FA are
|
336
|
+
MDI and FA are rich icon-sets but designed for general use. Sometimes
|
329
337
|
icons are missing in one of these fonts like specific brand or theme
|
330
338
|
icons.
|
331
339
|
|
332
340
|
An interesting solution for using font icons from a remote repository is
|
333
341
|
link:{iconify-home}[Iconify, {browser-window--new}]. Iconify is a so-called unified
|
334
|
-
|
342
|
+
OpenSource icon framework that makes it possible to use icons from different
|
335
343
|
icon sets using one syntax.
|
336
344
|
|
337
345
|
To access that framework, a Javascript client is needed. For J1 Template, the
|
@@ -343,7 +351,7 @@ Currently, over 40,000 vector icons are available for many different use cases.
|
|
343
351
|
Find some examples below.
|
344
352
|
|
345
353
|
.Brand Icons
|
346
|
-
[cols="2a,3a,4a,^", options="header", width="100%", role="
|
354
|
+
[cols="2a,3a,4a,^", options="header", width="100%", role="rtable mt-3"]
|
347
355
|
|===============================================================================
|
348
356
|
|Size |Modifier |Markup |Render
|
349
357
|
|
@@ -368,7 +376,7 @@ iconify:logos:atom[5x]
|
|
368
376
|
|===============================================================================
|
369
377
|
|
370
378
|
.Medical Icons
|
371
|
-
[cols="2a,3a,4a,^", options="header", width="100%", role="
|
379
|
+
[cols="2a,3a,4a,^", options="header", width="100%", role="rtable mt-3"]
|
372
380
|
|===============================================================================
|
373
381
|
|Size |Modifier |Markup |Render
|
374
382
|
|
@@ -393,16 +401,16 @@ iconify:medical-icon:i-ear-nose-throat[5x md-red-900]
|
|
393
401
|
|===============================================================================
|
394
402
|
|
395
403
|
NOTE: Using Iconify icons with Asciidoc is quite easy as an inline macro
|
396
|
-
`iconify:` is
|
404
|
+
`iconify:` is available to place icons where ever you want. See more about
|
397
405
|
this in section link:{roundtrip-asciidoc-extensions}#icon-fonts[Asciidoc Extensions]
|
398
406
|
|
399
407
|
== Whats next
|
400
408
|
|
401
|
-
|
402
|
-
manipulating Font Icons. Do you think these Icons sets fit your needs?
|
409
|
+
Have you've enjoyed the possibilities J1 offers for managing and
|
410
|
+
manipulating Font Icons. Do you think these Icons sets can fit your needs?
|
403
411
|
|
404
|
-
Using Iconify, for all topics
|
405
|
-
|
412
|
+
Using Iconify, for all topics an icon font should be found. And it's simple,
|
413
|
+
isn't it?
|
406
414
|
|
407
415
|
We hope so.
|
408
416
|
|