update style and shortcode

Author: leovan

layouts/_default/list.html

@@ -9,7 +9,7 @@ <h1>{{ .Site.Params.title | markdownify }}</h1>
       <span>{{ .Site.Params.subtitle | markdownify }}</span>
       <div class="social-icons">
       {{ range .Site.Params.socialIcons }}
-        <a href="{{ .url | default "#" }}" {{ if isset . "url" }}target="_blank"{{ end }} rel="noopener noreferrer me" title="{{ .title }}">
+        <a class="social-icon" href="{{ .url | default "#" }}" {{ if isset . "url" }}target="_blank"{{ end }} rel="noopener noreferrer me" title="{{ .title }}">
           {{ if and (strings.HasSuffix .icon "svg") (strings.HasPrefix .icon "/") }}
           {{ (print "/static" .icon) | readFile | safeHTML }}
           {{ else }}

layouts/shortcodes/pdf-viewer.html

@@ -47,60 +47,21 @@
 </div>
 
 <script type="text/javascript">
-var url = '{{ $url }}';
-var pdfjsLib = window['pdfjs-dist/build/pdf'];
-pdfjsLib.GlobalWorkerOptions.workerSrc = '{{ $pdfjsCDN }}/pdf.js/{{ $pdfjsVersion }}/pdf.worker.js';
+(function(d) {
+  var url = '{{ $url }}';
+  var pdfjsLib = window['pdfjs-dist/build/pdf'];
+  pdfjsLib.GlobalWorkerOptions.workerSrc = '{{ $pdfjsCDN }}/pdf.js/{{ $pdfjsVersion }}/pdf.worker.js';
 
-pdfjsLib.getDocument(url).promise.then(function(pdf) {
   var pageNum = {{ $page }};
   var pageRendering = false;
   var pagePendingNum = null;
-  var scale = 3;
-  var canvas = document.getElementById('pdf-viewer-canvas-{{ $pdf_viewer_index }}');
+  var scale = 1.5;
+  var canvas = d.getElementById('pdf-viewer-canvas-{{ $pdf_viewer_index }}');
   var context = canvas.getContext('2d');
-  var loadingWrapper = document.getElementById('pdf-viewer-loading-wrapper-{{ $pdf_viewer_index }}');
-  var controlsContainer = document.getElementById('pdf-viewer-controls-container-{{ $pdf_viewer_index }}');
-  var prevPage = document.getElementById('pdf-viewer-button-prev-page-{{ $pdf_viewer_index }}');
-  var nextPage = document.getElementById('pdf-viewer-button-next-page-{{ $pdf_viewer_index }}');
-
-  var pdfNumPages = pdf.numPages;
-
-  if (pageNum > pdfNumPages) {
-    pageNum = pdfNumPages;
-  }
-
-  document.getElementById('pdf-viewer-total-page-{{ $pdf_viewer_index }}').textContent = pdfNumPages;
-  document.getElementById('pdf-viewer-button-prev-page-{{ $pdf_viewer_index }}').addEventListener('click', onPrevPage);
-  document.getElementById('pdf-viewer-button-next-page-{{ $pdf_viewer_index }}').addEventListener('click', onNextPage);
-
-  showLoader();
-  renderPage(pageNum);
-
-  function renderPage(pageNum) {
-    pdf.getPage(pageNum).then(function(page) {
-      var viewport = page.getViewport({scale: scale});
-      canvas.height = viewport.height;
-      canvas.width = viewport.width;
-
-      var renderContext = {
-        canvasContext: context,
-        viewport: viewport
-      };
-      var renderTask = page.render(renderContext);
-
-      renderTask.promise.then(function() {
-        pageRendering = false;
-        showContent();
-
-        if (pagePendingNum !== null) {
-          renderPage(pagePendingNum)
-          pagePendingNum = null;
-        }
-      });
-    });
-
-    document.getElementById('pdf-viewer-current-page-{{ $pdf_viewer_index }}').textContent = pageNum;
-  }
+  var loadingWrapper = d.getElementById('pdf-viewer-loading-wrapper-{{ $pdf_viewer_index }}');
+  var controlsContainer = d.getElementById('pdf-viewer-controls-container-{{ $pdf_viewer_index }}');
+  var prevPage = d.getElementById('pdf-viewer-button-prev-page-{{ $pdf_viewer_index }}');
+  var nextPage = d.getElementById('pdf-viewer-button-next-page-{{ $pdf_viewer_index }}');
 
   function showContent() {
     loadingWrapper.style.display = 'none';
@@ -114,28 +75,70 @@
     controlsContainer.style.display = 'none';
   }
 
-  function queueRenderPage(pageNum) {
-    if (pageRendering) {
-      pagePendingNum = pageNum;
-    } else {
-      renderPage(pageNum);
+  showLoader();
+
+  pdfjsLib.getDocument(url).promise.then(function(pdf) {
+    var pdfNumPages = pdf.numPages;
+
+    if (pageNum > pdfNumPages) {
+      pageNum = pdfNumPages;
     }
-  }
 
-  function onPrevPage() {
-    if (pageNum > 1) {
-      pageNum--;
-      queueRenderPage(pageNum);
+    d.getElementById('pdf-viewer-total-page-{{ $pdf_viewer_index }}').textContent = pdfNumPages;
+    d.getElementById('pdf-viewer-button-prev-page-{{ $pdf_viewer_index }}').addEventListener('click', onPrevPage);
+    d.getElementById('pdf-viewer-button-next-page-{{ $pdf_viewer_index }}').addEventListener('click', onNextPage);
+
+    renderPage(pageNum);
+
+    function renderPage(pageNum) {
+      pdf.getPage(pageNum).then(function(page) {
+        var viewport = page.getViewport({scale: scale});
+        canvas.height = viewport.height;
+        canvas.width = viewport.width;
+
+        var renderContext = {
+          canvasContext: context,
+          viewport: viewport
+        };
+        var renderTask = page.render(renderContext);
+
+        renderTask.promise.then(function() {
+          pageRendering = false;
+          showContent();
+
+          if (pagePendingNum !== null) {
+            renderPage(pagePendingNum)
+            pagePendingNum = null;
+          }
+        });
+      });
+
+      d.getElementById('pdf-viewer-current-page-{{ $pdf_viewer_index }}').textContent = pageNum;
     }
-  }
 
-  function onNextPage() {
-    if (pageNum < pdfNumPages) {
-      pageNum++;
-      queueRenderPage(pageNum);
+    function queueRenderPage(pageNum) {
+      if (pageRendering) {
+        pagePendingNum = pageNum;
+      } else {
+        renderPage(pageNum);
+      }
     }
-  }
-}, function(reason) {
-  console.error(reason);
-});
-</script>
+
+    function onPrevPage() {
+      if (pageNum > 1) {
+        pageNum--;
+        queueRenderPage(pageNum);
+      }
+    }
+
+    function onNextPage() {
+      if (pageNum < pdfNumPages) {
+        pageNum++;
+        queueRenderPage(pageNum);
+      }
+    }
+  }, function(reason) {
+    console.error(reason);
+  });
+})(document);
+</script>