j1-template 2022.5.0.rc1 → 2022.5.0.rc4
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/assets/data/banner.html +24 -1
- data/assets/themes/j1/adapter/js/masterslider.js +22 -5
- data/assets/themes/j1/core/css/themes/unolight/bootstrap.css +56 -0
- data/assets/themes/j1/core/css/themes/unolight/bootstrap.min.css +1 -1
- data/lib/j1/version.rb +1 -1
- data/lib/starter_web/Gemfile +270 -270
- data/lib/starter_web/_config.yml +19 -9
- data/lib/starter_web/_data/blocks/banner.yml +17 -0
- data/lib/starter_web/_data/modules/defaults/masterslider.yml +1 -1
- data/lib/starter_web/_data/modules/justifiedGallery.yml +82 -0
- data/lib/starter_web/_data/modules/masterslider.yml +5 -9
- data/lib/starter_web/_data/modules/navigator_menu.yml +208 -168
- data/lib/starter_web/_includes/attributes.asciidoc +18 -14
- data/lib/starter_web/_includes/tables/template_variables.asciidoc +1 -1
- data/lib/starter_web/_plugins/asciidoctor-extensions/lightbox-block.rb +4 -4
- data/lib/starter_web/assets/images/pages/features/blog-post-navigator-1280x1000.jpg +0 -0
- data/lib/starter_web/assets/images/pages/features/bootswatch-themes-1280x800.png +0 -0
- data/lib/starter_web/assets/images/pages/features/clipboard-1280x600.jpg +0 -0
- data/lib/starter_web/assets/images/pages/features/comments-1280x600.jpg +0 -0
- data/lib/starter_web/assets/images/pages/features/cookie-consent-1280x800.jpg +0 -0
- data/lib/starter_web/assets/images/pages/features/desktop-web-navigation-1280x1000.jpg +0 -0
- data/lib/starter_web/assets/images/pages/features/example-content-1280x800.jpg +0 -0
- data/lib/starter_web/assets/images/pages/features/example-content-present-videos-1280x800.jpg +0 -0
- data/lib/starter_web/assets/images/pages/features/fab-1280x500.jpg +0 -0
- data/lib/starter_web/assets/images/pages/features/full-text-search-1280x800.jpg +0 -0
- data/lib/starter_web/assets/images/pages/features/global-mobile-traffic-1920x1080.png +0 -0
- data/lib/starter_web/assets/images/pages/features/google-lighthouse-1080x300.png +0 -0
- data/lib/starter_web/assets/images/pages/features/intro-panel-1280x800.jpg +0 -0
- data/lib/starter_web/assets/images/pages/features/master-header-1280x600.jpg +0 -0
- data/lib/starter_web/assets/images/pages/features/mobile-navigation-600x800.png +0 -0
- data/lib/starter_web/assets/images/pages/features/native-speakers-by-language.png +0 -0
- data/lib/starter_web/assets/images/pages/features/nav-module-1280x300.jpg +0 -0
- data/lib/starter_web/assets/images/pages/features/nbi-barchart-1280x800.jpg +0 -0
- data/lib/starter_web/assets/images/pages/features/teaser-banner-1280x600.jpg +0 -0
- data/lib/starter_web/assets/images/pages/features/translator-1280x800.jpg +0 -0
- data/lib/starter_web/assets/images/sticker/600x600/sticker-new-version.png +0 -0
- data/lib/starter_web/assets/images/sticker/scalable/readme +0 -0
- data/lib/starter_web/package.json +6 -6
- data/lib/starter_web/pages/public/_jupyter/docs/_includes/attributes.asciidoc +67 -0
- data/lib/starter_web/pages/public/_jupyter/docs/_includes/documents/j1_docs_example_static.asciidoc +232 -0
- data/lib/starter_web/pages/public/_jupyter/docs/binderhub.adoc +631 -0
- data/lib/starter_web/pages/public/_jupyter/docs/j1-nbinteract.adoc +638 -0
- data/lib/starter_web/pages/public/_jupyter/docs/jupyterhub.adoc +248 -0
- data/lib/starter_web/pages/public/_jupyter/docs/nbinteract-widget-manual.adoc +928 -0
- data/lib/starter_web/pages/public/_jupyter/examples/distributed/j1-circular-times-table.adoc +139 -0
- data/lib/starter_web/pages/public/_jupyter/examples/distributed/j1-common-used-widgets.adoc +229 -0
- data/lib/starter_web/pages/public/_jupyter/examples/distributed/j1-odes-in-python.adoc +112 -0
- data/lib/starter_web/pages/public/_jupyter/examples/localized/j1-altair/j1-altair-visualisations.adoc +142 -0
- data/lib/starter_web/pages/public/_jupyter/examples/localized/j1-bokeh/j1-bokeh-visualisations.adoc +171 -0
- data/lib/starter_web/pages/public/_jupyter/examples/localized/j1-bokeh/j1-bqplot-eamples.adoc +111 -0
- data/lib/starter_web/pages/public/_jupyter/examples/localized/j1-plotly/j1-plotly-visualisations.adoc +94 -0
- data/lib/starter_web/pages/public/_jupyter/examples/localized/j1_climate-change-forecast.adoc +106 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1/.ipynb_checkpoints/j1_altair_interactive-checkpoint.ipynb +16260 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1/.ipynb_checkpoints/j1_bgplot_line_plot-checkpoint.ipynb +247 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1/.ipynb_checkpoints/j1_circular_times_table-Copy1-checkpoint.ipynb +12382 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1/.ipynb_checkpoints/j1_circular_times_table-checkpoint.ipynb +12387 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1/.ipynb_checkpoints/j1_circular_times_table-short-checkpoint.ipynb +12170 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1/.ipynb_checkpoints/j1_climate_change_forecast-checkpoint.ipynb +1058 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1/.ipynb_checkpoints/j1_docs_example_dynamic-checkpoint.ipynb +14478 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1/.ipynb_checkpoints/j1_interactive_widgets-Copy1-checkpoint.ipynb +379 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1/.ipynb_checkpoints/j1_interactive_widgets-checkpoint.ipynb +442 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1/.ipynb_checkpoints/j1_nbi_widgets-checkpoint.ipynb +523 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1/.ipynb_checkpoints/j1_nbi_widgets.line_charts-checkpoint.ipynb +84 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1/.ipynb_checkpoints/j1_nbi_widgets.questions-checkpoint.ipynb +194 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1/.ipynb_checkpoints/j1_nbi_widgets_bar_chart-checkpoint.ipynb +89 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1/.ipynb_checkpoints/j1_nbi_widgets_bar_charts-Copy1-checkpoint.ipynb +164 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1/.ipynb_checkpoints/j1_nbi_widgets_bar_charts-checkpoint.ipynb +173 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1/.ipynb_checkpoints/j1_nbi_widgets_bar_charts.1-checkpoint.ipynb +256 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1/.ipynb_checkpoints/j1_nbi_widgets_barcharts-checkpoint.ipynb +126 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1/.ipynb_checkpoints/j1_nbi_widgets_hist_chart-checkpoint.ipynb +87 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1/.ipynb_checkpoints/j1_nbi_widgets_line_chart-checkpoint.ipynb +90 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1/.ipynb_checkpoints/j1_nbi_widgets_line_charts-checkpoint.ipynb +87 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1/.ipynb_checkpoints/j1_nbi_widgets_question_multiple_choice-checkpoint.ipynb +64 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1/.ipynb_checkpoints/j1_nbi_widgets_question_short_answer-checkpoint.ipynb +122 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1/.ipynb_checkpoints/j1_nbi_widgets_questions-checkpoint.ipynb +181 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1/.ipynb_checkpoints/j1_nbi_widgets_scatter_chart-checkpoint.ipynb +89 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1/.ipynb_checkpoints/j1_nbi_widgets_scatter_charts-checkpoint.ipynb +175 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1/.ipynb_checkpoints/j1_nbi_widgets_scatter_drag_chart-checkpoint.ipynb +87 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1/.ipynb_checkpoints/j1_ode_selected-checkpoint.ipynb +14478 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1/.ipynb_checkpoints/j1_odes_in_python-checkpoint.ipynb +15227 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1/factor_by_factor.mp4 +0 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1/j1_circular_times_table.ipynb +12382 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1/j1_climate_change_forecast.ipynb +1058 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1/j1_docs_example_dynamic.ipynb +14478 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1/j1_interactive_widgets.ipynb +442 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1/j1_nbi_widgets.ipynb +523 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1/j1_nbi_widgets_bar_chart.ipynb +89 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1/j1_nbi_widgets_hist_chart.ipynb +87 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1/j1_nbi_widgets_line_chart.ipynb +90 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1/j1_nbi_widgets_question_multiple_choice.ipynb +64 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1/j1_nbi_widgets_question_short_answer.ipynb +122 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1/j1_nbi_widgets_scatter_chart.ipynb +89 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1/j1_nbi_widgets_scatter_drag_chart.ipynb +87 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1/j1_odes_in_python.ipynb +15227 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1/line_by_line.mp4 +0 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1/point_by_point.mp4 +0 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1-altair-tutorial/.ipynb_checkpoints/j1_altair_interactive-checkpoint.ipynb +16296 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1-altair-tutorial/.ipynb_checkpoints/j1_altair_non_interactive-checkpoint.ipynb +15385 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1-altair-tutorial/j1_altair_interactive.ipynb +16296 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1-altair-tutorial/j1_altair_non_interactive.ipynb +15385 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1-bokeh-tutorial/.ipynb_checkpoints/00 - Introduction and Setup-checkpoint.ipynb +717 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1-bokeh-tutorial/.ipynb_checkpoints/01 - Basic Plotting-checkpoint.ipynb +1381 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1-bokeh-tutorial/.ipynb_checkpoints/02 - Styling and Theming-checkpoint.ipynb +1440 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1-bokeh-tutorial/.ipynb_checkpoints/03 - Data Sources and Transformations-checkpoint.ipynb +927 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1-bokeh-tutorial/.ipynb_checkpoints/04 - Adding Annotations-checkpoint.ipynb +1105 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1-bokeh-tutorial/.ipynb_checkpoints/05 - Presentation Layouts-checkpoint.ipynb +578 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1-bokeh-tutorial/.ipynb_checkpoints/06 - Linking and Interactions-checkpoint.ipynb +1196 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1-bokeh-tutorial/.ipynb_checkpoints/07 - Bar and Categorical Data Plots-checkpoint.ipynb +1681 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1-bokeh-tutorial/.ipynb_checkpoints/08 - Graph and Network Plots-checkpoint.ipynb +680 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1-bokeh-tutorial/.ipynb_checkpoints/09 - Geographic Plots-checkpoint.ipynb +693 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1-bokeh-tutorial/.ipynb_checkpoints/10 - Exporting and Embedding-checkpoint.ipynb +751 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1-bokeh-tutorial/.ipynb_checkpoints/11 - Running Bokeh Applications-checkpoint.ipynb +770 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1-bokeh-tutorial/.ipynb_checkpoints/bokeh_tut_00_introduction_and_setup-checkpoint.ipynb +666 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1-bokeh-tutorial/.ipynb_checkpoints/j1_bokeh_01_basic_plotting-checkpoint.ipynb +1365 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1-bokeh-tutorial/.ipynb_checkpoints/j1_bokeh_02_styling_and_theming-checkpoint.ipynb +1405 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1-bokeh-tutorial/.ipynb_checkpoints/j1_bokeh_03_data_sources_and_transformations-checkpoint.ipynb +856 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1-bokeh-tutorial/.ipynb_checkpoints/j1_bokeh_04_adding_annotations-checkpoint.ipynb +1167 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1-bokeh-tutorial/.ipynb_checkpoints/j1_bokeh_05_presentation_layouts-checkpoint.ipynb +601 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1-bokeh-tutorial/.ipynb_checkpoints/j1_bokeh_06_linking_and_interactions-checkpoint.ipynb +1356 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1-bokeh-tutorial/.ipynb_checkpoints/j1_bokeh_07_bar_and_categorical_data_plots-checkpoint.ipynb +1742 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1-bokeh-tutorial/.ipynb_checkpoints/j1_bokeh_08_graph_and_network_plots-checkpoint.ipynb +625 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1-bokeh-tutorial/.ipynb_checkpoints/j1_bokeh_09_geographic_plots-checkpoint.ipynb +685 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1-bokeh-tutorial/.ipynb_checkpoints/j1_bokeh_10_exporting_and_embedding-checkpoint.ipynb +726 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1-bokeh-tutorial/.ipynb_checkpoints/j1_bokeh_10_exporting_and_embedding-checkpoint.org +726 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1-bokeh-tutorial/.ipynb_checkpoints/j1_bokeh_10_exporting_and_embedding.new-checkpoint.ipynb +560 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1-bokeh-tutorial/.ipynb_checkpoints/j1_bokeh_11_running_bokeh_applications-checkpoint.ipynb +716 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1-bokeh-tutorial/j1_bokeh_01_basic_plotting.ipynb +1365 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1-bokeh-tutorial/j1_bokeh_02_styling_and_theming.ipynb +1405 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1-bokeh-tutorial/j1_bokeh_03_data_sources_and_transformations.ipynb +856 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1-bokeh-tutorial/j1_bokeh_04_adding_annotations.ipynb +1167 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1-bokeh-tutorial/j1_bokeh_05_presentation_layouts.ipynb +601 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1-bokeh-tutorial/j1_bokeh_06_linking_and_interactions.ipynb +1356 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1-bokeh-tutorial/j1_bokeh_07_bar_and_categorical_data_plots.ipynb +1742 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1-bokeh-tutorial/j1_bokeh_08_graph_and_network_plots.ipynb +625 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1-bokeh-tutorial/j1_bokeh_09_geographic_plots.ipynb +685 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1-bqplot/.ipynb_checkpoints/j1_mathplot_vs_bqplot-checkpoint.ipynb +336 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1-bqplot/advanced/Feature_Vector_Distribution-Iris-Digits.ipynb +433 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1-bqplot/j1_bgplot_line_plot.ipynb +244 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1-bqplot/j1_circular_times_table-short.ipynb +12170 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/j1-bqplot/j1_mathplot_vs_bqplot.ipynb +336 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/.ipynb_checkpoints/Index-checkpoint.ipynb +163 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/.ipynb_checkpoints/Tutorials-checkpoint.ipynb +51 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Advanced Plotting/Advanced Plotting.ipynb +289 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Advanced Plotting/Animations.ipynb +266 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Advanced Plotting/Axis Properties.ipynb +396 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Advanced Plotting/Plotting Dates.ipynb +318 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Applications/Equity Index Performance/Time Series.ipynb +158 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Applications/Equity Index Performance/spx_prices.csv +6799 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Applications/Feature_Vector_Distribution-Iris-Digits.ipynb +470 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Applications/Index.ipynb +49 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Applications/Logs Analytics/Logs Dashboard.ipynb +378 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Applications/Mobile Patent Suits.ipynb +123 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Applications/Neural Network.ipynb +177 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Applications/Outlier Detection.ipynb +311 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Applications/Wealth Of Nations/Bubble Chart.ipynb +255 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Applications/Wealth Of Nations/Choropleth.ipynb +275 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Applications/Wealth Of Nations/nations.json +1 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Applications/Wealth Of Nations/world_map_codes.csv +234 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Basic Plotting/.ipynb_checkpoints/Basic Plotting-checkpoint.ipynb +186 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Basic Plotting/.ipynb_checkpoints/Pyplot-checkpoint.ipynb +794 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Basic Plotting/.ipynb_checkpoints/Untitled-checkpoint.ipynb +323 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Basic Plotting/Basic Plotting.ipynb +261 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Basic Plotting/Pyplot.ipynb +1489 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Index.ipynb +163 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Interactions/Interaction Layer.ipynb +966 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Interactions/Mark Interactions.ipynb +476 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Interactions/Selectors.ipynb +427 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Introduction.ipynb +528 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Marks/Object Model/Bars.ipynb +480 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Marks/Object Model/Bins.ipynb +217 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Marks/Object Model/Boxplot.ipynb +253 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Marks/Object Model/Candles.ipynb +225 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Marks/Object Model/FlexLine.ipynb +123 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Marks/Object Model/Graph.ipynb +357 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Marks/Object Model/GridHeatMap.ipynb +422 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Marks/Object Model/HeatMap.ipynb +157 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Marks/Object Model/Hist.ipynb +176 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Marks/Object Model/Image.ipynb +195 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Marks/Object Model/Label.ipynb +189 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Marks/Object Model/Lines.ipynb +565 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Marks/Object Model/Map.ipynb +182 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Marks/Object Model/Market Map.ipynb +315 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Marks/Object Model/Pie.ipynb +465 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Marks/Object Model/Scatter.ipynb +835 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Marks/Pyplot/Bars.ipynb +362 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Marks/Pyplot/Bins.ipynb +252 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Marks/Pyplot/Boxplot.ipynb +273 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Marks/Pyplot/Candles.ipynb +242 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Marks/Pyplot/GridHeatMap.ipynb +417 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Marks/Pyplot/HeatMap.ipynb +155 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Marks/Pyplot/Hist.ipynb +238 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Marks/Pyplot/Image.ipynb +152 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Marks/Pyplot/Label.ipynb +206 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Marks/Pyplot/Lines.ipynb +474 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Marks/Pyplot/Map.ipynb +181 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Marks/Pyplot/Pie.ipynb +310 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Marks/Pyplot/Scatter.ipynb +702 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Scales/Color Scales.ipynb +495 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Tutorials/.ipynb_checkpoints/Feature_Vector_Distribution-Iris-Digits-checkpoint.ipynb +433 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Tutorials/.ipynb_checkpoints/Linking Plots With Widgets-checkpoint.ipynb +326 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Tutorials/.ipynb_checkpoints/Updating Plots-Copy1-checkpoint.ipynb +177 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Tutorials/.ipynb_checkpoints/Updating Plots-checkpoint.ipynb +177 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Tutorials/Brush Interval Selector.ipynb +154 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Tutorials/Fast Interval Selector.ipynb +152 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Tutorials/Gaussian Density Widget.ipynb +128 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Tutorials/Gaussian Density.ipynb +113 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Tutorials/Linking Plots With Widgets.ipynb +326 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Tutorials/Object Model.ipynb +179 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Tutorials/Pyplot.ipynb +174 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Tutorials/Updating Plots.ipynb +177 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Tutorials.ipynb +51 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/data_files/country_codes.csv +213 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/data_files/gdp_per_capita.csv +56 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/data_files/state_codes.csv +52 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/data_files/trees.jpg +0 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/nbi-docs/.ipynb_checkpoints/nbi_docs_examples_central_limit_theorem-checkpoint.ipynb +247 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/nbi-docs/.ipynb_checkpoints/nbi_docs_examples_variability_of_the_sample_mean-checkpoint.ipynb +323 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/nbi-docs/.ipynb_checkpoints/nbi_docs_recipes_graphing-checkpoint.ipynb +387 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/nbi-docs/.ipynb_checkpoints/nbi_docs_recipes_interactive_questions-checkpoint.ipynb +185 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/nbi-docs/.ipynb_checkpoints/nbi_docs_recipes_layout-checkpoint.ipynb +384 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/nbi-docs/.ipynb_checkpoints/nbi_docs_tutorial_interact-checkpoint.ipynb +254 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/nbi-docs/.ipynb_checkpoints/nbi_docs_tutorial_monty_hall-checkpoint.ipynb +732 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/nbi-docs/nbi_docs_examples_central_limit_theorem.ipynb +247 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/nbi-docs/nbi_docs_examples_correlation.ipynb +651 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/nbi-docs/nbi_docs_examples_empirical_distributions.ipynb +773 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/nbi-docs/nbi_docs_examples_linear_regression.ipynb +111 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/nbi-docs/nbi_docs_examples_probability_distribution_plots.ipynb +199 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/nbi-docs/nbi_docs_examples_sampling_from_a_population.ipynb +421 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/nbi-docs/nbi_docs_examples_variability_of_the_sample_mean.ipynb +323 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/nbi-docs/nbi_docs_recipes_graphing.ipynb +387 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/nbi-docs/nbi_docs_recipes_interactive_questions.ipynb +185 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/nbi-docs/nbi_docs_recipes_layout.ipynb +384 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/nbi-docs/nbi_docs_tutorial_interact.ipynb +254 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/nbi-docs/nbi_docs_tutorial_monty_hall.ipynb +732 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/Advanced Plotting.html +373 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/Animations.html +361 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/Axis Properties.html +569 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/Bars.html +487 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/Basic Plotting.html +341 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/Bins.html +259 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/Boxplot.html +277 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/Brush Interval Selector.html +182 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/Bubble Chart.html +299 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/Candles.html +252 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/Choropleth.html +318 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/Color Scales.html +514 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/Fast Interval Selector.html +182 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/Feature_Vector_Distribution-Iris-Digits.html +479 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/FlexLine.html +128 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/Gaussian Density Widget.html +152 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/Gaussian Density.html +137 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/Graph.html +484 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/GridHeatMap.html +483 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/HeatMap.html +170 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/Hist.html +349 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/Image.html +177 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/Index.html +29 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/Interaction Layer.html +1372 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/Introduction.html +749 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/Label.html +268 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/Lines.html +704 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/Linking Plots With Widgets.html +389 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/Logs Dashboard.html +455 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/Map.html +229 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/Mark Interactions.html +613 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/Market Map.html +413 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/Mobile Patent Suits.html +131 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/Neural Network.html +190 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/Object Model.html +193 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/Outlier Detection.html +363 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/Pie.html +367 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/Plotting Dates.html +337 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/Pyplot.html +196 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/Scatter.html +948 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/Selectors.html +489 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/Time Series.html +173 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/Tutorials.html +40 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/Updating Plots.html +228 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/j1_altair_interactive.html +2216 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/j1_altair_non_interactive.html +1170 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/j1_bgplot_line_plot.html +318 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/j1_bokeh_01_basic_plotting.html +1479 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/j1_bokeh_02_styling_and_theming.html +1524 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/j1_bokeh_03_data_sources_and_transformations.html +983 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/j1_bokeh_04_adding_annotations.html +1280 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/j1_bokeh_05_presentation_layouts.html +660 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/j1_bokeh_06_linking_and_interactions.html +1563 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/j1_bokeh_07_bar_and_categorical_data_plots.html +1888 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/j1_bokeh_08_graph_and_network_plots.html +689 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/j1_bokeh_09_geographic_plots.html +767 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/j1_circular_times_table-short.html +475 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/j1_circular_times_table.html +747 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/j1_climate_change_forecast.html +1250 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/j1_docs_example_dynamic.html +186 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/j1_interactive_widgets.html +512 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/j1_mathplot_vs_bqplot.html +407 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/j1_nbi_widgets.html +629 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/j1_nbi_widgets_bar_chart.html +95 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/j1_nbi_widgets_hist_chart.html +93 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/j1_nbi_widgets_line_chart.html +96 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/j1_nbi_widgets_question_multiple_choice.html +70 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/j1_nbi_widgets_question_short_answer.html +156 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/j1_nbi_widgets_scatter_chart.html +95 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/j1_nbi_widgets_scatter_drag_chart.html +93 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/j1_odes_in_python.html +955 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/nbi_docs_examples_central_limit_theorem.html +290 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/nbi_docs_examples_correlation.html +818 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/nbi_docs_examples_empirical_distributions.html +351 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/nbi_docs_examples_linear_regression.html +106 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/nbi_docs_examples_probability_distribution_plots.html +228 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/nbi_docs_examples_sampling_from_a_population.html +518 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/nbi_docs_examples_variability_of_the_sample_mean.html +372 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/nbi_docs_recipes_graphing.html +473 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/nbi_docs_recipes_interactive_questions.html +242 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/nbi_docs_recipes_layout.html +496 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/nbi_docs_tutorial_interact.html +329 -0
- data/lib/starter_web/pages/public/_jupyter/notebooks/textbooks/nbi_docs_tutorial_monty_hall.html +866 -0
- data/lib/starter_web/pages/public/_jupyter/where_to_go.adoc +270 -0
- data/lib/starter_web/pages/public/features/general.adoc +74 -33
- data/lib/starter_web/pages/public/features/template.adoc +159 -68
- data/lib/starter_web/pages/public/jupyter/notebooks/textbooks/j1_interactive_widgets.html +512 -512
- data/lib/starter_web/pages/public/jupyter/notebooks/textbooks/j1_nbi_widgets.html +629 -629
- data/lib/starter_web/pages/public/jupyter/notebooks/textbooks/j1_nbi_widgets_bar_chart.html +95 -95
- data/lib/starter_web/pages/public/jupyter/notebooks/textbooks/j1_nbi_widgets_hist_chart.html +93 -93
- data/lib/starter_web/pages/public/jupyter/notebooks/textbooks/j1_nbi_widgets_line_chart.html +96 -96
- data/lib/starter_web/pages/public/jupyter/notebooks/textbooks/j1_nbi_widgets_question_multiple_choice.html +70 -70
- data/lib/starter_web/pages/public/jupyter/notebooks/textbooks/j1_nbi_widgets_question_short_answer.html +156 -156
- data/lib/starter_web/pages/public/jupyter/notebooks/textbooks/j1_nbi_widgets_scatter_chart.html +95 -95
- data/lib/starter_web/pages/public/jupyter/notebooks/textbooks/j1_nbi_widgets_scatter_drag_chart.html +93 -93
- data/lib/starter_web/pages/public/jupyter/notebooks/textbooks/j1_odes_in_python.html +955 -955
- data/lib/starter_web/pages/public/learn/_roundtrip/100_present_images.adoc +313 -0
- data/lib/starter_web/pages/public/learn/_roundtrip/100_present_videos.adoc +281 -0
- data/lib/starter_web/pages/public/learn/_roundtrip/200_typography.adoc +253 -0
- data/lib/starter_web/pages/public/learn/_roundtrip/300_icon_fonts.adoc +579 -0
- data/lib/starter_web/pages/public/learn/_roundtrip/400_asciidoc_extensions.adoc +718 -0
- data/lib/starter_web/pages/public/learn/_roundtrip/410_bs_modals_extentions.adoc +91 -0
- data/lib/starter_web/pages/public/learn/_roundtrip/420_responsive_tables_extensions.adoc +420 -0
- data/lib/starter_web/pages/public/learn/_roundtrip/500_themes.adoc +250 -0
- data/lib/starter_web/pages/public/learn/_roundtrip/600_quicksearch.adoc +425 -0
- data/lib/starter_web/pages/public/learn/_roundtrip/_includes/attributes.asciidoc +118 -0
- data/lib/starter_web/pages/public/learn/_roundtrip/_includes/documents/100_gistblock.asciidoc +28 -0
- data/lib/starter_web/pages/public/learn/_roundtrip/_includes/documents/410_bottom_info.asciidoc +14 -0
- data/lib/starter_web/pages/public/learn/_roundtrip/_includes/documents/410_bottom_left_warning.asciidoc +11 -0
- data/lib/starter_web/pages/public/learn/_roundtrip/_includes/documents/410_bottom_right_danger.asciidoc +11 -0
- data/lib/starter_web/pages/public/learn/_roundtrip/_includes/documents/410_central_success.asciidoc +11 -0
- data/lib/starter_web/pages/public/learn/_roundtrip/_includes/documents/410_full_height_left_info.asciidoc +11 -0
- data/lib/starter_web/pages/public/learn/_roundtrip/_includes/documents/410_full_height_right_success.asciidoc +11 -0
- data/lib/starter_web/pages/public/learn/_roundtrip/_includes/documents/410_table_bs_modal_examples.asciidoc +47 -0
- data/lib/starter_web/pages/public/learn/_roundtrip/_includes/documents/410_top_info.asciidoc +11 -0
- data/lib/starter_web/pages/public/learn/_roundtrip/_includes/documents/410_top_left_info.asciidoc +11 -0
- data/lib/starter_web/pages/public/learn/_roundtrip/_includes/documents/410_top_right_success.asciidoc +11 -0
- data/lib/starter_web/pages/public/learn/_roundtrip/_includes/documents/419_advanced_modals_demo.asciidoc +337 -0
- data/lib/starter_web/pages/public/learn/_roundtrip/_includes/documents/tables/bs_modal_examples.asciidoc +47 -0
- data/lib/starter_web/pages/public/learn/_roundtrip/_includes/google-ad.js +130 -0
- data/lib/starter_web/pages/public/learn/roundtrip/100_present_images.adoc +6 -5
- data/lib/starter_web/pages/public/learn/roundtrip/300_icon_fonts.adoc +1 -2
- data/lib/starter_web/pages/public/learn/roundtrip/400_asciidoc_extensions.adoc +4 -2
- data/lib/starter_web/pages/public/learn/roundtrip/500_themes.adoc +1 -1
- data/lib/starter_web/pages/public/learn/roundtrip/_includes/attributes.asciidoc +1 -1
- data/lib/starter_web/utilsrv/_defaults/package.json +1 -1
- data/lib/starter_web/utilsrv/package.json +1 -1
- metadata +384 -17
- data/lib/starter_web/_includes/_attributes.asciidoc +0 -575
- data/lib/starter_web/assets/images/pages/features/bootswatch-themes-1080x800.jpg +0 -0
- data/lib/starter_web/assets/images/pages/features/comments-1080x600.jpg +0 -0
- data/lib/starter_web/assets/images/pages/features/cookie-consent-1080x800.jpg +0 -0
- data/lib/starter_web/assets/images/pages/features/example-content-present-videos-1080x800.jpg +0 -0
- data/lib/starter_web/assets/images/pages/features/fab-1080x500.jpg +0 -0
- data/lib/starter_web/assets/images/pages/features/full-text-search-1080x800.jpg +0 -0
- data/lib/starter_web/assets/images/pages/features/global-mobile-traffic-1920x1080.jpg +0 -0
- data/lib/starter_web/assets/images/pages/features/google-lighthouse-1080x300.jpg +0 -0
- data/lib/starter_web/assets/images/pages/features/intro-panel-1080x800.jpg +0 -0
- data/lib/starter_web/assets/images/pages/features/mobile-navigation-600x800.jpg +0 -0
- data/lib/starter_web/assets/images/pages/features/native-speakers-by-language.jpg +0 -0
- data/lib/starter_web/assets/images/pages/features/nav-module-1080x300.jpg +0 -0
- data/lib/starter_web/assets/images/pages/features/teaser-banner-1080x600.jpg +0 -0
- data/lib/starter_web/assets/images/pages/features/translator-1080x800.jpg +0 -0
@@ -0,0 +1,313 @@
|
|
1
|
+
---
|
2
|
+
title: Roundtrip
|
3
|
+
tagline: present images
|
4
|
+
date: 2020-11-03 00:00:00
|
5
|
+
description: >
|
6
|
+
Welcome to the preview page focussing on the image module. This page
|
7
|
+
shows some valuable features of the J1 Template to manage your image-based
|
8
|
+
content using lightboxes, carousels (slider), and galleries.
|
9
|
+
|
10
|
+
categories: [ Roundtrip ]
|
11
|
+
tags: [ Introduction, Module, Image ]
|
12
|
+
|
13
|
+
fab_menu_id: page_ctrl
|
14
|
+
|
15
|
+
permalink: /pages/public/learn/roundtrip/present_images/
|
16
|
+
regenerate: false
|
17
|
+
|
18
|
+
resources: [
|
19
|
+
animate, clipboard, carousel,
|
20
|
+
justifiedGallery, lightbox, lightGallery,
|
21
|
+
masterslider, rouge
|
22
|
+
]
|
23
|
+
resource_options:
|
24
|
+
- attic:
|
25
|
+
slides:
|
26
|
+
- url: /assets/images/pages/roundtrip/images-1920x1280-bw.jpg
|
27
|
+
alt: Photo by Ricardo Gomez Angel on Unsplash
|
28
|
+
badge:
|
29
|
+
type: unsplash
|
30
|
+
author: Ricardo Gomez Angel
|
31
|
+
href: https://unsplash.com/@ripato/portfolio
|
32
|
+
---
|
33
|
+
|
34
|
+
// Page Initializer
|
35
|
+
// =============================================================================
|
36
|
+
// Enable the Liquid Preprocessor
|
37
|
+
:page-liquid:
|
38
|
+
|
39
|
+
// Set (local) page attributes here
|
40
|
+
// -----------------------------------------------------------------------------
|
41
|
+
// :page--attr: <attr-value>
|
42
|
+
:ms-slider-previewer: https://jekyll.one/pages/public/previewer/masterslider/
|
43
|
+
:ms-slider-module-documentation: https://jekyll.one/pages/public/manuals/modules/masterslider/
|
44
|
+
|
45
|
+
// Load Liquid procedures
|
46
|
+
// -----------------------------------------------------------------------------
|
47
|
+
{% capture load_attributes %}themes/{{site.template.name}}/procedures/global/attributes_loader.proc{%endcapture%}
|
48
|
+
|
49
|
+
// Load page attributes
|
50
|
+
// -----------------------------------------------------------------------------
|
51
|
+
{% include {{load_attributes}} scope="all" %}
|
52
|
+
|
53
|
+
// Page content
|
54
|
+
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
|
55
|
+
|
56
|
+
// Include sub-documents (if any)
|
57
|
+
// -----------------------------------------------------------------------------
|
58
|
+
[role="dropcap"]
|
59
|
+
Welcome to the first preview page focussing on the image module. This page
|
60
|
+
shows some valuable features of the J1 Template to manage your image-based
|
61
|
+
content using lightboxes, carousels (slider), and galleries. The image module
|
62
|
+
offers complex functionality based on powerful OpenSource libraries like
|
63
|
+
JustifiedGallery for high-end, masonry-styled preview maps. J1 Template uses
|
64
|
+
the _jQuery_ Plugin Owl Carousel as a base for image sliders. A carousel
|
65
|
+
app (slider) lets you present your images as shows.
|
66
|
+
|
67
|
+
Lightboxes like LightGallery or Lightbox V2 support your web for enlarged
|
68
|
+
image views of your picture or video content. Have a look, a quick tour
|
69
|
+
of what J1 can do for image data. Have fun!
|
70
|
+
|
71
|
+
// [role="notranslate"]
|
72
|
+
== J1 Lightbox blocks
|
73
|
+
|
74
|
+
A Lightbox is, in general, a helper which displays enlarged, almost
|
75
|
+
screen-filling versions of images (or videos) while dimming the remainder
|
76
|
+
of the page. The technique, introduced by Lightbox V2, gained widespread
|
77
|
+
popularity thanks to its simple style. The term lightbox has been employed
|
78
|
+
since then for Javascript libraries to support such functionality.
|
79
|
+
|
80
|
+
For the J1 Template, two different lightboxes are available:
|
81
|
+
|
82
|
+
* Lightbox V2 (lightbox)
|
83
|
+
* LightGallery
|
84
|
+
|
85
|
+
The default tool employed by J1 Template is Lightbox V2, a Javascript library
|
86
|
+
written by _Lokesh Dhakar_. The name of that (build-in) is *lightbox*.
|
87
|
+
For more complex use cases, like a thumbnail gallery preview or video support,
|
88
|
+
LightGallery can be used alternatively.
|
89
|
+
|
90
|
+
NOTE: The name LightGallery implies a sort of a Gallery, but the library is a
|
91
|
+
_lightbox_. And, LightGallery provides much more functionality on image-based
|
92
|
+
data rather than enlarged displaying of images. See the examples below to check
|
93
|
+
for the differences in comparison to the simpler Lightbox V2 lightbox.
|
94
|
+
|
95
|
+
Both lightboxes are fully integrated to be used as standalone modules or
|
96
|
+
used as helpers *under-the-hood* by other apps or modules focussing on
|
97
|
+
image-data like gallery or carousel, the build-in carousel module.
|
98
|
+
|
99
|
+
== Lightbox block Examples
|
100
|
+
|
101
|
+
Find below an example of using the lightbox Lightbox standalone. See how
|
102
|
+
single (individual) images are linked for use with Lightbox.
|
103
|
+
|
104
|
+
.Lightbox block for standalone images
|
105
|
+
lightbox::example-standalone[ 800, {data-images-standalone}, role="mb-4" ]
|
106
|
+
|
107
|
+
Lightbox supports image groups (image sets). Click on the images below to
|
108
|
+
see how Lightbox manages a group of images.
|
109
|
+
|
110
|
+
.Lightbox block for grouped images
|
111
|
+
lightbox::example-group[ 395, {data-images-group}, group, role="mb-4 wm-800" ]
|
112
|
+
|
113
|
+
=== LightGallery Example
|
114
|
+
|
115
|
+
LightGallery provides more complex functions on image data. The module
|
116
|
+
supports a gallery-style thumbnail preview plus image resizing, a download
|
117
|
+
dialog, sharing provider support, and more helpful. Check what
|
118
|
+
LightGallery can do this by the following example.
|
119
|
+
|
120
|
+
gallery::jg_old_times[ role="mb-4 wm-800" ]
|
121
|
+
|
122
|
+
== J1 Carousel App
|
123
|
+
|
124
|
+
J1 Carousel is based on OWL Carousel V1 in the latest (and unfortunately
|
125
|
+
last) version of 1.3.3. OWL Carousel is a clean and neat _jQuery_ slider
|
126
|
+
plugin for creating fully responsive and touch-enabled carousel sliders.
|
127
|
+
|
128
|
+
NOTE: OWL Carousel V1 is no longer available on the Internet; for an
|
129
|
+
unknown reason. Anyway, the J1 Template is using this version of OWL
|
130
|
+
Carousel is a build-in carousel module because the software does an excellent
|
131
|
+
job, is based on an MIT license with no issues using them for private and
|
132
|
+
business use. And offers a lot of great features!
|
133
|
+
|
134
|
+
=== Simple Text Carousel
|
135
|
+
|
136
|
+
A slider or carousel is typically used for displaying images. Still, the
|
137
|
+
implementation for the J1 Template supports a lot more sources to be
|
138
|
+
displayed as a slide show: simple text, for example.
|
139
|
+
|
140
|
+
.Carousel Example
|
141
|
+
carousel::demo_text_carousel[role="mb-3"]
|
142
|
+
|
143
|
+
Important statements or topics can be placed, e.g., on top of an article or
|
144
|
+
a paragraph, to give them better visibility. In one line, you can present
|
145
|
+
many facts to know animated for the reader's attention within a single
|
146
|
+
line. No much space is needed!
|
147
|
+
|
148
|
+
=== Parallax Text Carousel
|
149
|
+
|
150
|
+
A more eye-minded type of text-based slide show is a parallax text slider. If
|
151
|
+
you want to emphasize your statements focussing the meaning, this kind of a
|
152
|
+
slide show may be interesting. Image-based slide shows may draw off the
|
153
|
+
reader's attention from the text, therefore a pure text-based presentation
|
154
|
+
maybe the better choice.
|
155
|
+
|
156
|
+
.Carousel Example
|
157
|
+
carousel::demo_text_carousel_parallax[role="mb-3"]
|
158
|
+
|
159
|
+
Parallax text shows can be placed as banners on a page. For text shows,
|
160
|
+
different animations are available. Internally, J1 Template uses some of
|
161
|
+
the great CSS styles offered by _animate.css_.
|
162
|
+
|
163
|
+
TIP: Have a look a https://daneden.github.io/animate.css/[Dan Eden's home page]
|
164
|
+
to see all the possible dynamic styles you can create based on pure CSS. Some
|
165
|
+
of them are implemented for OWL Carousel for animation. See the documentation
|
166
|
+
for the CAROUSEL Module for more details.
|
167
|
+
|
168
|
+
=== Simple Image Carousel
|
169
|
+
|
170
|
+
Carousels are mostly used for pictures data to animate the images as a series.
|
171
|
+
Find with the following some examples of how to use a carousel for your image
|
172
|
+
data.
|
173
|
+
|
174
|
+
A simple image show is useful, for example, as an animated (or not animated)
|
175
|
+
banner presenting exciting things about your site or the products offered.
|
176
|
+
|
177
|
+
.Carousel Example
|
178
|
+
carousel::demo_simple[role="mb-3"]
|
179
|
+
|
180
|
+
=== Carousel + Caption + Lightbox
|
181
|
+
|
182
|
+
Carousels are used for an exceptionally compact form of image galleries.
|
183
|
+
This example shows some pictures having individual caption text and supports
|
184
|
+
a lightbox to enlarge images full size. For the example below, an almost simple
|
185
|
+
lightbox is used: Lightbox V2; or short: lightbox.
|
186
|
+
|
187
|
+
.Carousel Example
|
188
|
+
carousel::demo_cats[role="mb-3"]
|
189
|
+
|
190
|
+
The J1 module lightbox is a simple Lightbox but offers a bunch of impressive
|
191
|
+
features for displaying images. For example, the lightbox can display all
|
192
|
+
images (of a carousel) as a group. If one picture is opened in the lightbox,
|
193
|
+
others are browsed by easy-to-use control buttons.
|
194
|
+
|
195
|
+
=== One Slide Carousel + Lightbox
|
196
|
+
|
197
|
+
The build-in Carousel carousel supports multiple and single image shows.
|
198
|
+
Here you find an example of a single image slide show with controls enabled
|
199
|
+
to browse all images back and forth. An indicator below the slider shows how
|
200
|
+
many images the show contains.
|
201
|
+
|
202
|
+
.Carousel Example
|
203
|
+
carousel::demo_oneslide[role="mb-3"]
|
204
|
+
|
205
|
+
== J1 Master Slider
|
206
|
+
|
207
|
+
The Javascript tool _Master Slider_ is a 3rd party plugin fully integrated
|
208
|
+
into the J1 Template by the module `masterslider`. J1 Template uses the
|
209
|
+
*free* version of Master Slider (MS Lite). The Lite version does *not* support
|
210
|
+
all features: the functionality of *filters*, *layouts* are limited and no
|
211
|
+
*overlay* techniques are supported by the MS Lite version.
|
212
|
+
|
213
|
+
WARNING: The Master Slider (MS Lite and Pro version) is a so-called _jQuery_
|
214
|
+
Plugin. _jQuery_ can simplify Javascript code a lot but will slow-down
|
215
|
+
the runtime performance of the JS code. Expect for slower browsers and
|
216
|
+
platforms, like mobiles or tablets, initializing an MS Slider will take
|
217
|
+
a while to be finished.
|
218
|
+
|
219
|
+
=== Carousels versus Sliders
|
220
|
+
|
221
|
+
Sliders and Carousels are focussing quite the same thing: presenting image data
|
222
|
+
dynamically as an app. The features of Sliders go far beyond what simple
|
223
|
+
Carousels can do: presenting image-based data as *slideshows*. Well-known
|
224
|
+
Office Products to create *presentations* are _Microsoft Powerpoint_ or
|
225
|
+
_Google Docs_. Modern sliders like _Master Slider_ provide similar features to
|
226
|
+
present animated *shows* (presentations) based on digital image data combined
|
227
|
+
with text elements, buttons, or overlay techniques, e.g., for images or
|
228
|
+
other digital data sources.
|
229
|
+
|
230
|
+
In short: Carousels are used to present images, and sliders are used to create
|
231
|
+
complex image-based slideshows (presentations).
|
232
|
+
|
233
|
+
=== MS Slider using Controls + Filters + Lightbox
|
234
|
+
|
235
|
+
The following slider uses the (CSS) filter feature of Master Slider.
|
236
|
+
Filters can be used, for example, to *transform* the *style* of the images
|
237
|
+
presented by a slider. In this example, the slider images are transformed
|
238
|
+
from style *color* to *sepia*.
|
239
|
+
|
240
|
+
WARNING: Lightbox support is only available for the MS Lite version of J1
|
241
|
+
Template. The product versions *MS Lite* and *MS Pro* does not support
|
242
|
+
Lightboxes on sliders out-of-the-box.
|
243
|
+
|
244
|
+
TIP: Click on the Lightbox symbol mdi:image-outline[18px, md-gray] in the
|
245
|
+
slides to see the *colored* images configured for the slider.
|
246
|
+
|
247
|
+
masterslider::ms_00001[role="mt-4 mb-5"]
|
248
|
+
|
249
|
+
=== MS Slider using Text Elements
|
250
|
+
|
251
|
+
One of the major features of sliders is to present additional (animated)
|
252
|
+
elements, like text data, connected to the images presented by a slider:
|
253
|
+
the slideshow. MS Slider provides functions to combine images and text
|
254
|
+
elements: the *MSInfo* element.
|
255
|
+
|
256
|
+
masterslider::ms_00003[role="mt-4 mb-5"]
|
257
|
+
|
258
|
+
=== MS Slider using ThumbImages
|
259
|
+
|
260
|
+
To give the users better control over a slideshow, sliders provide complex UI
|
261
|
+
elements like *thumbs* placed side-by-side (left|right), at the top, or at
|
262
|
+
the bottom of a slideshow. Find two examples to control a slideshow by
|
263
|
+
*thumb images*.
|
264
|
+
|
265
|
+
masterslider::ms_00004[role="mt-4 mb-5"]
|
266
|
+
|
267
|
+
masterslider::ms_00005[role="mt-4 mb-5"]
|
268
|
+
|
269
|
+
=== MS Slider using MS Info in a complex Layout
|
270
|
+
|
271
|
+
The following slider presents a slideshow that combines an MSInfo element
|
272
|
+
at the bottom and the MS Layout `partialview`. A slideshow typically presents
|
273
|
+
a larger number of slides. The layout `partialview` accompanies the *active*
|
274
|
+
slide by their neighbors on the left and the right.
|
275
|
+
|
276
|
+
masterslider::ms_00009[role="mt-4 mb-5"]
|
277
|
+
|
278
|
+
=== More about MS Sliders
|
279
|
+
|
280
|
+
If you're interested to learn more about MS Sliders, go for the following
|
281
|
+
documents:
|
282
|
+
|
283
|
+
* link:{ms-slider-previewer}[MS Slider Previewer, {browser-window--new}]
|
284
|
+
* link:{ms-slider-module-documentation}[MS Slider module documentation, {browser-window--new}]
|
285
|
+
|
286
|
+
|
287
|
+
== JustifiedGallery
|
288
|
+
|
289
|
+
JustifiedGallery is a great _jQuery_ Plugin to create responsive, infinite,
|
290
|
+
and high-quality justified image galleries. J1 Template combines the Gallery
|
291
|
+
with the lightboxes supported to enlarge the images of a gallery. See the
|
292
|
+
gallery in action; and for sure, all that you see is even responsive. Change
|
293
|
+
the size of your current browser window, by width or height to see what will
|
294
|
+
happen!
|
295
|
+
|
296
|
+
Pictures you've made are typically not even in size. Images may have the
|
297
|
+
same size (resolution), but some are orientated landscapes, or others
|
298
|
+
may be portraits. For that reason, a more powerful gallery is needed to create
|
299
|
+
so-called justified views. JustifiedGallery uses a so-called masonry grid
|
300
|
+
layout. It works by placing elements in an optimal position based on available
|
301
|
+
horizontal and vertical space. Sort of like mason fitting stones in a wall.
|
302
|
+
You'll have seen it in use all over the Internet!
|
303
|
+
|
304
|
+
.JustifiedGallery Example
|
305
|
+
gallery::jg_customizer[role="mb-4"]
|
306
|
+
|
307
|
+
== What next
|
308
|
+
|
309
|
+
Hopefully, you've enjoyed exploring the possibilities J1 offers for managing
|
310
|
+
and displaying digital image content. But much, much more can the J1 do for
|
311
|
+
your web.
|
312
|
+
|
313
|
+
Incredible? See the next example page link:{url-roundtrip--present-videos}[Present Videos].
|
@@ -0,0 +1,281 @@
|
|
1
|
+
---
|
2
|
+
title: Roundtrip
|
3
|
+
tagline: present videos
|
4
|
+
date: 2020-11-04 00:00:00 +100
|
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. A new standard goes to HTML5 Video, a pure HTML way to
|
9
|
+
show video on the web; instead of the previous de facto standard of using
|
10
|
+
proprietary software.
|
11
|
+
|
12
|
+
categories: [ Roundtrip ]
|
13
|
+
tags: [ Introduction, Module, Video ]
|
14
|
+
|
15
|
+
permalink: /pages/public/learn/roundtrip/present_videos/
|
16
|
+
regenerate: false
|
17
|
+
|
18
|
+
personalization: true
|
19
|
+
fab_menu_id: page_ctrl
|
20
|
+
|
21
|
+
resources: [
|
22
|
+
animate, lightGallery, justifiedGallery, video_js,
|
23
|
+
vimeo_player, vimeo_froogaloop
|
24
|
+
]
|
25
|
+
resource_options:
|
26
|
+
- attic:
|
27
|
+
slides:
|
28
|
+
# Broadway Underground - still image (animate default)
|
29
|
+
- url: /assets/videos/headers/still/underground-broadway.jpg
|
30
|
+
alt: Broadway Underground
|
31
|
+
alignY: top
|
32
|
+
animateFirst: false
|
33
|
+
# Broadway Underground - FAYETTE ST, moved file to Github/LFS
|
34
|
+
- url: https://github.com/jekyll-one-org/jekyll-one-lfs/raw/master/videos/underground-broadway.mp4
|
35
|
+
alignY: 0
|
36
|
+
isVideo: true
|
37
|
+
loop: false
|
38
|
+
duration: 12000
|
39
|
+
# Broadway Underground - still image (animate random)
|
40
|
+
- url: /assets/videos/headers/still/underground-broadway.jpg
|
41
|
+
alt: Broadway Underground
|
42
|
+
alignY: top
|
43
|
+
transition: push_left|push_right|cover_up|cover_down|fade|fadeInOut
|
44
|
+
---
|
45
|
+
|
46
|
+
// Page Initializer
|
47
|
+
// =============================================================================
|
48
|
+
// Enable the Liquid Preprocessor
|
49
|
+
:page-liquid:
|
50
|
+
|
51
|
+
// Set (local) page attributes here
|
52
|
+
// -----------------------------------------------------------------------------
|
53
|
+
// :page--attr: <attr-value>
|
54
|
+
:images-dir: {imagesdir}/pages/roundtrip/100_present_images
|
55
|
+
|
56
|
+
// Load Liquid procedures
|
57
|
+
// -----------------------------------------------------------------------------
|
58
|
+
{% capture load_attributes %}themes/{{site.template.name}}/procedures/global/attributes_loader.proc{%endcapture%}
|
59
|
+
|
60
|
+
// Load page attributes
|
61
|
+
// -----------------------------------------------------------------------------
|
62
|
+
{% include {{load_attributes}} scope="all" %}
|
63
|
+
|
64
|
+
|
65
|
+
// Page content
|
66
|
+
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
|
67
|
+
|
68
|
+
++++
|
69
|
+
<!-- insert Google Ad (Displayanzeige): horizontal-2, adSlot="5128488466" -->
|
70
|
+
<div class="5128488466 mb-5">
|
71
|
+
<ins class="adsbygoogle"
|
72
|
+
style="display: block;"
|
73
|
+
data-ad-client="ca-pub-3885670015316130"
|
74
|
+
data-ad-slot="5128488466"
|
75
|
+
data-ad-format="auto"
|
76
|
+
data-adtest="on"
|
77
|
+
data-full-width-responsive="true">
|
78
|
+
</ins>
|
79
|
+
</div>
|
80
|
+
++++
|
81
|
+
|
82
|
+
++++
|
83
|
+
<script>
|
84
|
+
|
85
|
+
$(document).ready(function() {
|
86
|
+
var logger = log4javascript.getLogger('j1.google.ads');
|
87
|
+
var autoHideOnUnfilled = true;
|
88
|
+
|
89
|
+
var dependencies_met_page_ready = setInterval (function (options) {
|
90
|
+
if ( j1.getState() === 'finished' ) {
|
91
|
+
|
92
|
+
// monitor for state changes on the ad
|
93
|
+
// ---------------------------------------------------------------------
|
94
|
+
$('.adsbygoogle').attrchange({
|
95
|
+
trackValues: true,
|
96
|
+
callback: function (event) {
|
97
|
+
if (event.newValue === 'unfilled') {
|
98
|
+
var elm = event.target.dataset;
|
99
|
+
if (elm.adClient) {
|
100
|
+
logger.warn('\n' + 'initialized ad detected as: ' + event.newValue);
|
101
|
+
if (autoHideOnUnfilled) {
|
102
|
+
logger.info('\n' + ' hide ad for slot: ' + elm.adSlot);
|
103
|
+
$('.' + elm.adSlot ).hide();
|
104
|
+
}
|
105
|
+
}
|
106
|
+
}
|
107
|
+
}
|
108
|
+
});
|
109
|
+
|
110
|
+
// manage uncaught execeptions
|
111
|
+
// ---------------------------------------------------------------------
|
112
|
+
// window.onerror = function (msg, url, line) {
|
113
|
+
// alert("Message : " + msg );
|
114
|
+
// alert("url : " + url );
|
115
|
+
// alert("Line number : " + line );
|
116
|
+
// }
|
117
|
+
|
118
|
+
logger.info('\n' + 'initialize Google Ad on slot: ' + '5128488466');
|
119
|
+
(adsbygoogle = window.adsbygoogle || []).push({});
|
120
|
+
|
121
|
+
clearInterval(dependencies_met_page_ready);
|
122
|
+
}
|
123
|
+
});
|
124
|
+
|
125
|
+
});
|
126
|
+
|
127
|
+
</script>
|
128
|
+
++++
|
129
|
+
|
130
|
+
// Include sub-documents (if any)
|
131
|
+
// -----------------------------------------------------------------------------
|
132
|
+
[role="dropcap"]
|
133
|
+
Playing video on web pages seems not that special since you can already
|
134
|
+
watch videos on web pages through plugins like _Flash Player_, _Quicktime_,
|
135
|
+
or _Silverlight_. A new standard goes to HTML5 Video, a pure HTML way to
|
136
|
+
show video on the web, instead of the previous de facto standard of using
|
137
|
+
proprietary software.
|
138
|
+
|
139
|
+
== Video Galleries
|
140
|
+
|
141
|
+
HTML5 Video opens the doors to your way of presenting video content. Modern
|
142
|
+
browsers support the video tag `<video>` for the HTML5 video standard.
|
143
|
+
Browsers have a built-in multimedia framework already for decoding and displaying
|
144
|
+
video content. No need to use such proprietary software components anymore!
|
145
|
+
|
146
|
+
HTML5 Video support is given by the App gallery combined with the lightbox
|
147
|
+
LightGallery.
|
148
|
+
|
149
|
+
Two types of video sources are supported:
|
150
|
+
|
151
|
+
. Video files from local folders (your webspace)
|
152
|
+
. Video files from online sources (on the Internet) like YouTube, Vimeo, etc.
|
153
|
+
|
154
|
+
The combination of the App gallery and the lightbox LightGallery is entirely
|
155
|
+
usable for all the video content you want to present on your site. You can
|
156
|
+
place Galleries elsewhere with your content. You can use them for video blogs
|
157
|
+
by putting them into your blog article's content.
|
158
|
+
|
159
|
+
WARNING: LightGallery can be used for free for private use, but a commercial
|
160
|
+
license is needed for business use. See
|
161
|
+
link:{url-light-gallery--license}[LightGallery licenses, {browser-window--new}]
|
162
|
+
how to use LightGallery for commercial websites and projects.
|
163
|
+
|
164
|
+
== Local Video content
|
165
|
+
|
166
|
+
Digital image content, simple pictures or videos, are easy to make. Today,
|
167
|
+
every mobile has a camera. Presenting a bunch of (digital) pictures is done
|
168
|
+
very easily by using Justified Gallery. Videos created by a digicam or a mobile
|
169
|
+
can be played by J1 Template using the HTML5 Video support. Present videos you
|
170
|
+
have made at it's best.
|
171
|
+
|
172
|
+
Two players are available with LightGallery:
|
173
|
+
|
174
|
+
. an internal player used by default
|
175
|
+
. {url-videojs--home}[video.js, {browser-window--new}], a excellent
|
176
|
+
Javascript video library including a great player
|
177
|
+
|
178
|
+
NOTE: The HTML5 specification does *not* define which video and audio formats
|
179
|
+
browsers *should* support. J1 LightGallery can play all types of standard
|
180
|
+
HTML5 Video formats on modern browsers today (MP4, WebM, and Ogg).
|
181
|
+
|
182
|
+
.MP4 Videos - VideoJS Player
|
183
|
+
gallery::jg_video_html5[role="mb-5"]
|
184
|
+
|
185
|
+
== Online Video content
|
186
|
+
|
187
|
+
The Internet is full of inspiring content. If you want to present video
|
188
|
+
content from the Internet, the online video support of J1 Template is the
|
189
|
+
right choice.
|
190
|
+
|
191
|
+
=== YouTube
|
192
|
+
|
193
|
+
The community at link:{url-youtube--home}[YouTube, {browser-window--new}] is
|
194
|
+
large, with over 1 billion users that watch hundreds of millions of hours of
|
195
|
+
content every day. The number of channels on YouTube is enormous. For TV
|
196
|
+
Stations, it's a must to publish videos of their shows on YouTube. Find below
|
197
|
+
a current gallery from *The Voice Kids* (SAT.1) Germany and a real classic
|
198
|
+
channel *Carpool Karaoke* from the frontman James Corden of *The Late Late Show*
|
199
|
+
at CBS, Los Angeles.
|
200
|
+
|
201
|
+
.The Voice Kids, Germany 2021
|
202
|
+
gallery::jg_video_online_youtube_2[role="mb-5"]
|
203
|
+
|
204
|
+
.James Cordon's Carpool Karaoke
|
205
|
+
gallery::jg_video_online_youtube[role="mb-5"]
|
206
|
+
|
207
|
+
=== Vimeo
|
208
|
+
|
209
|
+
link:{url-vimeo--home}[Vimeo, {browser-window--new}] is a video-sharing
|
210
|
+
platform that includes features such as live-streaming and customization.
|
211
|
+
Vimeo provides many tools for video creation, editing, and broadcasting.
|
212
|
+
The platform provides you with an excellent channel to present high-quality,
|
213
|
+
professional videos and reach audiences worldwide.
|
214
|
+
|
215
|
+
Vimeo does offer a basic, free membership, but it limits you to 500MB maximum
|
216
|
+
storage per week. Alternately, you can book on paid plans: Plus, PRO, Business.
|
217
|
+
Each membership has varied storage limits, but the free plan offers sufficient
|
218
|
+
space for private projects to present video content without advertising.
|
219
|
+
|
220
|
+
NOTE: A great plus using Vimeo is that *no advertising* is used on that
|
221
|
+
platform.
|
222
|
+
|
223
|
+
.Vimeo Video Gallery - Fashion
|
224
|
+
gallery::jg_video_online_vimeo[role="mb-5"]
|
225
|
+
|
226
|
+
=== DailyMotion
|
227
|
+
|
228
|
+
link:{url-dailymotion--home}[Dailymotion, {browser-window--new}] is a French
|
229
|
+
video-sharing technology platform primarily owned by
|
230
|
+
link:{url-vivendi--home}[Vivendi, {browser-window--new}]. The platform is
|
231
|
+
available worldwide in 183 languages and 43 localised versions featuring local
|
232
|
+
home pages and local content.
|
233
|
+
|
234
|
+
The platform is a monetization solution that allows allows to directly connect
|
235
|
+
to high-quality advertisers through a proprietary Advertising Solution. Like
|
236
|
+
YouTube, videos cav be watched for free, but ads are shown on each and every
|
237
|
+
video.
|
238
|
+
|
239
|
+
Dailymotion allows users to search videos by *tags*, topic *channels*, or
|
240
|
+
user-created *groups*. Users can upload videos of up to 2 gigabytes and a
|
241
|
+
length of 60 minutes. If a user is a MotionMaker or MotionPartner, a program
|
242
|
+
for particularly creative users or partners, they can upload videos of
|
243
|
+
unlimited length.
|
244
|
+
|
245
|
+
NOTE: Like YouTube, DailyMotion is a commercial platform using *advertising*
|
246
|
+
on all video content. On every video, an ad clip is presented of 15 to
|
247
|
+
30 seconds in length.
|
248
|
+
|
249
|
+
.DailyMotion Video Gallery - SELF Magazine (Channel)
|
250
|
+
gallery::jg_video_online_dailymotion[role="mb-5"]
|
251
|
+
|
252
|
+
=== VK
|
253
|
+
|
254
|
+
link:{url-vk--home}[VK, {browser-window--new}], former Vkontakte.ru until
|
255
|
+
January 2012, is a multilingual social network operated from Russia.
|
256
|
+
Registered users can create a profile on VK and exchange information with
|
257
|
+
other users.
|
258
|
+
|
259
|
+
According to the operator, the platform has over 100 million active users,
|
260
|
+
but mainly in Russia, Ukraine, and other Russian spoken countries. VK is
|
261
|
+
among the most popular websites in Russia.
|
262
|
+
|
263
|
+
NOTE: VK is accused of insufficient protection of personal data. The platform
|
264
|
+
is also openly criticized by neo-Nazi and neo-fascist Groups used without
|
265
|
+
there being a handle against them so far. To date, the Russian investigative
|
266
|
+
authorities (especially the FSB) have not made any efforts to identify
|
267
|
+
right-wing extremists or to suppress racist currents on the platform.
|
268
|
+
|
269
|
+
.VK Video Gallery - Wildlife
|
270
|
+
gallery::jg_video_online_vk[role="mb-5"]
|
271
|
+
|
272
|
+
|
273
|
+
== What next
|
274
|
+
|
275
|
+
Images and videos are pretty visual. And it can be impressive, for sure.
|
276
|
+
But the most visual component is the text for all pages, for all sites on the
|
277
|
+
Internet. To see how text could be presented great for modern responsive
|
278
|
+
websites, check the section Typography next.
|
279
|
+
|
280
|
+
What? Please find out how it works.
|
281
|
+
Go for: link:{url-roundtrip--typography}[Typography], then.
|