simple-material 0.0.4

data/_sass/_colors.scss

@@ -0,0 +1,124 @@
+body,
+.mdc-top-app-bar,
+.mdc-drawer,
+.mdc-card {
+  background-color: var(--mdc-theme-surface);
+  color: var(--mdc-theme-on-surface);
+}
+
+.main-content {
+  background-color: var(--mdc-theme-background);
+  color: var(--mdc-theme-on-surface);
+}
+
+.main-content article,
+.main-content aside,
+.main-content .footer {
+  background-color: var(--mdc-theme-surface);
+  color: var(--mdc-theme-on-surface);
+}
+
+.mdc-drawer,
+.material-icons,
+.mdc-icon-button,
+.mdc-list,
+.mdc-list-item,
+.mdc-list-item .mdc-list-item__primary-text,
+.mdc-list-item .mdc-list-item__secondary-text,
+.mdc-drawer .mdc-list-item,
+.mdc-drawer .mdc-list-item__graphic {
+  color: var(--mdc-theme-on-surface) !important;
+}
+
+.mdc-drawer .mdc-list-item--activated {
+  color: var(--mdc-theme-on-surface) !important;
+}
+
+.mdc-drawer .mdc-list-item--activated,
+.mdc-drawer .mdc-list-item--activated .mdc-list-item__graphic, {
+  color: var(--mdc-theme-on-surface) !important;
+}
+
+.mdc-floating-label,
+.mdc-text-field__input,
+.mdc-drawer__title,
+.mdc-drawer__subtitle {
+  color: var(--mdc-theme-on-surface) !important;
+}
+
+.mdc-icon-button:hover .material-icons {
+  color: var(--mdc-theme-primary);
+}
+
+.mdc-button--unelevated {
+  background-color: var(--mdc-theme-primary) !important;
+}
+
+.mdc-button .mdc-button__label {
+  color: var(--mdc-theme-primary);
+}
+
+.mdc-button--unelevated .mdc-button__label {
+  color: var(--mdc-theme-on-secondary);
+}
+
+.mdc-card--outlined,
+.mdc-button--outlined {
+  border-color: var(--mdc-theme-border) !important;
+}
+
+.mdc-button--outlined .mdc-button__label {
+  color: var(--mdc-theme-primary);
+}
+
+.mdc-chip {
+  background-color: var(--mdc-theme-surface);
+  border: 1px solid var(--mdc-theme-border);
+  color: var(--mdc-theme-on-surface);
+}
+
+.mdc-chip:focus,
+.mdc-chip:hover {
+  background-color: var(--mdc-theme-background);
+}
+
+.mdc-tab {
+  background-color: var(mdc-theme-surface);
+}
+
+.mdc-tab .mdc-tab__text-label,
+.mdc-tab .mdc-tab__icon {
+  color: var(--mdc-theme-on-surface);
+}
+
+.mdc-tab--active .mdc-tab__text-label,
+.mdc-tab--active .mdc-tab__icon {
+  color: var(--mdc-theme-primary);
+}
+
+.mdc-chip.active {
+  background-color: var(--mdc-theme-overlay);
+  color: var(--mdc-theme-primary);
+}
+
+hr {
+  background-color: var(--mdc-theme-overlay);
+}
+
+a {
+  color: var(--mdc-theme-primary);
+}
+
+a:focus,
+a:hover {
+  color: var(--mdc-theme-primary-variant);
+}
+
+a.muted {
+  color: var(--mdc-theme-on-surface);
+}
+
+a.muted:focus,
+a.muted:hover {
+  color: var(--mdc-theme-primary);
+}

data/_sass/_typography.scss

