spuit 0.1.2 → 0.2.1

data/site/content/posts/example.md

@@ -0,0 +1,66 @@
+---
+title: Example
+draft: true
+date: 2018-01-01
+tags:
+  - tagname
+categories:
+  - categoryname
+---
+
+Example Template
+
+<!--more-->
+
+```cs
+using System.Collections;
+using System.Collections.Generic;
+using UnityEngine;
+
+public class Cube : MonoBehaviour {
+
+	// Use this for initialization
+	void Start () {
+
+	}
+
+	// Update is called once per frame
+	void Update () {
+
+	}
+}
+```
+
+## Text styles
+
+# heading 1
+
+## heading2
+
+### heading3
+
+#### heading4
+
+##### heading5
+
+###### heading6
+
+paragraph
+
+text **bold**
+
+text [link](xxx)
+
+## shortcodes
+
+{{< blockquote author="@allanbranch" link="https://twitter.com/allanbranch/status/90766146063712256" >}}
+  Over the past 24 hours I've been reflecting on my life & I've realized only one thing. I need a medieval battle axe.
+{{< /blockquote >}}
+
+{{< card-amazon id="4873118255" title="仕事ではじめる機械学習" src="/images/amazon/sample.jpg" >}}
+
+{{< card-site href="https://xxx.com/" title="title" description="description" src="/images/2017/xxxxxx/ogp.png" >}}
+
+{{< card-store url="xxx" title="xxx" >}}
+
+{{< card-youtube id="xxx" >}}

data/site/content/posts/layouts.md

@@ -0,0 +1,11 @@
+---
+title: Layouts
+draft: true
+date: 2020-02-11
+tags:
+- tagname
+---
+
+- [Holy grail](/posts/layouts/holygrail)
+- [2 column](/posts/layouts/2col)
+- [Sticky footer](/posts/layouts/stickyfooter)

data/site/content/posts/layouts/2col.html

@@ -0,0 +1,27 @@
+---
+title: 2col
+draft: true
+date: 2020-01-01
+layout: temp
+---
+
+<header class="layout-preview">
+  header
+</header>
+
+<div style="display: flex;">
+  <aside class="layout-preview c2" style="width: 30%;">
+    aside
+  </aside>
+
+  <main class="layout-preview c3" style="
+        flex: 1;
+        overflow: auto;
+    ">
+    main
+  </main>
+</div>
+
+<footer class="layout-preview">
+  footer
+</footer>

data/site/content/posts/layouts/holygrail.html

@@ -0,0 +1,40 @@
+---
+title: Holy grail
+draft: true
+date: 2020-01-01
+layout: temp
+---
+
+<div class="l-holygrail" style="
+    display: flex;
+    flex-direction: column;
+">
+  <header class="layout-preview">
+    header
+  </header>
+
+  <main style="
+          flex-grow: 1;
+          display: flex;
+          flex-direction: row;
+      ">
+  
+    <aside class="layout-preview c2" style="
+              width: 25%;
+          ">aside</aside>
+  
+    <article class="layout-preview c3" style="
+              flex-grow: 1;
+          ">
+      article
+    </article>
+  
+    <nav class="layout-preview c2" style="
+              width: 20%;
+          ">nav</nav>
+  </main>
+  
+  <footer class="layout-preview">
+    footer
+  </footer>
+</div>

data/site/content/posts/layouts/stickyfooter.html

@@ -0,0 +1,23 @@
+---
+title: Sticky footer
+draft: true
+date: 2020-01-01
+layout: temp
+---
+
+<div style="
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    /*min-height: 100vh;*/
+">
+  <header class="layout-preview c1" style="flex-shrink: 0;">
+    header
+  </header>
+  <main class="layout-preview c2" style="flex-grow: 1;">
+    main
+  </main>
+  <footer class="layout-preview c3" style="flex-shrink: 0;">
+    footer
+  </footer>
+</div>

data/site/content/search.adoc

@@ -0,0 +1,5 @@
+---
+date: "2018-01-01"
+type: "json"
+url: "search.json"
+---

data/site/themes/spuit/.gitignore

@@ -0,0 +1,68 @@
+
+# Created by https://www.gitignore.io/api/node
+
+### Node ###
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# Typescript v1 declaration files
+typings/
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+
+
+# End of https://www.gitignore.io/api/node
+
+.DS_Store
+node_modules

data/site/themes/spuit/LICENSE.md

@@ -0,0 +1,20 @@
+The MIT License (MIT)
+
+Copyright (c) 2017 YOUR_NAME_HERE
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/site/themes/spuit/README.md

