jekyll-dark-ored 0.1.1 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d5ca7c3a98eff7b3ec3a828407450f87ec42c99d192a8d5b3bb6b0ee08d7af7f
-  data.tar.gz: 0a9a21ee02d4990a0edb5f8a9cf1f975e27237c6fc1d9b7d977a8fa3502e55ca
+  metadata.gz: b99292b0db7345491cae7b1d3298e0df7349846c678307167447fe77971409f1
+  data.tar.gz: 5ac2f44fc1329b2de89f0676700f15cef4ad52f1b5fdac0d55b9b96b647d85ac
 SHA512:
-  metadata.gz: 1f681841ec52cd592305ace106b2538e5810453675063e7862c8bea1d7b55653842aee71f3302bdbe49ddb3a1a117da365e3ba8e9e4ea27c6c41f43c60863738
-  data.tar.gz: b9c7329c7e164fcd411039b75e8c5bc2633202cd79de053a79971b127301bec169f2e8b9c40bc8d5c401d2d3ebca89fc33e3410bf412ca840e492a3ae44da3f8
+  metadata.gz: ccdb292372425737b508095b28b1bc44b91494fe9e8b44352df9fde029ed102b0e3f08921d9c3abc38b7eaf6e66d255cf690804d99345c38b7a4b399cdb54419
+  data.tar.gz: 148cffb4b8165cb4b31adf9e57c42dd058c361459ae48fde61343bf8ec96a68cd5ffee9b1de66038eddc4e781f15fc6e63679408969a09a2a903d5db643e0e72

data/_includes/footer.html

@@ -24,5 +24,24 @@
 	</p>
 </footer>
 </body>
-<script type="text/javascript" src="{{'/assets/js/menu.js' | absolute_url }}"></script>
+<script type="text/javascript" src="{{'/assets/js/simple-jekyll-search.min.js' | absolute_url }}"></script>
+<script type="text/javascript" src="{{'/assets/js/app.js' | absolute_url }}"></script>
+<script type="text/javascript">
+	var sjs = SimpleJekyllSearch({
+		searchInput: qs('#search-input'),
+		resultsContainer: qs('#search-results'),
+		json: '{{ "search.json" | absolute_url }}',
+		searchResultTemplate: '<div class="s-result"><a href="{url}" title="{title}">{title}</a><p>{description}</p></div>',
+	});
+	qs('#search-input').addEventListener('input', function(e){
+		e.preventDefault();
+		search = this.value
+		search = search.trim();
+		if (search.length > 0){
+			sjs.search(this.value);
+		}else{
+			qs('#search-results').innerHTML = ''
+		}
+	})
+</script>
 </html>

data/_includes/header.html

@@ -4,7 +4,6 @@
 		<meta charset="utf-8" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0">
 		<title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
-		<link rel="stylesheet" type="text/css" href="{{ '/assets/css/normalize.css' | absolute_url }}" />
 		<link rel="stylesheet" type="text/css" href="{{ '/assets/css/fontello-embedded.css' | absolute_url }}" />
 		<link rel="stylesheet" type="text/css" href="{{ '/assets/css/style.css' | absolute_url }}" />
 		<link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ '/feed.xml' | absolute_url }}" />
@@ -23,6 +22,7 @@
 				<nav>
 					<a href="{{ site.url }}"><span class="navbar-title float-left" id="site-title">{{ site.title }}</span></a>
 					<a href="#" id="toggle-menu"><i class="icon-menu"></i></a>
+					<a href="#" id="toggle-search" class="icon-search"></a>
 					<div id="main-nav">
 						{% for p in site.pages %}
 							{% if p.title %}
@@ -33,6 +33,13 @@
 				</nav>
 			</div>
 		</header>
+		<div id="search-div">
+			<div id="search">
+				<input id="search-input" autocomplete="off" />
+				<button type="reset"><i class="icon-cancel"></i></button>
+			</div>
+			<div id="search-results"></div>
+		</div>
 		<div id="home">
 			<div id="site-desc">
 				<h1>{{ site.title }}</h1>

data/assets/css/style.scss

@@ -87,12 +87,17 @@ footer {
 	}
 }
 
-#content {
+#content, #search-results {
 	width: 90%;
 	max-width: 1024px;
 	margin: 1rem auto;
 }
 