@@ -0,0 +1,140 @@
+/*
+ *------------------------------------------------
+ * text styles
+ *------------------------------------------------
+ */
+@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400&family=Source+Sans+Pro:ital,wght@0,300;0,400;1,200&display=swap');
+
+body {
+  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
+  font-size: 12pt;
+  font-weight: 300;
+  line-height: normal;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  font-family: 'Lato', Helvetica, Arial, sans-serif;
+  font-weight: 400;
+  margin: 0;
+}
+
+h2:not(:first-child) {
+    margin-top: 24px;
+}
+
+h3:not(:first-child) {
+    margin-top: 16px;
+}
+
+h4:not(:first-child) {
+    margin-top: 8px;
+}
+
+h1 {
+  margin-bottom: 24px;
+}
+
+h2, h3, h4 {
+  margin-bottom: 4px;
+}
+
+h5, h6 {
+  margin-bottom: 0px;
+}
+
+h1 {
+  font-size: 22pt;
+}
+
+h2 {
+  font-size: 11pt;
+  text-transform: uppercase;
+}
+
+h3 {
+  font-size: 12pt;
+}
+
+h4 {
+  font-size: 10pt;
+  text-transform: uppercase;
+}
+
+h5, h5 {
+  font-size: 10pt;
+}
+
+h1.subtitle, h2.subtitle, h3.subtitle,
+h4.subtitle, h5.subtitle, h6.subtitle {
+  font-size: 90%;
+  opacity: 0.75;
+  text-transform: uppercase;
+}
+
+b, strong, sub, sup {
+  font-weight: 400;
+  margin: 0;
+}
+
+a, a:hover, a:focus {
+  font-weight: 400;
+  text-decoration: none;
+  margin: 0;
+}
+
+a.light, a.light:hover, a.light:focus {
+  font-weight: 300;
+  margin: 0;
+}
+
+small, i {
+  font-weight: 200;
+  margin: 0;
+}
+
+p {
+  margin: 0px;
+  margin-bottom: 16px;
+}
+
+blockquote {
+  font-weight: 200;
+  font-style: italic;
+  text-align: justify;
+}
+
+button {
+  text-transform: uppercase;
+}
+
+.text-uppercase {
+  text-transform: uppercase;
+}
+
+.text-title {
+  text-transform: capitalize;
+}
+
+.text-left {
+  text-align: left !important;
+}
+
+.text-left * {
+  text-align: left;
+}
+
+.text-right {
+  text-align: right !important;
+}
+
+.text-right * {
+  text-align: right;
+}
+
+.text-center {
+  text-align: center !important;
+}
+
+.text-center * {
+  text-align: center;
+}

data/assets/raw/search.json

@@ -0,0 +1,13 @@
+---
+---
+[
+  {% for post in site.posts %}
+    {
+
+      "title"    : "{% if post.title != "" %}{{ post.title }}{% else %}{{ post.description | strip_html |  escape | strip }}{%endif%}",
+      "url"      : "{{ site.baseurl }}{{ post.url }}",
+      "category" : "{{ post.categories }}",
+      "date"     : "{{ post.date | date: "%B %e, %Y" }}"
+    } {% unless forloop.last %},{% endunless %}
+  {% endfor %}
+]

data/assets/scripts/navigation.js

@@ -0,0 +1,54 @@
+/**
+ * @file Manages the main navigation for the web app.
+ * @author saifkhichi96
+ */
+'use strict';
+
+
+$(function() {
+  console.log("Setting up site navigation...");
+  // Instantiate toolbar
+  const topAppBarEl = document.querySelector('.mdc-top-app-bar');
+  const topAppBar = new mdc.topAppBar.MDCTopAppBar.attachTo(topAppBarEl);
+
+  // Instantiate navigation drawer
+  const drawerEl = document.querySelector('.mdc-drawer');
+  const drawer = new mdc.drawer.MDCDrawer.attachTo(drawerEl);
+
+  // Attach toolbar to navigation drawer
+  topAppBar.setScrollTarget(document.querySelector('.main-content'));
+  topAppBar.listen('MDCTopAppBar:nav', () => {
+    drawer.open = !drawer.open;
+  });
+
+  console.log("Navigation setup complete!");
+});
+
+// Spread breadcrumbs
+var hardcodedCrumbs = $('.breadcrumbs').html()
+$('.breadcrumbs').html("<li class='breadcrumb-item'><a class='muted' href='/'>Home</a></li>")
+var pages = location.href.split("://")[1].split('#')[0].split('?')[0].split("/").filter(function(el) {
+  return el != "" && el != "index.html";
+});
+var url = ''
+for (var i = 1, len = pages.length; i < len; i++) {
+  var page = pages[i].split('.')[0].replace('-', ' ').replace('_', ' ')
+  url += '/' + pages[i]
+  var oldHtml = $('.breadcrumbs').html()
+  if (i == pages.length - 1) {
+    var newHtml = oldHtml + hardcodedCrumbs
+  } else {
+    var newHtml = oldHtml + "<li class='breadcrumb-item'><a class='muted' href='" + url + "/'>" + page + "</a></li>"
+  }
+  $('.breadcrumbs').html(newHtml);
+}
+
+$('#last-modified').html(document.lastModified);
+
+function back() {
+  if (document.referrer.indexOf(location.protocol + "//" + location.host) === 0) {
+    history.back();
+  } else {
+    window.location = '/';
+  }
+}

data/assets/scripts/projects.js

