j1-template 2021.0.4 → 2021.0.5

Sign up to get free protection for your applications and to get access to all the features.
Files changed (173) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/themes/j1/modules/navigator/generator.html +6 -6
  3. data/_includes/themes/j1/modules/navigator/procedures/topsearch.proc +1 -1
  4. data/_layouts/raw.html +1 -1
  5. data/assets/data/fam.html +1 -1
  6. data/assets/data/gallery_customizer.html +1 -1
  7. data/assets/data/mdi_icons.json +69582 -14640
  8. data/assets/data/mmenu_toc.html +1 -1
  9. data/assets/themes/j1/adapter/js/fam.js +2 -2
  10. data/assets/themes/j1/core/css/animate.min.css +1 -7
  11. data/assets/themes/j1/core/css/icon-fonts/fontawesome.css +3 -10
  12. data/assets/themes/j1/core/css/icon-fonts/fontawesome.min.css +1 -1
  13. data/assets/themes/j1/core/css/icon-fonts/materialdesign.css +12505 -4812
  14. data/assets/themes/j1/core/css/icon-fonts/materialdesign.min.css +1 -1
  15. data/assets/themes/j1/core/css/icon-fonts/twemoji.min.css +1 -1
  16. data/assets/themes/j1/core/css/themes/bootstrap/bootstrap.css +79 -49
  17. data/assets/themes/j1/core/css/themes/bootstrap/bootstrap.min.css +1 -6
  18. data/assets/themes/j1/core/css/themes/uno-dark/bootstrap.css +78 -48
  19. data/assets/themes/j1/core/css/themes/uno-dark/bootstrap.min.css +1 -6
  20. data/assets/themes/j1/core/css/themes/uno-light/bootstrap.css +102 -50
  21. data/assets/themes/j1/core/css/themes/uno-light/bootstrap.min.css +1 -8
  22. data/assets/themes/j1/core/css/vendor.css +2 -2
  23. data/assets/themes/j1/core/css/vendor.min.css +1 -1
  24. data/assets/themes/j1/core/fonts/{materialdesign_icons/fonts → material_design_icons/fonts/_versions/v3.3.92}/eot/materialdesignicons-webfont.eot +0 -0
  25. data/assets/themes/j1/core/fonts/{materialdesign_icons/fonts → material_design_icons/fonts/_versions/v3.3.92}/materialdesignicons-webfont.woff +0 -0
  26. data/assets/themes/j1/core/fonts/{materialdesign_icons/fonts → material_design_icons/fonts/_versions/v3.3.92}/materialdesignicons-webfont.woff2 +0 -0
  27. data/assets/themes/j1/core/fonts/{materialdesign_icons/fonts → material_design_icons/fonts/_versions/v3.3.92}/svg/materialdesignicons-webfont.svg +0 -0
  28. data/assets/themes/j1/core/fonts/{materialdesign_icons/fonts → material_design_icons/fonts/_versions/v3.3.92}/ttf/materialdesignicons-webfont.ttf +0 -0
  29. data/assets/themes/j1/core/fonts/material_design_icons/fonts/_versions/v5.9.55/eot/materialdesignicons-webfont.eot +0 -0
  30. data/assets/themes/j1/core/fonts/material_design_icons/fonts/_versions/v5.9.55/materialdesignicons-webfont.woff +0 -0
  31. data/assets/themes/j1/core/fonts/material_design_icons/fonts/_versions/v5.9.55/materialdesignicons-webfont.woff2 +0 -0
  32. data/assets/themes/j1/core/fonts/material_design_icons/fonts/_versions/v5.9.55/preview.html +717 -0
  33. data/assets/themes/j1/core/fonts/material_design_icons/fonts/_versions/v5.9.55/svg/materialdesignicons-webfont.svg +10188 -0
  34. data/assets/themes/j1/core/fonts/material_design_icons/fonts/_versions/v5.9.55/ttf/materialdesignicons-webfont.ttf +0 -0
  35. data/assets/themes/j1/core/fonts/material_design_icons/fonts/eot/materialdesignicons-webfont.eot +0 -0
  36. data/assets/themes/j1/core/fonts/material_design_icons/fonts/materialdesignicons-webfont.woff +0 -0
  37. data/assets/themes/j1/core/fonts/material_design_icons/fonts/materialdesignicons-webfont.woff2 +0 -0
  38. data/assets/themes/j1/core/fonts/material_design_icons/fonts/svg/materialdesignicons-webfont.svg +10188 -0
  39. data/assets/themes/j1/core/fonts/material_design_icons/fonts/ttf/materialdesignicons-webfont.ttf +0 -0
  40. data/assets/themes/j1/core/fonts/{materialdesign_icons → material_design_icons}/metadata/icons.json +0 -0
  41. data/assets/themes/j1/core/fonts/{materialdesign_icons → material_design_icons}/metadata/icons.yml +0 -0
  42. data/assets/themes/j1/core/js/template.min.js +23 -1
  43. data/assets/themes/j1/modules/jquery/js/jquery-3.5.1.min.map +1 -0
  44. data/assets/themes/j1/modules/justifiedGallery/_versions/v3.8.0/css/justifiedGallery.css +110 -0
  45. data/assets/themes/j1/modules/justifiedGallery/_versions/v3.8.0/css/justifiedGallery.min.css +110 -0
  46. data/assets/themes/j1/modules/justifiedGallery/_versions/v3.8.0/js/jquery.justifiedGallery.js +1245 -0
  47. data/assets/themes/j1/modules/justifiedGallery/_versions/v3.8.0/js/jquery.justifiedGallery.min.js +8 -0
  48. data/assets/themes/j1/modules/justifiedGallery/_versions/v3.8.0/justifiedGallery.min.zip +0 -0
  49. data/assets/themes/j1/modules/justifiedGallery/_versions/v3.8.0/justifiedGallery.zip +0 -0
  50. data/assets/themes/j1/modules/justifiedGallery/css/_archived/justifiedGallery.css +110 -0
  51. data/assets/themes/j1/modules/justifiedGallery/css/_archived/justifiedGallery.min.css +110 -0
  52. data/assets/themes/j1/modules/justifiedGallery/css/justifiedGallery.css +11 -10
  53. data/assets/themes/j1/modules/justifiedGallery/css/justifiedGallery.min.css +3 -106
  54. data/assets/themes/j1/modules/justifiedGallery/js/justifiedGallery.js +147 -146
  55. data/assets/themes/j1/modules/justifiedGallery/js/justifiedGallery.min.js +3 -3
  56. data/assets/themes/j1/modules/lightGallery/js/core/lightgallery.min.js +1 -2
  57. data/assets/themes/j1/modules/lightbox/js/lightbox.js +1 -1
  58. data/assets/themes/j1/modules/lunrSearch/js/quicksearch.min.js +1 -1
  59. data/assets/themes/j1/modules/mdiPreviewer/css/previewer.css +20 -5
  60. data/assets/themes/j1/modules/mdiPreviewer/css/previewer.min.css +1 -1
  61. data/assets/themes/j1/modules/mdiPreviewer/js/previewer.js +115 -0
  62. data/assets/themes/j1/modules/mdiPreviewer/js/previewer.min.js +15 -0
  63. data/assets/themes/j1/modules/mdiPreviewer/js/previewer.new.js +111 -0
  64. data/assets/themes/j1/modules/mdiPreviewer/js/previewer.old.js +103 -0
  65. data/assets/themes/j1/modules/mmenuLight/js/mmenu.js +2 -2
  66. data/assets/themes/j1/modules/mmenuLight/js/mmenu.min.js +3 -3
  67. data/assets/themes/j1/modules/twemoji/css/picker/twemoji-picker.css +4 -4
  68. data/assets/themes/j1/modules/twemoji/css/picker/twemoji-picker.min.css +1 -1
  69. data/assets/themes/j1/modules/twemoji/js/picker/twemoji-picker.js +46 -45
  70. data/assets/themes/j1/modules/twemoji/js/picker/twemoji-picker.min.js +1 -1
  71. data/lib/j1/version.rb +1 -1
  72. data/lib/starter_web/Gemfile +18 -17
  73. data/lib/starter_web/_config.yml +3 -3
  74. data/lib/starter_web/_data/apps/light_gallery.yml +1 -1
  75. data/lib/starter_web/_data/j1_config.yml +3 -3
  76. data/lib/starter_web/_data/modules/defaults/quicksearch.yml +13 -4
  77. data/lib/starter_web/_data/modules/navigator_menu.yml +2 -64
  78. data/lib/starter_web/_data/resources.yml +3 -26
  79. data/lib/starter_web/_includes/attributes.asciidoc +276 -90
  80. data/lib/starter_web/_includes/tables/jekyll_variables.asciidoc +1 -1
  81. data/lib/starter_web/_includes/tables/template_variables.asciidoc +1 -1
  82. data/lib/starter_web/_plugins/lunr_index.rb +20 -1
  83. data/lib/starter_web/_plugins/minifyJS.rb +3 -0
  84. data/lib/starter_web/assets/images/modules/attics/machine-generator-1920x1280.jpg +0 -0
  85. data/lib/starter_web/assets/images/modules/attics/modules-apps-1920x1280.jpg +0 -0
  86. data/lib/starter_web/assets/images/modules/attics/no-time-1920x1280.jpg +0 -0
  87. data/lib/starter_web/assets/images/modules/attics/responsive-text-1920x1280.jpg +0 -0
  88. data/lib/starter_web/assets/images/modules/icons/d1/scalable/d1.svg +1 -1
  89. data/lib/starter_web/assets/images/pages/panels/modules-apps-1920x800.jpg +0 -0
  90. data/lib/starter_web/assets/images/pages/panels/no-time-1920x800.jpg +0 -0
  91. data/lib/starter_web/assets/images/pages/panels/the-place-1920x800.jpg +0 -0
  92. data/lib/starter_web/assets/images/pages/roundtrip/600_quicksearch/quicksearch_icon-800x200.jpg +0 -0
  93. data/lib/starter_web/assets/images/pages/roundtrip/600_quicksearch/quicksearch_icon.jpg +0 -0
  94. data/lib/starter_web/assets/images/pages/roundtrip/600_quicksearch/quicksearch_input-800x200.jpg +0 -0
  95. data/lib/starter_web/assets/images/pages/roundtrip/600_quicksearch/quicksearch_input.jpg +0 -0
  96. data/lib/starter_web/assets/images/pages/roundtrip/600_quicksearch/quicksearch_results_jekyll-.jpg +0 -0
  97. data/lib/starter_web/assets/images/pages/roundtrip/600_quicksearch/quicksearch_results_jekyll.jpg +0 -0
  98. data/lib/starter_web/collections/posts/public/featured/_posts/0000-00-00-welcome-to-j1-template.adoc.erb +10 -13
  99. data/lib/starter_web/collections/posts/public/featured/_posts/{2018-05-01-confusion-about-base-url.adoc → 2020-04-01-confusion-about-base-url.adoc} +6 -4
  100. data/lib/starter_web/collections/posts/public/featured/_posts/{2019-05-01-top-open-source-static-site-generators.adoc → 2020-05-01-top-open-source-static-site-generators.adoc} +15 -13
  101. data/lib/starter_web/collections/posts/public/featured/_posts/{2019-06-01-about-cookies.adoc → 2020-06-01-about-cookies.adoc} +9 -23
  102. data/lib/starter_web/collections/posts/public/series/_posts/2020-01-01-post-test-series.adoc +6 -17
  103. data/lib/starter_web/collections/posts/public/series/_posts/2020-01-02-post-test-series.adoc +6 -16
  104. data/lib/starter_web/collections/posts/public/series/_posts/2020-01-03-post-test-series.adoc +6 -16
  105. data/lib/starter_web/collections/posts/public/series/_posts/2020-01-04-post-test-series.adoc +6 -16
  106. data/{assets/themes/j1/modules/mdiPreviewer/js → lib/starter_web/collections/posts/public/series/_posts/_includes/documents}/readme +0 -0
  107. data/lib/starter_web/collections/posts/public/wikipedia/_posts/2016-11-20-minneapolis.adoc +5 -4
  108. data/lib/starter_web/collections/posts/public/wikipedia/_posts/2016-11-24-narcisse-snake-dens.adoc +13 -3
  109. data/lib/starter_web/collections/posts/public/wikipedia/_posts/2016-11-26-columbia-river.adoc +13 -3
  110. data/lib/starter_web/favicon.ico +0 -0
  111. data/lib/starter_web/index.html +1 -1
  112. data/lib/starter_web/package.json +3 -3
  113. data/lib/starter_web/pages/public/about/about_site.adoc +1827 -9
  114. data/lib/starter_web/pages/public/about/become_a_patron.adoc +26 -1
  115. data/lib/starter_web/pages/public/blog/navigator/archive.html +2 -0
  116. data/lib/starter_web/pages/public/blog/navigator/archive/categoryview.html +3 -1
  117. data/lib/starter_web/pages/public/blog/navigator/archive/dateview.html +2 -0
  118. data/lib/starter_web/pages/public/blog/navigator/archive/tagview.html +2 -0
  119. data/lib/starter_web/pages/public/blog/navigator/index.html +2 -0
  120. data/lib/starter_web/pages/public/learn/kickstarter/web_in_a_day/100_meet_and_greet_jekyll.adoc +3 -3
  121. data/lib/starter_web/pages/public/learn/roundtrip/100_present_images.adoc +6 -2
  122. data/lib/starter_web/pages/public/learn/roundtrip/100_present_videos.adoc +2 -3
  123. data/lib/starter_web/pages/public/learn/roundtrip/200_typography.adoc +1 -1
  124. data/lib/starter_web/pages/public/learn/roundtrip/300_icon_fonts.adoc +5 -4
  125. data/lib/starter_web/pages/public/learn/roundtrip/400_asciidoc_extensions.adoc +1 -1
  126. data/lib/starter_web/pages/public/learn/roundtrip/410_bs_modals_extentions.adoc +1 -1
  127. data/lib/starter_web/pages/public/learn/roundtrip/420_responsive_tables_extensions.adoc +1 -1
  128. data/lib/starter_web/pages/public/learn/roundtrip/500_themes.adoc +39 -19
  129. data/lib/starter_web/pages/public/learn/roundtrip/600_quicksearch.adoc +417 -0
  130. data/lib/starter_web/pages/public/learn/roundtrip/610_fam.adoc +2 -2
  131. data/lib/starter_web/pages/public/learn/roundtrip/_includes/attributes.asciidoc +3 -0
  132. data/lib/starter_web/pages/public/learn/where_to_go.adoc +1 -1
  133. data/lib/starter_web/pages/public/legal/en/000_copyright.adoc +1 -1
  134. data/lib/starter_web/pages/public/legal/en/100_impress.adoc +1 -1
  135. data/lib/starter_web/pages/public/legal/en/200_terms_of_use.adoc +1 -1
  136. data/lib/starter_web/pages/public/legal/en/300_privacy.adoc +1 -1
  137. data/lib/starter_web/pages/public/legal/en/400_license_agreement.adoc +1 -1
  138. data/lib/starter_web/pages/public/legal/en/500_support.adoc +1 -1
  139. data/lib/starter_web/pages/public/panels/intro_panel/panel.adoc +16 -5
  140. data/lib/starter_web/pages/public/previewer/_includes/attributes.asciidoc +5 -81
  141. data/lib/starter_web/pages/public/previewer/_includes/documents/rouge/100_language_examples.asciidoc +119 -0
  142. data/lib/starter_web/pages/public/previewer/_includes/tables/mdi_icons/100_absolute_sizes.asciidoc +1 -1
  143. data/lib/starter_web/pages/public/previewer/_includes/tables/mdi_icons/110_bs_grid_sizes.asciidoc +1 -1
  144. data/lib/starter_web/pages/public/previewer/_includes/tables/mdi_icons/120_relative_sizes.asciidoc +1 -1
  145. data/lib/starter_web/pages/public/previewer/_includes/tables/mdi_icons/200_rotate.asciidoc +1 -1
  146. data/lib/starter_web/pages/public/previewer/_includes/tables/mdi_icons/300_flip.asciidoc +1 -1
  147. data/lib/starter_web/pages/public/previewer/_includes/tables/mdi_icons/400_spin_pulsed.asciidoc +4 -4
  148. data/lib/starter_web/pages/public/previewer/_includes/tables/mdi_icons/500_bw_color_palette.asciidoc +1 -1
  149. data/lib/starter_web/pages/public/previewer/_includes/tables/mdi_icons/510_bs_color_palette.asciidoc +1 -1
  150. data/lib/starter_web/pages/public/previewer/_includes/tables/mdi_icons/600_md_color_palette.asciidoc +1 -1
  151. data/lib/starter_web/pages/public/previewer/_includes/tables/mdi_icons/601_md_color_palette_indigo.asciidoc +1 -1
  152. data/lib/starter_web/pages/public/previewer/_includes/tables/mdi_icons/602_md_color_palette_pink.asciidoc +1 -1
  153. data/lib/starter_web/pages/public/previewer/_includes/tables/rouge/200_rouge_attributes.asciidoc +41 -0
  154. data/lib/starter_web/pages/public/previewer/_includes/tables/rouge/300_supported_languages.asciidoc +857 -0
  155. data/lib/starter_web/pages/public/previewer/_includes/tables/twitter_emoji/100_bs_sizes.asciidoc +1 -1
  156. data/lib/starter_web/pages/public/previewer/_includes/tables/twitter_emoji/100_relative_sizes.asciidoc +1 -1
  157. data/lib/starter_web/pages/public/previewer/_includes/tables/twitter_emoji/200_rotate.asciidoc +1 -1
  158. data/lib/starter_web/pages/public/previewer/_includes/tables/twitter_emoji/300_flip.asciidoc +1 -1
  159. data/lib/starter_web/pages/public/previewer/_includes/tables/twitter_emoji/400_spin_pulsed.asciidoc +1 -1
  160. data/lib/starter_web/pages/public/previewer/bootstrap_theme.adoc +116 -78
  161. data/lib/starter_web/pages/public/previewer/iframer.adoc +1 -1
  162. data/lib/starter_web/pages/public/previewer/justified_gallery.html +1 -1
  163. data/lib/starter_web/pages/public/previewer/mdi_icons_preview.adoc +41 -108
  164. data/lib/starter_web/pages/public/previewer/rouge.adoc +38 -353
  165. data/lib/starter_web/pages/public/previewer/twitter_emoji_preview.adoc +2 -2
  166. data/lib/starter_web/utilsrv/_defaults/package.json +2 -2
  167. data/lib/starter_web/utilsrv/package.json +3 -3
  168. metadata +58 -22
  169. data/lib/starter_web/_plugins/simple_search_filter.rb +0 -32
  170. data/lib/starter_web/collections/posts/public/featured/_posts/_includes/documents/unsplash-badge.asciidoc +0 -31
  171. data/lib/starter_web/collections/posts/public/series/_posts/_includes/documents/100-docker-using-shared-folders.asciidoc +0 -430
  172. data/lib/starter_web/collections/posts/public/series/_posts/_includes/documents/loop.sh +0 -28
  173. data/lib/starter_web/pages/public/learn/roundtrip/600_lunr.adoc +0 -335
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  title: Framer
3
3
  tagline: automagic iframes
