programming-pages 0.5.18 → 0.5.19

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 0daba8027505aa19f3dd155b6a06ee97ae591f37037577bfa370973a37c4e5b7
-  data.tar.gz: b26ca7fd66dbbc3e4ac4d8834dae502c8f2023d9fe212d901cc014adce46df71
+  metadata.gz: 8ebde1a5c3b33eed9b20cec14af3d347baa9f98c1a22800bc404de2ec75d00e3
+  data.tar.gz: db7c368126a1f7dcd4e3c862c6cd707b0b6af478fe80d7b688706399272c2ad3
 SHA512:
-  metadata.gz: 833b063ed9ea7eabd3e65d3988f6bbdec6ff6ff9b3f60aad69cc202fa491f9b136c65737d0b0fdd490aff8c8781fb879df4d87c86e7b9259492aa4621738054a
-  data.tar.gz: 96b27db65dea40d6638da930d6d6d8e1ed894072be117aa8f14f2667048dcae899c9587acb369d00b74bf825eccfb7027aa3d31af4e4625da66c2ae0a92257c1
+  metadata.gz: cf4c82e27716ed154bd531649bd8eb4112f019c3b116be121811dcc83856dbc4985dbde3eac17f21ca1b224a3875847998d5326957e6f4bc2de234507d519b91
+  data.tar.gz: 13973abadc73def73005c8e1af26866d95b03adf492b2687758e8ea2a11426f308a20d91fc8758666b2ad4dff6ede0f3ddab872b963518f313b455fae9cd6e36

data/_data/icons/theme.yml

@@ -53,7 +53,9 @@ interface: # fa: neuter
 magnifier: # fa: search
   viewbox: '0 0 1664 1664'
   path: 'M1152 704q0-185-131.5-316.5T704 256 387.5 387.5 256 704t131.5 316.5T704 1152t316.5-131.5T1152 704zm512 832q0 52-38 90t-90 38q-54 0-90-38l-343-342q-179 124-399 124-143 0-273.5-55.5t-225-150-150-225T0 704t55.5-273.5 150-225 225-150T704 0t273.5 55.5 225 150 150 225T1408 704q0 220-124 399l343 343q37 37 37 90z'
-
+plus-square-outline: # fa plus-square-o
+  viewbox: '0 0 1408 1408'
+  path: 'M1152 672v64q0 14-9 23t-23 9H768v352q0 14-9 23t-23 9h-64q-14 0-23-9t-9-23V768H288q-14 0-23-9t-9-23v-64q0-14 9-23t23-9h352V288q0-14 9-23t23-9h64q14 0 23 9t9 23v352h352q14 0 23 9t9 23zm128 448V288q0-66-47-113t-113-47H288q-66 0-113 47t-47 113v832q0 66 47 113t113 47h832q66 0 113-47t47-113zm128-832v832q0 119-84.5 203.5T1120 1408H288q-119 0-203.5-84.5T0 1120V288Q0 169 84.5 84.5T288 0h832q119 0 203.5 84.5T1408 288z'
 
 # Entypo pictograms by Daniel Bruce — www.entypo.com
 # License - http://creativecommons.org/licenses/by-sa/4.0/ (CC BY-SA 4.0)

data/_includes/collapsible_example.liquid

@@ -0,0 +1,36 @@
+{%- comment -%}
+
+collapsible_example
+  embeds the provided snippet in a collapsible container
+  snippet path should be rooted in _includes
+
+params:
+  file=<path-to-file> must be rooted in _includes
+
+{%- endcomment -%}
+
+{%- comment -%}push prior state{%- endcomment -%}
+{%- assign __name_parts = name_parts -%}
+{%- assign __example_id = example_id -%}
+{%- assign __example_content = example_content -%}
+
+{%- assign name_parts = include.file | split: '/' | last | split: '.' -%}
+{%- assign example_id = name_parts.first | prepend: 'ex-' -%}
+{%- capture example_content -%}
+```{{ name_parts | last }}
+{% include {{ include.file }} %}
+```
+{%- endcapture -%}
+
+<div class="ui example segment">
+<a class="ui top attached basic tiny label" onclick="toggle_collapsed('{{ example_id }}')">{% include icon.liquid id='plus-square-outline' %} toggle example</a>
+<div id="{{ example_id }}" class="collapsible example collapsed">
+{{ example_content | markdownify }}
+</div>
+<div class="ui bottom attached label"> {{ name_parts | join: '.' }} </div>
+</div>
+
+{%- comment -%}pop prior state{%- endcomment -%}
+{%- assign example_content = __example_content -%}
+{%- assign example_id = __example_id -%}
+{%- assign name_parts = __name_parts -%}

