jekyll-theme-fica 0.2.0 → 0.3.0

data/assets/css/Style.scss

@@ -1,13 +1,4 @@
----
----
-
-@import "jekyll-theme-fica";
-
-
-.site-title::before {
-    content: url("{{site.baseurl}}/logo.png");
-    display: inline-block;
-    position: relative;
-    width: 37px;
-    top: 7px;
-  }
+---
+---
+
+@import "jekyll-theme-fica";

data/assets/favicons/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#2b5797</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

data/assets/favicons/safari-pinned-tab.svg

@@ -0,0 +1,32 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="1850.000000pt" height="1850.000000pt" viewBox="0 0 1850.000000 1850.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,1850.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M3815 17653 c-611 -51 -1126 -224 -1595 -536 -750 -498 -1251 -1251
+-1420 -2132 -50 -264 -52 -306 -57 -1090 l-4 -740 47 45 c133 127 4519 4445
+4522 4452 3 7 -1405 9 -1493 1z"/>
+<path d="M6073 15683 c-1105 -1088 -2757 -2714 -3671 -3613 l-1662 -1635 3
+-3415 c3 -3125 4 -3425 20 -3536 77 -559 254 -1032 547 -1464 448 -658 1119
+-1132 1883 -1330 84 -22 194 -47 245 -56 l94 -17 51 50 c62 60 6500 6393 7972
+7842 566 558 1057 1034 1090 1059 88 66 222 128 330 153 80 18 115 21 227 17
+115 -4 146 -9 228 -36 89 -30 195 -84 258 -132 62 -48 177 -170 218 -232 214
+-320 240 -734 68 -1083 -24 -49 -67 -121 -96 -159 -30 -40 -1370 -1366 -3167
+-3135 -4048 -3983 -4435 -4364 -4439 -4373 -2 -5 659 -8 1468 -8 l1472 0 283
+277 c155 153 2011 1979 4124 4058 l3841 3780 -3 2960 c-4 3105 -2 2997 -48
+3270 -223 1328 -1252 2396 -2569 2665 -230 47 -381 62 -626 64 l-221 1 -924
+-910 c-508 -501 -2335 -2299 -4059 -3995 -1724 -1696 -3247 -3195 -3385 -3330
+-245 -241 -314 -299 -425 -355 -349 -176 -762 -98 -1034 196 -328 353 -364
+915 -86 1330 55 81 -188 -159 3768 3733 1860 1830 3382 3330 3382 3332 0 2
+-708 4 -1574 4 l-1574 0 -2009 -1977z"/>
+<path d="M15890 4235 c-861 -847 -2044 -2012 -2630 -2589 -586 -576 -1066
+-1052 -1068 -1057 -5 -13 2069 -12 2223 1 962 80 1807 542 2378 1298 328 435
+545 951 626 1492 36 240 42 458 39 1450 l-3 945 -1565 -1540z"/>
+</g>
+</svg>

data/assets/favicons/site.webmanifest

@@ -0,0 +1,19 @@
+{
+    "name": "Fica Theme",
+    "short_name": "Fica Theme",
+    "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"
+}

data/bin/run

