material-blog-jp 0.2.0 → 0.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 76f629aaddb1d7459c4ae3d4f8d5d60412e1701cb074770c3bab69902c1ba6cc
-  data.tar.gz: 4efc6ff50d29195da51a27876c771bdc33a1b7e448fed3181b7f6a96a453b687
+  metadata.gz: 2c8b71423bebf7ad395fd384e8b1f9b5db1feee04dcd67cd35a06b9ef3f94307
+  data.tar.gz: f161cfaf8633a9c5b56a04a78259de1dbd5a6bd19e98ac83b735ad1911349210
 SHA512:
-  metadata.gz: bb0c1cff27ad4f9001e7b21affce7f1eeb50b3cc6d542df44ff64d4c2f9724d771706c326a20eb977f3cbc1b0e0cdc317de7e8bc02ca7bda81f88168b855d7fe
-  data.tar.gz: 316ce7a8685d5201bc13185f2a22f95e9a1003294c3d2eb38ed4003652bce44c2d7f6018401c19ce2cf363361d4c934534418fb616d8932ba156bce35373913e
+  metadata.gz: eb207d347a1bc2d0ae24358d2154cedd91debf2baceb3436c215eabeebd64f337a0fc272b76ca31166ffe79c06856223ba3f4c60f5626d9f35e1e8d299c2f6ba
+  data.tar.gz: 8d878e1de3e155e66473d356ce9ca2c40fad6f00dbf82b1f426c01393529869cef4bfc1cbd460e1e97d732a9ec1be7573858ca7f55cc450cf3cb2478994f3fe7

data/README.md

@@ -1,50 +1,55 @@
-# material-blog-jp
+# material-blog-jp (Jekyll Theme)
+Material-blog-jp is a blog build following material design principles. This theme is built using material design lite web framework. 
 
-Welcome to your new Jekyll theme! In this directory, you'll find the files you need to be able to package up your theme into a gem. Put your layouts in `_layouts`, your includes in `_includes`, your sass files in `_sass` and any other assets in `assets`.
+This theme consists of four web pages, index, about, search and 404. Index will display all the blog posts, starting from the latest. Search will display a text field input and two of the latest blog posting. About will contain a description about the blog. 404 will display when someone tried to access a resource that can not be found. This theme is optimized for mobile phones, iPads, etc
 
-To experiment with this code, add some sample content and run `bundle exec jekyll serve` – this directory is setup just like a Jekyll site!
-
-TODO: Delete this and the text above, and describe your gem
+Due to some of the limitations, please have at least two posts to push the footers to the bottom of the page, same goes for the "about" section.
 
+![GitHub Logo](/screenshot.PNG)
 
 ## Installation
+Setup Jekyll in your environment https://jekyllrb.com/docs/installation/windows/
 
-Add this line to your Jekyll site's `Gemfile`:
+Clone or fork this repository
 
-```ruby
-gem "material-blog-jp"
-```
+`git clone https://github.com/johnnymythology/material-blog-jp.git` 
 
-And add this line to your Jekyll site's `_config.yml`:
+`gem install material-blog-jp`
 
-```yaml
-theme: material-blog-jp
-```
+`bundle exec jekyll serve`
 
-And then execute:
+## Usage
 
-    $ bundle
+There are four default pages:
+- index.md 
+- about.md
+- search.md
+- 404.md
 
-Or install it yourself as:
+Each page has a different title. Edit the title in the Front Matter.
 
-    $ gem install material-blog-jp
+The blog title needs to be edited in _config.yml 
+Fill in the options in _config.yml accordingly. This will be used for SEO (Search Engine Optimization).
 
-## Usage
+To create a new post, follow the naming format in the two example post. Since this blog uses images for each post, select an image and put it inside the assets folder. Follow the naming convention as the two sample image.
 
-TODO: Write usage instructions here. Describe your available layouts, includes, sass and/or assets.
+## Technical
+Web Framework: Material Design Lite
 
-## Contributing
+Static Site Generator: Jekyll
 
-Bug reports and pull requests are welcome on GitHub at https://github.com/[USERNAME]/hello. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
+Javascript Libraries: jQuery
 
-## Development
+For search, I am using "simple jekyll search" by Chistian Fei
 
-To set up your environment to develop this theme, run `bundle install`.
+Material design lite header I am using is not mobile optimized and requires some additional CSS.
 
-Your theme is setup just like a normal Jekyll site! To test your theme, run `bundle exec jekyll serve` and open your browser at `http://localhost:4000`. This starts a Jekyll server using your theme. Add pages, documents, data, etc. like normal to test your theme's contents. As you make modifications to your theme and to your content, your site will regenerate and you should see the changes in the browser after a refresh, just like normal.
+jQuery is used for the arrow button to scroll the screen back to the top.
+
+
+## Contributing
 
-When your theme is released, only the files in `_layouts`, `_includes`, `_sass` and `assets` tracked with Git will be bundled.
-To add a custom directory to your theme-gem, please edit the regexp in `material-design-blog-jp.gemspec` accordingly.
+Bug reports and pull requests are welcome on GitHub at https://github.com/johnnymythology/material-blog-jp.
 
 ## License
 

data/_includes/head.html

@@ -22,6 +22,7 @@
     <link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.blue_grey-red.min.css" />
     <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:300,400,500,700" type="text/css"> 
     <link rel="stylesheet" href="/assets/css/style.css">
+    <link rel="stylesheet" href="/assets/css/syntax.css">
 
     <script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script>
     <script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>

data/_layouts/default.html

@@ -7,7 +7,7 @@
     <div class="demo-layout-transparent mdl-layout--fixed-header mdl-js-layout">
         <header class="mdl-layout__header mdl-layout__header--transparent">
             <div class="mdl-layout__header-row">
-                <span class="mdl-layout-title">Material-blog-jp</span>
+                <span class="mdl-layout-title">{{ site.title }}</span>
                 <div class="mdl-layout-spacer"></div>
                 <nav class="mdl-navigation remove-mdl-navigation-link">
                     <a class="mdl-navigation__link" href="/index.html">Home</a>
@@ -18,7 +18,7 @@
             </div>
         </header>
         <div class="mdl-layout__drawer">
-            <span class="mdl-layout-title">Johnny Pan</span>
+            <span class="mdl-layout-title">{{ site.title }}</span>
             <nav class="mdl-navigation">
                 <a class="mdl-navigation__link" href="/index.html">Home</a>
                 <a class="mdl-navigation__link" href="/search.html">Search</a>

data/assets/script/search-script.js

@@ -1,6 +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.
-  */
+/*!
+  * 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)}();

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: material-blog-jp
 version: !ruby/object:Gem::Version
-  version: 0.2.0
+  version: 0.3.0
 platform: ruby
 authors:
 - Johnny Pan
@@ -87,6 +87,7 @@ files:
 - assets/2019-08-02.jpg
 - assets/blog-icon.ico
 - assets/css/style.css
+- assets/css/syntax.css
 - assets/header.jpg
 - assets/script/script.js
 - assets/script/search-script.js