fixed Firefox display issue

Author: jsdnhk

PROJECTS_USED.md

@@ -14,6 +14,7 @@ title: "Projects Used"
 
 - [Jekyll](https://jekyllrb.com/): Lightweight but strong blog-aware static web framework published by GitHub
 - [Google Analytics](https://developers.google.com/analytics): Web analytics service by Google
+- [Disqus](https://disqus.com/): American worldwide blog comment hosting service for websites
 - [JQuery](https://jquery.com/): Agile and feature-rich JavaScript library
 - [Underscore.js](https://underscorejs.org/): Enhancement of JavaScript by helper functions
 

_config.yml

@@ -17,7 +17,7 @@ github_url: "https://github.com/"
 github_username: "jsdnhk"
 repository: "jsdnhk/jsdnhk.github.io"
 timezone: "Asia/Hong_Kong"
-analytics_account: "UA-3769691-28"
+google_analytics_account: "UA-141729733-1"
 disqus_shortname: jsdnhk
 
 # not use default theme

_includes/bg_video.html

@@ -51,7 +51,7 @@
             return;
         }
         // toggle
-        if (!isPlaying()) return false;
+        if (!isPlaying()) return;
         var isBlogMode = $(divPageContainer).css(cssBgColor).search(alphaBlog) != -1;
         var alphaToggle = isBlogMode ? alphaView : alphaBlog;
         var rgbaPageContainer = $(divPageContainer).css(cssBgColor).replace(regexRGBA, alphaToggle);
@@ -88,7 +88,7 @@
         $(selectBG).find('option').each(function(index, element) {
             if (index == targetIndex) {
                 $(selectBG).val(element.value).trigger("change");
-                return false;
+                return false;       // break the foreach loop
             }
         });
     }

_includes/google_analytics.html

@@ -1,9 +1,10 @@
+<!-- Global site tag (gtag.js) - Google Analytics -->
+<script async src="https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics_account }}"></script>
 <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+    window.dataLayer = window.dataLayer || [];
+    function gtag(){dataLayer.push(arguments);}
+    gtag('js', new Date());
 
-  ga('create', '{{ site.analytics_account }}', 'auto');
-  ga('send', 'pageview');
+    gtag('config', '{{ site.google_analytics_account }}');
 </script>
+

_includes/metadata.html

@@ -1,6 +1,7 @@
 <!-- Metadata -->
 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
-<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
+<!--<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">-->
+<meta name="viewport" content="width=device-width">
 <meta name="description" content="{{ site.description }}">
 <meta name="keywords"  content="{{ site.keyword }}">
 <meta name="author" content="{{ site.github_username }}@GitHub" />

_sass/hyde.scss

@@ -88,7 +88,7 @@ html {
   // margin: 1.5rem auto;
   font-family: $fonts_header;
   font-size: 3.25rem;
-  text-align: -moz-center;
+  text-align: left;
 
   img {
     border-radius: 1.5rem;

_sass/plus.scss

@@ -65,6 +65,7 @@ div.select-video-bg {
     width: 100%;
     border: 12px;
     font-size: 18px;
+    border-radius: 0.25em;
     box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
     -webkit-appearance: button;
     appearance: button;
@@ -73,7 +74,9 @@ div.select-video-bg {
     option {
       font-family: $fonts_text;
       padding: 30px;
-      background-color: rgba(255, 255, 255, 0.8);
+      // reverted color set
+      color: $background;
+      background-color: $foreground;;
     }
   }
 

pages/blog/index.md

@@ -3,7 +3,7 @@ layout: page
 title: Blog
 title_image: "apps/basket.png"
 title_display: true
-footer_quote: "\"Learn and often review and practice,and is this not very happy?\"---Confucius"
+footer_quote: "\"Learn and often review and practice, and is this not very happy?\"---Confucius"
 permalink: /blog/
 ---