@@ -1,150 +1,195 @@
-#!/usr/bin/env bash
-
-# 
-# Name of the theme
-# 
-THEME="jekyll-theme-fica"
-
-# 
-# the name of the script
-# 
-SCRIPT="bin/"$( basename "$0" )
-
-# 
-# Current version
-# 
-VERSION="0.2.0"
-
-#
-# Colors
-RED='\033[0;31m'
-YELLOW='\033[0;33m'
-CYAN='\033[0;36m'
-NC='\033[0m' # No Color
-
-# 
-# help option
-# 
-function usage
-{
-echo -e "$CYAN$THEME$NC the modern theme with minimal look"
-echo -e ""
-echo -e "Usage:"
-echo -e    "$SCRIPT $CYAN[subcommand]$NC"
-echo -e ""
-echo -e ""
-echo -e "Subcommand:"
-echo -e "  $YELLOW upgrade, u $NC       Upgrades $TEME to the latest version"
-echo -e "  $YELLOW help, h  $NC         displays all the subcommand available and how to use it"
-echo -e "  $YELLOW version, v   $NC     show the version of the theme"
-echo -e "  $YELLOW server, s $NC        Runs the server locally"
-echo -e "  $YELLOW insdep, idp $NC      Installs all the dependencies"
-echo -e "  $YELLOW chktheme, ckte $NC   Checks the theme for errors"
-}
-
-#
-# Upgrade the theme to the latest version
-#
-function Upgrade 
-{
-  echo "Upgrading $THEME to $VERSION"
-  sed -i "s/gem 'jekyll-theme-fica', '~> 0.1.9'/gem 'jekyll-theme-fica', '~> 2.0.0'/gi" ./Gemfile
-  echo "Upgrade Complete!"
-}
-
-#
-# Runing the server locally
-#
-function server 
-{
-  echo "Starting Server....."
-  bundle exec jekyll serve
-}
-
-#
-# Installs all dependencies
-#
-function install_dependencies
-{
-  echo "Installing Dependencies of $THEME"
-  gem install bundler
-  bundle install
-}
-
-function error
-{
-    printf "${RED}Subcommand not recognized.${NC}"
-    echo ""
-    usage
-}
-
-function version
-{
-printf "$CYAN$THEME$NC v$VERSION"
-}
-
-#
-# Theme check
-#
-function chktheme
-{
-    printf "Running ${YELLOW}jekyll doctor ${NC}"
-    echo ""
-    jekyll doctor
-    echo ""
-    printf "Running ${YELLOW}jekyll build ${NC}"
-    echo ""
-    jekyll build
-}
-
-#
-# Process subcommands
-#
-while (( $# ))
-do
-    case "$1" in
-
-    
-        Upgrade  | u)
-            Upgrade
-            install_dependencies 
-            exit 0
-        ;; 
-
-        insdep | idp)
-            install_dependencies
-            exit 0
-        ;;    
-
-        server | s)
-            server
-            exit 0
-        ;;
-
-        help | h)
-            usage
-            exit 0
-        ;;
-
-        version | v)
-            version
-            exit 0
-        ;;
-
-        chktheme | ckte)
-            chktheme
-            exit 0
-        ;;
-        
-
-                    *)
-            error
-            exit 1
-        ;;
-
-    esac
-done
-
-printf "${RED}A subcommand is required.${NC}"
-echo ""
-usage
+#!/usr/bin/env bash
+
+#
+# Name of the theme
+#
+THEME="jekyll-theme-fica"
+
+#
+# the name of the script
+#
+SCRIPT="bin/"$( basename "$0" )
+
+#
+# Current version
+#
+VERSION="0.2.2"
+
+#
+# Colors
+#
+RED='\033[0;31m'
+YELLOW='\033[0;33m'
+CYAN='\033[0;36m'
+NC='\033[0m' # No Color
+
+#
+# help option
+#
+function usage
+{
+    echo -e "$CYAN$THEME$NC the modern theme with minimal look"
+    echo -e ""
+    echo -e "Usage:"
+    echo -e    "$SCRIPT $CYAN[subcommand]$NC"
+    echo -e ""
+    echo -e ""
+    echo -e "Subcommand:"
+    echo -e "  $YELLOW upgrade, u $NC       Upgrades $TEME to the latest version"
+    echo -e "  $YELLOW help, h  $NC         displays all the subcommand available and how to use it"
+    echo -e "  $YELLOW version, v   $NC     show the version of the theme"
+    echo -e "  $YELLOW server, s $NC        Runs the server locally"
+    echo -e "  $YELLOW insdep, ip $NC       Installs all the dependencies"
+    echo -e "  $YELLOW chktheme, ct $NC     Checks the theme for errors"
+    echo -e "  $YELLOW bldgem, bm $NC       builds the theme and uploads it to RubyGems"
+}
+
+#
+# Upgrade the theme to the latest version
+#
+function Upgrade
+{
+    echo "Upgrading $THEME to $VERSION"
+    sed -i "s/gem 'jekyll-theme-fica', '~> 0.1.9'/gem 'jekyll-theme-fica', '~> 2.2.0'/gi" ./Gemfile
+    echo "Upgrade Complete!"
+    # insdep
+}
+
+#
+# Runing the server locally
+#
+function server
+{
+    echo "Starting Server....."
+    bundle exec jekyll serve
+}
+
+#
+# Installs all dependencies
+#
+function install_dependencies
+{
+    echo "Installing Dependencies of $THEME"
+    gem install bundler
+    bundle install
+}
+
+function error
+{
+    printf "${RED}Subcommand not recognized.${NC}"
+    echo ""
+    usage
+}
+
+function version
+{
+    printf "$CYAN$THEME$NC v$VERSION"
+}
+
+#
+# Theme check
+#
+function chktheme
+{
+    echo ""
+    printf "Running ${YELLOW}Bundle ${NC}"
+    echo ""
+    bundle clean --force
+    install_dependencies
+    echo ""
+    printf "Running ${YELLOW}jekyll doctor ${NC}"
+    echo ""
+    jekyll doctor
+    echo ""
+    printf "Running ${YELLOW}jekyll build ${NC}"
+    echo ""
+    jekyll build
+}
+
+#
+# gem build and upload
+#
+function gm_bld
+{
+    echo Building gemspec.....
+    gem build jekyll-theme-fica.gemspec
+    echo Build complete
+    
+    while true; do
+        
+        read -p "Do you need to upload the the gem to RubyGem.org ? (y/n) " yn
+        
+        case $yn in
+            [yY] ) echo ok, we will proceed;
+                echo upload Gem file
+                read gm_uld
+                gem push $gm_uld
+            exit;;
+            [nN] ) echo exiting...;
+            exit;;
+            * ) echo invalid response;
+        esac
+        
+        
+    done
+}
+
+#
+# Process subcommands
+#
+
+while (( $# ))
+do
+    case "$1" in
+        
+        
+        bldgem  | bm)
+            gm_bld
+            exit 0
+        ;;
+        
+        Upgrade  | u)
+            Upgrade
+            install_dependencies
+            exit 0
+        ;;
+        
+        insdep | ip)
+            install_dependencies
+            exit 0
+        ;;
+        
+        server | s)
+            server
+            exit 0
+        ;;
+        
+        help | h)
+            usage
+            exit 0
+        ;;
+        
+        version | v)
+            version
+            exit 0
+        ;;
+        
+        chktheme | ct)
+            chktheme
+            exit 0
+        ;;
+        
+        
+        *)
+            error
+            exit 1
+        ;;
+        
+    esac
+done
+
+
+
+printf "${RED}A subcommand is required.${NC}"
+echo ""
+usage

