j1-template 2022.2.2 → 2022.3.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (149) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/themes/j1/blocks/footer/boxes/contacts_box.proc +46 -18
  3. data/_includes/themes/j1/blocks/footer/boxes/links_box.proc +1 -0
  4. data/assets/data/fab.html +2 -2
  5. data/assets/data/footer.html +2 -2
  6. data/assets/themes/j1/adapter/js/analytics.js +13 -13
  7. data/assets/themes/j1/adapter/js/cookieConsent.js +1 -1
  8. data/assets/themes/j1/adapter/js/nbinteract.js +366 -120
  9. data/assets/themes/j1/core/css/themes/unodark/bootstrap.css +30 -40
  10. data/assets/themes/j1/core/css/themes/unodark/bootstrap.min.css +1 -1
  11. data/assets/themes/j1/core/css/themes/unolight/bootstrap.css +85 -216
  12. data/assets/themes/j1/core/css/themes/unolight/bootstrap.min.css +2 -2
  13. data/assets/themes/j1/core/js/template.js +1 -1
  14. data/assets/themes/j1/core/js/template.min.js +1 -1
  15. data/assets/themes/j1/core/js/template.min.js.map +1 -1
  16. data/assets/themes/j1/modules/carousel/css/theme/uno.css +5 -0
  17. data/assets/themes/j1/modules/carousel/css/theme/uno.min.css +1 -1
  18. data/assets/themes/j1/modules/cookieConsent/js/cookieConsent.js +1 -0
  19. data/assets/themes/j1/modules/justifiedGallery/css/justifiedGallery.css +6 -0
  20. data/assets/themes/j1/modules/justifiedGallery/css/justifiedGallery.min.css +1 -1
  21. data/assets/themes/j1/modules/mmenuLight/css/mmenu-light.css +2 -2
  22. data/assets/themes/j1/modules/mmenuLight/css/mmenu-light.min.css +1 -2
  23. data/assets/themes/j1/modules/nbInteract/README.md +169 -0
  24. data/assets/themes/j1/modules/nbInteract/css/nbinteract-core.css +4 -0
  25. data/assets/themes/j1/modules/nbInteract/css/nbinteract-core.min.css +4 -0
  26. data/assets/themes/j1/modules/nbInteract/css/theme/uno/nbinteract-core.css +33 -33
  27. data/assets/themes/j1/modules/nbInteract/css/theme/uno/nbinteract-core.min.css +1 -1
  28. data/assets/themes/j1/modules/nbInteract/js/requireJS/require.js +2068 -0
  29. data/assets/themes/j1/modules/nbInteract/js/requireJS/require.min.js +36 -0
  30. data/assets/themes/j1/modules/plotly/LICENSE +21 -0
  31. data/assets/themes/j1/modules/plotly/README.md +32 -0
  32. data/assets/themes/j1/modules/plotly/js/plotly.js +265345 -0
  33. data/assets/themes/j1/modules/plotly/js/plotly.min.js +65 -0
  34. data/assets/themes/j1/modules/requirejs/LICENSE +45 -0
  35. data/assets/themes/j1/modules/requirejs/README.md +79 -0
  36. data/assets/themes/j1/modules/requirejs/js/require.js +2068 -0
  37. data/assets/themes/j1/modules/requirejs/js/require.min.js +36 -0
  38. data/lib/j1/version.rb +1 -1
  39. data/lib/starter_web/Gemfile +1 -1
  40. data/lib/starter_web/_config.yml +1 -1
  41. data/lib/starter_web/_data/blocks/defaults/footer.yml +25 -17
  42. data/lib/starter_web/_data/blocks/footer.yml +78 -65
  43. data/lib/starter_web/_data/modules/analytics.yml +8 -23
  44. data/lib/starter_web/_data/modules/defaults/analytics.yml +1 -1
  45. data/lib/starter_web/_data/modules/defaults/cookieconsent.yml +4 -1
  46. data/lib/starter_web/_data/modules/justifiedGallery.yml +14 -8
  47. data/lib/starter_web/_data/modules/navigator_menu.yml +6 -3
  48. data/lib/starter_web/_data/modules/nbinteract.yml +12 -48
  49. data/lib/starter_web/_data/resources.yml +52 -18
  50. data/lib/starter_web/_includes/attributes.asciidoc +25 -0
  51. data/lib/starter_web/_plugins/lunr_index.rb +1 -1
  52. data/lib/starter_web/assets/images/pages/nbinteract/mandelbrot-menge-1920x1200.jpg +0 -0
  53. data/lib/starter_web/assets/images/pages/nbinteract/mandelbrot-menge.png +0 -0
  54. data/lib/starter_web/assets/images/pages/nbinteract/manual/nbi_bar.jpg +0 -0
  55. data/lib/starter_web/assets/images/pages/nbinteract/manual/nbi_hist.jpg +0 -0
  56. data/lib/starter_web/assets/images/pages/nbinteract/manual/nbi_line.jpg +0 -0
  57. data/lib/starter_web/assets/images/pages/nbinteract/manual/nbi_multiple_choice.jpg +0 -0
  58. data/lib/starter_web/assets/images/pages/nbinteract/manual/nbi_scatter.jpg +0 -0
  59. data/lib/starter_web/assets/images/pages/nbinteract/manual/nbi_scatter_drag.jpg +0 -0
  60. data/lib/starter_web/assets/images/pages/nbinteract/manual/nbi_short_answer.jpg +0 -0
  61. data/lib/starter_web/assets/images/pages/nbinteract/nbi-textbook-example.jpg +0 -0
  62. data/lib/starter_web/assets/videos/gallery/kick-it-old-school-poster.jpg +0 -0
  63. data/lib/starter_web/assets/videos/gallery/nye-party-shop-poster.jpg +0 -0
  64. data/lib/starter_web/assets/videos/gallery/stay-colorful-poster.jpg +0 -0
  65. data/lib/starter_web/collections/posts/public/series/_posts/2020-01-01-post-wiki-series.adoc +1 -0
  66. data/lib/starter_web/collections/posts/public/series/_posts/2020-01-02-post-wiki-series.adoc +1 -0
  67. data/lib/starter_web/collections/posts/public/series/_posts/2020-01-03-post-wiki-series.adoc +1 -0
  68. data/lib/starter_web/package.json +1 -2
  69. data/lib/starter_web/pages/public/jupyter/docs/_includes/documents/j1_docs_example_static.asciidoc +232 -232
  70. data/lib/starter_web/pages/public/jupyter/docs/j1-nbinteract-doc.adoc +165 -149
  71. data/lib/starter_web/pages/public/jupyter/docs/nbi-widget-manual.adoc +156 -11
  72. data/lib/starter_web/pages/public/jupyter/docs/nbinteract-doc.adoc +11 -6
  73. data/lib/starter_web/pages/public/jupyter/examples/j1-circular-times-table.adoc +136 -0
  74. data/lib/starter_web/pages/public/jupyter/examples/j1-interactive-widgets.adoc +9 -5
  75. data/lib/starter_web/pages/public/jupyter/examples/j1-odes-in-python.adoc +16 -7
  76. data/lib/starter_web/pages/public/jupyter/examples/j1-testing-plotly.adoc +95 -0
  77. data/lib/starter_web/pages/public/jupyter/examples/j1_climate-change-forecast.adoc +4 -4
  78. data/lib/starter_web/pages/public/jupyter/notebooks/j1/.ipynb_checkpoints/{algebra_with_sympy-checkpoint.ipynb → j1_circular_times_table-checkpoint.ipynb} +5190 -7291
  79. data/lib/starter_web/pages/public/jupyter/notebooks/j1/.ipynb_checkpoints/j1_climate_change_forecast-checkpoint.ipynb +2 -2
  80. data/lib/starter_web/pages/public/jupyter/notebooks/j1/.ipynb_checkpoints/j1_docs_example_dynamic-checkpoint.ipynb +1 -1
  81. data/lib/starter_web/pages/public/jupyter/notebooks/j1/.ipynb_checkpoints/j1_interactive_widgets-checkpoint.ipynb +170 -15
  82. data/lib/starter_web/pages/public/jupyter/notebooks/j1/.ipynb_checkpoints/j1_ode_selected-checkpoint.ipynb +1 -1
  83. data/lib/starter_web/pages/public/jupyter/notebooks/j1/.ipynb_checkpoints/j1_odes_in_python-checkpoint.ipynb +520 -111
  84. data/lib/starter_web/pages/public/jupyter/notebooks/j1/factor_by_factor.mp4 +0 -0
  85. data/lib/starter_web/pages/public/jupyter/notebooks/j1/{.ipynb_checkpoints/j1_algebra_with_sympy-checkpoint.ipynb → j1_circular_times_table.ipynb} +5178 -7308
  86. data/lib/starter_web/pages/public/jupyter/notebooks/j1/j1_climate_change_forecast.ipynb +2 -2
  87. data/lib/starter_web/pages/public/jupyter/notebooks/j1/j1_docs_example_dynamic.ipynb +1 -1
  88. data/lib/starter_web/pages/public/jupyter/notebooks/j1/j1_interactive_widgets.ipynb +170 -15
  89. data/lib/starter_web/pages/public/jupyter/notebooks/j1/{j1_ode_selected.ipynb → j1_odes_in_python.ipynb} +783 -34
  90. data/lib/starter_web/pages/public/jupyter/notebooks/j1/line_by_line.mp4 +0 -0
  91. data/lib/starter_web/pages/public/jupyter/notebooks/j1/point_by_point.mp4 +0 -0
  92. data/lib/starter_web/pages/public/jupyter/notebooks/nbi-docs/.ipynb_checkpoints/nbi_docs_recipes_interactive_questions-checkpoint.ipynb +185 -0
  93. data/lib/starter_web/pages/public/jupyter/notebooks/nbi-docs/.ipynb_checkpoints/nbi_docs_tutorial_interact-checkpoint.ipynb +254 -0
  94. data/lib/starter_web/pages/public/jupyter/notebooks/nbi-docs/.ipynb_checkpoints/nbi_docs_tutorial_monty_hall-checkpoint.ipynb +732 -0
  95. data/lib/starter_web/pages/public/jupyter/notebooks/nbi-docs/nbi_docs_recipes_interactive_questions.ipynb +19 -22
  96. data/lib/starter_web/pages/public/jupyter/notebooks/nbi-docs/nbi_docs_tutorial_monty_hall.ipynb +25 -26
  97. data/lib/starter_web/pages/public/jupyter/notebooks/textbooks/j1_circular_times_table.html +746 -0
  98. data/lib/starter_web/pages/public/jupyter/notebooks/textbooks/j1_climate_change_forecast.html +2 -2
  99. data/lib/starter_web/pages/public/jupyter/notebooks/textbooks/j1_interactive_widgets.html +217 -0
  100. data/lib/starter_web/pages/public/jupyter/notebooks/textbooks/j1_odes_in_python.html +955 -0
  101. data/lib/starter_web/pages/public/jupyter/notebooks/textbooks/nbi_docs_recipes_interactive_questions.html +1 -2
  102. data/lib/starter_web/pages/public/jupyter/{apis/binderhub-api.adoc → services/binderhub.adoc} +25 -28
  103. data/lib/starter_web/pages/public/jupyter/{apis/jupyterhub-api.adoc → services/jupyterhub.adoc} +8 -9
  104. data/lib/starter_web/pages/public/learn/roundtrip/100_present_images.adoc +1 -1
  105. data/lib/starter_web/pages/public/learn/roundtrip/100_present_videos.adoc +9 -15
  106. data/lib/starter_web/pages/public/learn/roundtrip/200_typography.adoc +1 -1
  107. data/lib/starter_web/pages/public/learn/roundtrip/300_icon_fonts.adoc +12 -1
  108. data/lib/starter_web/pages/public/learn/roundtrip/400_asciidoc_extensions.adoc +1 -1
  109. data/lib/starter_web/pages/public/learn/roundtrip/410_bs_modals_extentions.adoc +1 -1
  110. data/lib/starter_web/pages/public/learn/roundtrip/420_responsive_tables_extensions.adoc +1 -1
  111. data/lib/starter_web/pages/public/legal/en/300_privacy.adoc +117 -12
  112. data/lib/starter_web/pages/public/se/se-fake.adoc +47 -0
  113. data/lib/starter_web/utilsrv/_defaults/package.json +1 -1
  114. data/lib/starter_web/utilsrv/package.json +1 -1
  115. metadata +41 -41
  116. data/lib/starter_web/_data/_resources.yml +0 -1668
  117. data/lib/starter_web/assets/images/pages/nbinteract/binderhub-architecture.png +0 -0
  118. data/lib/starter_web/assets/videos/gallery/adriana-lima-poster.jpg +0 -0
  119. data/lib/starter_web/pages/public/jupyter/notebooks/binder/binder-launches.ipynb +0 -385
  120. data/lib/starter_web/pages/public/jupyter/notebooks/j1/.ipynb_checkpoints/Untitled-checkpoint.ipynb +0 -6
  121. data/lib/starter_web/pages/public/jupyter/notebooks/j1/.ipynb_checkpoints/binder-launches-checkpoint.ipynb +0 -385
  122. data/lib/starter_web/pages/public/jupyter/notebooks/j1/.ipynb_checkpoints/climate-change-forecast-checkpoint.ipynb +0 -916
  123. data/lib/starter_web/pages/public/jupyter/notebooks/j1/.ipynb_checkpoints/google_altair-checkpoint.ipynb +0 -33
  124. data/lib/starter_web/pages/public/jupyter/notebooks/j1/.ipynb_checkpoints/ipympl_test_plots-checkpoint.ipynb +0 -14517
  125. data/lib/starter_web/pages/public/jupyter/notebooks/j1/.ipynb_checkpoints/j1_altair_interactive-checkpoint.ipynb +0 -16493
  126. data/lib/starter_web/pages/public/jupyter/notebooks/j1/.ipynb_checkpoints/j1_altair_interactive_test-checkpoint.ipynb +0 -14697
  127. data/lib/starter_web/pages/public/jupyter/notebooks/j1/.ipynb_checkpoints/j1_altair_visualization-checkpoint.ipynb +0 -15358
  128. data/lib/starter_web/pages/public/jupyter/notebooks/j1/.ipynb_checkpoints/j1_altair_visualization_full-checkpoint.ipynb +0 -2576
  129. data/lib/starter_web/pages/public/jupyter/notebooks/j1/.ipynb_checkpoints/j1_climate_change_forecast.ipynb +0 -1060
  130. data/lib/starter_web/pages/public/jupyter/notebooks/j1/.ipynb_checkpoints/j1_docs_hist-checkpoint.ipynb +0 -98
  131. data/lib/starter_web/pages/public/jupyter/notebooks/j1/.ipynb_checkpoints/j1_interactive-checkpoint.ipynb +0 -560
  132. data/lib/starter_web/pages/public/jupyter/notebooks/j1/.ipynb_checkpoints/j1_ipympl_test_plots-checkpoint.ipynb +0 -14511
  133. data/lib/starter_web/pages/public/jupyter/notebooks/j1/.ipynb_checkpoints/j1_pandas_creating_reading_and_writing-checkpoint.ipynb +0 -328
  134. data/lib/starter_web/pages/public/jupyter/notebooks/j1/.ipynb_checkpoints/j1_recipes_layout-checkpoint.ipynb +0 -341
  135. data/lib/starter_web/pages/public/jupyter/notebooks/j1/.ipynb_checkpoints/nbi_docs_recipes_graphing-checkpoint.ipynb +0 -98
  136. data/lib/starter_web/pages/public/jupyter/notebooks/j1/binder-launches.ipynb +0 -411
  137. data/lib/starter_web/pages/public/jupyter/notebooks/nbi-docs/.ipynb_checkpoints/nbi_docs_examples_correlation-checkpoint.ipynb +0 -651
  138. data/lib/starter_web/pages/public/jupyter/notebooks/textbooks/binder-launches.html +0 -546
  139. data/lib/starter_web/pages/public/jupyter/notebooks/textbooks/j1_ode_selected.html +0 -186
  140. data/lib/starter_web/pages/public/jupyter/notebooks/themes/altair/excel.py +0 -55
  141. data/lib/starter_web/pages/public/jupyter/notebooks/themes/altair/ggplot.py +0 -108
  142. data/lib/starter_web/pages/public/jupyter/notebooks/themes/altair/ggplot2.py +0 -108
  143. data/lib/starter_web/pages/public/jupyter/notebooks/themes/altair/husky.py +0 -121
  144. data/lib/starter_web/pages/public/jupyter/notebooks/themes/altair/latimes.py +0 -149
  145. data/lib/starter_web/pages/public/jupyter/notebooks/themes/altair/pcolor.py +0 -6
  146. data/lib/starter_web/pages/public/jupyter/notebooks/themes/altair/quartz.py +0 -55
  147. data/lib/starter_web/pages/public/jupyter/notebooks/themes/altair/spacy_base.py +0 -94
  148. data/lib/starter_web/pages/public/jupyter/notebooks/themes/altair/spacy_mono.py +0 -158
  149. data/lib/starter_web/pages/public/jupyter/notebooks/themes/altair/sunsentinel.py +0 -125