data/_includes/scripts/custom.js

@@ -0,0 +1,6 @@
+/*
+ * JavaScript customizations
+ *
+ * this file is appended to the script block at the bootom of the page layout
+ * you can add or override variables and functions here
+ */

data/_includes/scripts/page.js

@@ -1,3 +1,7 @@
+toggle_collapsed = function(id) {
+  $('#'+id).toggleClass('collapsed'); //  document.getElementById(id).classList.toggle('collapsed');
+}
+
 sidebar_init = function() {
   $('#sidebar-retractable')
   .sidebar({

data/_includes/styles/custom.css

@@ -1,5 +1,6 @@
 /*
  * CSS customizations
  *
- * rules in this file will take precedence over other rules defined for the theme
- */
+ * this file is included after all other stye sheet files
+ * you can add rules here that will take precedence over any already defined by the theme
+ */

data/_includes/styles/programming-pages/tweaks.css

@@ -247,6 +247,16 @@ pre.highlight {
   width: fit-content;
   max-width: 100%;
 }
+.example.segment {
+  min-height: 4rem;
+  background-color: transparent;
+}
+.collapsible.example {
+  display: block;
+}
+.collapsible.example.collapsed {
+  display: none;
+}
 .larger.text {
   font-size: 150%;
 }

data/_layouts/page.html

@@ -1,6 +1,6 @@
 ---
 layout: base
-theme_version: 0.5.18
+theme_version: 0.5.19
 theme_url: https://github.com/pixeldroid/programming-pages
 ---
 
@@ -52,4 +52,7 @@ theme_url: https://github.com/pixeldroid/programming-pages
 {% include scripts/search.js %}
 {% include scripts/page.js %}
 {% include scripts/help.js %}
+
+{% comment %} provide user extension / override point {% endcomment %}
+{% include scripts/custom.js %}
 </script>

data/assets/site.js

@@ -2,6 +2,9 @@
 layout: compress
 ---
 
+{% comment %} render-blocking scripts only {% endcomment %}
+{% comment %} on-page-ready scripts are loaded by the page layout {% endcomment %}
+
 {% include scripts/jquery/jquery-3.3.1.custom.min.js %}
 {% include scripts/jquery-address/jquery-address-1.6.semantic-ui.min.js %}
 

data/assets/site.scss

@@ -39,5 +39,5 @@ layout: compress
 {% comment %} not scss, needs liquid processing {% endcomment %}
 {% include styles/programming-pages/tweaks.css %}
 
-{% comment %} allow user to override any theme css {% endcomment %}
+{% comment %} provide user extension / override point {% endcomment %}
 {% include styles/custom.css %}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: programming-pages
 version: !ruby/object:Gem::Version
-  version: 0.5.18
+  version: 0.5.19
 platform: ruby
 authors:
 - pixeldroid
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-05-23 00:00:00.000000000 Z
+date: 2019-05-27 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: github-pages
@@ -64,6 +64,7 @@ files:
 - README.md
 - _config.yml
 - _data/icons/theme.yml
+- _includes/collapsible_example.liquid
 - _includes/elements/attribution.html
 - _includes/elements/help.html
 - _includes/elements/indices.html
@@ -75,6 +76,7 @@ files:
 - _includes/package_shortener.liquid
 - _includes/page_root.liquid
 - _includes/render_indices.liquid
+- _includes/scripts/custom.js
 - _includes/scripts/example.js
 - _includes/scripts/help.js
 - _includes/scripts/indices.js