data/js/Main.js

@@ -0,0 +1,74 @@
+const nav = document.getElementById("site-nav")
+const navcheck = document.getElementById("site-nav-check")
+const screenWidth = window.innerWidth;
+const headers= document.getElementsByTagName('h1', "h2", "h3", "h4", "h5")
+window.addEventListener("resize", function () {
+    if (window.innerWidth !== screenWidth) {
+        // Do something
+        if (screenWidth < 1993) {
+            document.getElementById("banner-content").style.transform = "translateX(0)";
+        }
+    }
+}
+);
+navcheck.addEventListener('click', () => {
+    if (navcheck.checked) {
+    nav.style.position = "fixed";
+    document.documentElement.style.overflow = "hidden";
+    } else {
+    nav.style.position = "static";
+    document.documentElement.style.overflow = "auto";
+    }
+});
+// window.onscroll = function() {NavBar()};
+
+// var navbar = document.getElementById("nav");
+// var navbaroffset = navbar.offsetTop;
+
+// function NavBar() {
+//   if (window.pageYOffset >= 30) {
+//     navbar.classList.add("sticky")
+//   } else {
+//     navbar.classList.remove("sticky");
+//   }
+// }
+
+// function scrollTo(element, to, duration) {
+//   if (duration <= 0) return;
+//   var difference = to - element.scrollTop;
+//   var perTick = difference / duration * 10;
+
+//   setTimeout(function() {
+//       element.scrollTop = element.scrollTop + perTick;
+//       if (element.scrollTop === to) return;
+//       scrollTo(element, to, duration - 10);
+//   }, 10);
+// }
+// scrollTo(document.body, headers.offsetTop, 600);
+window.addEventListener("DOMContentLoaded", () => {
+  const observer = new IntersectionObserver((entries) => {
+    if (document.querySelector("#toc")) {
+      entries.forEach((entry) => {
+        const id = entry.target.getAttribute("id");
+        if (entry.isIntersecting === true) {
+          document.querySelector(`main li a[href="#${id}"]`).parentElement.classList.add("active");
+          document
+            .querySelector(`main li a[href="#${id}"]`)
+            .parentElement.classList.remove("decative");
+        } else {
+          document
+            .querySelector(`main li a[href="#${id}"]`)
+            .parentElement.classList.remove("active");
+          document
+            .querySelector(`main li a[href="#${id}"]`)
+            .parentElement.classList.add("decative");
+        }
+      });
+    }
+  });
+
+  // Track all sections that have an `id` applied
+  document.querySelectorAll("h1[id], h2[id], h3[id]").forEach((h1, h2, h3) => {
+    observer.observe(h1, h2, h3);
+  });
+});