@@ -40,6 +40,11 @@ padding-left: 1px;
40
40
  /* Carousel items (text|image)
41
41
  ------------------------------------------------------------------------------- */
42
42
 
43
+ /* jadams, 2022-05-06: remove dotted link decoration */
44
+ .owl-carousel .owl-item > a {
45
+ border-bottom: unset;
46
+ }
47
+
43
48
  .owl-carousel .item p {
44
49
  margin: 3px;
45
50
  }
@@ -12,4 +12,4 @@
12
12
  # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
13
13
  # -----------------------------------------------------------------------------
14
14
  */
15
- .j1-owl-gutter.row{margin-right:0;margin-left:0}.j1-owl-gutter>[class^="col-"],.j1-owl-gutter>[class^=" col-"]{padding-right:0;padding-left:0}.j1-owl-gutter-2.row{margin-right:-1px;margin-left:-1px}.j1-owl-gutter-2>[class^="col-"],.j1-owl-gutter-2>[class^=" col-"]{padding-right:1px;padding-left:1px}.owl-carousel .item p{margin:3px}.owl-carousel .item img{opacity:1;width:100%;height:auto}.slider-title{line-height:1.25rem;font-size:1.125rem;font-weight:500;margin-bottom:.5rem}.owl-btn{color:#777;cursor:pointer;font-size:18px;padding:2px 9px;text-align:center;background:#f5f5f5}.owl-btn:hover{color:#fff;background:#72c02c}.owl-theme .owl-controls{margin-top:10px;text-align:center}.owl-theme .owl-controls .owl-buttons div{color:#212121;display:inline-block;zoom:1;margin:5px;padding:3px 10px;font-size:12px;font-weight:500;-webkit-border-radius:30px;-moz-border-radius:30px;background:#2196f3}.owl-theme .owl-controls.clickable .owl-buttons div:hover{opacity:1;text-decoration:none}.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1}.owl-theme .owl-controls .owl-page span{display:block;width:1.25rem;height:1.25rem;margin:5px 7px;filter:Alpha(Opacity=50);opacity:.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#2196f3}.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{opacity:1}.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-item.loading{min-height:150px;background:url(../../images/ajax-loader.gif) no-repeat center center}.owl-carousel .container{display:table;height:inherit}.owl-carousel .caption{display:table-cell}.owl-carousel .caption h1,.owl-carousel .caption p,.owl-carousel .caption div{position:relative;margin-top:2rem;margin-right:2rem;margin-left:2rem}.owl-carousel .caption h1 span{padding:.25em 0;line-height:180%}.owl-item .carousel-caption{opacity:0;position:absolute;bottom:3px;left:3px;right:3px;color:white;font-size:1rem;font-weight:300;font-family:sans-serif;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}.owl-item .carousel-caption:hover{opacity:1;-webkit-transition:opacity 500ms;-moz-transition:opacity 500ms;-o-transition:opacity 500ms;transition:opacity 500ms;background:rgba(0,0,0,0.5)}span.carousel-caption a{color:#fff;text-decoration:none}
15
+ .j1-owl-gutter.row{margin-right:0;margin-left:0}.j1-owl-gutter>[class^="col-"],.j1-owl-gutter>[class^=" col-"]{padding-right:0;padding-left:0}.j1-owl-gutter-2.row{margin-right:-1px;margin-left:-1px}.j1-owl-gutter-2>[class^="col-"],.j1-owl-gutter-2>[class^=" col-"]{padding-right:1px;padding-left:1px}.owl-carousel .owl-item>a{border-bottom:unset}.owl-carousel .item p{margin:3px}.owl-carousel .item img{opacity:1;width:100%;height:auto}.slider-title{line-height:1.25rem;font-size:1.125rem;font-weight:500;margin-bottom:.5rem}.owl-btn{color:#777;cursor:pointer;font-size:18px;padding:2px 9px;text-align:center;background:#f5f5f5}.owl-btn:hover{color:#fff;background:#72c02c}.owl-theme .owl-controls{margin-top:10px;text-align:center}.owl-theme .owl-controls .owl-buttons div{color:#212121;display:inline-block;zoom:1;margin:5px;padding:3px 10px;font-size:12px;font-weight:500;-webkit-border-radius:30px;-moz-border-radius:30px;background:#2196f3}.owl-theme .owl-controls.clickable .owl-buttons div:hover{opacity:1;text-decoration:none}.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1}.owl-theme .owl-controls .owl-page span{display:block;width:1.25rem;height:1.25rem;margin:5px 7px;filter:Alpha(Opacity=50);opacity:.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#2196f3}.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{opacity:1}.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-item.loading{min-height:150px;background:url(../../images/ajax-loader.gif) no-repeat center center}.owl-carousel .container{display:table;height:inherit}.owl-carousel .caption{display:table-cell}.owl-carousel .caption h1,.owl-carousel .caption p,.owl-carousel .caption div{position:relative;margin-top:2rem;margin-right:2rem;margin-left:2rem}.owl-carousel .caption h1 span{padding:.25em 0;line-height:180%}.owl-item .carousel-caption{opacity:0;position:absolute;bottom:3px;left:3px;right:3px;color:white;font-size:1rem;font-weight:300;font-family:sans-serif;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}.owl-item .carousel-caption:hover{opacity:1;-webkit-transition:opacity 500ms;-moz-transition:opacity 500ms;-o-transition:opacity 500ms;transition:opacity 500ms;background:rgba(0,0,0,0.5)}span.carousel-caption a{color:#fff;text-decoration:none}
@@ -365,6 +365,7 @@ function CookieConsent(props) {
365
365
  // call consent dialog if no cookie found or cookie NOT accepted (except whitelisted pages)
366
366
  //
367
367
  whitelisted = (this.props.whitelisted.indexOf(window.location.pathname) > -1);
368
+
368
369
  var consentCookie = Cookie.get(this.props.cookieName);
369
370
  if ((consentCookie === undefined || consentCookie === "false") && this.props.autoShowDialog && !whitelisted) {
370
371
  showDialog();
@@ -10,6 +10,12 @@
10
10
  position: relative;
11
11
  overflow: hidden;
12
12
  }
13
+
14
+ /* jadams, 2022-05-06: remove dotted link decoration */
15
+ .justified-gallery > a {
16
+ border-bottom: unset;
17
+ }
18
+
13
19
  .justified-gallery > a,
14
20
  .justified-gallery > div,
15
21
  .justified-gallery > figure {
@@ -4,4 +4,4 @@
4
4
  * Copyright (c) 2020 Miro Mannino
5
5
  * Licensed under the MIT license.
6
6
  */
7
- .justified-gallery{width:100%;position:relative;overflow:hidden}.justified-gallery>a,.justified-gallery>div,.justified-gallery>figure{position:absolute;display:inline-block;overflow:hidden;filter:"alpha(opacity=10)";opacity:.1;margin:0;padding:0}.justified-gallery>a>img,.justified-gallery>div>img,.justified-gallery>figure>img,.justified-gallery>a>a>img,.justified-gallery>div>a>img,.justified-gallery>figure>a>img,.justified-gallery>a>svg,.justified-gallery>div>svg,.justified-gallery>figure>svg,.justified-gallery>a>a>svg,.justified-gallery>div>a>svg,.justified-gallery>figure>a>svg{position:absolute;top:50%;left:50%;margin:0;padding:0;border:0;filter:"alpha(opacity=0)";opacity:0}.justified-gallery>a>.jg-caption,.justified-gallery>div>.jg-caption,.justified-gallery>figure>.jg-caption{display:none;position:absolute;bottom:0;padding:5px;background-color:#000;left:0;right:0;margin:0;color:white;font-size:12px;font-weight:300;font-family:sans-serif}.justified-gallery>a>.jg-caption.jg-caption-visible,.justified-gallery>div>.jg-caption.jg-caption-visible,.justified-gallery>figure>.jg-caption.jg-caption-visible{display:initial;filter:"alpha(opacity=70)";opacity:.7;-webkit-transition:opacity 500ms ease-in;-moz-transition:opacity 500ms ease-in;-o-transition:opacity 500ms ease-in;transition:opacity 500ms ease-in}.justified-gallery>.jg-entry-visible{filter:"alpha(opacity=100)";opacity:1;background:0}.justified-gallery>.jg-entry-visible>img,.justified-gallery>.jg-entry-visible>a>img,.justified-gallery>.jg-entry-visible>svg,.justified-gallery>.jg-entry-visible>a>svg{filter:"alpha(opacity=100)";opacity:1;-webkit-transition:opacity 500ms ease-in;-moz-transition:opacity 500ms ease-in;-o-transition:opacity 500ms ease-in;transition:opacity 500ms ease-in}.justified-gallery>.jg-filtered{display:none}.justified-gallery>.jg-spinner{position:absolute;bottom:0;margin-left:-24px;padding:10px 0 10px 0;left:50%;filter:"alpha(opacity=100)";opacity:1;overflow:initial}.justified-gallery>.jg-spinner>span{display:inline-block;filter:"alpha(opacity=0)";opacity:0;width:8px;height:8px;margin:0 4px 0 4px;background-color:#000;border-radius:6px}
7
+ .justified-gallery{width:100%;position:relative;overflow:hidden}.justified-gallery>a{border-bottom:unset}.justified-gallery>a,.justified-gallery>div,.justified-gallery>figure{position:absolute;display:inline-block;overflow:hidden;filter:"alpha(opacity=10)";opacity:.1;margin:0;padding:0}.justified-gallery>a>img,.justified-gallery>div>img,.justified-gallery>figure>img,.justified-gallery>a>a>img,.justified-gallery>div>a>img,.justified-gallery>figure>a>img,.justified-gallery>a>svg,.justified-gallery>div>svg,.justified-gallery>figure>svg,.justified-gallery>a>a>svg,.justified-gallery>div>a>svg,.justified-gallery>figure>a>svg{position:absolute;top:50%;left:50%;margin:0;padding:0;border:0;filter:"alpha(opacity=0)";opacity:0}.justified-gallery>a>.jg-caption,.justified-gallery>div>.jg-caption,.justified-gallery>figure>.jg-caption{display:none;position:absolute;bottom:0;padding:5px;background-color:#000;left:0;right:0;margin:0;color:white;font-size:12px;font-weight:300;font-family:sans-serif}.justified-gallery>a>.jg-caption.jg-caption-visible,.justified-gallery>div>.jg-caption.jg-caption-visible,.justified-gallery>figure>.jg-caption.jg-caption-visible{display:initial;filter:"alpha(opacity=70)";opacity:.7;-webkit-transition:opacity 500ms ease-in;-moz-transition:opacity 500ms ease-in;-o-transition:opacity 500ms ease-in;transition:opacity 500ms ease-in}.justified-gallery>.jg-entry-visible{filter:"alpha(opacity=100)";opacity:1;background:0}.justified-gallery>.jg-entry-visible>img,.justified-gallery>.jg-entry-visible>a>img,.justified-gallery>.jg-entry-visible>svg,.justified-gallery>.jg-entry-visible>a>svg{filter:"alpha(opacity=100)";opacity:1;-webkit-transition:opacity 500ms ease-in;-moz-transition:opacity 500ms ease-in;-o-transition:opacity 500ms ease-in;transition:opacity 500ms ease-in}.justified-gallery>.jg-filtered{display:none}.justified-gallery>.jg-spinner{position:absolute;bottom:0;margin-left:-24px;padding:10px 0 10px 0;left:50%;filter:"alpha(opacity=100)";opacity:1;overflow:initial}.justified-gallery>.jg-spinner>span{display:inline-block;filter:"alpha(opacity=0)";opacity:0;width:8px;height:8px;margin:0 4px 0 4px;background-color:#000;border-radius:6px}
@@ -246,7 +246,8 @@ body.mm-ocd-opened {
246
246
  .mm-spn a {
247
247
  background: inherit;
248
248
  color: inherit;
249
- text-decoration: none
249
+ text-decoration: none;
250
+ border-bottom: unset; /* jadams, 2022-05-06: remove dotted link decoration */
250
251
  }
251
252
 
252
253
  .mm-spn a:not(:last-child) {
@@ -390,4 +391,3 @@ body.mm-ocd-opened {
390
391
  content: none;
391
392
  display: none
392
393
  }
393
-
@@ -17,5 +17,4 @@
17
17
  #
18
18
  # -----------------------------------------------------------------------------
19
19
  */
20
- :root{--mm-ocd-width:80%;--mm-ocd-min-width:200px;--mm-ocd-max-width:440px}body.mm-ocd-opened{overflow-y:hidden;-ms-scroll-chaining:none;overscroll-behavior:none}.mm-ocd{position:fixed;top:80px;right:0;bottom:100%;left:0;z-index:9999;overflow:hidden;-ms-scroll-chaining:none;overscroll-behavior:contain;background:rgba(0,0,0,0);-webkit-transition-property:bottom,background-color;-o-transition-property:bottom,background-color;transition-property:bottom,background-color;-webkit-transition-duration:0s,.3s;-o-transition-duration:0s,.3s;transition-duration:0s,.3s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:.45s,.15s;-o-transition-delay:.45s,.15s;transition-delay:.45s,.15s}.mm-ocd--open{bottom:0;background:rgba(0,0,0,.25);-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}.mm-ocd__content{position:absolute;top:0;bottom:0;z-index:2;width:80%;width:var(--mm-ocd-width);min-width:200px;min-width:var(--mm-ocd-min-width);max-width:440px;max-width:var(--mm-ocd-max-width);background:#fff;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.mm-ocd--left .mm-ocd__content{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mm-ocd--right .mm-ocd__content{right:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-ocd--open .mm-ocd__content{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-ocd__backdrop{position:absolute;top:0;bottom:0;z-index:3;width:calc(100% - 80%);width:calc(100% - var(--mm-ocd-width));min-width:calc(100% - 440px);min-width:calc(100% - var(--mm-ocd-max-width));max-width:calc(100% - 200px);max-width:calc(100% - var(--mm-ocd-min-width));background:rgba(3,2,1,0)}.mm-ocd--left .mm-ocd__backdrop{right:0}.mm-ocd--right .mm-ocd__backdrop{left:0}.mm-spn,.mm-spn a,.mm-spn li,.mm-spn span,.mm-spn ul{display:block;padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}:root{--mm-spn-item-height:50px;--mm-spn-item-indent:20px;--mm-spn-line-height:24px}.mm-spn{width:100%;height:100%;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;overflow:hidden;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.mm-spn ul{-webkit-overflow-scrolling:touch;position:fixed;top:0;left:100%;bottom:0;z-index:2;width:130%;padding-right:30%;line-height:24px;line-height:var(--mm-spn-line-height);overflow:visible;overflow-y:auto;background:inherit;-webkit-transition:left .3s ease 0s;-o-transition:left .3s ease 0s;transition:left .3s ease 0s;cursor:default}.mm-spn ul:after{content:'';display:block;height:50px;height:var(--mm-spn-item-height)}.mm-spn>ul{left:0}.mm-spn ul.mm-spn--open{left:0}.mm-spn ul.mm-spn--parent{left:-30%;overflow-y:hidden}.mm-spn li{position:relative;background:inherit;cursor:pointer}.mm-spn li:before{content:'';display:block;position:absolute;top:25px;top:calc(var(--mm-spn-item-height)/ 2);right:25px;right:calc(var(--mm-spn-item-height)/ 2);z-index:0;width:10px;height:10px;border-top:2px solid;border-right:2px solid;-webkit-transform:rotate(45deg) translate(0,-50%);-ms-transform:rotate(45deg) translate(0,-50%);transform:rotate(45deg) translate(0,-50%);opacity:.4}.mm-spn li:after{content:'';display:block;margin-left:20px;margin-left:var(--mm-spn-item-indent);border-top:1px solid;opacity:.15}.mm-spn a,.mm-spn span{position:relative;z-index:1;padding:13px 20px;padding:calc((var(--mm-spn-item-height) - var(--mm-spn-line-height))/ 2) var(--mm-spn-item-indent)}.mm-spn a{background:inherit;color:inherit;text-decoration:none}.mm-spn a:not(:last-child){width:calc(100% - 50px);width:calc(100% - var(--mm-spn-item-height))}.mm-spn a:not(:last-child):after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;border-right:1px solid;opacity:.15}.mm-spn span{background:0}.mm-spn.mm-spn--navbar{cursor:pointer}.mm-spn.mm-spn--navbar:before{content:'';display:block;position:absolute;top:25px;top:calc(var(--mm-spn-item-height)/ 2);left:20px;left:var(--mm-spn-item-indent);width:10px;height:10px;margin-top:2px;border-top:2px solid;border-left:2px solid;-webkit-transform:rotate(-45deg) translate(50%,-50%);-ms-transform:rotate(-45deg) translate(50%,-50%);transform:rotate(-45deg) translate(50%,-50%);opacity:.4}.mm-spn.mm-spn--navbar.mm-spn--main{cursor:default}.mm-spn.mm-spn--navbar.mm-spn--main:before{content:none;display:none}.mm-spn.mm-spn--navbar:after{content:attr(data-mm-spn-title);display:block;position:absolute;top:0;left:0;right:0;height:50px;height:var(--mm-spn-item-height);padding:0 40px;padding:0 calc(var(--mm-spn-item-indent) * 2);line-height:50px;line-height:var(--mm-spn-item-height);opacity:.4;text-align:left;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-size:x-large}.mm-spn.mm-spn--navbar.mm-spn--main:after{padding-left:20px;padding-left:var(--mm-spn-item-indent)}.mm-spn.mm-spn--navbar ul{top:51px;top:calc(var(--mm-spn-item-height)+1px)}.mm-spn.mm-spn--navbar ul:before{content:'';display:block;position:fixed;top:inherit;z-index:2;width:100%;border-top:1px solid currentColor;opacity:.15}.mm-spn.mm-spn--light{color:#444;background:#f3f3f3}.mm-spn.mm-spn--dark{color:#e3e3e3;background:#191919}.mm-spn.mm-spn--vertical{overflow-y:auto}.mm-spn.mm-spn--vertical ul{width:100%;padding-right:0;position:static}.mm-spn.mm-spn--vertical ul ul{display:none;padding-left:20px;padding-left:var(--mm-spn-item-indent)}.mm-spn.mm-spn--vertical ul ul:after{height:25px;height:calc(var(--mm-spn-item-height)/ 2)}.mm-spn.mm-spn--vertical ul.mm-spn--open{display:block}.mm-spn.mm-spn--vertical li.mm-spn--open:before{-webkit-transform:rotate(135deg) translate(-50%,0);-ms-transform:rotate(135deg) translate(-50%,0);transform:rotate(135deg) translate(-50%,0)}.mm-spn.mm-spn--vertical ul ul li:last-child:after{content:none;display:none}
21
-
20
+ :root{--mm-ocd-width:80%;--mm-ocd-min-width:200px;--mm-ocd-max-width:440px}body.mm-ocd-opened{overflow-y:hidden;-ms-scroll-chaining:none;overscroll-behavior:none}.mm-ocd{position:fixed;top:80px;right:0;bottom:100%;left:0;z-index:9999;overflow:hidden;-ms-scroll-chaining:none;overscroll-behavior:contain;background:rgba(0,0,0,0);-webkit-transition-property:bottom,background-color;-o-transition-property:bottom,background-color;transition-property:bottom,background-color;-webkit-transition-duration:0,.3s;-o-transition-duration:0,.3s;transition-duration:0,.3s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:.45s,.15s;-o-transition-delay:.45s,.15s;transition-delay:.45s,.15s}.mm-ocd--open{bottom:0;background:rgba(0,0,0,.25);-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}.mm-ocd__content{position:absolute;top:0;bottom:0;z-index:2;width:80%;width:var(--mm-ocd-width);min-width:200px;min-width:var(--mm-ocd-min-width);max-width:440px;max-width:var(--mm-ocd-max-width);background:#fff;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.mm-ocd--left .mm-ocd__content{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mm-ocd--right .mm-ocd__content{right:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-ocd--open .mm-ocd__content{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-ocd__backdrop{position:absolute;top:0;bottom:0;z-index:3;width:calc(100% - 80%);width:calc(100% - var(--mm-ocd-width));min-width:calc(100% - 440px);min-width:calc(100% - var(--mm-ocd-max-width));max-width:calc(100% - 200px);max-width:calc(100% - var(--mm-ocd-min-width));background:rgba(3,2,1,0)}.mm-ocd--left .mm-ocd__backdrop{right:0}.mm-ocd--right .mm-ocd__backdrop{left:0}.mm-spn,.mm-spn a,.mm-spn li,.mm-spn span,.mm-spn ul{display:block;padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}:root{--mm-spn-item-height:50px;--mm-spn-item-indent:20px;--mm-spn-line-height:24px}.mm-spn{width:100%;height:100%;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;overflow:hidden;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.mm-spn ul{-webkit-overflow-scrolling:touch;position:fixed;top:0;left:100%;bottom:0;z-index:2;width:130%;padding-right:30%;line-height:24px;line-height:var(--mm-spn-line-height);overflow:visible;overflow-y:auto;background:inherit;-webkit-transition:left .3s ease 0;-o-transition:left .3s ease 0;transition:left .3s ease 0;cursor:default}.mm-spn ul:after{content:'';display:block;height:50px;height:var(--mm-spn-item-height)}.mm-spn>ul{left:0}.mm-spn ul.mm-spn--open{left:0}.mm-spn ul.mm-spn--parent{left:-30%;overflow-y:hidden}.mm-spn li{position:relative;background:inherit;cursor:pointer}.mm-spn li:before{content:'';display:block;position:absolute;top:25px;top:calc(var(--mm-spn-item-height)/ 2);right:25px;right:calc(var(--mm-spn-item-height)/ 2);z-index:0;width:10px;height:10px;border-top:2px solid;border-right:2px solid;-webkit-transform:rotate(45deg) translate(0,-50%);-ms-transform:rotate(45deg) translate(0,-50%);transform:rotate(45deg) translate(0,-50%);opacity:.4}.mm-spn li:after{content:'';display:block;margin-left:20px;margin-left:var(--mm-spn-item-indent);border-top:1px solid;opacity:.15}.mm-spn a,.mm-spn span{position:relative;z-index:1;padding:13px 20px;padding:calc((var(--mm-spn-item-height) - var(--mm-spn-line-height))/ 2) var(--mm-spn-item-indent)}.mm-spn a{background:inherit;color:inherit;text-decoration:none;border-bottom:unset}.mm-spn a:not(:last-child){width:calc(100% - 50px);width:calc(100% - var(--mm-spn-item-height))}.mm-spn a:not(:last-child):after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;border-right:1px solid;opacity:.15}.mm-spn span{background:0}.mm-spn.mm-spn--navbar{cursor:pointer}.mm-spn.mm-spn--navbar:before{content:'';display:block;position:absolute;top:25px;top:calc(var(--mm-spn-item-height)/ 2);left:20px;left:var(--mm-spn-item-indent);width:10px;height:10px;margin-top:2px;border-top:2px solid;border-left:2px solid;-webkit-transform:rotate(-45deg) translate(50%,-50%);-ms-transform:rotate(-45deg) translate(50%,-50%);transform:rotate(-45deg) translate(50%,-50%);opacity:.4}.mm-spn.mm-spn--navbar.mm-spn--main{cursor:default}.mm-spn.mm-spn--navbar.mm-spn--main:before{content:none;display:none}.mm-spn.mm-spn--navbar:after{content:attr(data-mm-spn-title);display:block;position:absolute;top:0;left:0;right:0;height:50px;height:var(--mm-spn-item-height);padding:0 40px;padding:0 calc(var(--mm-spn-item-indent) * 2);line-height:50px;line-height:var(--mm-spn-item-height);opacity:.4;text-align:left;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-size:x-large}.mm-spn.mm-spn--navbar.mm-spn--main:after{padding-left:20px;padding-left:var(--mm-spn-item-indent)}.mm-spn.mm-spn--navbar ul{top:51px;top:calc(var(--mm-spn-item-height)+1px)}.mm-spn.mm-spn--navbar ul:before{content:'';display:block;position:fixed;top:inherit;z-index:2;width:100%;border-top:1px solid currentColor;opacity:.15}.mm-spn.mm-spn--light{color:#444;background:#f3f3f3}.mm-spn.mm-spn--dark{color:#e3e3e3;background:#191919}.mm-spn.mm-spn--vertical{overflow-y:auto}.mm-spn.mm-spn--vertical ul{width:100%;padding-right:0;position:static}.mm-spn.mm-spn--vertical ul ul{display:none;padding-left:20px;padding-left:var(--mm-spn-item-indent)}.mm-spn.mm-spn--vertical ul ul:after{height:25px;height:calc(var(--mm-spn-item-height)/ 2)}.mm-spn.mm-spn--vertical ul.mm-spn--open{display:block}.mm-spn.mm-spn--vertical li.mm-spn--open:before{-webkit-transform:rotate(135deg) translate(-50%,0);-ms-transform:rotate(135deg) translate(-50%,0);transform:rotate(135deg) translate(-50%,0)}.mm-spn.mm-spn--vertical ul ul li:last-child:after{content:none;display:none}
@@ -0,0 +1,169 @@
1
+ nbinteract
2
+ =================
3
+
4
+ [![Read the Docs](https://img.shields.io/badge/docs-nbinteract.com-green.svg)][docs]
5
+ [![Gitter](https://badges.gitter.im/owner/repo.png)][gitter]
6
+
7
+ [![Build Status](https://travis-ci.org/SamLau95/nbinteract.svg?branch=master)](https://travis-ci.org/SamLau95/nbinteract)
8
+ [![PyPI](https://img.shields.io/pypi/v/nbinteract.svg)](https://pypi.python.org/pypi/nbinteract/)
9
+ [![npm](https://img.shields.io/npm/v/nbinteract.svg)](https://www.npmjs.com/package/nbinteract)
10
+
11
+
12
+ `nbinteract` is a Python package that creates interactive webpages from Jupyter
13
+ notebooks. `nbinteract` also has built-in support for interactive plotting.
14
+ These interactions are driven by data, not callbacks, allowing authors to focus
15
+ on the logic of their programs.
16
+
17
+ `nbinteract` is most useful for:
18
+
19
+ - Data scientists that want to create simple interactive blog posts without having
20
+ to know / work with Javascript.
21
+ - Instructors that want to include interactive examples in their textbooks.
22
+ - Students that want to publish data analysis that contains interactive demos.
23
+
24
+ Currently, `nbinteract` is in an alpha stage because of its quickly-changing
25
+ API.
26
+
27
+ ## Examples
28
+
29
+ Most plotting functions from other libraries (e.g. `matplotlib`) take data as
30
+ input. `nbinteract`'s plotting functions take functions as input.
31
+
32
+ ```python
33
+ import numpy as np
34
+ import nbinteract as nbi
35
+
36
+ def normal(mean, sd):
37
+ '''Returns 1000 points drawn at random fron N(mean, sd)'''
38
+ return np.random.normal(mean, sd, 1000)
39
+
40
+ # Pass in the `normal` function and let user change mean and sd.
41
+ # Whenever the user interacts with the sliders, the `normal` function
42
+ # is called and the returned data are plotted.
43
+ nbi.hist(normal, mean=(0, 10), sd=(0, 2.0), options=options)
44
+ ```
45
+
46
+ ![example1](https://github.com/SamLau95/nbinteract/raw/master/docs/images/example1.gif)
47
+
48
+ Simulations are easy to create using `nbinteract`. In this simulation, we roll
49
+ a die and plot the running average of the rolls. We can see that with more
50
+ rolls, the average gets closer to the expected value: 3.5.
51
+
52
+ ```python
53
+ rolls = np.random.choice([1, 2, 3, 4, 5, 6], size=300)
54
+ averages = np.cumsum(rolls) / np.arange(1, 301)
55
+
56
+ def x_vals(num_rolls):
57
+ return range(num_rolls)
58
+
59
+ # The function to generate y-values gets called with the
60
+ # x-values as its first argument.
61
+ def y_vals(xs):
62
+ return averages[:len(xs)]
63
+
64
+ nbi.line(x_vals, y_vals, num_rolls=(1, 300))
65
+ ```
66
+
67
+ ![example2](https://github.com/SamLau95/nbinteract/raw/master/docs/images/example2.gif)
68
+
69
+ ## Publishing
70
+
71
+ From a notebook cell:
72
+
73
+ ```python
74
+ # Run in a notebook cell to convert the notebook into a publishable HTML page:
75
+ #
76
+ # nbi.publish('my_binder_spec', 'my_notebook.ipynb')
77
+ #
78
+ # Replace my_binder_spec with a Binder spec in the format
79
+ # {username}/{repo}/{branch} (e.g. SamLau95/nbinteract-image/master).
80
+ #
81
+ # Replace my_notebook.ipynb with the name of the notebook file to convert.
82
+ #
83
+ # Example:
84
+ nbi.publish('SamLau95/nbinteract-image/master', 'homepage.ipynb')
85
+ ```
86
+
87
+ From the command line:
88
+
89
+ ```bash
90
+ # Run on the command line to convert the notebook into a publishable HTML page.
91
+ #
92
+ # nbinteract my_binder_spec my_notebook.ipynb
93
+ #
94
+ # Replace my_binder_spec with a Binder spec in the format
95
+ # {username}/{repo}/{branch} (e.g. SamLau95/nbinteract-image/master).
96
+ #
97
+ # Replace my_notebook.ipynb with the name of the notebook file to convert.
98
+ #
99
+ # Example:
100
+ nbinteract SamLau95/nbinteract-image/master homepage.ipynb
101
+ ```
102
+
103
+ For more information on publishing, see the [tutorial][] which has a complete
104
+ walkthrough on publishing a notebook to the web.
105
+
106
+ ## Installation
107
+
108
+ Using `pip`:
109
+
110
+ ```bash
111
+ pip install nbinteract
112
+
113
+ # The next two lines can be skipped for notebook version 5.3 and above
114
+ jupyter nbextension enable --py --sys-prefix widgetsnbextension
115
+ jupyter nbextension enable --py --sys-prefix bqplot
116
+ ```
117
+
118
+ You may now import the `nbinteract` package in Python code and use the
119
+ `nbinteract` CLI command to convert notebooks to HTML pages.
120
+
121
+ ## Tutorial and Documentation
122
+
123
+ [Here's a link to the tutorial and docs for this project.][docs]
124
+
125
+ ## Developer Install
126
+
127
+ If you are interested in developing this project locally, run the following:
128
+
129
+ ```
130
+ git clone https://github.com/SamLau95/nbinteract
131
+ cd nbinteract
132
+
133
+ # Installs the nbconvert exporter
134
+ pip install -e .
135
+
136
+ # To export a notebook to interactive HTML format:
137
+ jupyter nbconvert --to interact notebooks/Test.ipynb
138
+
139
+ pip install -U ipywidgets
140
+ jupyter nbextension enable --py --sys-prefix widgetsnbextension
141
+
142
+ brew install yarn
143
+ yarn install
144
+
145
+ # Start notebook and webpack servers
146
+ make -j2 serve
147
+ ```
148
+
149
+ ## Feedback
150
+
151
+ If you have any questions or comments, send us a message on the
152
+ [Gitter channel][gitter]. We appreciate your feedback!
153
+
154
+ ## Contributors
155
+
156
+ `nbinteract` is originally developed by [Sam Lau][sam] and Caleb Siu as part of
157
+ a Masters project at UC Berkeley. The code lives under a BSD 3 license and we
158
+ welcome contributions and pull requests from the community.
159
+
160
+ [tutorial]: /tutorial/tutorial_getting_started.html
161
+ [ipywidgets]: https://github.com/jupyter-widgets/ipywidgets
162
+ [bqplot]: https://github.com/bloomberg/bqplot
163
+ [widgets]: http://jupyter.org/widgets.html
164
+ [gh-pages]: https://pages.github.com/
165
+ [gitbook]: http://gitbook.com/
166
+ [install-nb]: http://jupyter.readthedocs.io/en/latest/install.html
167
+ [docs]: https://www.nbinteract.com/
168
+ [sam]: http://www.samlau.me/
169
+ [gitter]: https://gitter.im/nbinteract/Lobby/
@@ -5,11 +5,15 @@
5
5
  #
6
6
  # Product/Info:
7
7
  # https://jekyll.one
8
+ # https://github.com/SamLau95/nbinteract
8
9
  #
9
10
  # Copyright (C) 2022 Juergen Adams
11
+ # Copyright (C) 2017 Sam Lau
10
12
  #
11
13
  # J1 Template is licensed under MIT License.
12
14
  # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
15
+ # nbInteract is licensed under BSD 3-Clause License.
16
+ # See: https://github.com/SamLau95/nbinteract/blob/master/LICENSE.txt
13
17
  # -----------------------------------------------------------------------------
14
18
  */
15
19
 
@@ -5,11 +5,15 @@
5
5
  #
6
6
  # Product/Info:
7
7
  # https://jekyll.one
8
+ # https://github.com/SamLau95/nbinteract
8
9
  #
9
10
  # Copyright (C) 2022 Juergen Adams
11
+ # Copyright (C) 2017 Sam Lau
10
12
  #
11
13
  # J1 Template is licensed under MIT License.
12
14
  # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
15
+ # nbInteract is licensed under BSD 3-Clause License.
16
+ # See: https://github.com/SamLau95/nbinteract/blob/master/LICENSE.txt
13
17
  # -----------------------------------------------------------------------------
14
18
  */
15
19
  .container{width:100%!important}.hidden{display:none}.code_cell.rendered{margin-bottom:1.75rem}.widget-interact{margin-top:1.75rem}pre{line-height:125%;margin-top:.25rem;padding:.75rem;border:1px solid #bdbdbd;border-radius:.25rem}td.linenos pre{color:#000;background-color:#f0f0f0;padding:0 5px 0 5px}span.linenos{color:#000;background-color:#f0f0f0;padding:0 5px 0 5px}td.linenos pre.special{color:#000;background-color:#ffffc0;padding:0 5px 0 5px}span.linenos.special{color:#000;background-color:#ffffc0;padding:0 5px 0 5px}.highlight .hll{background-color:#ffc}.highlight{background:#f8f8f8}.highlight .c{color:#408080;font-style:italic}.highlight .err{border:1px solid #f00}.highlight .k{color:#008000;font-weight:bold}.highlight .o{color:#666}.highlight .ch{color:#408080;font-style:italic}.highlight .cm{color:#408080;font-style:italic}.highlight .cp{color:#bc7a00}.highlight .cpf{color:#408080;font-style:italic}.highlight .c1{color:#408080;font-style:italic}.highlight .cs{color:#408080;font-style:italic}.highlight .gd{color:#a00000}.highlight .ge{font-style:italic}.highlight .gr{color:#f00}.highlight .gh{color:#000080;font-weight:bold}.highlight .gi{color:#00a000}.highlight .go{color:#888}.highlight .gp{color:#000080;font-weight:bold}.highlight .gs{font-weight:bold}.highlight .gu{color:#800080;font-weight:bold}.highlight .gt{color:#04d}.highlight .kc{color:#008000;font-weight:bold}.highlight .kd{color:#008000;font-weight:bold}.highlight .kn{color:#008000;font-weight:bold}.highlight .kp{color:#008000}.highlight .kr{color:#008000;font-weight:bold}.highlight .kt{color:#b00040}.highlight .m{color:#666}.highlight .s{color:#ba2121}.highlight .na{color:#7d9029}.highlight .nb{color:#008000}.highlight .nc{color:#00f;font-weight:bold}.highlight .no{color:#800}.highlight .nd{color:#a2f}.highlight .ni{color:#999;font-weight:bold}.highlight .ne{color:#d2413a;font-weight:bold}.highlight .nf{color:#00f}.highlight .nl{color:#a0a000}.highlight .nn{color:#00f;font-weight:bold}.highlight .nt{color:#008000;font-weight:bold}.highlight .nv{color:#19177c}.highlight .ow{color:#a2f;font-weight:bold}.highlight .w{color:#bbb}.highlight .mb{color:#666}.highlight .mf{color:#666}.highlight .mh{color:#666}.highlight .mi{color:#666}.highlight .mo{color:#666}.highlight .sa{color:#ba2121}.highlight .sb{color:#ba2121}.highlight .sc{color:#ba2121}.highlight .dl{color:#ba2121}.highlight .sd{color:#ba2121;font-style:italic}.highlight .s2{color:#ba2121}.highlight .se{color:#b62;font-weight:bold}.highlight .sh{color:#ba2121}.highlight .si{color:#b68;font-weight:bold}.highlight .sx{color:#008000}.highlight .sr{color:#b68}.highlight .s1{color:#ba2121}.highlight .ss{color:#19177c}.highlight .bp{color:#008000}.highlight .fm{color:#00f}.highlight .vc{color:#19177c}.highlight .vg{color:#19177c}.highlight .vi{color:#19177c}.highlight .vm{color:#19177c}.highlight .il{color:#666}div#notebook{overflow:visible;border-top:0}@media print{div.cell{display:block;page-break-inside:avoid}div.output_wrapper{display:block;page-break-inside:avoid}div.output{display:block;page-break-inside:avoid}}.cell.nbinteract-left{width:50%;float:left}.cell.nbinteract-right{width:50%;float:right}.cell.nbinteract-hide_in>.input{display:none}.cell.nbinteract-hide_out>.output_wrapper{display:none}.cell:after{content:"";display:table;clear:both}div.output_subarea{max-width:initial}.jp-OutputPrompt{display:none}
@@ -13,10 +13,8 @@
13
13
  # -----------------------------------------------------------------------------
14
14
  */
15
15
 
16
- /*
17
- Altair CSS overwrites
18
- ------------------------------------------------------------------------------
19
- */
16
+ /* Altair style overwrites
17
+ -------------------------------------------------------------------------------- */
20
18
 
21
19
  /* jadams: overwrite width/height (style) of the canvas for responsiveness */
22
20
  /* https://stackoverflow.com/questions/55169344/how-to-make-altair-plots-responsive */
@@ -90,28 +88,37 @@ select {
90
88
  margin-left: .75rem;
91
89
  } */
92
90
 
91
+ /* MathJax style overwrites (CSS-HTML)
92
+ -------------------------------------------------------------------------------- */
93
+ .MathJax span {
94
+ font-size: 100% !important;
95
+ }
93
96
 
94
- /*
95
- MathJax CSS overwrites
96
- ------------------------------------------------------------------------------
97
- */
97
+ /* MathJax style overwrites (CommonHTML)
98
+ -------------------------------------------------------------------------------- */
98
99
 
99
- .MathJax_Display {
100
- margin-top: 1rem !important;
101
- text-align: left !important;
102
- margin-left: 1rem !important;
100
+ .MJXc-display {
101
+ margin: 1em 0 1em 0 !important;
103
102
  }
104
103
 
105
- span.MathJax {
106
- margin-left: 0.25rem;
107
- margin-right: 0.25rem;
104
+ .mjx-chtml {
105
+ margin-right: 0.25rem !important;
106
+ margin-left: 0.25rem !important;
107
+ font-size: 100% !important;
108
108
  }
109
109
 
110
- /*
111
- global CSS styles
112
- ------------------------------------------------------------------------------
113
- */
114
110
 
111
+ /* Bgplot style overwrites
112
+ -------------------------------------------------------------------------------- */
113
+ .bqplot {
114
+ box-sizing: border-box !important;
115
+ display: flex !important;
116
+ min-width: 640px !important;
117
+ min-height: 480px !important;
118
+ }
119
+
120
+ /* global styles
121
+ -------------------------------------------------------------------------------- */
115
122
  .bmd-form-group {
116
123
  padding-top: unset;
117
124
  }
@@ -121,7 +128,7 @@ span.MathJax {
121
128
  }
122
129
 
123
130
  .hidden {
124
- display: none;
131
+ display: none !important;
125
132
  }
126
133
 
127
134
  h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
@@ -136,10 +143,8 @@ pre {
136
143
  border-radius: 0.25rem;
137
144
  }
138
145
 
139
- /*
140
- nbinteract CSS overwrites
141
- ------------------------------------------------------------------------------
142
- */
146
+ /* nbinteract style overwrites
147
+ -------------------------------------------------------------------------------- */
143
148
 
144
149
  /* jadams, 2022-04-22 */
145
150
  .jupyter-widgets {
@@ -181,11 +186,8 @@ pre {
181
186
  margin-left: 0 !important;
182
187
  }
183
188
 
184
- /*
185
- Overrides of notebook CSS for static HTML export
186
- ------------------------------------------------------------------------------
187
- */
188
-
189
+ /* Overrides of notebook styles for static HTML export
190
+ -------------------------------------------------------------------------------- */
189
191
  div#notebook {
190
192
  overflow: visible;
191
193
  border-top: none;
@@ -206,10 +208,8 @@ div#notebook {
206
208
  }
207
209
  }
208
210
 
209
- /*
210
- Cell CSS for static HTML export
211
- ------------------------------------------------------------------------------
212
- */
211
+ /* Cell styles for static HTML export
212
+ -------------------------------------------------------------------------------- */
213
213
  .cell.nbinteract-left {
214
214
  width: 49%;
215
215
  float: left;
@@ -12,4 +12,4 @@
12
12
  # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
13
13
  # -----------------------------------------------------------------------------
14
14
  */
15
- canvas.marks{max-width:100% !important;height:auto !important}.vega-bind{margin-top:.25rem}.vega-bind-name{width:8rem !important;display:inline-block}.checkbox label,.radio label,label{margin-left:0}form.vega-bindings{font-size:1rem;margin:.75rem 0 .75rem 1.75rem}input,select{margin-right:.75rem;margin-left:.75rem}select{border-width:1px;border-style:solid;border-color:#9e9e9e;color:#757575;line-height:125%;padding:0 0 0 6px;-webkit-appearance:none;-moz-appearance:none;background:url("data:image/svg+xml,<svgheight='10px'width='10px'viewBox='001616'fill='%23000000'xmlns='http://www.w3.org/2000/svg'><pathd='M7.24711.142.4515.658C1.8855.0132.34543.2044h9.592a11001.7531.659l-4.7965.48a11001-1.5060z'/></svg>") no-repeat;background-position:calc(100% - .75rem) center !important;-moz-appearance:none !important;-webkit-appearance:none !important;appearance:none !important;padding-right:2rem !important;border:1px solid #bdbdbd;border-radius:2px}.MathJax_Display{margin-top:1rem !important;text-align:left !important;margin-left:1rem !important}span.MathJax{margin-left:.25rem;margin-right:.25rem}.bmd-form-group{padding-top:unset}.container{width:100% !important}.hidden{display:none}h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{margin-top:1rem !important}pre{line-height:125%;margin-top:0 !important;padding:.75rem;border:1px solid #bdbdbd;border-radius:.25rem}.jupyter-widgets{overflow:hidden !important}.widget-html-content>p{margin-bottom:0 !important}.widget-html-content>.fa.fa-check,.fa.fa-times{font-size:1.5rem !important;margin-left:.5rem !important}.widget-vbox{margin-bottom:.75rem !important}.widget-hslider{margin-top:1rem !important;margin-left:0 !important;width:99% !important}.widget-label{margin-left:0 !important}div#notebook{overflow:visible;border-top:0}@media print{div.cell{display:block;page-break-inside:avoid}div.output_wrapper{display:block;page-break-inside:avoid;max-width:100%;height:auto}div.output{display:block;page-break-inside:avoid}}.cell.nbinteract-left{width:49%;float:left}.cell.nbinteract-right{width:49%;float:right}.cell.nbinteract-hide_in>.input{display:none}.cell.nbinteract-hide_out>.output_wrapper{display:none}.cell:after{content:"";display:table;clear:both}div.output_subarea{max-width:initial}.jp-OutputPrompt{display:none}
15
+ canvas.marks{max-width:100% !important;height:auto !important}.vega-bind{margin-top:.25rem}.vega-bind-name{width:8rem !important;display:inline-block}.checkbox label,.radio label,label{margin-left:0}form.vega-bindings{font-size:1rem;margin:.75rem 0 .75rem 1.75rem}input,select{margin-right:.75rem;margin-left:.75rem}select{border-width:1px;border-style:solid;border-color:#9e9e9e;color:#757575;line-height:125%;padding:0 0 0 6px;-webkit-appearance:none;-moz-appearance:none;background:url("data:image/svg+xml,<svgheight='10px'width='10px'viewBox='001616'fill='%23000000'xmlns='http://www.w3.org/2000/svg'><pathd='M7.24711.142.4515.658C1.8855.0132.34543.2044h9.592a11001.7531.659l-4.7965.48a11001-1.5060z'/></svg>") no-repeat;background-position:calc(100% - .75rem) center !important;-moz-appearance:none !important;-webkit-appearance:none !important;appearance:none !important;padding-right:2rem !important;border:1px solid #bdbdbd;border-radius:2px}.MathJax span{font-size:100% !important}.MJXc-display{margin:1em 0 1em 0 !important}.mjx-chtml{margin-right:.25rem !important;margin-left:.25rem !important;font-size:100% !important}.bqplot{box-sizing:border-box !important;display:flex !important;min-width:640px !important;min-height:480px !important}.bmd-form-group{padding-top:unset}.container{width:100% !important}.hidden{display:none !important}h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{margin-top:1rem !important}pre{line-height:125%;margin-top:0 !important;padding:.75rem;border:1px solid #bdbdbd;border-radius:.25rem}.jupyter-widgets{overflow:hidden !important}.widget-html-content>p{margin-bottom:0 !important}.widget-html-content>.fa.fa-check,.fa.fa-times{font-size:1.5rem !important;margin-left:.5rem !important}.widget-vbox{margin-bottom:.75rem !important}.widget-hslider{margin-top:1rem !important;margin-left:0 !important;width:99% !important}.widget-label{margin-left:0 !important}div#notebook{overflow:visible;border-top:0}@media print{div.cell{display:block;page-break-inside:avoid}div.output_wrapper{display:block;page-break-inside:avoid;max-width:100%;height:auto}div.output{display:block;page-break-inside:avoid}}.cell.nbinteract-left{width:49%;float:left}.cell.nbinteract-right{width:49%;float:right}.cell.nbinteract-hide_in>.input{display:none}.cell.nbinteract-hide_out>.output_wrapper{display:none}.cell:after{content:"";display:table;clear:both}div.output_subarea{max-width:initial}.jp-OutputPrompt{display:none}