Updated facicon and optimized some JavaScript

mirkosertic · Sep 6, 2017 · 443a432 · 443a432
1 parent 0037191
commit 443a432
Show file tree

Hide file tree

Showing 15 changed files with 146 additions and 108 deletions.
diff --git a/static/favicon.ico b/static/favicon.ico
diff --git a/themes/simple/layouts/partials/footer.html b/themes/simple/layouts/partials/footer.html
@@ -2,8 +2,6 @@
        <footer>
               &copy; Mirko Sertic. All rights reserved.
        </footer>
-       <script src="{{ .Site.BaseURL }}js/particles.min.js"></script>
-       <script src="{{ .Site.BaseURL }}js/app.js"></script>
        <script>
            function existsByCSSSelector(aSelector) {
                var element = document.querySelector(aSelector)
@@ -41,6 +39,115 @@
                }
            }
 
+           var particleLoader = new Loader();
+           particleLoader.require(["{{ .Site.BaseURL }}js/particles.min.js"], function() {
+               particlesJS("particles-js", {
+                   "particles": {
+                       "number": {
+                           "value": 60,
+                           "density": {
+                               "enable": true,
+                               "value_area": 200
+                           }
+                       },
+                       "color": {
+                           "value": "#6b6e70"
+                       },
+                       "shape": {
+                           "type": "circle",
+                           "stroke": {
+                               "width": 0,
+                               "color": "#6b6e70"
+                           },
+                           "polygon": {
+                               "nb_sides": 5
+                           },
+                       },
+                       "opacity": {
+                           "value": 0.5,
+                           "random": false,
+                           "anim": {
+                               "enable": false,
+                               "speed": 1,
+                               "opacity_min": 0.1,
+                               "sync": false
+                           }
+                       },
+                       "size": {
+                           "value": 3,
+                           "random": true,
+                           "anim": {
+                               "enable": false,
+                               "speed": 40,
+                               "size_min": 0.1,
+                               "sync": false
+                           }
+                       },
+                       "line_linked": {
+                           "enable": true,
+                           "distance": 150,
+                           "color": "#6b6e70",
+                           "opacity": 0.4,
+                           "width": 1
+                       },
+                       "move": {
+                           "enable": true,
+                           "speed": 2,
+                           "direction": "none",
+                           "random": false,
+                           "straight": false,
+                           "out_mode": "out",
+                           "bounce": false,
+                           "attract": {
+                               "enable": false,
+                               "rotateX": 600,
+                               "rotateY": 1200
+                           }
+                       }
+                   },
+                   "interactivity": {
+                       "detect_on": "canvas",
+                       "events": {
+                           "onhover": {
+                               "enable": true,
+                               "mode": "grab"
+                           },
+                           "onclick": {
+                               "enable": true,
+                               "mode": "push"
+                           },
+                           "resize": true
+                       },
+                       "modes": {
+                           "grab": {
+                               "distance": 140,
+                               "line_linked": {
+                                   "opacity": 1
+                               }
+                           },
+                           "bubble": {
+                               "distance": 400,
+                               "size": 40,
+                               "duration": 2,
+                               "opacity": 8,
+                               "speed": 3
+                           },
+                           "repulse": {
+                               "distance": 200,
+                               "duration": 0.4
+                           },
+                           "push": {
+                               "particles_nb": 4
+                           },
+                           "remove": {
+                               "particles_nb": 2
+                           }
+                       }
+                   },
+                   "retina_detect": true
+               });
+           });
+
            if (existsByCSSSelector("pre.highlight code") > 0) {
                var loader = new Loader();
                loader.require(["{{ .Site.BaseURL }}js/highlight-9.9.0.min.js"], function() {

diff --git a/themes/simple/layouts/partials/header.html b/themes/simple/layouts/partials/header.html
@@ -16,7 +16,15 @@
         {{ end }}
 
         <link rel="stylesheet" href="{{ .Site.BaseURL }}css/site.css">
-        <link rel="shortcut icon" href="{{ .Site.BaseURL }}favicon.ico"/>
+
+        <link rel="shortcut icon" type="image/x-icon" href="{{ .Site.BaseURL }}favicon.ico">
+        <link rel="apple-touch-icon" sizes="180x180" href="{{ .Site.BaseURL }}apple-touch-icon.png">
+        <link rel="icon" type="image/png" sizes="32x32" href="{{ .Site.BaseURL }}favicon-32x32.png">
+        <link rel="icon" type="image/png" sizes="16x16" href="{{ .Site.BaseURL }}favicon-16x16.png">
+        <link rel="manifest" href="{{ .Site.BaseURL }}manifest.json">
+        <link rel="mask-icon" href="{{ .Site.BaseURL }}safari-pinned-tab.svg" color="#5bbad5">
+        <meta name="theme-color" content="#ffffff">
+
         {{ template "_internal/google_analytics_async.html" . }}
     </head>
     <body>

diff --git a/themes/simple/static/android-chrome-192x192.png b/themes/simple/static/android-chrome-192x192.png
diff --git a/themes/simple/static/android-chrome-512x512.png b/themes/simple/static/android-chrome-512x512.png
diff --git a/themes/simple/static/apple-touch-icon.png b/themes/simple/static/apple-touch-icon.png
diff --git a/themes/simple/static/browserconfig.xml b/themes/simple/static/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/themes/simple/static/favicon-16x16.png b/themes/simple/static/favicon-16x16.png
diff --git a/themes/simple/static/favicon-32x32.png b/themes/simple/static/favicon-32x32.png
diff --git a/themes/simple/static/favicon.ico b/themes/simple/static/favicon.ico
diff --git a/themes/simple/static/favicon.png b/themes/simple/static/favicon.png
diff --git a/themes/simple/static/js/app.js b/themes/simple/static/js/app.js
diff --git a/themes/simple/static/manifest.json b/themes/simple/static/manifest.json
@@ -0,0 +1,18 @@
+{
+    "name": "",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}
diff --git a/themes/simple/static/mstile-150x150.png b/themes/simple/static/mstile-150x150.png
diff --git a/themes/simple/static/safari-pinned-tab.svg b/themes/simple/static/safari-pinned-tab.svg