4
- date: 2020-11-08 12:00:00
4
+ date: 2020-11-08 00:00:00
5
5
  description: >
6
6
  Test page for J1 module framer. Framer enables the automatic
7
7
  resizing of the height and width of both same and cross domain
@@ -3,7 +3,7 @@ layout: raw
3
3
 
4
4
  title: Gallery Previewer
5
5
  tagline: manage galleries your way
6
- date: 2020-11-08 12:00:00
6
+ date: 2020-11-08 00:00:00
7
7
  description: >
8
8
  To create modern image and video galleries, J1 Template implements
9
9
  the jQuery plugin JustifiedGallery. The module is a great tool to
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  title: MDI Icon Previewer
3
3
  tagline: search and select mdi icons
4
- date: 2020-11-08 12:00:00
4
+ date: 2020-11-08 00:00:00
5
5
  description: >
6
6
  Previewer for Material Design Icons (MDI) for J1 Template.
7
7
  Material Design Icons is a growing icon collection allows
@@ -11,12 +11,12 @@ description: >
11
11
  tags: [ Design, MDI, Icon, Fonts ]
12
12
  categories: [ App, Preview ]
13
13
 
14
- scrollbar: false
14
+ scrollbar: true
15
15
 
16
16
  permalink: /pages/public/previewer/mdi_font/
