j1-template 2021.0.13 → 2021.1.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_includes/themes/j1/blocks/footer/boxes/legal_statements.proc +4 -0
- data/_includes/themes/j1/layouts/content_generator_blog_archive.html +34 -12
- data/_includes/themes/j1/layouts/content_generator_post.html +7 -5
- data/_includes/themes/j1/layouts/layout_metadata_generator.html +36 -35
- data/_includes/themes/j1/modules/connectors/ad/google-adsense.html +1 -1
- data/_includes/themes/j1/modules/connectors/ads +1 -1
- data/_includes/themes/j1/modules/connectors/analytic/google-analytics.html +1 -1
- data/_includes/themes/j1/modules/connectors/analytics +2 -3
- data/_includes/themes/j1/modules/connectors/comment/disqus.html +1 -1
- data/_includes/themes/j1/modules/navigator/generator.html +6 -6
- data/_includes/themes/j1/procedures/posts/create_series_header.proc +2 -0
- data/_layouts/default.html +11 -1
- data/apps/public/cc/index.adoc +13 -4
- data/assets/data/authclient.html +5 -1
- data/assets/data/banner.html +5 -0
- data/assets/data/carousel.json +1 -1
- data/assets/data/cookiebar.html +4 -0
- data/assets/data/fam.html +7 -2
- data/assets/data/footer.html +4 -0
- data/assets/data/galleries.json +2 -2
- data/assets/data/gallery_customizer.html +7 -2
- data/assets/data/menu.html +10 -7
- data/assets/data/mmenu.html +4 -1
- data/assets/data/mmenu_sidebar.html +5 -1
- data/assets/data/mmenu_toc.html +4 -0
- data/assets/data/panel.html +4 -0
- data/assets/data/quicklinks.html +5 -0
- data/assets/error_pages/HTTP204.html +2 -1
- data/assets/error_pages/HTTP400.html +2 -1
- data/assets/error_pages/HTTP401.html +2 -1
- data/assets/error_pages/HTTP403.html +2 -1
- data/assets/error_pages/HTTP404.html +2 -1
- data/assets/error_pages/HTTP500.html +2 -1
- data/assets/error_pages/HTTP501.html +2 -1
- data/assets/error_pages/HTTP502.html +2 -1
- data/assets/error_pages/HTTP503.html +2 -1
- data/assets/error_pages/HTTP520.html +2 -1
- data/assets/error_pages/HTTP521.html +2 -1
- data/assets/error_pages/HTTP533.html +2 -1
- data/assets/themes/j1/adapter/js/asciidoctor.js +166 -0
- data/assets/themes/j1/adapter/js/carousel.js +30 -1
- data/assets/themes/j1/adapter/js/fam.js +8 -12
- data/assets/themes/j1/adapter/js/j1.js +72 -25
- data/assets/themes/j1/adapter/js/{jf_gallery.js → justifiedGallery.js} +9 -9
- data/assets/themes/j1/adapter/js/{gallery_customizer.js → justifiedGalleryCustomizer.js} +11 -11
- data/assets/themes/j1/adapter/js/logger.js +35 -23
- data/assets/themes/j1/adapter/js/navigator.js +2 -13
- data/assets/themes/j1/adapter/js/themer.js +19 -40
- data/assets/themes/j1/core/css/themes/uno-light/bootstrap.css +18 -2
- data/assets/themes/j1/core/css/themes/uno-light/bootstrap.min.css +1 -1
- data/assets/themes/j1/core/css/vendor.css +14 -2
- data/assets/themes/j1/core/css/vendor.min.css +1 -1
- data/assets/themes/j1/core/js/template.js +6 -6
- data/assets/themes/j1/core/js/template.js.map +1 -1
- data/assets/themes/j1/core/js/template.min.js +6 -6
- data/assets/themes/j1/core/js/template.min.js.map +1 -0
- data/assets/themes/j1/modules/_lightGallery/css/core/lg-fb-comment-box.css +58 -0
- data/assets/themes/j1/modules/_lightGallery/css/core/lg-fb-comment-box.min.css +5 -0
- data/assets/themes/j1/modules/_lightGallery/css/core/lg-transitions.css +778 -0
- data/assets/themes/j1/modules/_lightGallery/css/core/lg-transitions.min.css +5 -0
- data/assets/themes/j1/modules/_lightGallery/css/core/lightgallery.css +981 -0
- data/assets/themes/j1/modules/_lightGallery/css/core/lightgallery.min.css +5 -0
- data/assets/themes/j1/modules/_lightGallery/css/fonts/lg.eot +0 -0
- data/assets/themes/j1/modules/_lightGallery/css/fonts/lg.svg +47 -0
- data/assets/themes/j1/modules/_lightGallery/css/fonts/lg.ttf +0 -0
- data/assets/themes/j1/modules/_lightGallery/css/fonts/lg.woff +0 -0
- data/assets/themes/j1/modules/_lightGallery/css/img/loading.gif +0 -0
- data/assets/themes/j1/modules/_lightGallery/css/img/video-play.png +0 -0
- data/assets/themes/j1/modules/_lightGallery/css/img/vimeo-play.png +0 -0
- data/assets/themes/j1/modules/_lightGallery/css/img/youtube-play.png +0 -0
- data/assets/themes/j1/modules/_lightGallery/css/themes/icons/animation-w.png +0 -0
- data/assets/themes/j1/modules/_lightGallery/css/themes/icons/customize-w.png +0 -0
- data/assets/themes/j1/modules/_lightGallery/css/themes/icons/dynamic-w.png +0 -0
- data/assets/themes/j1/modules/_lightGallery/css/themes/icons/facebook-icon.svg +10 -0
- data/assets/themes/j1/modules/_lightGallery/css/themes/icons/googleplus-icon.svg +30 -0
- data/assets/themes/j1/modules/_lightGallery/css/themes/icons/html5-w.png +0 -0
- data/assets/themes/j1/modules/_lightGallery/css/themes/icons/linked-in.png +0 -0
- data/assets/themes/j1/modules/_lightGallery/css/themes/icons/module-w.png +0 -0
- data/assets/themes/j1/modules/_lightGallery/css/themes/icons/play-button.png +0 -0
- data/assets/themes/j1/modules/_lightGallery/css/themes/icons/responsive-w.png +0 -0
- data/assets/themes/j1/modules/_lightGallery/css/themes/icons/thumb-w.png +0 -0
- data/assets/themes/j1/modules/_lightGallery/css/themes/icons/touch-w.png +0 -0
- data/assets/themes/j1/modules/_lightGallery/css/themes/icons/twitter-icon.svg +15 -0
- data/assets/themes/j1/modules/_lightGallery/css/themes/icons/twitter.png +0 -0
- data/assets/themes/j1/modules/_lightGallery/css/themes/icons/video1-w.png +0 -0
- data/assets/themes/j1/modules/_lightGallery/css/themes/icons/zoom-w.png +0 -0
- data/assets/themes/j1/modules/_lightGallery/css/themes/icons/zoom.png +0 -0
- data/assets/themes/j1/modules/_lightGallery/css/themes/uno.css +262 -0
- data/assets/themes/j1/modules/_lightGallery/css/themes/uno.min.css +15 -0
- data/assets/themes/j1/modules/_lightGallery/js/core/lightgallery.js +1362 -0
- data/assets/themes/j1/modules/_lightGallery/js/core/lightgallery.min.js +4 -0
- data/assets/themes/j1/modules/_lightGallery/js/modules/j1/j1-video.js +402 -0
- data/assets/themes/j1/modules/_lightGallery/js/modules/j1/j1-video.min.js +8 -0
- data/assets/themes/j1/modules/_lightGallery/js/modules/lg-autoplay.js +206 -0
- data/assets/themes/j1/modules/_lightGallery/js/modules/lg-autoplay.min.js +5 -0
- data/assets/themes/j1/modules/_lightGallery/js/modules/lg-fullscreen.js +126 -0
- data/assets/themes/j1/modules/_lightGallery/js/modules/lg-fullscreen.min.js +5 -0
- data/assets/themes/j1/modules/_lightGallery/js/modules/lg-hash.js +101 -0
- data/assets/themes/j1/modules/_lightGallery/js/modules/lg-hash.min.js +5 -0
- data/assets/themes/j1/modules/_lightGallery/js/modules/lg-pager.js +105 -0
- data/assets/themes/j1/modules/_lightGallery/js/modules/lg-pager.min.js +5 -0
- data/assets/themes/j1/modules/_lightGallery/js/modules/lg-share.js +107 -0
- data/assets/themes/j1/modules/_lightGallery/js/modules/lg-share.min.js +5 -0
- data/assets/themes/j1/modules/_lightGallery/js/modules/lg-thumbnail.js +478 -0
- data/assets/themes/j1/modules/_lightGallery/js/modules/lg-thumbnail.min.js +5 -0
- data/assets/themes/j1/modules/_lightGallery/js/modules/lg-video.js +342 -0
- data/assets/themes/j1/modules/_lightGallery/js/modules/lg-video.min.js +5 -0
- data/assets/themes/j1/modules/_lightGallery/js/modules/lg-zoom.js +527 -0
- data/assets/themes/j1/modules/_lightGallery/js/modules/lg-zoom.min.js +5 -0
- data/assets/themes/j1/modules/lightGallery/js/core/j1/lightgallery-x.js +1368 -0
- data/assets/themes/j1/modules/lightGallery/js/core/j1/lightgallery-x.min.js +10 -0
- data/assets/themes/j1/modules/lightGallery/js/modules/j1/j1-x-video.js +344 -0
- data/assets/themes/j1/modules/lightGallery/js/modules/j1/j1-x-video.min.js +7 -0
- data/assets/themes/j1/modules/lightbox/js/lightbox.js +1 -1
- data/assets/themes/j1/modules/lightbox/js/lightbox.min.js +1 -1
- data/assets/themes/j1/modules/log4javascript/docs/backwardsincompatibilities.html +90 -0
- data/assets/themes/j1/modules/log4javascript/docs/distribution.html +87 -0
- data/assets/themes/j1/modules/log4javascript/docs/index.html +190 -0
- data/assets/themes/j1/modules/log4javascript/docs/lite.html +182 -0
- data/assets/themes/j1/modules/log4javascript/docs/manual.html +3217 -0
- data/assets/themes/j1/modules/log4javascript/docs/manual_lite.html +383 -0
- data/assets/themes/j1/modules/log4javascript/docs/quickstart.html +230 -0
- data/assets/themes/j1/modules/log4javascript/docs/whatsnew.html +86 -0
- data/assets/themes/j1/modules/log4javascript/js/log4javascript.js +5826 -0
- data/assets/themes/j1/modules/{util/js/log4javascript.js → log4javascript/js/log4javascript.min.js} +17 -0
- data/exe/j1 +1 -1
- data/lib/j1/commands/generate.rb +32 -9
- data/lib/{patches/rubygems/eventmachine-1.2.7-x64-mingw32/lib/2.6 → j1/patches/rubygems/eventmachine-1.2.7-x64-mingw32/lib/2.7}/fastfilereaderext.so +0 -0
- data/lib/{patches/rubygems/eventmachine-1.2.7-x64-mingw32/lib/2.6 → j1/patches/rubygems/eventmachine-1.2.7-x64-mingw32/lib/2.7}/rubyeventmachine.so +0 -0
- data/lib/j1/patches/rubygems/execjs-2.7.0/lib/execjs/external_runtime.rb +246 -0
- data/lib/j1/version.rb +1 -1
- data/lib/j1_app.rb +1 -1
- data/lib/j1_app/j1_auth_manager/auth_manager.rb +8 -2
- data/lib/j1_app/j1_site_manager/static_site.no-cross-origin.rb +94 -0
- data/lib/j1_app/j1_site_manager/static_site.rb +13 -11
- data/lib/starter_web/Gemfile +21 -15
- data/lib/starter_web/_config.yml +71 -116
- data/lib/starter_web/_data/_defaults/j1_config.yml +460 -0
- data/lib/starter_web/_data/_defaults/resources.yml +626 -325
- data/lib/starter_web/_data/apps/defaults/{justified_gallery.yml → justifiedGallery.yml} +2 -2
- data/lib/starter_web/_data/apps/defaults/{gallery_customizer.yml → justifiedGalleryCustomizer.yml} +0 -0
- data/lib/starter_web/_data/apps/defaults/{light_gallery.yml → lightGallery.yml} +0 -0
- data/lib/starter_web/_data/apps/{justified_gallery.yml → justifiedGallery.yml} +7 -7
- data/lib/starter_web/_data/apps/{gallery_customizer.yml → justifiedGalleryCustomizer.yml} +0 -0
- data/lib/starter_web/_data/apps/{light_gallery.yml → lightGallery.yml} +0 -0
- data/lib/starter_web/_data/blocks/banner.yml +18 -30
- data/lib/starter_web/_data/blocks/footer.yml +15 -3
- data/lib/starter_web/_data/blocks/panel.yml +4 -6
- data/lib/starter_web/_data/builder/blog_navigator.yml +4 -4
- data/lib/starter_web/_data/j1_config.yml +8 -7
- data/lib/starter_web/_data/layouts/collection.yml +10 -0
- data/lib/starter_web/_data/layouts/default.yml +8 -32
- data/lib/starter_web/_data/modules/authentication.yml +11 -100
- data/lib/starter_web/_data/modules/defaults/log4javascript.yml +37 -40
- data/lib/starter_web/_data/modules/defaults/quicksearch.yml +5 -24
- data/lib/starter_web/_data/modules/fam.yml +13 -2
- data/lib/starter_web/_data/modules/log4javascript.yml +11 -83
- data/lib/starter_web/_data/modules/navigator_menu.yml +27 -8
- data/lib/starter_web/_data/modules/quicksearch.yml +5 -3
- data/lib/starter_web/_data/plugins/defaults/paginator.yml +15 -12
- data/lib/starter_web/_data/plugins/paginator.yml +5 -3
- data/lib/starter_web/_data/private.yml +29 -57
- data/lib/starter_web/_data/resources.yml +33 -16
- data/lib/starter_web/_data/utilities/defaults/util_srv.yml +49 -3
- data/lib/starter_web/_data/utilities/util_srv.yml +8 -65
- data/lib/starter_web/_includes/attributes.asciidoc +10 -6
- data/lib/starter_web/_plugins/asciidoctor-extensions/callout.rb +47 -5
- data/lib/starter_web/_plugins/asciidoctor-extensions/conum.rb +28 -1
- data/lib/starter_web/_plugins/lunr_index.rb +24 -5
- data/lib/starter_web/assets/images/collections/blog/featured/dynamic-web-access.png +0 -0
- data/lib/starter_web/assets/images/collections/blog/featured/jamstack-generators.gif +0 -0
- data/lib/starter_web/assets/images/collections/blog/featured/jamstack-generators.jpg +0 -0
- data/lib/starter_web/assets/images/collections/blog/featured/static-web-access.png +0 -0
- data/lib/starter_web/assets/images/modules/attics/leon-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/machine-generator-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/modules/icons/j1/j1-256x256.gif +0 -0
- data/lib/starter_web/collections/posts/public/featured/_posts/0000-00-00-welcome-to-j1.adoc.erb +46 -47
- data/lib/starter_web/collections/posts/public/featured/_posts/{2020-06-01-about-cookies.adoc → 2020-01-01-about-cookies.adoc} +35 -40
- data/lib/starter_web/collections/posts/public/featured/_posts/{2020-05-01-top-site-generators.adoc → 2021-03-01-site-generators.adoc} +57 -31
- data/lib/starter_web/collections/posts/public/featured/_posts/2021-03-03-about-j1.adoc +124 -0
- data/lib/starter_web/collections/posts/public/featured/_posts/_includes/attributes.asciidoc +4 -0
- data/lib/starter_web/collections/posts/public/series/_posts/2020-01-01-post-test-series.adoc +10 -9
- data/lib/starter_web/collections/posts/public/series/_posts/2020-01-02-post-test-series.adoc +10 -10
- data/lib/starter_web/collections/posts/public/series/_posts/2020-01-03-post-test-series.adoc +10 -10
- data/lib/starter_web/collections/posts/public/series/_posts/2020-01-04-post-test-series.adoc +10 -10
- data/lib/starter_web/collections/posts/public/wikipedia/_posts/2016-11-20-minneapolis.adoc +2 -3
- data/lib/starter_web/collections/posts/public/wikipedia/_posts/2016-11-24-narcisse-snake-dens.adoc +2 -3
- data/lib/starter_web/collections/posts/public/wikipedia/_posts/2016-11-26-columbia-river.adoc +2 -3
- data/lib/starter_web/dot.gitattributes +1 -1
- data/lib/starter_web/dot.gitignore +5 -1
- data/lib/starter_web/index.html +5 -11
- data/lib/starter_web/package.json +5 -4
- data/lib/starter_web/pages/public/about/about_site.adoc +1 -1
- data/lib/starter_web/pages/public/asciidoc_skeletons/_templates/asciidoc-extensions/gallery.asciidoc +1 -1
- data/lib/starter_web/pages/public/asciidoc_skeletons/book/000_intro.adoc +7 -1
- data/lib/starter_web/pages/public/asciidoc_skeletons/book/100_chapter.adoc +5 -1
- data/lib/starter_web/pages/public/asciidoc_skeletons/book/200_chapter.adoc +7 -2
- data/lib/starter_web/pages/public/asciidoc_skeletons/book/900_references.adoc +5 -0
- data/lib/starter_web/pages/public/asciidoc_skeletons/book/book.adoc +7 -2
- data/lib/starter_web/pages/public/asciidoc_skeletons/multi-document/100_chapter.asciidoc +1 -1
- data/lib/starter_web/pages/public/asciidoc_skeletons/multi-document/200_chapter.asciidoc +2 -2
- data/lib/starter_web/pages/public/asciidoc_skeletons/multi-document/multi.adoc +7 -2
- data/lib/starter_web/pages/public/asciidoc_skeletons/simple-document/simple.adoc +6 -1
- data/lib/starter_web/pages/public/blog/navigator/archive.html +6 -7
- data/lib/starter_web/pages/public/blog/navigator/archive/categoryview.html +6 -7
- data/lib/starter_web/pages/public/blog/navigator/archive/dateview.html +12 -11
- data/lib/starter_web/pages/public/blog/navigator/archive/tagview.html +6 -7
- data/lib/starter_web/pages/public/blog/navigator/index.html +7 -11
- data/lib/starter_web/pages/public/learn/roundtrip/100_present_images.adoc +45 -48
- data/lib/starter_web/pages/public/learn/roundtrip/100_present_videos.adoc +21 -20
- data/lib/starter_web/pages/public/learn/roundtrip/200_typography.adoc +6 -2
- data/lib/starter_web/pages/public/learn/roundtrip/300_icon_fonts.adoc +39 -35
- data/lib/starter_web/pages/public/learn/roundtrip/400_asciidoc_extensions.adoc +38 -36
- data/lib/starter_web/pages/public/learn/roundtrip/410_bs_modals_extentions.adoc +16 -14
- data/lib/starter_web/pages/public/learn/roundtrip/420_responsive_tables_extensions.adoc +11 -9
- data/lib/starter_web/pages/public/learn/roundtrip/500_themes.adoc +30 -27
- data/lib/starter_web/pages/public/learn/roundtrip/600_quicksearch.adoc +51 -50
- data/lib/starter_web/pages/public/learn/roundtrip/_includes/documents/100_gistblock.asciidoc +1 -1
- data/lib/starter_web/pages/public/learn/where_to_go.adoc +44 -17
- data/lib/starter_web/pages/public/legal/en/100_copyright.adoc +116 -0
- data/lib/starter_web/pages/public/legal/en/200_impress.adoc +82 -0
- data/lib/starter_web/pages/public/legal/en/300_privacy.adoc +77 -53
- data/lib/starter_web/pages/public/legal/en/400_comment_policy.adoc +123 -0
- data/lib/starter_web/pages/public/panels/intro_panel/panel.adoc +79 -71
- data/lib/starter_web/pages/public/previewer/_includes/tables/rouge/300_supported_languages.asciidoc +1 -1
- data/lib/starter_web/pages/public/previewer/bootstrap_theme.adoc +105 -121
- data/lib/starter_web/pages/public/previewer/iframer.adoc +1 -1
- data/lib/starter_web/pages/public/previewer/justified_gallery.html +3 -3
- data/lib/starter_web/pages/public/previewer/md_color_palette.adoc +1 -1940
- data/lib/starter_web/pages/public/previewer/mdi_icons_preview.adoc +7 -9
- data/lib/starter_web/pages/public/previewer/rouge.adoc +1 -1
- data/lib/starter_web/pages/public/previewer/twitter_emoji_preview.adoc +1 -1
- data/lib/starter_web/utilsrv/_defaults/package.json +13 -9
- data/lib/starter_web/utilsrv/package.json +6 -2
- data/lib/starter_web/utilsrv/server.js +228 -55
- metadata +99 -212
- data/lib/starter_web/_data/_defaults/j1_light_gallery.yml +0 -110
- data/lib/starter_web/_data/_defaults/template_settings.yml +0 -258
- data/lib/starter_web/_data/plugins/defaults/notebooks.yml +0 -61
- data/lib/starter_web/_data/plugins/notebooks.yml +0 -70
- data/lib/starter_web/assets/images/collections/blog/featured/staticgen.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/aditya-joshi-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/alex-holyoake-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/anaya-katlego-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/antonella-lombardi-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/antonino-visalli-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/banner/docker-1280x600-bw.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/banner/jekyll.1200x600-bw.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/banner/signpost-1920x800-bw.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/banner/water-journal-1280x600.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/banner/write-1280x600-bw.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/brandon-mowinkel-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/daniel-jensen-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/florian-olivo-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/go-up-1920x1280-bw.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/ian-schneider-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/jason-rosewell-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/joel-filipe-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/lianhao-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/library-1920x1280-bw.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/mae-mue-1920x1280-v.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/mae-mue-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/markus-spiske3-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/modules-apps-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/nicola-styles-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/no-time-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/nousnou-iwasaki-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/premium-1920x1280-bw.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/responsive-text-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/robert-v-ruggiero-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/romain-vignes-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/spider-web-1920x1200-bw.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/the-place-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/modules/icons/algolia/search-by-algolia.png +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 +0 -2025
- data/lib/starter_web/assets/images/modules/icons/netlify/nf-logo.png +0 -0
- data/lib/starter_web/assets/images/modules/icons/p1/favicon.ico +0 -0
- data/lib/starter_web/assets/images/modules/icons/p1/p1-256x256.png +0 -0
- data/lib/starter_web/assets/images/modules/icons/p1/p1-32x32.ico +0 -0
- data/lib/starter_web/assets/images/modules/icons/p1/p1-512x512.png +0 -0
- data/lib/starter_web/assets/images/modules/icons/p1/p1-64x64.png +0 -0
- data/lib/starter_web/assets/images/modules/icons/p1/p1.ico +0 -0
- data/lib/starter_web/assets/images/modules/icons/p1/scalable/p1.svg +0 -2020
- data/lib/starter_web/assets/images/modules/icons/patreon/favicon-16x16.png +0 -0
- data/lib/starter_web/assets/images/modules/icons/patreon/favicon-32x32.png +0 -0
- data/lib/starter_web/assets/images/pages/j1_webhooks/000_browser_console-1280x600.jpg +0 -0
- data/lib/starter_web/assets/images/pages/j1_webhooks/001_smee_channel-1280x400.jpg +0 -0
- data/lib/starter_web/assets/images/pages/j1_webhooks/002_gh_repo_settings-1280x800.jpg +0 -0
- data/lib/starter_web/assets/images/pages/j1_webhooks/003_gh_webhook_settings-1280x1000.jpg +0 -0
- data/lib/starter_web/assets/images/pages/j1_webhooks/004_gh_webhook_settings-post-1280x600.jpg +0 -0
- data/lib/starter_web/assets/images/pages/j1_webhooks/005_smee_channel_ping_receive-1280x800.jpg +0 -0
- data/lib/starter_web/assets/images/pages/j1_webhooks/006_gh_redeliver_payload-1280x900.jpg +0 -0
- data/lib/starter_web/assets/images/pages/j1_webhooks/007_receive_redelivered_payload-1280x800.jpg +0 -0
- data/lib/starter_web/assets/images/pages/j1_webhooks/base/000_browser_console.jpg +0 -0
- data/lib/starter_web/assets/images/pages/j1_webhooks/base/000_smee_channel.jpg +0 -0
- data/lib/starter_web/assets/images/pages/j1_webhooks/base/002_gh_repo-settings.jpg +0 -0
- data/lib/starter_web/assets/images/pages/j1_webhooks/base/003_gh_webhook_settings.jpg +0 -0
- data/lib/starter_web/assets/images/pages/j1_webhooks/base/004_gh_webhook_settings-post.jpg +0 -0
- data/lib/starter_web/assets/images/pages/j1_webhooks/base/005_smee_channel_ping_received.jpg +0 -0
- data/lib/starter_web/assets/images/pages/j1_webhooks/base/006_gh_redeliver_payload.jpg +0 -0
- data/lib/starter_web/assets/images/pages/j1_webhooks/base/007_receive_redelivered_payload.jpg +0 -0
- data/lib/starter_web/assets/images/pages/j1_webhooks/base/webhook_flow.jpg +0 -0
- data/lib/starter_web/assets/images/pages/j1_webhooks/flows/webhook_flow-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/pages/j1_webhooks/scaleable/webhook_flow.svg +0 -432
- data/lib/starter_web/assets/images/pages/j1_webhooks/uml/auth_mgmr_signin_request_flow.uxf +0 -632
- data/lib/starter_web/assets/images/pages/j1_webhooks/uml/webhook_flow.uxf +0 -648
- data/lib/starter_web/assets/images/pages/kickstarter/web_in_a_day/get-started-1920x1280-bw.jpg +0 -0
- data/lib/starter_web/assets/images/pages/kickstarter/web_in_a_day/intro/130_layout_inheritance.png +0 -0
- data/lib/starter_web/assets/images/pages/kickstarter/web_in_a_day/intro/content_inheritance.png +0 -0
- data/lib/starter_web/assets/images/pages/kickstarter/web_in_a_day/intro/content_inheritance_thumb.png +0 -0
- data/lib/starter_web/assets/images/pages/kickstarter/web_in_a_day/intro/html_layout.png +0 -0
- data/lib/starter_web/assets/images/pages/kickstarter/web_in_a_day/intro/j1-quickstart-windows.png +0 -0
- data/lib/starter_web/assets/images/pages/kickstarter/web_in_a_day/intro/j1-template-theme.jpg +0 -0
- data/lib/starter_web/assets/images/pages/kickstarter/web_in_a_day/intro/j1_layout.png +0 -0
- data/lib/starter_web/assets/images/pages/kickstarter/web_in_a_day/intro/jekyll-minima-theme.png +0 -0
- data/lib/starter_web/assets/images/pages/kickstarter/web_in_a_day/intro/lane_inheritance.png +0 -0
- data/lib/starter_web/assets/images/pages/kickstarter/web_in_a_day/intro/layout_inheritance.png +0 -0
- data/lib/starter_web/assets/images/pages/kickstarter/web_in_a_day/preparations/msys_installation.jpg +0 -0
- data/lib/starter_web/assets/images/pages/log4j/apache-log4j-logo.png +0 -0
- data/lib/starter_web/assets/images/pages/log4r/code-1920x600.jpg +0 -0
- data/lib/starter_web/assets/images/pages/log4r/log4r-logo.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_000.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_001.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_002.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_003.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_004.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_005.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_006.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_007.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_008.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_009.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_010.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_011.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_012.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_013.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_014.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_015.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_016.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_017.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_018.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_019.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_020.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_021.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_022.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_023.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_024.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_025.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_026.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_027.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_028.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_029.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_030.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_031.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_032.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_033.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_034.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_035.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_036.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_037.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_038.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_039.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_040.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_041.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_042.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_043.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_044.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_045.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_046.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_047.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_048.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_049.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_050.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_051.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_052.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_053.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_054.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_055.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_056.png +0 -0
- data/lib/starter_web/assets/images/pages/log_expert/image_057.png +0 -0
- data/lib/starter_web/assets/images/pages/material/apple-touch-icon.png +0 -0
- data/lib/starter_web/assets/images/pages/pen/jquery/jQuery-logo.png +0 -0
- data/lib/starter_web/assets/images/pages/pen/jquery/jquery-banner-1280x600.jpg +0 -0
- data/lib/starter_web/assets/images/pages/pen/jquery/jquery-banner-1920x800.jpg +0 -0
- data/lib/starter_web/assets/images/pages/pen/jquery/src/JQuery-Logo.svg +0 -122
- data/lib/starter_web/assets/images/pages/pen/jquery/src/banner.psd +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/assets/images/pages/writers_guide/1280px-PDCA_Process.png +0 -0
- data/lib/starter_web/assets/images/pages/writers_guide/annie-spratt-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/pages/writers_guide/deming-cycle.png +0 -0
- data/lib/starter_web/assets/images/pages/writers_guide/humble-lamb-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/pages/writers_guide/john-schnobrich-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/pages/writers_guide/sigmund-1920x1280.jpg +0 -0
- data/lib/starter_web/collections/posts/public/series/_posts/_includes/attributes.asciidoc +0 -37
- data/lib/starter_web/collections/posts/public/series/_posts/_includes/documents/readme +0 -0
- data/lib/starter_web/collections/posts/public/series/_posts/_includes/tables/debug_variables.asciidoc +0 -47
- data/lib/starter_web/pages/protected/site_search.adoc +0 -180
- data/lib/starter_web/pages/public/asciidoc_skeletons/book/book.pdf +1 -5439
- data/lib/starter_web/pages/public/legal/en/000_copyright.adoc +0 -93
- data/lib/starter_web/pages/public/legal/en/100_impress.adoc +0 -55
- data/lib/starter_web/pages/public/legal/en/200_terms_of_use.adoc +0 -53
- data/lib/starter_web/pages/public/legal/en/eu/cookie.policy.asciidoc +0 -50
@@ -0,0 +1,123 @@
|
|
1
|
+
---
|
2
|
+
title: Comment Policy
|
3
|
+
tagline: discuss with respect
|
4
|
+
date: 2021-03-30 00:00:00 +100
|
5
|
+
description: >
|
6
|
+
We love comments and appreciate the time that our visitors
|
7
|
+
spend to share ideas and give feedback. Thank you to everyone
|
8
|
+
who comments at {j1--site-name}.
|
9
|
+
|
10
|
+
tags: [ Legal ]
|
11
|
+
categories: [ Comments, Policy ]
|
12
|
+
|
13
|
+
sitemap: false
|
14
|
+
robots:
|
15
|
+
index: false
|
16
|
+
follow: false
|
17
|
+
|
18
|
+
fam_menu_id: page_ctrl_simple
|
19
|
+
scrollbar: false
|
20
|
+
comments: false
|
21
|
+
toc: true
|
22
|
+
|
23
|
+
permalink: /pages/public/legal/en/comment_policy/
|
24
|
+
regenerate: true
|
25
|
+
|
26
|
+
resources: []
|
27
|
+
resource_options:
|
28
|
+
- attic:
|
29
|
+
padding_top: 400
|
30
|
+
padding_bottom: 50
|
31
|
+
opacity: 0.5
|
32
|
+
slides:
|
33
|
+
- url: /assets/images/modules/attics/leon-1920x1280.jpg
|
34
|
+
alt: Photo by Leon on Unsplash
|
35
|
+
badge:
|
36
|
+
type: unsplash
|
37
|
+
author: Leon
|
38
|
+
href: https://unsplash.com/@myleon
|
39
|
+
---
|
40
|
+
|
41
|
+
// Page Initializer
|
42
|
+
// =============================================================================
|
43
|
+
// Enable the Liquid Preprocessor
|
44
|
+
:page-liquid:
|
45
|
+
|
46
|
+
// Set (local) page attributes here
|
47
|
+
// -----------------------------------------------------------------------------
|
48
|
+
// :page--attr: <attr-value>
|
49
|
+
:disqus: true
|
50
|
+
|
51
|
+
// Load Liquid procedures
|
52
|
+
// -----------------------------------------------------------------------------
|
53
|
+
{% capture load_attributes %}themes/{{site.template.name}}/procedures/global/attributes_loader.proc{%endcapture%}
|
54
|
+
|
55
|
+
// Load page attributes
|
56
|
+
// -----------------------------------------------------------------------------
|
57
|
+
{% include {{load_attributes}} scope="global" %}
|
58
|
+
|
59
|
+
|
60
|
+
// Page content
|
61
|
+
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
|
62
|
+
|
63
|
+
// Include sub-documents
|
64
|
+
// -----------------------------------------------------------------------------
|
65
|
+
|
66
|
+
We love comments and appreciate our visitor's time to share ideas and give
|
67
|
+
feedback. Thank you to everyone who places a comment on the {j1--site-name}
|
68
|
+
website.
|
69
|
+
|
70
|
+
ifeval::[{disqus} == true]
|
71
|
+
To access the public commenting feature, you will need to register for
|
72
|
+
an account as an individual at _Disqus_. One of the primary purposes of
|
73
|
+
encouraging comments on the {j1--site-name} website is to promote a sense
|
74
|
+
of community.
|
75
|
+
|
76
|
+
NOTE: _Disqus_ (/dɪsˈkʌs/) is a blog comment hosting service for websites
|
77
|
+
and online communities that use a networked platform. The company's
|
78
|
+
platform includes various features, such as social integration, social
|
79
|
+
networking, user profiles, spam and moderation tools, analytics,
|
80
|
+
email notifications, and mobile commenting.
|
81
|
+
endif::[]
|
82
|
+
|
83
|
+
== Discuss with Respect
|
84
|
+
|
85
|
+
One of the most important aspects of a helpful blog is the conversation
|
86
|
+
that occurs through comments that visitors publish on blog posts. However,
|
87
|
+
comment conversations can sometimes take a negative turn or feature spam
|
88
|
+
links. That's why it's helpful to have a blog comment policy. Visitors
|
89
|
+
understand what is and is not acceptable when commenting on your blog posts.
|
90
|
+
|
91
|
+
== Comments are Welcome
|
92
|
+
|
93
|
+
Comments are welcomed and encouraged on this site, but there are some
|
94
|
+
instances where comments will be edited or deleted. The owner of this site
|
95
|
+
reserves the right to edit or delete any comments submitted to the blog
|
96
|
+
without notice.
|
97
|
+
|
98
|
+
This comment policy is subject to change at any time:
|
99
|
+
|
100
|
+
Promotional::
|
101
|
+
Comments deemed to be spam or solely promotional in nature will be
|
102
|
+
deleted. Including a link to relevant content is permitted, but comments
|
103
|
+
should be relevant to the post topic.
|
104
|
+
|
105
|
+
Profanity::
|
106
|
+
Comments including profanity will be deleted.
|
107
|
+
|
108
|
+
Roughly language::
|
109
|
+
Comments containing language or concepts that could be deemed offensive
|
110
|
+
will be deleted. Note this may include abusive, threatening, pornographic,
|
111
|
+
offensive, misleading, or libelous language.
|
112
|
+
|
113
|
+
Attack::
|
114
|
+
Comments that attack an individual directly will be deleted.
|
115
|
+
|
116
|
+
Harassing::
|
117
|
+
Comments that harass other posters will be deleted. While conversation and
|
118
|
+
the sharing of different ideas are encouraged, all comments need to be
|
119
|
+
respectful towards our contributors and those leaving comments.
|
120
|
+
|
121
|
+
Anonymous::
|
122
|
+
Anonymous comments will be deleted. We only accept comments from people who
|
123
|
+
identify themselves.
|
@@ -1,27 +1,29 @@
|
|
1
1
|
---
|
2
2
|
title: J1 Template
|
3
3
|
tagline: creating responsive websites
|
4
|
-
date: 2020-11-03 00:00:00
|
4
|
+
date: 2020-11-03 00:00:00 +100
|
5
5
|
description: >
|
6
|
-
A good user experience browsing a Web is one of
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
for full responsiveness, for the best user experience on
|
12
|
-
all modern devices.
|
6
|
+
A good user experience browsing a Web site is one of the most important
|
7
|
+
features a website offers as a must, besides excellent content. Presenting
|
8
|
+
content at its best on all devices for all window sizes makes a great Web
|
9
|
+
brilliant. J1 Template supports your Web for full responsiveness, for the
|
10
|
+
best user experience on all modern devices.
|
13
11
|
|
14
12
|
|
15
13
|
tags: [ Jekyll, Template ]
|
16
14
|
categories: [ Info, Introduction ]
|
17
15
|
|
16
|
+
comments: false
|
17
|
+
fam_menu_id: page_ctrl_simple
|
18
|
+
|
18
19
|
permalink: /pages/public/panels/intro_panel/
|
19
20
|
regenerate: false
|
20
21
|
|
21
22
|
resources: [
|
22
23
|
clipboard, rouge, carousel, lightbox,
|
23
|
-
|
24
|
+
justifiedGallery, lightGallery
|
24
25
|
]
|
26
|
+
|
25
27
|
resource_options:
|
26
28
|
- attic:
|
27
29
|
padding_top: 400
|
@@ -46,22 +48,21 @@ resource_options:
|
|
46
48
|
image::/assets/images/pages/panels/responsive-text-1920x800.jpg[{{page.title}}]
|
47
49
|
|
48
50
|
A good user experience browsing a Web site is one of the most important
|
49
|
-
|
50
|
-
content at its best on all devices
|
51
|
-
|
52
|
-
|
51
|
+
features a website offers as a must, besides excellent content. Presenting
|
52
|
+
content at its best on all devices for all window sizes makes a great Web
|
53
|
+
brilliant. J1 Template supports your Web for full responsiveness, for the
|
54
|
+
best user experience on all modern devices.
|
53
55
|
|
54
56
|
=== Bootstrap 4 Integration
|
55
57
|
|
56
58
|
To not sidetrack your audience by irritating user interface (UI) components,
|
57
|
-
J1 Template is based on Bootstrap. Bootstrap is one of the most popular
|
58
|
-
frameworks for web development used today. J1 is based on Bootstrap V4,
|
59
|
-
last current version to support your visitors by common
|
60
|
-
data input, tables, and many other components
|
59
|
+
the J1 Template is based on Bootstrap. Bootstrap is one of the most popular
|
60
|
+
frameworks for web development used today. J1 is based on Bootstrap V4,
|
61
|
+
the last current version to support your visitors by common navigation
|
62
|
+
elements, data input, tables, and many other components.
|
61
63
|
|
62
|
-
|
63
|
-
|
64
|
-
elements, cards, forms, etc.
|
64
|
+
Bootstrap simplifies HTML programming a lot, offers excellent JS support
|
65
|
+
for interactive components like navigation elements, cards, forms, etc.
|
65
66
|
|
66
67
|
[[current-technology]]
|
67
68
|
== HTML5 · CSS3 · JS
|
@@ -76,62 +77,69 @@ of web development, languages, and tools.
|
|
76
77
|
|
77
78
|
=== Coding web pages
|
78
79
|
|
79
|
-
J1
|
80
|
-
on the World Wide Web. The current version
|
81
|
-
|
80
|
+
J1 uses HTML5, the latest major HTML version, for structuring content
|
81
|
+
on the World Wide Web. The HTML standard's current version many new features,
|
82
|
+
including detailed processing models to support more
|
82
83
|
interoperable implementations. It extends and improves HTML markups available
|
83
84
|
in older versions.
|
84
85
|
|
85
86
|
HTML5 introduces application programming interfaces (APIs) for more complex
|
86
87
|
web applications. For the same reasons, the new HTML standard is also a good
|
87
|
-
choice for modern cross-platform mobile applications
|
88
|
+
choice for modern cross-platform mobile applications because it includes
|
88
89
|
features designed with mobile devices in mind.
|
89
90
|
|
90
91
|
Many new features are included with HTML5. To natively support multimedia and
|
91
92
|
graphical content, the new `<video>`, `<audio>` and `<canvas>` elements were
|
92
|
-
added. Besides this,
|
93
|
-
*MathML* for mathematical formulas and
|
94
|
-
available.
|
93
|
+
added. Besides this, *SVG* (scalable vector graphics) support an API called
|
94
|
+
*MathML* for mathematical formulas, and Flex's grid system is now available.
|
95
95
|
|
96
96
|
The new standard allows to use so-called *semantic* markup elements for your
|
97
97
|
documents. New structure elements such as `<main>`, `<section>`, `<article>`,
|
98
98
|
`<header>` or `<footer>` (and many more) were added. Better structured HTML
|
99
99
|
code can help people having disabilities to read the pages presented better.
|
100
100
|
|
101
|
-
*CSS* (
|
102
|
-
presentation and content
|
103
|
-
|
104
|
-
|
101
|
+
*CSS* (cascading style sheets) is designed to enable the *separation* of
|
102
|
+
presentation and content, including layout, colors, and fonts. This separation
|
103
|
+
improves content accessibility, provides more flexibility and control for
|
104
|
+
the presentation.
|
105
105
|
|
106
106
|
Separation of formatting and content also makes it feasible to present the
|
107
|
-
same page in different styles. For example, the *themes feature* of J1
|
108
|
-
makes use of this.
|
107
|
+
same page in different styles. For example, the *themes feature* of the J1
|
108
|
+
Template makes use of this.
|
109
109
|
|
110
|
-
*CSS3*, the current standard for
|
111
|
-
several
|
112
|
-
or extends features defined in the former CSS2 standard. HTML5
|
113
|
-
with CSS3 allows creating modern and modular code for web pages
|
110
|
+
*CSS3*, the current standard for cascaded style sheets, is divided into
|
111
|
+
several separate components called *modules*. Each module adds new
|
112
|
+
capabilities or extends features defined in the former CSS2 standard. HTML5,
|
113
|
+
in combination with CSS3, allows creating modern and modular code for web pages
|
114
114
|
viewed on all current devices like Mobiles, Tablets, or the classic Desktop PC.
|
115
|
-
The new HTML5 elements plus CSS3 modules can
|
116
|
-
|
117
|
-
|
115
|
+
The new HTML5 elements plus CSS3 modules can replace proprietary solutions
|
116
|
+
like _Adobe Flash_ to build modern web pages based on open standards
|
117
|
+
|
118
|
+
*CSS3*, the current standard for cascading style sheets, is divided into
|
119
|
+
several separate components called modules. Each module adds new capabilities
|
120
|
+
or extends features defined in the former CSS2 standard. HTML5, in combination
|
121
|
+
with CSS3, allows creating modern and modular code for web pages that can be
|
122
|
+
viewed on all current devices like Mobiles, Tablets, or the classic Desktop
|
123
|
+
PC. The new HTML5 elements plus CSS3 modules can replace proprietary
|
124
|
+
solutions like Adobe Flash to build modern web pages based on open standards.
|
125
|
+
|
118
126
|
|
119
127
|
=== Javascript
|
120
128
|
|
121
129
|
[role="mb-3"]
|
122
130
|
image::/assets/images/pages/panels/modules-apps-1920x800.jpg[{{page.title}}]
|
123
131
|
|
124
|
-
JavaScript is a text-based programming language used
|
125
|
-
|
126
|
-
|
127
|
-
|
132
|
+
JavaScript is a text-based programming language used on the client-side and
|
133
|
+
server-side to make web pages interactive. HTML and CSS are languages that
|
134
|
+
give structure and style to web pages, and JavaScript provides web pages
|
135
|
+
interactive elements that engage a user.
|
128
136
|
|
129
137
|
Content placement and basic methods for the dynamic of elements can be done
|
130
138
|
using pure HTML5 and CSS3. For more complex solutions like *modules* (to
|
131
|
-
provide dynamic, interactive
|
139
|
+
provide dynamic, interactive features), the support of *Javascript* for a
|
132
140
|
webpage is needed.
|
133
141
|
|
134
|
-
JavaScript is used for J1 mainly as a client-side script
|
142
|
+
JavaScript is used for J1 mainly as a client-side script engine. A client-side
|
135
143
|
script is a programming language that performs its tasks entirely on the
|
136
144
|
client's machine and does not need to interact with the server to function.
|
137
145
|
|
@@ -139,13 +147,13 @@ Some of the dynamic website enhancements performed by JavaScript are:
|
|
139
147
|
|
140
148
|
* Loading (new) content or data onto the page without reloading the page
|
141
149
|
* Rollover effects and dropdown menus
|
142
|
-
* Animating page elements such as fading, resizing or relocating
|
150
|
+
* Animating page elements such as fading, resizing, or relocating
|
143
151
|
* Playing audio and video
|
144
152
|
|
145
153
|
J1 Template has build-in a wide range of JS-powered modules to support a
|
146
|
-
website e.g
|
147
|
-
galleries, lightboxes, and so on.
|
148
|
-
is needed to use the build-in JS-based modules.
|
154
|
+
website, e.g., by a powerful navigation system, for presenting image data
|
155
|
+
in galleries, lightboxes, and so on. The good news is: no programming
|
156
|
+
JavaScript is needed to use the build-in JS-based modules.
|
149
157
|
|
150
158
|
[[launch-ready]]
|
151
159
|
== Start in No Time
|
@@ -161,46 +169,46 @@ your content is done automatically and allows you to concentrate on what
|
|
161
169
|
truly matters: your content.
|
162
170
|
|
163
171
|
Using J1, you can instantly start a web project by creating your content and
|
164
|
-
not
|
172
|
+
not earning the deep of web development technologies.
|
165
173
|
|
166
174
|
=== Create your Web
|
167
175
|
|
168
|
-
J1 is highly customizable. Based on a pure configuration,
|
176
|
+
J1 is highly customizable. Based on a pure configuration, websites are
|
169
177
|
created. The template system creates static web pages using Jekyll as the
|
170
|
-
base HTML code generator. Static websites are fast and secure but
|
171
|
-
to manage. No complex database systems and PHP interfaces
|
178
|
+
base HTML code generator. Static websites are fast and secure but
|
179
|
+
straightforward to manage. No complex database systems and PHP interfaces
|
180
|
+
are needed.
|
172
181
|
|
173
|
-
|
174
|
-
|
175
|
-
|
182
|
+
For managing static websites, only a web server environment is needed. Publish
|
183
|
+
a site on the Internet, possible platforms can be used like Github, Netlify,
|
184
|
+
or Heroku, for free!
|
176
185
|
|
177
186
|
The Internet is not a peaceful place. Every site accessible from the public
|
178
187
|
is attacked from the first second if published. Static websites are robust,
|
179
|
-
fast and that’s import: intrinsically secure. That means: not changeable.
|
180
|
-
No offender attacking your website can break your site
|
188
|
+
fast, and that’s import: intrinsically secure. That means: not changeable.
|
189
|
+
No offender attacking your website can break your site because it’s static,
|
181
190
|
or in other words: unchangeable, unbreakable from its nature.
|
182
191
|
|
183
|
-
|
192
|
+
That makes a static website for the better.
|
184
193
|
|
185
194
|
=== Modules and Apps
|
186
195
|
|
187
|
-
It
|
188
|
-
Content Management Systems (CMS) like WordPress, Joomla, or Drupal
|
189
|
-
|
190
|
-
|
196
|
+
It's predictable what base components are needed for a modern website. For
|
197
|
+
Content Management Systems (CMS) like WordPress, Joomla, or Drupal, many
|
198
|
+
modules are available to extend a site by, e.g., Apps like image galleries,
|
199
|
+
video players, calendars, etc.
|
191
200
|
|
192
|
-
|
201
|
+
That is a bit different for static webs as they don’t have a central Management
|
193
202
|
System as CMS does to integrate external code. There no ecosystem, no
|
194
203
|
marketplace to get apps and modules from.
|
195
204
|
|
196
205
|
gallery::jg_old_times[]
|
197
206
|
|
198
207
|
Luckily, it is not that hard to integrate external components into the world
|
199
|
-
of Jekyll.
|
200
|
-
|
201
|
-
as a need.
|
208
|
+
of Jekyll. One of J1 is to give people a ready-to-use toolset without the
|
209
|
+
need to install, to integrate features that are expected as a need.
|
202
210
|
|
203
|
-
A rich set of modules are already included. The modules support
|
211
|
+
A rich set of modules are already included. The modules support usual use
|
204
212
|
cases of a website like a flexible navigation system, a local search,
|
205
|
-
lightboxes to present pictures and videos, little helpers for scrolling
|
206
|
-
to automatically create TOCs (table of contents) for a page.
|
213
|
+
lightboxes to present pictures and videos, little helpers for scrolling,
|
214
|
+
or to automatically create TOCs (table of contents) for a page.
|
data/lib/starter_web/pages/public/previewer/_includes/tables/rouge/300_supported_languages.asciidoc
CHANGED
@@ -225,7 +225,7 @@ the principal shading language for OpenGL.
|
|
225
225
|
|
226
226
|
|`go`
|
227
227
|
|golang
|
228
|
-
|The https://golang.org/[Go, {browser-window--new}]
|
228
|
+
|The https://golang.org/[Programming language Go, {browser-window--new}]
|
229
229
|
programming language. Go is an open source programming language that makes it
|
230
230
|
easy to build simple, reliable, and efficient software.
|
231
231
|
|
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
title: Theme previewer
|
3
3
|
tagline: common components
|
4
|
-
date: 2020-11-08 00:00:00
|
4
|
+
date: 2020-11-08 00:00:00 +100
|
5
5
|
description: >
|
6
6
|
Bootstrap is a HTML, CSS & JS Library that focuses on
|
7
7
|
simplifying the development of modern web pages. The
|
@@ -123,7 +123,7 @@ colors. Then, customize with `.bg-*` utilities.
|
|
123
123
|
++++
|
124
124
|
<div class="doc-example mb-3">
|
125
125
|
<nav class="navbar navbar-expand-lg navbar-dark bg-dark mb-1">
|
126
|
-
<a class="navbar-brand"
|
126
|
+
<a href="#" class="navbar-brand">Navbar<div class="ripple-container"></div></a>
|
127
127
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarColor01" aria-controls="navbarColor01" aria-expanded="false" aria-label="Toggle navigation">
|
128
128
|
<span class="navbar-toggler-icon"></span>
|
129
129
|
</button>
|
@@ -131,16 +131,16 @@ colors. Then, customize with `.bg-*` utilities.
|
|
131
131
|
<div class="collapse navbar-collapse" id="navbarColor01">
|
132
132
|
<ul class="navbar-nav mr-auto">
|
133
133
|
<li class="nav-item active">
|
134
|
-
<a class="nav-link"
|
134
|
+
<a href="#" class="nav-link">Home <span class="sr-only">(current)</span></a>
|
135
135
|
</li>
|
136
136
|
<li class="nav-item">
|
137
|
-
<a class="nav-link"
|
137
|
+
<a href="#" class="nav-link">Features</a>
|
138
138
|
</li>
|
139
139
|
<li class="nav-item">
|
140
|
-
<a class="nav-link"
|
140
|
+
<a href="#" class="nav-link">Pricing</a>
|
141
141
|
</li>
|
142
142
|
<li class="nav-item">
|
143
|
-
<a class="nav-link"
|
143
|
+
<a href="#" class="nav-link">About</a>
|
144
144
|
</li>
|
145
145
|
</ul>
|
146
146
|
<form class="form-inline">
|
@@ -151,7 +151,7 @@ colors. Then, customize with `.bg-*` utilities.
|
|
151
151
|
</nav>
|
152
152
|
|
153
153
|
<nav class="navbar navbar-expand-lg navbar-dark bg-primary mb-1">
|
154
|
-
<a class="navbar-brand"
|
154
|
+
<a href="#" class="navbar-brand">Navbar</a>
|
155
155
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarColor02" aria-controls="navbarColor02" aria-expanded="false" aria-label="Toggle navigation">
|
156
156
|
<span class="navbar-toggler-icon"></span>
|
157
157
|
</button>
|
@@ -159,16 +159,16 @@ colors. Then, customize with `.bg-*` utilities.
|
|
159
159
|
<div class="collapse navbar-collapse" id="navbarColor02">
|
160
160
|
<ul class="navbar-nav mr-auto">
|
161
161
|
<li class="nav-item active">
|
162
|
-
<a class="nav-link"
|
162
|
+
<a href="#" class="nav-link">Home <span class="sr-only">(current)</span></a>
|
163
163
|
</li>
|
164
164
|
<li class="nav-item">
|
165
|
-
<a class="nav-link"
|
165
|
+
<a href="#" class="nav-link">Features</a>
|
166
166
|
</li>
|
167
167
|
<li class="nav-item">
|
168
|
-
<a class="nav-link"
|
168
|
+
<a href="#" class="nav-link">Pricing</a>
|
169
169
|
</li>
|
170
170
|
<li class="nav-item">
|
171
|
-
<a class="nav-link"
|
171
|
+
<a href="#" class="nav-link">About</a>
|
172
172
|
</li>
|
173
173
|
</ul>
|
174
174
|
<form class="form-inline">
|
@@ -179,7 +179,7 @@ colors. Then, customize with `.bg-*` utilities.
|
|
179
179
|
</nav>
|
180
180
|
|
181
181
|
<nav class="navbar navbar-expand-lg navbar-light" style="background-color: #e3f2fd;">
|
182
|
-
<a class="navbar-brand"
|
182
|
+
<a href="#" class="navbar-brand">Navbar</a>
|
183
183
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarColor03" aria-controls="navbarColor03" aria-expanded="false" aria-label="Toggle navigation">
|
184
184
|
<span class="navbar-toggler-icon"></span>
|
185
185
|
</button>
|
@@ -187,16 +187,16 @@ colors. Then, customize with `.bg-*` utilities.
|
|
187
187
|
<div class="collapse navbar-collapse" id="navbarColor03">
|
188
188
|
<ul class="navbar-nav mr-auto">
|
189
189
|
<li class="nav-item active">
|
190
|
-
<a class="nav-link"
|
190
|
+
<a href="#" class="nav-link">Home <span class="sr-only">(current)</span></a>
|
191
191
|
</li>
|
192
192
|
<li class="nav-item">
|
193
|
-
<a class="nav-link"
|
193
|
+
<a href="#" class="nav-link">Features</a>
|
194
194
|
</li>
|
195
195
|
<li class="nav-item">
|
196
|
-
<a class="nav-link"
|
196
|
+
<a href="#" class="nav-link">Pricing</a>
|
197
197
|
</li>
|
198
198
|
<li class="nav-item">
|
199
|
-
<a class="nav-link"
|
199
|
+
<a href="#" class="nav-link">About</a>
|
200
200
|
</li>
|
201
201
|
</ul>
|
202
202
|
<form class="form-inline">
|
@@ -567,7 +567,7 @@ link:{url-bs-docs--content-typography}[Bootstrap Docs {char-middot} Typography,
|
|
567
567
|
</div>
|
568
568
|
<div class="col-md-4">
|
569
569
|
<h3 class="notoc">Example body text</h2>
|
570
|
-
<p>Nullam quis risus eget <a href="
|
570
|
+
<p>Nullam quis risus eget <a href="#">urna mollis ornare</a> vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.</p>
|
571
571
|
<p><small>This line of text is meant to be treated as fine print.</small></p>
|
572
572
|
<p>The following is <strong>rendered as bold text</strong>.</p>
|
573
573
|
<p>The following is <em>rendered as italicized text</em>.</p>
|
@@ -701,14 +701,14 @@ link:{url-bs-docs--components-forms}[Bootstrap Docs {char-middot} Forms, {browse
|
|
701
701
|
<div class="doc-example mb-3">
|
702
702
|
<form>
|
703
703
|
<div class="form-group">
|
704
|
-
<label for="exampleInputEmail1" class="bmd-label-floating">Email address</label>
|
705
704
|
<input type="email" class="form-control" id="exampleInputEmail1" autocomplete="none">
|
705
|
+
<label for="exampleInputEmail1" class="bmd-label-floating">Email address</label>
|
706
706
|
<span class="form-clear d-none"><i class="mdi mdi-2x mdi-format-clear"></i></span>
|
707
707
|
<span class="bmd-help">We'll never share your email with anyone else.</span>
|
708
708
|
</div>
|
709
709
|
<div class="form-group">
|
710
|
-
<label for="exampleInputPassword1" class="bmd-label-floating">Password</label>
|
711
710
|
<input type="password" class="form-control" id="exampleInputPassword1">
|
711
|
+
<label for="exampleInputPassword1" class="bmd-label-floating">Password</label>
|
712
712
|
<span class="form-clear d-none"><i class="mdi mdi-2x mdi-format-clear"></i></span>
|
713
713
|
</div>
|
714
714
|
<div class="form-group form-check">
|
@@ -728,11 +728,10 @@ state, sizing, and more.
|
|
728
728
|
<div class="doc-example mb-3">
|
729
729
|
<form>
|
730
730
|
<div class="form-group">
|
731
|
-
<label for="exampleInputEmail1" class="bmd-label-floating">Email address</label>
|
732
731
|
<input type="email" class="form-control" id="exampleFormControlInput1">
|
732
|
+
<label for="exampleInputEmail1" class="bmd-label-floating">Email address</label>
|
733
733
|
</div>
|
734
734
|
<div class="form-group">
|
735
|
-
<label for="exampleFormControlSelect1" class="bmd-label-floating">Example select</label>
|
736
735
|
<select class="form-control" id="exampleFormControlSelect1">
|
737
736
|
<option>1</option>
|
738
737
|
<option>2</option>
|
@@ -740,18 +739,19 @@ state, sizing, and more.
|
|
740
739
|
<option>4</option>
|
741
740
|
<option>5</option>
|
742
741
|
</select>
|
742
|
+
<label for="exampleFormControlSelect1" class="bmd-label-floating">Example select</label>
|
743
743
|
</div>
|
744
744
|
<div class="form-group">
|
745
|
-
<label for="exampleFormControlSelect2" class="bmd-label-floating">Example multiple select</label>
|
746
745
|
<select multiple class="form-control" id="exampleFormControlSelect2">
|
747
746
|
<option>option 1</option>
|
748
747
|
<option>option 2</option>
|
749
748
|
<option>option 3</option>
|
750
749
|
</select>
|
750
|
+
<label for="exampleFormControlSelect2" class="bmd-label-floating">Example multiple select</label>
|
751
751
|
</div>
|
752
752
|
<div class="form-group">
|
753
|
-
<label for="exampleFormControlTextarea1" class="bmd-label-floating">Example textarea</label>
|
754
753
|
<textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
|
754
|
+
<label for="exampleFormControlTextarea1" class="bmd-label-floating">Example textarea</label>
|
755
755
|
</div>
|
756
756
|
</form>
|
757
757
|
</div>
|
@@ -763,8 +763,8 @@ For file inputs, swap the .form-control for .form-control-file.
|
|
763
763
|
<div class="doc-example mb-3">
|
764
764
|
<form>
|
765
765
|
<div class="form-group">
|
766
|
-
<label for="exampleFormControlFile1" class="bmd-label-floating">Example file input</label>
|
767
766
|
<input type="file" class="form-control-file" id="exampleFormControlFile1">
|
767
|
+
<label for="exampleFormControlFile1" class="bmd-label-floating">Example file input</label>
|
768
768
|
</div>
|
769
769
|
</form>
|
770
770
|
</div>
|
@@ -800,22 +800,21 @@ JavaScript plugin.
|
|
800
800
|
<a class="nav-link" data-toggle="tab" href="#profile">Profile</a>
|
801
801
|
</li>
|
802
802
|
<li class="nav-item dropdown">
|
803
|
-
<a class="nav-link dropdown-toggle" data-toggle="dropdown"
|
804
|
-
href="javascript:(void)"
|
803
|
+
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown"
|
805
804
|
role="button"
|
806
805
|
aria-haspopup="true" aria-expanded="false">
|
807
806
|
Dropdown
|
808
807
|
</a>
|
809
808
|
<div class="dropdown-menu">
|
810
|
-
<a class="dropdown-item"
|
811
|
-
<a class="dropdown-item"
|
812
|
-
<a class="dropdown-item"
|
809
|
+
<a href="#" class="dropdown-item">Action</a>
|
810
|
+
<a href="#" class="dropdown-item">Another action</a>
|
811
|
+
<a href="#" class="dropdown-item">Something else here</a>
|
813
812
|
<div class="dropdown-divider"></div>
|
814
|
-
<a class="dropdown-item"
|
813
|
+
<a href="#" class="dropdown-item">Separated link</a>
|
815
814
|
</div>
|
816
815
|
</li>
|
817
816
|
<li class="nav-item">
|
818
|
-
<a class="nav-link disabled"
|
817
|
+
<a href="#" class="nav-link disabled">Disabled</a>
|
819
818
|
</li>
|
820
819
|
</ul>
|
821
820
|
<div id="myTabContent" class="tab-content">
|
@@ -845,26 +844,26 @@ Take that same HTML as Tabs, but use .nav-pills class instead.
|
|
845
844
|
<div class="row mb-5">
|
846
845
|
|
847
846
|
<div class="col-md-6">
|
848
|
-
<
|
847
|
+
<h4 class="notoc">Standard Pills</h4>
|
849
848
|
<ul class="nav nav-pills">
|
850
849
|
<li class="nav-item mr-1 mb-2">
|
851
|
-
<a class="nav-link active"
|
850
|
+
<a href="#" class="nav-link active">Active</a>
|
852
851
|
</li>
|
853
852
|
<li class="nav-item dropdown mr-1">
|
854
|
-
<a class="nav-link dropdown-toggle" data-toggle="dropdown"
|
853
|
+
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a>
|
855
854
|
<div class="dropdown-menu">
|
856
|
-
<a class="dropdown-item"
|
857
|
-
<a class="dropdown-item"
|
858
|
-
<a class="dropdown-item"
|
855
|
+
<a href="#" class="dropdown-item">Action</a>
|
856
|
+
<a href="#" class="dropdown-item">Another action</a>
|
857
|
+
<a href="#" class="dropdown-item">Something else here</a>
|
859
858
|
<div class="dropdown-divider"></div>
|
860
|
-
<a class="dropdown-item"
|
859
|
+
<a href="#" class="dropdown-item">Separated link</a>
|
861
860
|
</div>
|
862
861
|
</li>
|
863
862
|
<li class="nav-item mr-1 mb-2">
|
864
|
-
<a class="nav-link"
|
863
|
+
<a href="#" class="nav-link">Link</a>
|
865
864
|
</li>
|
866
865
|
<li class="nav-item mr-1 mb-2">
|
867
|
-
<a class="nav-link disabled"
|
866
|
+
<a href="#" class="nav-link disabled">Disabled</a>
|
868
867
|
</li>
|
869
868
|
</ul>
|
870
869
|
</div>
|
@@ -872,23 +871,23 @@ Take that same HTML as Tabs, but use .nav-pills class instead.
|
|
872
871
|
<h5 class="notoc">Stacked Pills (vertical)</h5>
|
873
872
|
<ul class="nav nav-pills flex-column mb-4">
|
874
873
|
<li class="nav-item mb-2">
|
875
|
-
<a class="nav-link active"
|
874
|
+
<a href="#" class="nav-link active">Active</a>
|
876
875
|
</li>
|
877
876
|
<li class="nav-item dropdown mb-1">
|
878
|
-
<a class="nav-link dropdown-toggle" data-toggle="dropdown"
|
877
|
+
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a>
|
879
878
|
<div class="dropdown-menu">
|
880
|
-
<a class="dropdown-item"
|
881
|
-
<a class="dropdown-item"
|
882
|
-
<a class="dropdown-item"
|
879
|
+
<a href="#" class="dropdown-item">Action</a>
|
880
|
+
<a href="#" class="dropdown-item">Another action</a>
|
881
|
+
<a href="#" class="dropdown-item">Something else here</a>
|
883
882
|
<div class="dropdown-divider"></div>
|
884
|
-
<a class="dropdown-item"
|
883
|
+
<a href="#" class="dropdown-item">Separated link</a>
|
885
884
|
</div>
|
886
885
|
</li>
|
887
886
|
<li class="nav-item mb-2">
|
888
|
-
<a class="nav-link"
|
887
|
+
<a href="#" class="nav-link">Link</a>
|
889
888
|
</li>
|
890
889
|
<li class="nav-item mb-2">
|
891
|
-
<a class="nav-link disabled"
|
890
|
+
<a href="#" class="nav-link disabled">Disabled</a>
|
892
891
|
</li>
|
893
892
|
</ul>
|
894
893
|
</div>
|
@@ -909,12 +908,12 @@ Separators are automatically added in CSS through ::before and content.
|
|
909
908
|
<li class="breadcrumb-item active">Home</li>
|
910
909
|
</ol>
|
911
910
|
<ol class="breadcrumb">
|
912
|
-
<li class="breadcrumb-item"><a href="
|
911
|
+
<li class="breadcrumb-item"><a href="#">Home</a></li>
|
913
912
|
<li class="breadcrumb-item active">Library</li>
|
914
913
|
</ol>
|
915
914
|
<ol class="breadcrumb">
|
916
|
-
<li class="breadcrumb-item"><a href="
|
917
|
-
<li class="breadcrumb-item"><a href="
|
915
|
+
<li class="breadcrumb-item"><a href="#">Home</a></li>
|
916
|
+
<li class="breadcrumb-item"><a href="#">Library</a></li>
|
918
917
|
<li class="breadcrumb-item active">Data</li>
|
919
918
|
</ol>
|
920
919
|
</div>
|
@@ -933,75 +932,75 @@ it as a navigation section to screen readers and other assistive technologies.
|
|
933
932
|
<div>
|
934
933
|
<ul class="pagination">
|
935
934
|
<li class="page-item disabled">
|
936
|
-
<a class="page-link"
|
935
|
+
<a href="#" class="page-link">«</a>
|
937
936
|
</li>
|
938
937
|
<li class="page-item active">
|
939
|
-
<a class="page-link"
|
938
|
+
<a href="#" class="page-link">1</a>
|
940
939
|
</li>
|
941
940
|
<li class="page-item">
|
942
|
-
<a class="page-link"
|
941
|
+
<a href="#" class="page-link">2</a>
|
943
942
|
</li>
|
944
943
|
<li class="page-item">
|
945
|
-
<a class="page-link"
|
944
|
+
<a href="#" class="page-link">3</a>
|
946
945
|
</li>
|
947
946
|
<li class="page-item">
|
948
|
-
<a class="page-link"
|
947
|
+
<a href="#" class="page-link">4</a>
|
949
948
|
</li>
|
950
949
|
<li class="page-item">
|
951
|
-
<a class="page-link"
|
950
|
+
<a href="#" class="page-link">5</a>
|
952
951
|
</li>
|
953
952
|
<li class="page-item">
|
954
|
-
<a class="page-link"
|
953
|
+
<a href="#" class="page-link">»</a>
|
955
954
|
</li>
|
956
955
|
</ul>
|
957
956
|
</div>
|
958
957
|
<div>
|
959
958
|
<ul class="pagination pagination-lg">
|
960
959
|
<li class="page-item disabled">
|
961
|
-
<a class="page-link"
|
960
|
+
<a href="#" class="page-link">«</a>
|
962
961
|
</li>
|
963
962
|
<li class="page-item active">
|
964
|
-
<a class="page-link"
|
963
|
+
<a href="#" class="page-link">1</a>
|
965
964
|
</li>
|
966
965
|
<li class="page-item">
|
967
|
-
<a class="page-link"
|
966
|
+
<a href="#" class="page-link">2</a>
|
968
967
|
</li>
|
969
968
|
<li class="page-item">
|
970
|
-
<a class="page-link"
|
969
|
+
<a href="#" class="page-link">3</a>
|
971
970
|
</li>
|
972
971
|
<li class="page-item">
|
973
|
-
<a class="page-link"
|
972
|
+
<a href="#" class="page-link">4</a>
|
974
973
|
</li>
|
975
974
|
<li class="page-item">
|
976
|
-
<a class="page-link"
|
975
|
+
<a href="#" class="page-link">5</a>
|
977
976
|
</li>
|
978
977
|
<li class="page-item">
|
979
|
-
<a class="page-link"
|
978
|
+
<a href="#" class="page-link">»</a>
|
980
979
|
</li>
|
981
980
|
</ul>
|
982
981
|
</div>
|
983
982
|
<div>
|
984
983
|
<ul class="pagination pagination-sm">
|
985
984
|
<li class="page-item disabled">
|
986
|
-
<a class="page-link"
|
985
|
+
<a href="#" class="page-link">«</a>
|
987
986
|
</li>
|
988
987
|
<li class="page-item active">
|
989
|
-
<a class="page-link"
|
988
|
+
<a href="#" class="page-link">1</a>
|
990
989
|
</li>
|
991
990
|
<li class="page-item">
|
992
|
-
<a class="page-link"
|
991
|
+
<a href="#" class="page-link">2</a>
|
993
992
|
</li>
|
994
993
|
<li class="page-item">
|
995
|
-
<a class="page-link"
|
994
|
+
<a href="#" class="page-link">3</a>
|
996
995
|
</li>
|
997
996
|
<li class="page-item">
|
998
|
-
<a class="page-link"
|
997
|
+
<a href="#" class="page-link">4</a>
|
999
998
|
</li>
|
1000
999
|
<li class="page-item">
|
1001
|
-
<a class="page-link"
|
1000
|
+
<a href="#" class="page-link">5</a>
|
1002
1001
|
</li>
|
1003
1002
|
<li class="page-item">
|
1004
|
-
<a class="page-link"
|
1003
|
+
<a href="#" class="page-link">»</a>
|
1005
1004
|
</li>
|
1006
1005
|
</ul>
|
1007
1006
|
</div>
|
@@ -1035,7 +1034,7 @@ link:{url-bs-docs--components-alerts}[Bootstrap Docs {char-middot} Alerts, {brow
|
|
1035
1034
|
<div class="alert alert-dismissible alert-warning">
|
1036
1035
|
<button type="button" class="close" data-dismiss="alert">×</button>
|
1037
1036
|
<h4 class="alert-heading notoc">Warning!</h4>
|
1038
|
-
<p class="mb-0">Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, <a href="
|
1037
|
+
<p class="mb-0">Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, <a href="#" class="alert-link">vel scelerisque nisl consectetur et</a>.</p>
|
1039
1038
|
</div>
|
1040
1039
|
</div>
|
1041
1040
|
</div>
|
@@ -1043,19 +1042,19 @@ link:{url-bs-docs--components-alerts}[Bootstrap Docs {char-middot} Alerts, {brow
|
|
1043
1042
|
<div class="col-md-4">
|
1044
1043
|
<div class="alert alert-dismissible alert-danger">
|
1045
1044
|
<button type="button" class="close" data-dismiss="alert">×</button>
|
1046
|
-
<strong>Oh snap!</strong> <a href="
|
1045
|
+
<strong>Oh snap!</strong> <a href="#" class="alert-link">Change a few things up</a> and try submitting again.
|
1047
1046
|
</div>
|
1048
1047
|
</div>
|
1049
1048
|
<div class="col-md-4">
|
1050
1049
|
<div class="alert alert-dismissible alert-success">
|
1051
1050
|
<button type="button" class="close" data-dismiss="alert">×</button>
|
1052
|
-
<strong>Well done!</strong> You successfully read <a href="
|
1051
|
+
<strong>Well done!</strong> You successfully read <a href="#" class="alert-link">this important alert message</a>.
|
1053
1052
|
</div>
|
1054
1053
|
</div>
|
1055
1054
|
<div class="col-md-4">
|
1056
1055
|
<div class="alert alert-dismissible alert-info">
|
1057
1056
|
<button type="button" class="close" data-dismiss="alert">×</button>
|
1058
|
-
<strong>Heads up!</strong> This <a href="
|
1057
|
+
<strong>Heads up!</strong> This <a href="#" class="alert-link">alert needs your attention</a>, but it's not super important.
|
1059
1058
|
</div>
|
1060
1059
|
</div>
|
1061
1060
|
</div>
|
@@ -1348,7 +1347,7 @@ link:{url-bs-docs--components-jumbotron}[Bootstrap Docs {char-middot} Jumbotron,
|
|
1348
1347
|
<hr class="my-4">
|
1349
1348
|
<p>It uses utility classes for typography and spacing to space content out within the larger container.</p>
|
1350
1349
|
<p class="lead">
|
1351
|
-
<a class="btn btn-primary btn-raised btn-lg"
|
1350
|
+
<a href="#" class="btn btn-primary btn-raised btn-lg" role="button">Learn more</a>
|
1352
1351
|
</p>
|
1353
1352
|
</div>
|
1354
1353
|
</div>
|
@@ -1384,27 +1383,27 @@ link:{url-bs-docs--components-list_group}[Bootstrap Docs {char-middot} List grou
|
|
1384
1383
|
|
1385
1384
|
<div class="col-md-4">
|
1386
1385
|
<div class="list-group">
|
1387
|
-
<a href="
|
1386
|
+
<a href="#" class="list-group-item list-group-item-action active">
|
1388
1387
|
Describe item #1
|
1389
1388
|
</a>
|
1390
|
-
<a href="
|
1389
|
+
<a href="#" class="list-group-item list-group-item-action">Describe item #2
|
1391
1390
|
</a>
|
1392
|
-
<a href="
|
1391
|
+
<a href="#" class="list-group-item list-group-item-action disabled">Describe item #3
|
1393
1392
|
</a>
|
1394
1393
|
</div>
|
1395
1394
|
</div>
|
1396
1395
|
|
1397
1396
|
<div class="col-md-4">
|
1398
1397
|
<div class="list-group">
|
1399
|
-
<a href="
|
1398
|
+
<a href="#" class="list-group-item list-group-item-action flex-column align-items-start active">
|
1400
1399
|
<div class="d-flex w-100 justify-content-between">
|
1401
|
-
<
|
1400
|
+
<h4 class="mb-1 notoc">List group item heading</h4>
|
1402
1401
|
<small>3 days ago</small>
|
1403
1402
|
</div>
|
1404
1403
|
<p class="mb-1">Some quick example text to build on a list and make up the bulk of the list group's content.</p>
|
1405
1404
|
<small>Summarize whats all about.</small>
|
1406
1405
|
</a>
|
1407
|
-
<a href="
|
1406
|
+
<a href="#" class="list-group-item list-group-item-action flex-column align-items-start">
|
1408
1407
|
<div class="d-flex w-100 justify-content-between">
|
1409
1408
|
<h5 class="mb-1 notoc">List group item heading</h5>
|
1410
1409
|
<small class="text-muted">3 days ago</small>
|
@@ -1448,10 +1447,10 @@ link:{url-bs-docs--components-cards}[Bootstrap Docs {char-middot} Card, {browser
|
|
1448
1447
|
<div class="card mb-3" style="max-width: 20rem;">
|
1449
1448
|
<div class="card-body">
|
1450
1449
|
<h4 class="card-title notoc">Card title</h4>
|
1451
|
-
<
|
1450
|
+
<h5 class="card-subtitle mb-2 text-muted notoc">Card subtitle</h5>
|
1452
1451
|
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
|
1453
|
-
<a href="
|
1454
|
-
<a href="
|
1452
|
+
<a href="#" class="card-link">Card link</a>
|
1453
|
+
<a href="#" class="card-link">Another link</a>
|
1455
1454
|
</div>
|
1456
1455
|
</div>
|
1457
1456
|
</div>
|
@@ -1461,8 +1460,8 @@ link:{url-bs-docs--components-cards}[Bootstrap Docs {char-middot} Card, {browser
|
|
1461
1460
|
<h4 class="card-title notoc">Card title</h4>
|
1462
1461
|
<h6 class="card-subtitle mb-2 text-muted notoc">Card subtitle</h6>
|
1463
1462
|
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
|
1464
|
-
<a href="
|
1465
|
-
<a href="
|
1463
|
+
<a href="#" class="card-link">Card link</a>
|
1464
|
+
<a href="#" class="card-link">Another link</a>
|
1466
1465
|
</div>
|
1467
1466
|
</div>
|
1468
1467
|
</div>
|
@@ -1472,8 +1471,8 @@ link:{url-bs-docs--components-cards}[Bootstrap Docs {char-middot} Card, {browser
|
|
1472
1471
|
<h4 class="card-title notoc">Card title</h4>
|
1473
1472
|
<h6 class="card-subtitle mb-2 text-muted notoc">Card subtitle</h6>
|
1474
1473
|
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
|
1475
|
-
<a href="
|
1476
|
-
<a href="
|
1474
|
+
<a href="#" class="card-link">Card link</a>
|
1475
|
+
<a href="#" class="card-link">Another link</a>
|
1477
1476
|
</div>
|
1478
1477
|
</div>
|
1479
1478
|
</div>
|
@@ -1527,7 +1526,7 @@ link:{url-bs-docs--components-cards}[Bootstrap Docs {char-middot} Card, {browser
|
|
1527
1526
|
</div>
|
1528
1527
|
<div class="card-footer r-text-200">
|
1529
1528
|
<a class="card-link bs-info font-weight-bold g-font-size-12 text-uppercase"
|
1530
|
-
href="
|
1529
|
+
href="#">Action · Footer Link
|
1531
1530
|
</a>
|
1532
1531
|
</div>
|
1533
1532
|
</div>
|
@@ -1543,7 +1542,7 @@ link:{url-bs-docs--components-cards}[Bootstrap Docs {char-middot} Card, {browser
|
|
1543
1542
|
</div>
|
1544
1543
|
<div class="card-footer r-text-200">
|
1545
1544
|
<a class="card-link bs-warning font-weight-bold g-font-size-12 text-uppercase"
|
1546
|
-
href="
|
1545
|
+
href="#">Action · Footer Link
|
1547
1546
|
</a>
|
1548
1547
|
</div>
|
1549
1548
|
</div>
|
@@ -1558,8 +1557,8 @@ link:{url-bs-docs--components-cards}[Bootstrap Docs {char-middot} Card, {browser
|
|
1558
1557
|
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
|
1559
1558
|
</div>
|
1560
1559
|
<div class="card-footer r-text-200">
|
1561
|
-
<a class="card-link bs-danger font-weight-bold g-font-size-12 text-uppercase"
|
1562
|
-
|
1560
|
+
<a href="#" class="card-link bs-danger font-weight-bold g-font-size-12 text-uppercase">
|
1561
|
+
Action · Footer Link
|
1563
1562
|
</a>
|
1564
1563
|
</div>
|
1565
1564
|
</div>
|
@@ -1575,44 +1574,30 @@ link:{url-bs-docs--components-cards}[Bootstrap Docs {char-middot} Card, {browser
|
|
1575
1574
|
<div class="row">
|
1576
1575
|
<div class="col-md-4 col-sm-4 col-xs-12">
|
1577
1576
|
<div class="card mb-3" style="max-width: 20rem;">
|
1578
|
-
<!-- h3 class="card-header notoc">Header</h3 -->
|
1579
1577
|
<img src="/assets/images/modules/attics/building-blocks-1920x1280-bw.jpg" alt="Free site generators">
|
1580
1578
|
<div class="card-body">
|
1581
|
-
<h5 class="card-title notoc">
|
1582
|
-
<h6 class="card-subtitle text-muted notoc">
|
1579
|
+
<h5 class="card-title notoc">Card title</h5>
|
1580
|
+
<h6 class="card-subtitle text-muted notoc">Image card subtitle</h6>
|
1583
1581
|
</div>
|
1584
1582
|
|
1585
1583
|
<div class="card-body">
|
1586
1584
|
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
|
1587
1585
|
</div>
|
1588
1586
|
|
1589
|
-
<!-- div class="card-body">
|
1590
|
-
<a href="javascript:(void)" class="card-link">Card link</a>
|
1591
|
-
<a href="javascript:(void)" class="card-link">Another link</a>
|
1592
|
-
</div -->
|
1593
|
-
<!-- div class="card-footer text-muted">
|
1594
|
-
2 days ago
|
1595
|
-
</div -->
|
1596
1587
|
</div>
|
1597
1588
|
</div>
|
1598
1589
|
<div class="col-md-4 col-sm-4 col-xs-12">
|
1599
1590
|
<div class="card mb-3" style="max-width: 20rem;">
|
1600
|
-
<!-- h3 class="card-header notoc">Header</h3 -->
|
1601
1591
|
<img src="/assets/images/modules/attics/building-blocks-1920x1280-bw.jpg" alt="Free site generators">
|
1602
1592
|
<div class="card-body">
|
1603
|
-
<h5 class="card-title notoc">
|
1604
|
-
<h6 class="card-subtitle text-muted notoc">
|
1593
|
+
<h5 class="card-title notoc">Card title</h5>
|
1594
|
+
<h6 class="card-subtitle text-muted notoc">Image card subtitle</h6>
|
1605
1595
|
</div>
|
1606
1596
|
|
1607
1597
|
<div class="card-body">
|
1608
1598
|
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
|
1609
1599
|
</div>
|
1610
1600
|
|
1611
|
-
<!-- div class="card-body">
|
1612
|
-
<a href="javascript:(void)" class="card-link">Card link</a>
|
1613
|
-
<a href="javascript:(void)" class="card-link">Another link</a>
|
1614
|
-
</div -->
|
1615
|
-
|
1616
1601
|
<div class="card-footer text-muted">
|
1617
1602
|
2 days ago
|
1618
1603
|
</div>
|
@@ -1623,8 +1608,8 @@ link:{url-bs-docs--components-cards}[Bootstrap Docs {char-middot} Card, {browser
|
|
1623
1608
|
<h3 class="card-header notoc">Header</h3>
|
1624
1609
|
<img src="/assets/images/modules/attics/building-blocks-1920x1280-bw.jpg" alt="Free site generators">
|
1625
1610
|
<div class="card-body">
|
1626
|
-
<h5 class="card-title notoc">
|
1627
|
-
<h6 class="card-subtitle text-muted notoc">
|
1611
|
+
<h5 class="card-title notoc">Card title</h5>
|
1612
|
+
<h6 class="card-subtitle text-muted notoc">Image card subtitle</h6>
|
1628
1613
|
</div>
|
1629
1614
|
|
1630
1615
|
<div class="card-body">
|
@@ -1632,8 +1617,8 @@ link:{url-bs-docs--components-cards}[Bootstrap Docs {char-middot} Card, {browser
|
|
1632
1617
|
</div>
|
1633
1618
|
|
1634
1619
|
<div class="card-body">
|
1635
|
-
<a href="
|
1636
|
-
<a href="
|
1620
|
+
<a href="#" class="card-link">Card link</a>
|
1621
|
+
<a href="#" class="card-link">Another link</a>
|
1637
1622
|
</div>
|
1638
1623
|
<div class="card-footer text-muted">
|
1639
1624
|
2 days ago
|
@@ -1965,17 +1950,17 @@ closed, any tooltips and popovers within are also automatically dismissed.
|
|
1965
1950
|
<div class="modal-dialog modal-dialog-centered">
|
1966
1951
|
<div class="modal-content">
|
1967
1952
|
<div class="modal-header">
|
1968
|
-
<
|
1953
|
+
<h4 id="exampleModalTooltipTitle" class="modal-title notoc">Modal title</h4>
|
1969
1954
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
1970
1955
|
<span aria-hidden="true">×</span>
|
1971
1956
|
</button>
|
1972
1957
|
</div>
|
1973
1958
|
<div class="modal-body">
|
1974
|
-
<
|
1959
|
+
<h4 class="notoc">Popover in a modal</h4>
|
1975
1960
|
<p>This <a href="#" role="button" class="btn btn-primary btn-raised popover-test" data-toggle="popover" title="Popover title" data-content="Popover body content is set in this attribute.">button</a> triggers a popover on hover or click.</p>
|
1976
1961
|
<hr>
|
1977
|
-
<
|
1978
|
-
<p><a href="
|
1962
|
+
<h4 class="notoc">Tooltips in a modal</h4>
|
1963
|
+
<p><a href="#" class="tooltip-test" data-toggle="tooltip" title="Tooltip">This link</a> and <a href="#" class="tooltip-test" data-toggle="tooltip" title="Tooltip">that link</a> have tooltips on hover.</p>
|
1979
1964
|
</div>
|
1980
1965
|
<div class="modal-footer">
|
1981
1966
|
<button type="button" class="btn btn-primary btn-flex btn-raised mr-2">Do nothing</button>
|
@@ -2045,7 +2030,6 @@ be included before `bootstrap.js` in order to make popovers and tooltips to work
|
|
2045
2030
|
|
2046
2031
|
mdi:bootstrap[24px, mdi-md-deep-purple]
|
2047
2032
|
link:{url-bs-docs--components-popovers}[Bootstrap Docs {char-middot} Popovers, {browser-window--new}]
|
2048
|
-
|
2049
2033
|
mdi:bootstrap[24px, mdi-md-deep-purple]
|
2050
2034
|
link:{url-bs-docs--components-tooltips}[Bootstrap Docs {char-middot} Tooltips, {browser-window--new}]
|
2051
2035
|
|