assets + logo change

.gitignore

@@ -1,5 +1,7 @@
 .jekyll-cache/
 _site/
-assets/
+assets/fonts/
+assets/icons/
+assets/img/
 Gemfile.lock
 *.backup

_config.yml

@@ -7,7 +7,7 @@ title:  <p id="title"></p>
             }
             document.getElementById("title").innerHTML = currenturl;
         </script>
-logo: /assets/img/logo.jpg
+logo: /assets/img/logo.png
 description:
 show_downloads: false
 color-scheme: dark

_includes/footer.html

@@ -1 +1 @@
-<p><small>Powered by <a href="https://jekyllrb.com/">Jekyll</a> &mdash; Based on a theme from <a href="https://www.bodunhu.com/">BDHU</a>, <a href="https://pixabay.com/photos/gentoo-penguin-penguin-calgary-zoo-1502922/">logo credits</a></small></p>
+<p><small>Powered by <a href="https://jekyllrb.com/">Jekyll</a> &mdash; Based on a theme from <a href="https://www.bodunhu.com/">BDHU</a>, logo from <a href="https://lillimon.crd.co/">Lillimon</a></small></p>

assets/css/colors-auto-default-dark.scss

@@ -0,0 +1,17 @@
+---
+---
+
+//this mode is like colors-auto but if the device does not support @media prefers-color-scheme it will deafault to dark mode
+
+@import "colors";
+
+:root {
+    @include colors;
+    @include dark-colors;
+  }
+
+@media print, (prefers-color-scheme: light) {//we would not like to apply dark mode if content is on printer as that would use a lot of ink
+  :root {
+    @include light-colors;
+  }
+}

assets/css/colors-auto.scss

@@ -0,0 +1,15 @@
+---
+---
+
+@import "colors";
+
+:root {
+    @include colors;
+    @include light-colors;
+  }
+
+@media screen and (prefers-color-scheme: dark) {//we would not like to apply dark mode if content is on printer as that would use a lot of ink
+  :root{
+    @include dark-colors;
+  }
+}

assets/css/colors-dark.scss

@@ -0,0 +1,15 @@
+---
+---
+
+@import "colors";
+
+:root {
+  @include colors;
+  @include dark-colors;
+}
+
+@media print {
+  :root {
+    @include light-colors;
+  }
+}

assets/css/colors-light.scss

@@ -0,0 +1,9 @@
+---
+---
+
+@import "colors";
+
+:root {
+  @include colors;
+  @include light-colors;
+}

assets/css/style-article.scss

@@ -0,0 +1,71 @@
+---
+---
+
+$section-width: 100%;
+$section-float: middle;
+
+@import "jekyll-theme-minimalist";
+
+.img-circle {
+    -webkit-border-radius: 8px;
+    -moz-border-radius: 8px;
+    border-radius: 8px;
+    margin-bottom: 10px;
+}
+
+.overlay {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background: rgba(0, 0, 0, 0.7);
+  transition: opacity 500ms;
+  visibility: hidden;
+  opacity: 0;
+}
+
+.overlay:target {
+  visibility: visible;
+  opacity: 1;
+}
+
+.popup {
+  margin: 70px auto;
+  padding: 20px;
+  background: #fff;
+  border-radius: 5px;
+  width: 30%;
+  position: relative;
+  transition: all 1s ease-in-out;
+}
+
+.popup .close {
+  position: absolute;
+  top: 10px;
+  right: 10px;
+  transition: all 200ms;
+  font-size: 30px;
+  font-weight: bold;
+  text-decoration: none;
+  color: #333;
+}
+.popup .close:hover {
+  color: #06D85F;
+}
+
+.popup .content {
+  padding-right: 20px;
+  max-height: 30%;
+  overflow: auto;
+  font: 15px/1.5 "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+
+@media screen and (max-width: 700px){
+  .box{
+    width: 70%;
+  }
+  .popup{
+    width: 70%;
+  }
+}

assets/css/style.scss

@@ -0,0 +1,68 @@
+---
+---
+
+@import "jekyll-theme-minimalist";
+
+.img-circle {
+    -webkit-border-radius: 8px;
+    -moz-border-radius: 8px;
+    border-radius: 8px; 
+    margin-bottom: 10px;
+}
+
+.overlay {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background: rgba(0, 0, 0, 0.7);
+  transition: opacity 500ms;
+  visibility: hidden;
+  opacity: 0;
+}
+
+.overlay:target {
+  visibility: visible;
+  opacity: 1;
+}
+
+.popup {
+  margin: 70px auto;
+  padding: 20px;
+  background: #fff;
+  border-radius: 5px;
+  width: 30%;
+  position: relative;
+  transition: all 1s ease-in-out;
+}
+
+.popup .close {
+  position: absolute;
+  top: 10px;
+  right: 10px;
+  transition: all 200ms;
+  font-size: 30px;
+  font-weight: bold;
+  text-decoration: none;
+  color: #333;
+}
+.popup .close:hover {
+  color: #06D85F;
+}
+
+.popup .content {
+  padding-right: 20px;
+  max-height: 30%;
+  overflow: auto;
+  font: 15px/1.5 "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+
+@media screen and (max-width: 700px){
+  .box{
+    width: 70%;
+  }
+  .popup{
+    width: 70%;
+  }
+}

assets/js/scale.fix.js

@@ -0,0 +1,27 @@
+(function(document) {
+    var metas = document.getElementsByTagName('meta'),
+        changeViewportContent = function(content) {
+            for (var i = 0; i < metas.length; i++) {
+                if (metas[i].name == "viewport") {
+                    metas[i].content = content;
+                }
+            }
+        },
+        initialize = function() {
+            changeViewportContent("width=device-width, minimum-scale=1.0, maximum-scale=1.0");
+        },
+        gestureStart = function() {
+            changeViewportContent("width=device-width, minimum-scale=0.25, maximum-scale=1.6");
+        },
+        gestureEnd = function() {
+            initialize();
+        };
+
+
+    if (navigator.userAgent.match(/iPhone/i)) {
+        initialize();
+
+        document.addEventListener("touchstart", gestureStart, false);
+        document.addEventListener("touchend", gestureEnd, false);
+    }
+})(document);