@@ -0,0 +1,72 @@
+/**
+ * @file Manages filtering and navigation on the projects page.
+ * @author saifkhichi96
+ */
+'use strict';
+
+
+$(function() {
+  // Define filters and grid (requires Isotope js)
+  console.log("Creating isotope grid...");
+  var platform = '.all';
+  var data = '.all';
+  var $workGrid = $('.grid').isotope({
+    itemSelector: '.all',
+    masonry: {
+      columnWidth: '.all',
+      isFitWidth: true
+    }
+  });
+
+  /** Callback to when a tab item is clicked. Activates selected tab
+  category and filters projects accordingly. */
+  function onTabClicked(tab) {
+    const tabBar = new mdc.tabBar.MDCTabBar(document.querySelector('.mdc-tab-bar'));
+    tabBar.activateTab(parseInt(tab.attr('role')));
+
+    platform = tab.attr('data-filter');
+    $workGrid.isotope({
+      filter: data + platform
+    });
+  }
+
+  /** Callback to when a platform filter is selected. Filters view to
+  show only projects for the selected platform. */
+  function onFilterClicked(filter) {
+    $('.mdc-chip').removeClass('active');
+    filter.find('.mdc-chip__text').parent().parent().addClass('active');
+
+    data = filter.attr('data-filter');
+    $workGrid.isotope({
+      filter: data + platform
+    });
+  }
+
+  /** Updates view to show default category, depending on the screen
+  size. */
+  function showDefaultCategory() {
+    if ($('.bottom-navigation').is(':visible')) {
+      $('.bottom-navigation .mdc-tab--active').click();
+    } else {
+      platform = '.all';
+      $workGrid.isotope({
+        filter: data + platform
+      });
+    }
+  }
+
+  // Set up click listeners
+  console.log("Registering view filters...");
+  $('.bottom-navigation .mdc-tab').click(function() { onTabClicked($(this)) });
+  $('.portfolio-filter li').click(function() { onFilterClicked($(this)) });
+
+  // Update view on window resize
+  $(window).resize(showDefaultCategory);
+
+  // Show defaults on start
+  console.log("Activating default view...");
+  $('.mdc-chip__text.active').parent().parent().click();
+  showDefaultCategory();
+
+  console.log("Projects setup complete!");
+});

data/assets/scripts/service-worker.js

@@ -0,0 +1,14 @@
+self.addEventListener('install', (event) => {
+  console.log('👷', 'install', event);
+  self.skipWaiting();
+});
+
+self.addEventListener('activate', (event) => {
+  console.log('👷', 'activate', event);
+  return self.clients.claim();
+});
+
+self.addEventListener('fetch', function(event) {
+  // console.log('👷', 'fetch', event);
+  event.respondWith(fetch(event.request));
+});

data/assets/scripts/simple-jekyll-search.min.js