17
17
  regenerate: false
18
18
 
19
- resources: [ clipboard, rouge, mdi_previewer, fam ]
19
+ resources: [ clipboard, lightbox, rouge, mdi_previewer, fam ]
20
20
  resource_options:
21
21
  - attic:
22
22
  padding_top: 400
@@ -42,25 +42,29 @@ resource_options:
42
42
 
43
43
  // Load page attributes
44
44
  // -----------------------------------------------------------------------------
45
- {% include {{load_attributes}} scope="local" %}
45
+ {% include {{load_attributes}} scope="all" %}
46
46
 
47
47
 
48
48
  // Page content
49
49
  // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
50
+
51
+ // Include sub-documents
52
+ // -----------------------------------------------------------------------------
53
+
50
54
  == Material Design Icons
51
55
 
52
56
  _Material Design Icons_ (MDI) is a very helpful design resource for Web Design
53
- that is based on *_Google_'s Material Design*. _MDI_ is a community-driven
54
- project to create an increased icon-set based on _Google_'s official repository
55
- and MD style specification.
57
+ that is based on _Google's_ specification of Material Design. *MDI* is a
58
+ community-driven project to create an increased icon-set based on the official
59
+ Material Design Icon repository provided by _Google_.
56
60
 
57
- _MDI_ is a growing collection to allow designers and developers targeting
58
- various platforms to download icons in the format, color and size they need
59
- for any project. The repo contains today 3400+ icons plus converted icons from
60
- the official set created by _Google_.
61
+ *MDI* is a fast growing collection to allow designers and developers targeting
62
+ various platforms to download icons in the format, color and size they needed
63
+ for a project. In the current *MDI* version (v5.9.55), 5900+ icons - plus
64
+ converted icons from the official icon set created by _Google_ - are available.
61
65
 