@@ -0,0 +1,66 @@
+## How to Use
+
+インストール:
+
+```
+$ hugo new site xxx && cd xxx
+$ git submodule add git@github.com:is8r/hugo-bootstrap.git themes/hugo-bootstrap
+```
+
+config.tomlの例:
+
+```
+baseURL = "http://example.org/"
+languageCode = "ja"
+title = "Test"
+theme = "hugo-bootstrap"
+copyright = "copyright"
+
+[params]
+description = "description"
+keywords = "keywords"
+googleAnalyticsId = ""
+fbAppId = ""
+
+[permalinks]
+post = "/:year/:month/:title/"
+
+[taxonomies]
+tag = "tags"
+category = "categories"
+```
+
+あと、packege.jsonに追加しておくと便利:
+
+```
+{
+  "scripts": {
+    "hugo": "open http://localhost:1313/ && hugo server -D --watch",
+    "dev": "cd ./themes/hugo-bootstrap && npm install && npm run dev"
+  }
+}
+```
+
+サイト内検索 `HugoSearch.js` を使用するには `.json` ファイルが必要なので、json書き出し用に `/content/search.adoc` として下記の内容が記載されたファイルを追加する必要があります:
+
+```
+---
+date: "2018-01-01"
+type: "json"
+url: "search.json"
+---
+```
+
+# webpack4
+
+watch:
+
+```
+$ npm run dev
+```
+
+build:
+
+```
+$ npm run build
+```

data/site/themes/spuit/archetypes/default.md

@@ -0,0 +1,7 @@
++++
+title =  "{{ replace .TranslationBaseName "-" " " | title }}"
+date = {{ .Date }}
+tags = []
+featured_image = ""
+description = ""
++++

data/site/themes/spuit/assets/javascripts/classes/HugoSearch.js

@@ -0,0 +1,115 @@
+/*
+import HugoSearch from './classes/HugoSearch';
+$(function() {
+  var hugoSearch = new HugoSearch();
+});
+*/
+
+import $ from 'jquery'
+import lunr from 'lunr'
+
+export default class HugoSearch {
+  constructor() {
+    this.searchOverlay = document.querySelector('.search-form')
+    this.searchButton = document.getElementById('search-button')
+    this.searchInput = document.getElementById('search-input')
+    this.closeSearch = document.getElementById('close-search')
+    this.searchInput = document.getElementById('search-input')
+
+    this.init()
+  }
+
+  init() {
+    if(this.closeSearch != null) {
+      this.closeSearch.addEventListener('click', (event) => {
+        if (this.searchOverlay.classList.contains('open')) {
+          this.searchOverlay.classList.remove('open');
+        }
+      }, true);
+    }
+
+    if(this.searchButton) {
+      this.searchButton.addEventListener('click', (event) => {
+          this.searchOverlay.classList.toggle('open');
+          searchInput.focus();
+      }, true);
+    }
+
+    if (this.searchInput) {
+      this.searchInput.addEventListener('keyup', (event) => {
+        var query = document.querySelector("#search-input").value;
+        var searchResults = document.querySelector('#search-results');
+        if (query.length === 0) {
+          searchResults.innerHTML = '';
+        }
+        if ((event.keyCode !== 9) && (query.length > 2)) {
+          var matches = window.index.search(query);
+          this.displayResults(matches);
+        }
+      }, true);
+    }
+
+    this.initLunr()
+    this.initModal()
+  }
+
+  initModal() {
+    $('#search').on('shown.bs.modal', function() {
+      $('#search-input').trigger('focus')
+    })
+    $('#search').on('hidden.bs.modal', function() {
+      $('#search-input').val('')
+      $('#search-results')[0].innerHTML = ''
+    })
+  }
+
+  initLunr() {
+    var scope = this;
+    fetch('/search.json')
+      .then((response) => {
+        if(response.ok) {
+          return response.json()
+        } else {
+          throw new Error()
+        }
+      })
+      .then((json) => {
+        scope.searchData = json
+        window.index = lunr(function() {
+          this.field('id')
+          this.field('url')
+          this.field('title', { boost: 50 })
+          this.field('tags',{ boost: 30})
+          this.field('content', { boost: 10 })
+
+          scope.searchData.forEach(function (obj, index) {
+            obj['id'] = index
+            this.add(obj)
+          }, this)
+        })
+      })
+      .catch((error) => console.log(error));
+  }
+
+  displayResults(results) {
+    var searchResults = document.querySelector('#search-results');
+    var inputVal = document.querySelector('#search-input').value;
+    if (results.length) {
+      searchResults.innerHTML = '';
+      results.forEach((result) => {
+        var item = this.searchData[result.ref];
+        var section = item.section.split('-').map(s => s.charAt(0).toUpperCase() + s.slice(1)).join(' ');
+        var appendString = '';
+        appendString += '<li class=\"search-result\"><h5><a href=\"' + item.url + '\">' + item.title + '</a></h5><p>' + item.summary + '</p>';
+        // appendString += '<div class=\"in-section\">In: ' + section + '</div><ul class=\"tags\">';
+        // appendString += '<ul class=\"tags\">';
+        // var tags = '';
+        // for (var i = 0; i < item.tags.length; i++) {
+        //   appendString += '<li><a href=\"/tags/' + item.tags[i] + '\" class=\"tag\">' + item.tags[i] + '</a> ';
+        // }
+        appendString += '</ul></li>';
+        searchResults.innerHTML += appendString;
+      })
+    }
+  }
+}