programming-pages 0.5.13 → 0.5.14

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d57b487009256e4b0e49d71617734cf316bfa4f5704a89c3cf1171ef13b62720
-  data.tar.gz: 663ae09708451c5dda16b720ff4ede925502f186104dd38a07d6325a6486f4a9
+  metadata.gz: 24cc6b3708f8ac98b71592e093a96b6ab35ece97914cc38f7313c12cec037865
+  data.tar.gz: 7a675425de808aacb44718c10f7ac6ea87ac672a7d996c86262b6bc65e384932
 SHA512:
-  metadata.gz: 7e018ffd284f4e54e37410a202e1e785e379aa9a2fc15977b7e00c801490ec821adb0578733bc41d452ea82111b412aeb57c0df9be5417ed58096d30409b6364
-  data.tar.gz: 55a2609e7492ffb36adf12d142ab3ce533229f98e0f4e2824bd2079ad33237bd508ab79c7a0f2a1abbe745066fd75a44f69b35fa750109ff0374dcb127397625
+  metadata.gz: e918e7145f1acba9f5081e271a1150b2c09d610d86ad82fca234bb3e04a3e23a0cf6f65a2e56f4dd6e5add1b0c809e199f7629b4fade8dfdc01d50771c3553d4
+  data.tar.gz: 02cdaea11098a7d2f84d38df713a914b48af071636122335f54774eda626dadccf2ed966a072df552ccbbfa3a402cfddf15395f14cf6a81a0a5ca9123b8f3d90

data/_includes/elements/indices.html

@@ -201,7 +201,7 @@ so our strategy is to:
 
 {%- comment %} these fixed items (search & collection tabs) need to be above the tab segments {% endcomment -%}
 
-<div id="collection-tabs" class="ui inverted stackable pointing secondary fixed menu">
+<div id="sidebar-collection-tabs" class="ui inverted stackable pointing secondary fixed menu">
 {% for collection in collection_list %}
 {% capture tab_class %}{% if forloop.first %}active {% endif %}item{% endcapture %}
   <a class="{{ tab_class }}" data-tab="{{ collection.label | downcase }}">{{ collection.title }}</a>

data/_includes/scripts/indices.js