62
- _J1 Template_ supports the full set of _MDI_ for the Web (Webfont, WOFF). The
63
- icon set is fully integrated and can be used out-of-the-box.
66
+ _J1 Template_ supports the full set of *MDI* icons for the Web (Webfont, WOFF).
67
+ The icon set is fully integrated and can be used out-of-the-box.
64
68
 
65
69
  == HTML Markup
66
70
 
@@ -74,7 +78,8 @@ way, it's on you what to use for font icons.
74
78
  <i class="mdi mdi-name"></i> <1> <2>
75
79
  ----
76
80
  <1> Both forms are consistent with the HTML5 spec
77
- <2> It's short and the `<i>` tag may associated for an **i**mage (semantic meaning)
81
+ <2> It's short and the `<i>` tag may associated for an **i**con
82
+ (semantic meaning)
78
83
 
79
84
  NOTE: The `<i>` tag provides more meaning to machines because of the HTML spec,
80
85
  it provides more meaning to *humans* because the `i` can easily associated with
@@ -84,6 +89,22 @@ include equivalent text either inside the `<i>` tag or right next to it
84
89
  click to reply, the link is usable if CSS doesn't load, and human readers
85
90
  with good eyesight and a decent browser see a pretty icon.
86
91
 
92
+ /////
93
+ == Asciidoc Markup
94
+
95
+ [source, html]
96
+ ----
97
+ pass:[<i class="mdi mdi-3x mdi-star"></i>] <1>
98
+ mdi:star[3x] <2>
99
+ ----
100
+ <1> Markup using a pass block
101
+ <2> Markup using the Asciidoc extension
102
+
103
+ NOTE: The `<i>` tag provides more meaning to machines because of the HTML spec,
104
+ it provides more meaning to *humans* because the `i` can easily associated with
105
+ `icon`.
106
+ /////
107
+
87
108
  == Sizes
