jumbo-jekyll-theme 3.0.37 → 3.0.38

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 465340daf789dfdc1734f405bb261f4b23fb72576d757006ea5a49d4e3f74595
-  data.tar.gz: a43a6be5996298d9e45d8ac4d3066a60e3794f76f6123dc643edf0f506f8bbbe
+  metadata.gz: 4e00477f515e8c0014ec074c2a404a015fd23917fc18eb7000b505624482238b
+  data.tar.gz: 48606683199bf13f90fa40b9623e35543af226ec3ac072953e7f5fb52c32f200
 SHA512:
-  metadata.gz: 375f2a8db9a80546b06341881c38ed135a5a277d65982bd896fd6fe549f863b87b6dab630ae9b67b72667551f2912c15bb616e99916fbd8535425ebd3f5aecd3
-  data.tar.gz: b06d1117274135c2c62d65f6f4223afdda59c2633265057f5fb0c04b1383a5e5491d27f32773ebeeef3208ce48fe372cc13aaa498a61daba26198c252d93f242
+  metadata.gz: '09b275bd7062e050a693c03bd5ac1c565c11d5a0859023c5837d15628f99313404144f8aae5b1425bfc5dd0973a7941a51408ad2d9f7a4c02d7997f9b1d8de73'
+  data.tar.gz: '07189fb7e87c055ab5cc3656a2c28a5c73d2fd62a1c2e422f8189f410161fc622469d9452a73ebd4a39e5da9dfd4adf411c82b3187ded403928f5fe794e14b49'

data/_includes/disqus-comments.html

@@ -1,65 +1,8 @@
 {% unless page.comments == false %}
     <section id="comments-section">
         <h3>Comments</h3>
+        <div class="disqus-placeholder">Loading comments...</div>
         <div class="disqus"></div>
-        <script type="text/javascript">
-            function defer(method) {
-                if (window.jQuery) {
-                    method();
-                } else {
-                    setTimeout(function() { defer(method) }, 50);
-                }
-            }
-            defer(function () {
-                $(document).ready(function(){
-                    var disqus_shortname = '{{ site.data.settings.disqus.shortname }}';
-                    var options =
-                        {
-                        scriptUrl: '//' + disqus_shortname + '.disqus.com/embed.js',
-                        /*
-                            @type: string (url)
-                            @default: none
-                            @required
-                            URL of Disqus' executive JS file. The value is memorized on the first function call
-                            and ignored otherwise because Disqus allows only one instance per page at the time.
-                        */
-
-                        laziness: 1,
-                        /*
-                            @type: int (>=0)
-                            @default: 1
-                            Sets the laziness of loading the widget: (viewport height) * laziness . For example:
-                            0 - widget load starts when at the least a tiny part of it gets in the viewport;
-                            1 - widget load starts when the distance between the widget zone and the viewport is no more than the height of the viewport;
-                            2 - 2x viewports, etc.
-                        */
-
-                        throttle: 250,
-                        /*
-                            @type: int (milliseconds)
-                            @default: 250
-                            Defines how often the plugin should make calculations during the
-                            processes such as resize of a browser's window or viewport scroll.
-                            250 = 4 times in a second.
-                        */
-
-                        /*
-                            @type: function
-                            @default: none
-                            Disqus-native options. Check Disqus' manual for more information.
-                        */
-                        disqusConfig: function()
-                        {
-                            this.page.title       = '{{page.title}}';
-                            this.page.url         = '{{site.url}}{{page.url}}';
-                            this.page.identifier  = '{{page.url}}';
-                        }
-                        };
-                    // jQuery
-                    $.disqusLoader( '.disqus', options);
-                });
-            });
-        </script>
     </section>
 {% endunless %}
 

data/_sass/app/blog.scss

@@ -56,3 +56,4 @@ h1#featured-image-blog-title {
 #wrapper h3.panel-title {
     color: $blog-panel-title-colour;
 }
+.disqus-placeholder.is-hidden { display: none; }

data/assets/js/app/blog-comments.js

@@ -0,0 +1,50 @@
+$(document).ready(function(){
+    var options =
+        {
+        scriptUrl: '//96Boards.disqus.com/embed.js',
+        /*
+            @type: string (url)
+            @default: none
+            @required
+            URL of Disqus' executive JS file. The value is memorized on the first function call
+            and ignored otherwise because Disqus allows only one instance per page at the time.
+        */
+
+        laziness: 1,
+        /*
+            @type: int (>=0)
+            @default: 1
+            Sets the laziness of loading the widget: (viewport height) * laziness . For example:
+            0 - widget load starts when at the least a tiny part of it gets in the viewport;
+            1 - widget load starts when the distance between the widget zone and the viewport is no more than the height of the viewport;
+            2 - 2x viewports, etc.
+        */
+
+        throttle: 250,
+        /*
+            @type: int (milliseconds)
+            @default: 250
+            Defines how often the plugin should make calculations during the
+            processes such as resize of a browser's window or viewport scroll.
+            250 = 4 times in a second.
+        */
+
+        /*
+            @type: function
+            @default: none
+            Disqus-native options. Check Disqus' manual for more information.
+        */
+        disqusConfig: function()
+        {
+            this.page.title       = 'Page Title';
+            this.page.url         = 'Page URL';
+            this.page.identifier  = 'Identifier';
+            this.callbacks.onReady = [function()
+                {
+                  $( '.disqus-placeholder' ).addClass( 'is-hidden' );
+                }];
+        }
+        };
+    // jQuery
+    $.disqusLoader( '.disqus', options);
+});

data/assets/js/package-blog.js

@@ -5,6 +5,7 @@
 //= require vendor/lazysizes
 //= require vendor/featherlight
 //= require vendor/disqus-loader
+//= require app/blog-comments
 
 //= require app/main
 //= require app/search

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: jumbo-jekyll-theme
 version: !ruby/object:Gem::Version
-  version: 3.0.37
+  version: 3.0.38
 platform: ruby
 authors:
 - Kyle Kirkby
@@ -528,6 +528,7 @@ files:
 - assets/images/placeholder.png
 - assets/images/prev.png
 - assets/images/social-media-image.png
+- assets/js/app/blog-comments.js
 - assets/js/app/custom.js
 - assets/js/app/facebook.js
 - assets/js/app/fly.js