@@ -3,12 +3,12 @@ set_indices_scrolltop = function() {
   var active_item = $('#active-page-index').first();
   if (active_item.length < 1) return;
 
-  var y = active_item.position().top - 50; {% comment %} an arbitrary amount below the collection-tabs element {% endcomment %}
+  var y = active_item.position().top - 50; {% comment %} an arbitrary amount below the sidebar-collection-tabs element {% endcomment %}
   $('#sidebar-fixed').scrollTop(y);
 }
 
 collection_tabs_init = function() {
-  $('#collection-tabs .item').tab({
+  $('#sidebar-collection-tabs .item').tab({
     history: true,
     historyType: 'hash',
     onFirstLoad: set_indices_scrolltop,

data/_includes/scripts/page.js

@@ -12,13 +12,13 @@ sidebar_init = function() {
 $(sidebar_init);
 
 ensure_mobile_view = function() {
-  if (0 == $('#sidebar-retractable').has('#collection-indices').length) {
-    $('#collection-indices').appendTo( $('#sidebar-retractable') );
+  if (0 == $('#sidebar-retractable').has('#sidebar-collection-indices').length) {
+    $('#sidebar-collection-indices').appendTo( $('#sidebar-retractable') );
   }
 };
 ensure_desktop_view = function() {
-  if (0 == $('#sidebar-fixed').has('#collection-indices').length) {
-    $('#collection-indices').appendTo( $('#sidebar-fixed') );
+  if (0 == $('#sidebar-fixed').has('#sidebar-collection-indices').length) {
+    $('#sidebar-collection-indices').appendTo( $('#sidebar-fixed') );
   }
   if ($('#sidebar-retractable').sidebar('is visible')) {
     $('#sidebar-retractable').sidebar('hide');

data/_includes/styles/emoji.css

@@ -0,0 +1,16 @@
+/*
+ * Emoji sizes to match semantic ui vocabulary and leverage souce being 128px x 128px
+ */
+
+img.emoji {
+  width: auto;
+  vertical-align: middle;
+  height: 1.25em; /* medium */
+}
+.ui.mini > img.emoji { height: 1.5em; }
+.ui.tiny > img.emoji { height: 1.25em; }
+.ui.small > img.emoji { height: 1.125em; }
+.ui.large > img.emoji { height: 1.5em; }
+.ui.big > img.emoji { height: 1.75em; }
+.ui.huge > img.emoji { height: 2em; }
+.ui.massive > img.emoji { height: 3em; }

data/_includes/styles/tweaks.css

@@ -2,6 +2,17 @@
  * CSS customizations for the programming pages template
  */
 
+/* add cross-platform support for unicode characters used in the theme */
+@font-face {
+  font-family: 'progp-symbol';
+  src: url('fonts/progp-symbol.woff2') format('woff2'); /* path relative to /assets/site.css */
+  unicode-range: U+2B8C; /* ⮌ | U+2B8C: ANTICLOCKWISE TRIANGLE-HEADED RIGHT U-SHAPED ARROW */
+}
+.reversefootnote { /* kramdown applies this class to footnote backlinks */
+  font-family: 'progp-symbol', 'Segoe UI Symbol', sans-serif;
+  font-size: 80%;
+}
+
 /* use flexbox to keep footer stuck to bottom */
 .pusher {
   display: flex;
@@ -112,36 +123,36 @@ sup:target::before {
 }
 
 /* add space underneath indices so bottom-most item can scroll into view */
-#collection-indices {
+#sidebar-collection-indices {
   padding-bottom: 75vh;
 }
-#collection-indices .ui.large.fixed.menu .item {
+#sidebar-collection-indices .ui.large.fixed.menu .item {
   padding-top: 1.4em;
 }
 
 /* for sidebar fixed, keep search and tabs fixed at top */
-#sidebar-fixed #collection-indices .ui.large.fixed.menu {
+#sidebar-fixed #sidebar-collection-indices .ui.large.fixed.menu {
   top: 3.5rem;
 }
-#sidebar-fixed #collection-indices .ui.tab.segment {
+#sidebar-fixed #sidebar-collection-indices .ui.tab.segment {
   top: 5rem;
   margin-top: 0;
 }
-#sidebar-fixed #collection-tabs {
+#sidebar-fixed #sidebar-collection-tabs {
   top: 5.5rem;
   background-color: #1b1c1d; /* FIXME: this should pull the semantic sass variable for inverted backgrounds: @black */
 }
 
 /* for sidebar retractable, items still need to be positioned, since they've been fixed */
 /* FIXME: this is clunky and brittle */
-#sidebar-retractable #collection-indices .ui.large.fixed.menu {
+#sidebar-retractable #sidebar-collection-indices .ui.large.fixed.menu {
   top: 0;
 }
-#sidebar-retractable #collection-indices .ui.tab.segment {
+#sidebar-retractable #sidebar-collection-indices .ui.tab.segment {
   top: 8.5rem; /* TODO: use liquid to make this {{ num_collections*2.5+1 }}; */
   margin-top: 0;
 }
-#sidebar-retractable #collection-tabs {
+#sidebar-retractable #sidebar-collection-tabs {
   top: 2.5rem;
   background-color: rgba(255,255,255,.08); /* FIXME: this should pull the semantic sass variable for .ui.inverted.menu a.item:hover: @invertedHoverBackground */
 }

data/_layouts/page.html

@@ -1,6 +1,6 @@
 ---
 layout: base
-theme_version: 0.5.13
+theme_version: 0.5.14
 theme_url: https://github.com/pixeldroid/programming-pages
 ---
 
@@ -11,7 +11,7 @@ theme_url: https://github.com/pixeldroid/programming-pages
 
 <!-- animated sidebar (can be revealed in mobile view) -->
 <div id="sidebar-retractable" class="ui vertical inverted sidebar menu">
-  <!-- #collection-indices is re-parented here for mobile view -->
+  <!-- #sidebar-collection-indices is re-parented here for mobile view -->
 </div>
 
 <!-- pushing container (will be pushed right when retractable sidebar opens) -->
@@ -20,7 +20,7 @@ theme_url: https://github.com/pixeldroid/programming-pages
 <div class="ui left attached internal rail">
 <!-- static sidebar (visible in non-mobile view) -->
 <div id="sidebar-fixed" class="ui vertical inverted menu">
-<div id="collection-indices">
+<div id="sidebar-collection-indices">
 {% include elements/indices.html %}
 </div>
 </div>

data/assets/fonts/progp_symbol.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>generated by fontello.com</metadata>
+<metadata>glyph U+2B8C (back) from Iconic, copyright P.J Onori</metadata>
+<defs>
+<font id="progp_symbol" horiz-adv-x="1000" >
+<font-face font-family="progp_symbol" font-weight="400" font-stretch="normal" units-per-em="1000" ascent="850" descent="-150" />
+<missing-glyph horiz-adv-x="1000" />
+<glyph glyph-name="back" unicode="&#x2b8c;" d="M804 694q107-107 107-262 0-150-107-257l-84-84-79 80 84 84q74 74 74 177 0 108-74 183-72 72-180 72t-180-72l-153-155 141 0 0-109-335 0 0 334 112 0 0-147 156 156q103 103 259 103t259-103z m-271-791l-79 79 79 81 79-81z" horiz-adv-x="928" />
+</font>
+</defs>
+</svg>

data/assets/site.css

@@ -30,6 +30,7 @@ layout: compress
 {% include styles/semantic-ui/transition.min.css %}
 
 {% capture _css %}
+{% include styles/emoji.css %}
 {% include styles/kbd.css %}
 {% include styles/svg-icons.css %}
 {% include styles/tweaks.css %}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: programming-pages
 version: !ruby/object:Gem::Version
-  version: 0.5.13
+  version: 0.5.14
 platform: ruby
 authors:
 - pixeldroid
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-02-11 00:00:00.000000000 Z
+date: 2019-02-17 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: github-pages
@@ -16,14 +16,14 @@ dependencies:
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: '193'
+        version: '196'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: '193'
+        version: '196'
 - !ruby/object:Gem::Dependency
   name: bundler
   requirement: !ruby/object:Gem::Requirement
@@ -92,6 +92,7 @@ files:
 - _includes/scripts/semantic-ui/sticky.min.js
 - _includes/scripts/semantic-ui/tab.min.js
 - _includes/scripts/semantic-ui/transition.min.js
+- _includes/styles/emoji.css
 - _includes/styles/kbd.css
 - _includes/styles/semantic-ui/_version.css
 - _includes/styles/semantic-ui/breadcrumb.min.css
@@ -127,6 +128,8 @@ files:
 - _layouts/guide-index.html
 - _layouts/layout.html
 - _layouts/page.html
+- assets/fonts/progp-symbol.woff2
+- assets/fonts/progp_symbol.svg
 - assets/site.css
 - assets/site.js
 - favicon.png