88
109
 
89
110
  For more eye-minded placement, or to place emphasis on, all icons can be
@@ -161,7 +182,7 @@ The implementation of _MDI_ font icons support the base color palette of
161
182
  Bootstrap range from `primary` to `danger`.
162
183
 
163
184
  .Bootstrap base color palette
164
- lightbox::lightbox-base-color-palette[ 300, {lightbox-image-data-base-color-palette} ]
185
+ lightbox::base-color-palette[ 300, {lightbox-image-data--base-color-palette} ]
165
186
 
166
187
  include::{tabledir}/mdi_icons/510_bs_color_palette.asciidoc[]
167
188
 
@@ -171,7 +192,7 @@ For _J1 Template_, 17 additional color variations are available comply with
171
192
  the concepts of _Google Material Design_:
172
193
 
173
194
  .Material Design color palette
174
- lightbox::lightbox-md-color-palette[ 800, {lightbox-image-data-md-color-palette} ]
195
+ lightbox::md-color-palette[ 800, {lightbox-image-data--md-color-palette} ]
175
196
 
176
197
  ==== Indigo
177
198
 
@@ -190,100 +211,12 @@ include::{tabledir}/mdi_icons/602_md_color_palette_pink.asciidoc[]
190
211
 
191
212
  == Icon Overview
192
213
 
193
- The Material Design Icon Font support a rich set of 3400+ icons from a wide
194
- varity of topics.
214
+ The Material Design Icon Font support a rich set of 5900+ icons
215
+ (version v5.9.55) from a wide varity of topics.
195
216
 
196
217
  NOTE: Click on the elements below to copy icon data to clipboard
197
218
 
198
219
  ++++
199
- <div class="icons" id="icons"></div>
200
-
201
- <script>
202
- (function () {
203
-
204
- var icons = {};
205
- var icon_database = '/assets/data/mdi_icons.json';
206
-
207
- function load_data_database() {
208
- // Returns the icon database object
209
- return $.ajax({
210
- url: icon_database,
211
- success: function (data) {
212
- if (typeof data == 'string') {
213
- icons = JSON.parse(data);
214
- }
215
- if (typeof data == 'object') {
216
- icons = data;
217
- }
218
- }
219
- })
220
- };
221
-
222
- $.when( load_data_database() ).done (
223
- function( load_database_response ) {
224
-
225
- icons.push({ "name": "blank", "value": "f68c" });
226
-
227
- var copyText = function (text) {
228
- var copyFrom = document.createElement('textarea');
229
- copyFrom.setAttribute("style", "position:fixed;opacity:0;top:100px;left:100px;");
230
- copyFrom.value = text;
231
- document.body.appendChild(copyFrom);
232
- copyFrom.select();
233
- document.execCommand('copy');
234
- var copied = document.createElement('div');
235
- copied.setAttribute('class', 'copied');
236
- copied.appendChild(document.createTextNode('Copied to Clipboard'));
237
- document.body.appendChild(copied);
238
- setTimeout(function () {
239
- document.body.removeChild(copyFrom);
240
- document.body.removeChild(copied);
241
- }, 1500);
242
- };
243
- // Skip info record 0 (j=1)
244
- for (var j = 1; j < icons.length; j++) {
245
- var div = document.createElement('div'),
246
- i = document.createElement('i');
247
- i.className = 'mdi mdi-' + icons[j].name;
248
- div.appendChild(i);
249
- var code = document.createElement('code');
250
- code.appendChild(document.createTextNode('#' + icons[j].value));
251
- div.appendChild(code);
252
- var span = document.createElement('span');
253
- //span.appendChild(document.createTextNode('mdi-' + icons[j].name));
254
- span.appendChild(document.createTextNode(icons[j].name));
255
- div.appendChild(span);
256
-
257
- span.onclick = (function (icon) {
258
- return function () {
259
- //document.getElementById('name').innerHTML = icon.name;
260
- };
261
- })(icons[j]);
262
-
263
- i.onmouseup = (function (icon) {
264
- return function () {
265
- //copyText(String.fromCharCode(parseInt(icon.value, 16)));
266
- copyText('\\' + icon.value);
267
- };
268
- })(icons[j]);
269
-
270
- code.onmouseup = (function (icon) {
271
- return function () {
272
- copyText('#' + icon.value);
273
- };
274
- })(icons[j]);
275
-
276
- span.onmouseup = (function (icon) {
277
- return function () {
278
- copyText('mdi-' + icon.name);
279
- //copyText(icon.name);
280
- };
281
- })(icons[j]);
282
-
283
- document.getElementById('icons').appendChild(div);
284
- }
285
- });
286
-
287
- })();
288
- </script>
220
+ <!-- div class="my-popper">Popper element</div -->
221
+ <div id="icons" class="icons"></div>
289
222
  ++++
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  title: Rouge
3
3
  tagline: preview rouge themes
4
- date: 2020-11-08 12:00:00
4
+ date: 2020-11-08 00:00:00
5
5
  description: >
6
6
  Previewer page for J1 module Rouge. Rouge is a pure Ruby
7
7
  syntax highlighter. It can highlight over 100 different
@@ -10,13 +10,16 @@ description: >
10
10
  tags: [ Rouge, Highlighter ]
11
11
  categories: [ App, Previewer ]
12
12
 
13
+ scrollbar: true
13
14
  toc: true
14
15
 
15
16
  permalink: /pages/public/previewer/rouge/
16
- regenerate: false
17
+ regenerate: true
17
18
 
18
19
  resources: [ rouge, clipboard, fam ]
19
20
  resource_options:
21
+ - toccer:
22
+ collapseDepth: 4
20
23
  - attic:
21
24
  padding_top: 400
22
25
  padding_bottom: 50
@@ -33,23 +36,45 @@ resource_options:
33
36
  href: https://unsplash.com/@jruscello
34
37
  ---
35
38
 
39
+ // Page Initializer
40
+ // =============================================================================
41
+ // Enable the Liquid Preprocessor
42
+ :page-liquid:
43
+
44
+ // Set (local) page attributes here
45
+ // -----------------------------------------------------------------------------
46
+ // :page--attr: <attr-value>
36
47
  // :source-highlighter: rouge