+#content.no-scroll {
+	position: fixed;
+	width: 100%;
+}
+
 #entries {
 	.entry {
 		padding: .5rem;
@@ -138,6 +143,54 @@ table {
 	float: right;
 }
 
+#toggle-search {
+	float: right;
+}
+
+/* Search */
+
+#search-div {
+	position: fixed;
+	left: 0;
+	top: 54px;
+	z-index: 20;
+	background: $black;
+	width: 100%;
+	height: calc(100vh - 54px);
+	display: none;
+
+	#search {
+		width: 90%;
+		max-width: 380px;
+		margin: 1rem auto;
+		position: relative;
+		font-size: 1.2rem;
+	}
+	
+	#search-input {
+		width: 100%;
+		border: 0;
+		border-radius: 0;
+		border-bottom: 1px solid;
+		background: transparent;
+		color: $white;
+		padding-right: 1.6rem;
+
+		&+button {
+			position: absolute;
+			right: 0;
+			background: transparent;
+			border: 0;
+			color: $white;
+		}
+	}
+
+	&.open {
+		display: block;
+		overflow-y: auto;
+	}
+}
+
 @media (max-width: 1024px){
 	#home {
 		height: auto;

data/assets/js/app.js

@@ -0,0 +1,52 @@
+qs = function(ele){
+	return document.querySelector(ele);
+}
+
+var main_nav = qs('#main-nav');
+var toggle_menu = qs('#toggle-menu');
+var toggle_search = qs('#toggle-search');
+var search_div = qs('#search-div');
+var content_div = qs('#content');
+
+toggle_menu.addEventListener('click', function(e){
+	e.preventDefault();
+	e.stopPropagation();
+	this.classList.toggle('open');
+	main_nav.classList.toggle('open');
+});
+
+qs('body').addEventListener('click', function(e){
+		main_nav.classList.remove('open');
+		toggle_menu.classList.remove('open');
+});
+
+var tables = document.querySelectorAll('table');
+tables.forEach(function(t){
+	t.classList.add('responsive');
+	th = t.querySelectorAll('thead th');
+	tr = t.querySelectorAll('tbody tr');
+	tr.forEach(function(e){
+		th.forEach(function(e2, i){
+			e.children[i].setAttribute('data-title', e2.innerHTML);
+		});
+	});
+});
+
+toggle_search.addEventListener('click', function(e){
+	e.preventDefault();
+	e.stopPropagation();
+	if(search_div.classList.contains('open')){
+		qs('#search-input').value = '';
+		qs('#search-results').innerHTML = '';
+		search_div.classList.remove('open');
+		content_div.classList.remove('no-scroll');
+	}else{
+		search_div.classList.add('open');
+		content_div.classList.add('no-scroll');
+	}
+});
+
+qs('#search-input + button').addEventListener('click', function(){
+	qs('#search-input').value = '';
+	qs('#search-results').innerHTML = '';
+});

data/assets/js/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/search.json

@@ -0,0 +1,16 @@
+---
+---
+[
+  {% for post in site.posts %}
+    {
+
+      "title"    : "{{ post.title | strip_html | escape }}",
+      "url"      : "{{ post.url | absolute_url }}",
+      "category" : "{{post.categories | join: ', '}}",
+      "tags"     : "{{ post.tags | join: ', ' }}",
+      "date"     : "{{ post.date }}",
+      "description" : "{{post.description | strip_html | strip_newlines | escape }}"
+
+    } {% unless forloop.last %},{% endunless %}
+  {% endfor %}
+]

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-dark-ored
 version: !ruby/object:Gem::Version
-  version: 0.1.1
+  version: 0.2.0
 platform: ruby
 authors:
 - Alfonso Saavedra "Son Link"
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-08-28 00:00:00.000000000 Z
+date: 2019-08-30 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -71,7 +71,9 @@ files:
 - _sass/microcss.scss
 - assets/css/fontello-embedded.css
 - assets/css/style.scss
-- assets/js/menu.js
+- assets/js/app.js
+- assets/js/simple-jekyll-search.min.js
+- search.json
 homepage: https://github.com/son-link/jekyll-dark-ored
 licenses:
 - GPL3

data/assets/js/menu.js

@@ -1,26 +0,0 @@
-var main_nav = document.querySelector('#main-nav');
-var toggle_menu = document.querySelector('#toggle-menu');
-
-toggle_menu.addEventListener('click', function(e){
-  e.preventDefault();
-  e.stopPropagation();
-  this.classList.toggle('open');
-  main_nav.classList.toggle('open');
-});
-
-document.querySelector('body').addEventListener('click', function(e){
-    main_nav.classList.remove('open');
-    toggle_menu.classList.remove('open');
-});
-
-var tables = document.querySelectorAll('table');
-tables.forEach(function(t){
-  t.classList.add('responsive');
-  th = t.querySelectorAll('thead th');
-  tr = t.querySelectorAll('tbody tr');
-  tr.forEach(function(e){
-    th.forEach(function(e2, i){
-      e.children[i].setAttribute('data-title', e2.innerHTML);
-    });
-  });
-});