data/js/back-to-top.js

@@ -1,48 +1,39 @@
-const BackToTop = document.querySelector("#back-to-top");
-
-window.addEventListener("scroll", scrollFunction);
-
-function scrollFunction() {
-  if (window.pageYOffset > 200) { // Show BackToTop
-    if(!BackToTop.classList.contains("BTT-Entrance")) {
-      BackToTop.classList.remove("BTT-Exit");
-      BackToTop.classList.add("BTT-Entrance");
-      BackToTop.style.display = "block";
-    }
-  }
-  else { // Hide BackToTop
-    if(BackToTop.classList.contains("BTT-Entrance")) {
-      BackToTop.classList.remove("BTT-Entrance");
-      BackToTop.classList.add("BTT-Exit");
-      setTimeout(function() {
-        BackToTop.style.display = "none";
-      }, 250);
-    }
-  }
-}
-
-BackToTop.addEventListener("click", smoothScrollBackToTop);
-
-function smoothScrollBackToTop() {
-  const targetPosition = 0;
-  const startPosition = window.pageYOffset;
-  const distance = targetPosition - startPosition;
-  const duration = 750;
-  let start = null;
-  
-  window.requestAnimationFrame(step);
-
-  function step(timestamp) {
-    if (!start) start = timestamp;
-    const progress = timestamp - start;
-    window.scrollTo(0, easeInOutCubic(progress, startPosition, distance, duration));
-    if (progress < duration) window.requestAnimationFrame(step);
-  }
-}
-
-function easeInOutCubic(t, b, c, d) {
-	t /= d/2;
-	if (t < 1) return c/2*t*t*t + b;
-	t -= 2;
-	return c/2*(t*t*t + 2) + b;
-};
+const BackToTop = document.querySelector("#back-to-top");
+
+window.addEventListener("scroll", scrollFunction);
+
+function scrollFunction() {
+  if (window.pageYOffset > 200) {
+    // Show BackToTop
+    if (!BackToTop.classList.contains("BTT-Entrance")) {
+      BackToTop.classList.remove("BTT-Exit");
+      BackToTop.classList.add("BTT-Entrance");
+      BackToTop.style.display = "block";
+    }
+  } else {
+    // Hide BackToTop
+    if (BackToTop.classList.contains("BTT-Entrance")) {
+      BackToTop.classList.remove("BTT-Entrance");
+      BackToTop.classList.add("BTT-Exit");
+      setTimeout(function () {
+        BackToTop.style.display = "none";
+      }, 250);
+    }
+  }
+}
+
+BackToTop.addEventListener("click", smoothScrollBackToTop);
+
+function smoothScrollBackToTop() {
+  window.scrollTo(
+    0,
+    0
+  );
+}
+
+function easeInOutCubic(t, b, c, d) {
+  t /= d / 2;
+  if (t < 1) return (c / 2) * t * t * t + b;
+  t -= 2;
+  return (c / 2) * (t * t * t + 2) + b;
+}

data/post/index.html

@@ -1,4 +1,4 @@
----
-layout: post_home
-site-title: Posts
+---
+layout: post_list
+site-title: Posts
 ---