37
48
  // https://dzone.com/articles/awesome-asciidoctor-highlight-lines-in-source-code
38
-
49
+ //
39
50
  :rouge-line-class: line
40
51
  :rouge-line-id: X%i
41
52
 
53
+ // Load Liquid procedures
54
+ // -----------------------------------------------------------------------------
55
+ {% capture load_attributes %}themes/{{site.template.name}}/procedures/global/attributes_loader.proc{%endcapture%}
56
+
57
+ // Load page attributes
58
+ // -----------------------------------------------------------------------------
59
+ {% include {{load_attributes}} scope="global" %}
60
+
42
61
 
43
62
  // Page content
44
63
  // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
45
64
 
65
+ // Include sub-documents
66
+ // -----------------------------------------------------------------------------
67
+
46
68
  == Theme selector
47
69
 
48
70
  Make a selection of theme below to preview a theme.
49
71
 
50
72
  ++++
51
73
  <div class="btn-group">
52
- <button class="btn btn-primary btn-raised btn-flex btn-lg dropdown-toggle" type="button" data-toggle="dropdown" data-target="#navbarDropdown" aria-haspopup="true" aria-expanded="false">
74
+ <!-- See: https://stackoverflow.com/questions/47242702/force-bootstrap-dropdown-menu-to-always-display-at-the-bottom-and-allow-it-go-of -->
75
+ <!-- NOTE: control the behaviour of popper.js for positioning -->
76
+ <!-- NOTE: set attribute data-flip="false" to open the SELECT list at the BOTTOM of the BUTTON -->
77
+ <button class="btn btn-primary btn-raised btn-flex btn-lg dropdown-toggle" data-flip="false" type="button" data-toggle="dropdown" data-target="#navbarDropdown" aria-haspopup="true" aria-expanded="false">
53
78
  Select Theme<span class="caret"></span>
54
79
  </button>
55
80
  <div class="dropdown-menu">
@@ -78,362 +103,22 @@ Make a selection of theme below to preview a theme.
78
103
  <div id="selected" class="mt-1 mb-3"></div>
79
104
  ++++
80
105
 
81
- === Liquid
82
-
83
- // [source, liquid, linenums, highlight='3-7']
84
- // [source, liquid, role="linenums"]
85
- [source, liquid]
86
- ----
87
- Hello {{ 'now' | date: "%Y %h" }}
88
-
89
- {% comment %} if item.quantity is 4... {% endcomment %}
90
-
91
- {% for i in (1..item.quantity) %}
92
- {{ i }}
93
- {% endfor %}
94
-
95
- {% comment %} results in 1,2,3,4 {% endcomment %}
96
- ----
97
-
98
- === Javascript
99
-
100
- [source, javascript, linenums, highlight='3-7']
101
- ----
102
- // ---------------------------------------------------------------
103
- // helper functions
104
- // ---------------------------------------------------------------
105
- function styleSheetLoaded(styleSheet) {
106
- var sheets = document.styleSheets,
107
- stylesheet = sheets[(sheets.length - 1)];
108
-
109
- // find CSS file 'styleSheetName' in document
110
- for(var i in document.styleSheets) {
111
- if(sheets[i].href && sheets[i].href.indexOf(styleSheet) > -1) {
112
- return true;;
113
- }
114
- }
115
- }
116
- ----
117
-
118
- === Ruby
106
+ === Language examples
119
107
 
120
- // :source-highlighter: rouge
121
- // :source-highlighter: pygments
122
- // :pygments-style: emacs
123
- // :icons: font
124
-
125
- [source, ruby, linenums]
126
- ----
127
- require 'asciidoctor/extensions' unless RUBY_ENGINE == 'opal'
128
- include Asciidoctor <1>
129
-
130
- Asciidoctor:Extensions.register do
131
- class J1BlockMacro < Extensions:BlockMacroProcessor
132
- use_dsl
133
- named :banner
134
- name_positional_attributes 'role'
135
-
136
- def process parent, target, attrs
137
- html = %(<div id="#{target}" class="#{attrs['role']}"></div>)
138
- create_pass_block parent, html, attrs, subs: nil
139
- end
140
- end
141
- block_macro J1BlockMacro
142
- end
143
- ----
144
- <1> don't miss to load the Asciidoctor ruby
145
-
146
- === Asciidoc
147
-
148
- // [source, text]
149
- // [source, apex]
150
- // [source, erlang]
151
- // [source, batchfile]
152
- // [source, turtle]
153
- [source, prometheus, linenums]
154
- ----
155
- == Lightbox Examples
156
-
157
- Find below an example of using the lightbox Lightbox standalone.
158
- See how single (individual) images are linked for the use with
159
- Lightbox.
108
+ Find below a selected number languages (code blocks) and their highlightning.
160
109
 
161
- .A Lightbox block for standalone images
162
- lightbox:example-standalone[ 400, {data-images-standalone} ]
110
+ include::{documentdir}/rouge/100_language_examples.asciidoc[]
163
111
 
164
- NOTE: The name LightGallery implies a sort of a Gallery but
165
- the library is a _lightbox_.
166
- ----
167
-
168
- === Attributes
112
+ == Rouge attributes
169
113
 
170
114
  You can further customize the source block output with additional Rouge