@@ -0,0 +1,6 @@
+/*!
+  * Simple-Jekyll-Search v1.7.2 (https://github.com/christian-fei/Simple-Jekyll-Search)
+  * Copyright 2015-2018, Christian Fei
+  * Licensed under the MIT License.
+  */
+!function(){"use strict";var f={load:function w(t,e){var n=function r(){return window.XMLHttpRequest?new window.XMLHttpRequest:new ActiveXObject("Microsoft.XMLHTTP")}();n.open("GET",t,!0),n.onreadystatechange=function i(e,n){return function(){if(4===e.readyState&&200===e.status)try{n(null,JSON.parse(e.responseText))}catch(t){n(t,null)}}}(n,e),n.send()}};(function y(t){if(!function e(t){return!!t&&"undefined"!=typeof t.required&&t.required instanceof Array}(t))throw new Error("-- OptionsValidator: required options missing");if(!(this instanceof y))return new y(t);var r=t.required;this.getRequiredOptions=function(){return r},this.validate=function(e){var n=[];return r.forEach(function(t){"undefined"==typeof e[t]&&n.push(t)}),n}});var n=function g(t,e){var n=e.length,r=t.length;if(n<r)return!1;if(r===n)return t===e;t:for(var i=0,o=0;i<r;i++){for(var u=t.charCodeAt(i);o<n;)if(e.charCodeAt(o++)===u)continue t;return!1}return!0},e=new function t(){this.matches=function(t,e){return n(e.toLowerCase(),t.toLowerCase())}};var r=new function O(){this.matches=function(e,t){return!!e&&(e=e.trim().toLowerCase(),(t=t.trim().toLowerCase()).split(" ").filter(function(t){return 0<=e.indexOf(t)}).length===t.split(" ").length)}};var l={put:function z(t){if(c(t))return s(t);if(function e(t){return Boolean(t)&&"[object Array]"===Object.prototype.toString.call(t)}(t))return function i(t){var e=[];a();for(var n=0,r=t.length;n<r;n++)c(t[n])&&e.push(s(t[n]));return e}(t);return undefined},clear:a,search:function S(t){return t?function a(t,e,n,r){for(var i=[],o=0;o<t.length&&i.length<r.limit;o++){var u=d(t[o],e,n,r);u&&i.push(u)}return i}(o,t,u.searchStrategy,u).sort(u.sort):[]},setOptions:function q(t){(u=t||{}).fuzzy=t.fuzzy||!1,u.limit=t.limit||10,u.searchStrategy=t.fuzzy?e:r,u.sort=t.sort||i}};function i(){return 0}var o=[],u={};function a(){return o.length=0,o}function c(t){return Boolean(t)&&"[object Object]"===Object.prototype.toString.call(t)}function s(t){return o.push(t),o}function d(t,e,n,r){for(var i in t)if(!p(t[i],r.exclude)&&n.matches(t[i],e))return t}function p(t,e){for(var n=!1,r=0,i=(e=e||[]).length;r<i;r++){var o=e[r];!n&&new RegExp(t).test(o)&&(n=!0)}return n}u.fuzzy=!1,u.limit=10,u.searchStrategy=u.fuzzy?e:r,u.sort=i;var h={compile:function j(r){return m.template.replace(m.pattern,function(t,e){var n=m.middleware(e,r[e],m.template);return void 0!==n?n:r[e]||t})},setOptions:function C(t){m.pattern=t.pattern||m.pattern,m.template=t.template||m.template,"function"==typeof t.middleware&&(m.middleware=t.middleware)}},m={};m.pattern=/\{(.*?)\}/g,m.template="",m.middleware=function(){};var v={merge:function L(t,e){var n={};for(var r in t)n[r]=t[r],"undefined"!=typeof e[r]&&(n[r]=e[r]);return n},isJSON:function M(t){try{return!!(t instanceof Object&&JSON.parse(JSON.stringify(t)))}catch(e){return!1}}};!function(t){var o={searchInput:null,resultsContainer:null,json:[],success:Function.prototype,searchResultTemplate:'<li><a href="{url}" title="{desc}">{title}</a></li>',templateMiddleware:Function.prototype,sortMiddleware:function(){return 0},noResultsText:"No results found",limit:10,fuzzy:!1,exclude:[]},n=["searchInput","resultsContainer","json"],r=function y(e){if(!function n(t){return!!t&&"undefined"!=typeof t.required&&t.required instanceof Array}(e))throw new Error("-- OptionsValidator: required options missing");if(!(this instanceof y))return new y(e);var r=e.required;this.getRequiredOptions=function(){return r},this.validate=function(e){var n=[];return r.forEach(function(t){"undefined"==typeof e[t]&&n.push(t)}),n}}({required:n});function i(t){o.success(t),l.put(t),function e(){o.searchInput.addEventListener("keyup",function(t){(function e(t){return-1===[13,16,20,37,38,39,40,91].indexOf(t)})(t.which)&&(u(),c(t.target.value))})}()}function u(){o.resultsContainer.innerHTML=""}function a(t){o.resultsContainer.innerHTML+=t}function c(t){(function e(t){return t&&0<t.length})(t)&&(u(),function i(t,e){var n=t.length;if(0===n)return a(o.noResultsText);for(var r=0;r<n;r++)t[r].query=e,a(h.compile(t[r]))}(l.search(t),t))}function s(t){throw new Error("SimpleJekyllSearch --- "+t)}t.SimpleJekyllSearch=function(t){return 0<r.validate(t).length&&s("You must specify the following required options: "+n),o=v.merge(o,t),h.setOptions({template:o.searchResultTemplate,middleware:o.templateMiddleware}),l.setOptions({fuzzy:o.fuzzy,limit:o.limit,sort:o.sortMiddleware}),v.isJSON(o.json)?i(o.json):function e(n){f.load(n,function(t,e){t&&s("failed to get JSON ("+n+")"),i(e)})}(o.json),{search:c}}}(window)}();

data/assets/scripts/webapp.js

@@ -0,0 +1,22 @@
+const divInstall = document.getElementById('installContainer');
+const butInstall = document.getElementById('butInstall');
+
+/* Only register a service worker if it's supported */
+if ('serviceWorker' in navigator) {
+  navigator.serviceWorker.register('/assets/scripts/service-worker.js');
+}
+
+/**
+ * Warn the page must be served over HTTPS
+ * The `beforeinstallprompt` event won't fire if the page is served over HTTP.
+ * Installability requires a service worker with a fetch event handler, and
+ * if the page isn't served over HTTPS, the service worker won't load.
+ */
+if (window.location.protocol === 'http:') {
+  const requireHTTPS = document.getElementById('requireHTTPS');
+  if (requireHTTPS != null) {
+    const link = requireHTTPS.querySelector('a');
+    link.href = window.location.href.replace('http://', 'https://');
+    requireHTTPS.classList.remove('hidden');
+  }
+}