171
- attributes:
172
-
173
- rouge-css::
174
- Controls what method is used for applying CSS to the tokens.
175
- Can be `class` (CSS classes), `style` (inline styles) or `external` (external styles).
176
- When `class` is used, Rouge styles for the specified theme are included in an HTML header.
177
- When `external` is specified, CSS classes are used but no styles will be added except
178
- when `rouge-theme` is not empty in which case its value is interpreted as a URL to a
179
- style sheet and a link to that style sheet will be added to the HTML header.
180
- Default is `class`.
181
-
182
- rouge-theme::
183
- Sets the name of the Rouge color theme to use.
184
- Look into https://github.com/jneen/rouge/tree/master/lib/rouge/themes[lib/rouge/themes]
185
- in the Rouge repository for a list of available themes.
186
- Default is `github`.
187
-
188
- rouge-style::
189
- Alternative name for the `rouge-theme` for compatibility with _asciidoctor-pdf_
190
- (see https://github.com/{gh-name}/issues/3[#3]).
191
-
192
- rouge-highlighted-class::
193
- CSS class to use on a line wrapper element for highlighted lines.
194
- Default is `highlighted`.
195
-
196
- rouge-line-class::
197
- CSS class to set on a line wrapper element
198
- Default is `line`.
115
+ attributes.
199
116
 
200
- rouge-line-id::
201
- Format string for specifying an HTML `id` for each line (e.g. with
202
- `rouge-line-id="L%i"` each line of the listing will get an id of the
203
- form `id="L1"`, `id="L2"`, etc.). This really only makes sense if the
204
- format string is distinct for each source listing, otherwise it will
205
- lead to duplicate IDs which makes the generated HTML invalid.
206
- Default is no line ids.
117
+ include::{tabledir}/rouge/200_rouge_attributes.asciidoc[]
207
118
 
208
119
  == Supported languages
209
120
 
210
- Here the list of the supported languages and lexers.
121
+ Here the list of the (current of Feb, 2021) supported languages and lexers
122
+ (language highlighters).
211
123
 
212
- abap:: SAP - Advanced Business Application Programming
213
- actionscript:: ActionScript
214
- * aliases: as,as3
215
- apache:: configuration files for Apache web server
216
- apiblueprint:: Markdown based API description language.
217
- * aliases: apiblueprint,apib
218
- applescript::
219
- The AppleScript scripting language by Apple Inc.
220
- http://developer.apple.com/applescript/[applescript]
221
- * aliases: applescript]
222
- awk:: pattern-directed scanning and processing language
223
- biml:: BIML, Business Intelligence Markup Language
224
- brainfuck:: The Brainfuck programming language
225
- bsl:: The 1C:Enterprise programming language
226
- c:: The C programming language
227
- ceylon:: Say more, more clearly.
228
- cfscript:: CFScript, the CFML scripting language
229
- * aliases: cfc
230
- clojure:: The Clojure programming language
231
- (clojure.org)
232
- * aliases: clj,cljs
233
- cmake:: The cross-platform, open-source build system
234
- coffeescript:: The Coffeescript programming language
235
- (coffeescript.org)
236
- * aliases: coffee,coffee-script
237
- common_lisp::
238
- The Common Lisp variant of Lisp
239
- (common-lisp.net)
240
- * aliases: cl,common-lisp,elisp,emacs-lisp]
241
- conf:: A generic lexer for configuration files
242
- * aliases: config,configuration]
243
- console:: A generic lexer for shell sessions.
244
- Accepts ?lang and ?output lexer options, a ?prompt option, and ?comments
245
- to enable comments.
246
- * aliases: terminal,shell_session,shell-session
247
- coq:: Coq (coq.inria.fr)
248
- cpp:: The C++ programming language
249
- * aliases: c++
250
- crystal:: Crystal The Programming Language
251
- (crystal-lang.org)
252
- * aliases: cr
253
- csharp:: a multi-paradigm language targeting .NET
254
- * aliases: c#,cs
255
- css:: Cascading Style Sheets, used to style web pages
256
- d:: The D programming language(dlang.org)
257
- * aliases: dlang
258
- dart:: The Dart programming language
259
- (dartlang.com)
260
- diff:: Lexes unified diffs or patches
261
- * aliases: patch,udiff
262
- digdag:: A simple, open source, multi-cloud workflow engine
263
- (https://www.digdag.io/)
264
- docker:: Dockerfile syntax
265
- * aliases: dockerfile
266
- dot:: graph description language
267
- eiffel:: Eiffel programming language
268
- elixir:: Elixir language (elixir-lang.org)
269
- * aliases: elixir,exs
270
- elm:: The Elm programming language
271
- (http://elm-lang.org/)
272
- erb:: Embedded ruby template files
273
- * aliases: eruby,rhtml
274
- erlang::
275
- The Erlang programming language
276
- (erlang.org)
277
- * aliases: erl]
278
- escape:: A generic lexer for including escaped content - see Formatter.enable_escape!
279
- * aliases: esc
280
- factor:: Factor, the practical stack language (factorcode.org)
281
- fortran:: Fortran 2008 (free-form)
282
- fsharp:: F# (fsharp.net)
283
- gherkin:: A business-readable spec DSL ( github.com/cucumber/cucumber/wiki/Gherkin )
284
- * aliases: cucumber,behat
285
- glsl:: The GLSL shader language
286
- go:: The Go programming language (http://golang.org)
287
- * aliases: go,golang
288
- gradle:: A powerful build system for the JVM
289
- graphql:: GraphQL
290
- groovy:: The Groovy programming language (http://www.groovy-lang.org/)
291
- hack:: The Hack programming language (hacklang.org)
292
- * aliases: hack,hh
293
- haml:: The Haml templating system for Ruby (haml.info)
294
- * aliases: HAML
295
- handlebars:: the Handlebars and Mustache templating languages
296
- * aliases: hbs,mustache
297
- haskell:: The Haskell programming language (haskell.org)
298
- * aliases: hs
299
- hcl:: Hashicorp Configuration Language, used by Terraform and other Hashicorp tools
300
- html:: HTML, the markup language of the web
301
- http:: http requests and responses
302
- hylang:: The HyLang programming language (hylang.org)
303
- * aliases: hy
304
- idlang:: Interactive Data Language
305
- igorpro:: WaveMetrics Igor Pro
306
- ini:: the INI configuration format
307
- io:: The IO programming language (http://iolanguage.com)
308
- irb:: Shell sessions in IRB or Pry
309
- * aliases: pry
310
- java:: The Java programming language (java.com)
311
- javascript:: JavaScript, the browser scripting language
312
- * aliases: js
313
- jinja:: Django/Jinja template engine (jinja.pocoo.org)
314
- * aliases: django
315
- json:: JavaScript Object Notation (json.org)
316
- json-doc:: JavaScript Object Notation with extenstions for documentation
317
- jsonnet:: An elegant, formally-specified config language for JSON
318
- jsp:: JSP
319
- jsx:: React JSX (https://facebook.github.io/react/)
320
- * aliases: jsx,react
321
- julia:: The Julia programming language
322
- * aliases: jl
323
- kotlin:: Kotlin Programming Language (http://kotlinlang.org)
324
- lasso:: The Lasso programming language (lassosoft.com)
325
- * aliases: lassoscript
326
- liquid:: Liquid is a templating engine for Ruby (liquidmarkup.org)
327
- literate_coffeescript:: Literate coffeescript
328
- * aliases: litcoffee
329
- literate_haskell:: Literate haskell
330
- * aliases: lithaskell,lhaskell,lhs
331
- llvm:: The LLVM Compiler Infrastructure (http://llvm.org/)
332
- lua:: Lua (http://www.lua.org)
333
- m68k:: Motorola 68k Assembler
334
- magik:: Smallworld Magik
335
- make:: Makefile syntax
336
- * aliases: makefile,mf,gnumake,bsdmake
337
- markdown:: Markdown, a light-weight markup language for authors
338
- * aliases: md,mkd
339
- mathematica:: Wolfram Mathematica, the world's definitive system for modern technical computing.
340
- * aliases: wl
341
- matlab:: Matlab
342
- * aliases: m
343
- moonscript:: Moonscript (http://www.moonscript.org)
344
- * aliases: moon
345
- mosel:: An optimization language used by Fico's Xpress.
346
- mxml:: MXML
347
- nasm:: Netwide Assembler
348
- nginx:: configuration files for the nginx web server (nginx.org)
349
- nim:: The Nim programming language (http://nim-lang.org/)
350
- * aliases: nimrod
351
- nix:: The Nix expression language (https://nixos.org/nix/manual/#ch-expression-language)
352
- * aliases: nixos
353
- objective_c:: an extension of C commonly used to write Apple software
354
- * aliases: objc,obj-c,obj_c,objectivec
355
- ocaml:: Objective Caml (ocaml.org)
356
- pascal:: a procedural programming language commonly used as a teaching language.
357
- perl:: The Perl scripting language (perl.org)
358
- * aliases: pl
359
- php:: The PHP scripting language (php.net)
360
- * aliases: php,php3,php4,php5
361
- plaintext:: A boring lexer that doesn't highlight anything
362
- * aliases: text
363
- plist:: plist
364
- * aliases: plist
365
- powershell:: powershell
366
- * aliases: posh,microsoftshell,msshell
367
- praat:: The Praat scripting language (praat.org)
368
- prolog:: The Prolog programming language (http://en.wikipedia.org/wiki/Prolog)
369
- * aliases: prolog
370
- prometheus:: prometheus
371
- * aliases: prometheus
372
- properties:: .properties config files for Java
373
- protobuf:: Google's language-neutral, platform-neutral, extensible mechanism for serializing structured data
374
- * aliases: proto
375
- puppet:: The Puppet configuration management language (puppetlabs.org)
376
- * aliases: pp
377
- python:: The Python programming language (python.org)
378
- * aliases: py
379
- q:: The Q programming language (kx.com)
380
- * aliases: kdb+
381
- qml:: QML, a UI markup language
382
- * aliases: qml
383
- r:: The R statistics language (r-project.org)
384
- * aliases: r,R,s,S
385
- racket:: Racket is a Lisp descended from Scheme (racket-lang.org)
386
- ruby:: The Ruby programming language (ruby-lang.org)
387
- * aliases: rb
388
- rust:: The Rust programming language (rust-lang.org)
389
- * aliases: rs,rust,no_run,rs,no_run,rust,ignore,rs,ignore,rust,should_panic,rs,should_panic
390
- sass:: The Sass stylesheet language language (sass-lang.com)
391
- scala:: The Scala programming language (scala-lang.org)
392
- * aliases: scala
393
- scheme:: The Scheme variant of Lisp
394
- scss:: SCSS stylesheets (sass-lang.com)
395
- sed:: sed, the ultimate stream editor
396
- shell:: Various shell languages, including sh and bash
397
- * aliases: bash,zsh,ksh,sh
398
- sieve:: mail filtering language
399
- slim:: The Slim template language
400
- smalltalk:: The Smalltalk programming language
401
- * aliases: st,squeak
402
- smarty:: Smarty Template Engine
403
- * aliases: smarty
404
- sml:: Standard ML
405
- * aliases: ml
406
- sqf:: Status Quo Function, a Real Virtuality engine scripting language
407
- sql:: Structured Query Language, for relational databases
408
- supercollider:: A cross-platform interpreted programming language for sound synthesis, algorithmic composition, and realtime performance
409
- swift:: Multi paradigm, compiled programming language developed by Apple for iOS and OS X development. (developer.apple.com/swift)
410
- tap:: Test Anything Protocol
411
- * aliases: tap
412
- tcl:: The Tool Command Language (tcl.tk)
413
- terraform:: Terraform HCL Interpolations
414
- * aliases: tf
415
- tex:: The TeX typesetting system
416
- * aliases: TeX,LaTeX,latex
417
- toml:: the TOML configuration format (https://github.com/mojombo/toml)
418
- tsx:: tsx
419
- tulip:: the tulip programming language (twitter.com/tuliplang)
420
- * aliases: tulip
421
- turtle:: Terse RDF Triple Language, TriG
422
- twig:: Twig template engine (twig.sensiolabs.org)
423
- typescript:: TypeScript, a superset of JavaScript
424
- * aliases: ts
425
- vala:: A programming language similar to csharp.
426
- vb:: Visual Basic
427
- * aliases: visualbasic
428
- verilog:: The System Verilog hardware description language
429
- vhdl:: Very High Speed Integrated Circuit Hardware Description Language
430
- viml:: VimL, the scripting language for the Vim editor (vim.org)
431
- * aliases: vim,vimscript,ex
432
- vue:: Vue.js single-file components
433
- * aliases: vuejs
434
- wollok:: Wollok lang
435
- xml:: XML
436
- xojo:: Xojo
437
- * aliases: realbasic
438
- yaml:: Yaml Ain't Markup Language (yaml.org)
439
- * aliases: yml
124
+ include::{tabledir}/rouge/300_supported_languages.asciidoc[]