spuit 0.1.2 → 0.2.1

data/site/themes/spuit/layouts/partials/header.html

@@ -0,0 +1,4 @@
+<header class="header">
+  <a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
+  <small>/ Sass Mixin Library</small>
+</header>

data/site/themes/spuit/layouts/partials/parts/breadcrumbs.html

@@ -0,0 +1,36 @@
+{{/*
+form: https://tmnm.tech/2017/01/15/hugo-breadcrumbs/
+*/}}
+
+{{ $this := . }}
+{{ $i := 1 }}
+<div class="breadcrumbs">
+  <ol itemscope itemtype="https://schema.org/BreadcrumbList">
+    <li itemprop="itemListElement" itemscope
+        itemtype="https://schema.org/ListItem">
+      <a itemprop="item" href="/">
+      <span itemprop="name">ホーム</span></a>
+    <meta itemprop="position" content="{{$i}}" />
+    </li>
+    {{range sort .Site.AllPages "URL"}}
+    {{ if ne .URL "/" }}
+    {{ if eq $this.URL .URL }}
+    <li itemprop="itemListElement" itemscope
+        itemtype="https://schema.org/ListItem">
+        <span itemprop="name">{{.Title}}</span>
+      <meta itemprop="position" content="{{$i}}" />
+    </li>
+    {{ else if hasPrefix $this.URL (printf "%s/" .URL) }}
+    {{ $i := add $i 1 }}
+    <li itemprop="itemListElement" itemscope
+        itemtype="https://schema.org/ListItem">
+        <a itemprop="item" href="{{.URL}}">
+        <span itemprop="name">{{.Title}}</span></a>
+      <meta itemprop="position" content="{{$i}}" />
+    </li>
+
+    {{ end }}
+    {{ end }}
+    {{ end }}
+  </ol>
+</div>

data/site/themes/spuit/layouts/partials/parts/info.html

@@ -0,0 +1,19 @@
+<div class="info">
+  <span class="date">{{ .Date.Format "2006-01-02" }}</span>
+
+  {{ if (isset .Params "categories") }}
+  {{ if lt 0 (len .Params.categories) }}
+  {{ range .Params.categories }}
+  <a href="/categories/{{ . | urlize }}/">#{{ . }}</a>
+  {{ end }}
+  {{ end }}
+  {{ end }}
+
+  {{ if (isset .Params "tags") }}
+  {{ if lt 0 (len .Params.tags) }}
+  {{ range .Params.tags }}
+  <a href="/tags/{{ . | urlize }}/">#{{ . }}</a>
+  {{ end }}
+  {{ end }}
+  {{ end }}
+</div>

data/site/themes/spuit/layouts/partials/parts/nextback.html

@@ -0,0 +1,9 @@
+<section class="nextback">
+  {{ with .PrevInSection }}
+    <a class="prev" href="{{.Permalink}}">前の仕事:  {{.Title}}</a>
+  {{ end }}
+
+  {{ with .NextInSection }}
+    <a class="next" href="{{.Permalink}}">次の仕事:  {{.Title}}</a>
+  {{ end }}
+</section>

data/site/themes/spuit/layouts/partials/parts/pagenator.html

@@ -0,0 +1,31 @@
+{{ if gt .Paginator.TotalPages 1 }}
+<section class="pagenator">
+  <ul>
+    {{ $pag := .Paginator }}
+    {{ if gt $pag.TotalPages 1 }}
+    <li {{ if not $pag.HasPrev }} class="is-disabled" {{ end }}>
+      <a href="{{ $pag.First.URL }}">First</a>
+    </li>
+    <li {{ if not $pag.HasPrev }} class="is-disabled" {{ end }}>
+      <a href="{{ if $pag.HasPrev }}{{ $pag.Prev.URL }}{{ else }}#{{ end }}">Prev</a>
+    </li>
+
+    {{ range $pag.Pagers }}
+    <li {{ if eq . $pag }} class="active" {{ end }}>
+      <a href="{{ .URL }}">
+        {{ .PageNumber }}
+      </a>
+    </li>
+    {{ end }}
+
+    <li {{ if not $pag.HasNext }} class="disabled" {{ end }}>
+      <a href="{{ if $pag.HasNext }}{{ $pag.Next.URL }}{{ else }}#{{ end }}">Next</a>
+    </li>
+
+    <li {{ if not $pag.HasNext }} class="is-disabled" {{ end }}>
+      <a href="{{ $pag.Last.URL }}">Last</a>
+    </li>
+    {{ end }}
+  </ul>
+</section>
+{{ end }}

data/site/themes/spuit/layouts/partials/parts/pager.html

@@ -0,0 +1,23 @@
+{{ if gt .Paginator.TotalPages 1 }}
+<section class="pager">
+  {{ if .Paginator.HasPrev }}
+  <a href="{{ .Paginator.Prev.URL }}">
+    Newer
+  </a>
+  {{ else }}
+  <a class="is-disabled">
+    Newer
+  </a>
+  {{ end }}
+
+  {{ if .Paginator.HasNext }}
+  <a href="{{ .Paginator.Next.URL }}">
+    Older
+  </a>
+  {{ else }}
+  <a class="is-disabled">
+    Older
+  </a>
+  {{ end }}
+</section>
+{{ end }}

data/site/themes/spuit/layouts/partials/sidebar.html

@@ -0,0 +1,52 @@
+<div class="sidebar">
+  {{/* partial "widgets/recents" . */}}
+  {{/* partial "widgets/categories" . */}}
+  {{/* partial "widgets/tags" . */}}
+  {{/* partial "widgets/archive" . */}}
+  {{/* partial "widgets/search" . */}}
+
+  {{ if eq .IsHome true }}
+  <div class="widget">
+    <ul>
+      <li>
+        <a href="#" data-toggle="modal" data-target="#search">Search</a>
+      </li>
+      <li>
+        <a href="/posts/components/">Components</a>
+      </li>
+    </ul>
+  </div>
+  {{ end }}
+  {{ if eq .IsHome false }}
+  <div class="widget">
+    <ul>
+      <li>
+        <a href="#typefaces">Typefaces</a>
+      </li>
+      <li>
+        <a href="#buttons">Buttons</a>
+      </li>
+      <li>
+        <a href="#group">Group</a>
+      </li>
+      <li>
+        <a href="#form">Form</a>
+      </li>
+      <li>
+        <a href="#table">Table</a>
+      </li>
+      <li>
+        <a href="#icons">Icons</a>
+      </li>
+      <li>
+        <a href="#balloon">Balloon</a>
+      </li>
+      <li>
+        <a href="#utilities">Utilities</a>
+      </li>
+    </ul>
+  </div>
+  {{ end }}
+</div>
+
+{{ partial "widgets/search-modal" . }}

data/site/themes/spuit/layouts/partials/widgets/archive.html

@@ -0,0 +1,14 @@
+{{ if not (eq (len .Site.Pages) 0) }}
+<div class="widget">
+  <h5>Archives</h5>
+  <ul>
+    {{ range $value := (where .Site.RegularPages "Type" "post").GroupByDate "2006-01" }}
+    {{ $url := (index $value.Pages 0).Date.Format "2006-01" | urlize }}
+    <li>
+      <a href="{{ $.Site.BaseURL }}post/#{{ $url }}">{{ .Key }}</a>
+      <span class="count">({{ len $value.Pages }})</span>
+    </li>
+    {{ end }}
+  </ul>
+</div>
+{{ end }}

data/site/themes/spuit/layouts/partials/widgets/categories.html

@@ -0,0 +1,12 @@
+{{ if isset .Site.Taxonomies "categories" }}
+{{ if not (eq (len .Site.Taxonomies.categories) 0) }}
+<div class="widget">
+  <h5>Categories</h5>
+  <ul>
+    {{ range $name, $items := .Site.Taxonomies.categories }}
+    <li><a href="{{ $.Site.BaseURL }}categories/{{ $name | urlize | lower }}" title="{{ $name }}">{{ $name }}</a> <span class="count">({{ len $items }})</span></li>
+    {{ end }}
+  </ul>
+</div>
+{{ end }}
+{{ end }}

data/site/themes/spuit/layouts/partials/widgets/recents.html

@@ -0,0 +1,14 @@
+{{ if not (eq (len .Site.Pages) 0) }}
+<div class="widget">
+  <h5>Recents</h5>
+  <ul>
+    {{ range first 5 (where .Site.Pages "Section" "posts") }}
+      {{ if not (eq .URL "/posts/") }}
+        <li>
+          <a href="{{ .RelPermalink }}">{{ .Title }}</a>
+        </li>
+      {{ end }}
+    {{ end }}
+  </ul>
+</div>
+{{ end }}

data/site/themes/spuit/layouts/partials/widgets/related.html

@@ -0,0 +1,13 @@
+{{ $related := .Site.RegularPages.Related . | first 5 }}
+{{ with $related }}
+<div class="widget related">
+	<h5>See Also</h5>
+	<ul>
+		{{ range . }}
+			{{ if ne (len .Title) 0 }}
+			<li><a href="{{ .RelPermalink }}">{{ .Title }}</a></li>
+			{{ end }}
+		{{ end }}
+	</ul>
+</div>
+{{ end }}

data/site/themes/spuit/layouts/partials/widgets/search-modal.html

@@ -0,0 +1,19 @@
+<div class="search-modal modal fade" id="search" tabindex="-1" role="dialog" aria-hidden="true">
+  <div class="modal-dialog" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title">サイト内検索</h5>
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+      <div class="modal-body">
+        <form action="" id="site-search" class="search-form" role="search">
+          <input type="search" id="search-input" aria-label="Search" class="site-search" autocomplete="off"
+            placeholder="" required>
+          <ul id="search-results"></ul>
+        </form>
+      </div>
+    </div>
+  </div>
+</div>

data/site/themes/spuit/layouts/partials/widgets/search.html

@@ -0,0 +1,10 @@
+<div class="widget">
+  <h5>Search</h5>
+  <ul>
+    <li>
+      <a href="#" data-toggle="modal" data-target="#search">
+        Search
+      </a>
+    </li>
+  </ul>
+</div>

data/site/themes/spuit/layouts/partials/widgets/tags.html

@@ -0,0 +1,12 @@
+{{ if isset .Site.Taxonomies "tags" }}
+{{ if not (eq (len .Site.Taxonomies.tags) 0) }}
+<div class="widget">
+	<h5>Tags</h5>
+	<ul>
+		{{ range $name, $items := .Site.Taxonomies.tags }}
+		<li><a href="{{ $.Site.BaseURL }}tags/{{ $name | urlize | lower }}" title="{{ $name }}">{{ $name }}</a> <span class="count">({{ len $items }})</span></li>
+		{{ end }}
+	</ul>
+</div>
+{{ end }}
+{{ end }}

data/site/themes/spuit/layouts/shortcodes/blockquote.html

@@ -0,0 +1,70 @@
+
+<!-- Author: Parsia Hakimian https://github.com/parsiya/Hugo-Shortcodes -->
+<!-- port of Octopress blockquote plugin http://octopress.org/docs/plugins/blockquote/ to Hugo
+
+  {% blockquote [author[, source]] [link] [source_link_title] %}
+  Quote string
+  {% endblockquote %}
+
+ -->
+
+<!-- reset scratch variables at the start -->
+{{ $.Scratch.Set "bl_author" false }}
+{{ $.Scratch.Set "bl_source" false }}
+{{ $.Scratch.Set "bl_link" false }}
+{{ $.Scratch.Set "bl_title" false }}
+
+{{ if .IsNamedParams }}
+  {{ $.Scratch.Set "bl_author" (.Get "author") }}
+  {{ $.Scratch.Set "bl_source" (.Get "source") }}
+  {{ $.Scratch.Set "bl_link" (.Get "link") }}
+  {{ $.Scratch.Set "bl_title" (.Get "title") }}
+{{ else }}
+  <!-- for the positional version if any -->
+{{ end }}
+
+<!-- if title is not set explicitly then we need to beautify the link
+     if length of link is more than 32 chars, we will cut it off by 32 and then drop everything after the last / if any and put it in into title -->
+
+{{ with $.Scratch.Get "bl_title" }}
+  <!-- do nothing -->
+{{ else }}
+  {{ with $.Scratch.Get "bl_link" }}    <!-- if link is given -->
+    {{ range last 1 (split ($.Scratch.Get "bl_link" ) "://") }}  <!-- split by :// and then only take the items after it to remove protocol:// -->
+      {{ $.Scratch.Set "title_without_protocol" . }}
+    {{ end }}
+    {{ range last 1 (split ($.Scratch.Get "title_without_protocol" ) "www.")  }} <!-- also remove the www. at the start if any. we are using a second split because all URLS may not start with it -->
+      {{ $.Scratch.Set "title_without_protocol" . }}
+    {{ end }}
+    {{ $.Scratch.Set "bl_title" ($.Scratch.Get "title_without_protocol") }}
+
+    <!-- if link is longer than 32 bytes we should trim it -->
+    {{ if (gt (len ($.Scratch.Get "title_without_protocol") ) 32) }}
+      {{ $title := (slicestr ($.Scratch.Get "title_without_protocol") 0 32) }}   <!-- get the first 32 characters of title_without_protocol -->
+      {{ $split_by_fw_slash := split $title "/" }}   <!-- now split on / because we want to stop after the last forward slash -->
+      {{ $count := (sub (len $split_by_fw_slash) 1) }}   <!-- we want everything but the last part so we adjust the count accordingly -->
+
+      {{ $.Scratch.Set "tempstring" "" }}   <!-- temp variable to hold the concatinated string -->
+      {{ range first $count $split_by_fw_slash  }}  <!-- loop through all parts except last and concat them (add / between halves) -->
+        {{ $.Scratch.Set "tempstring" ( . | printf "%s%s/" ($.Scratch.Get "tempstring") | printf "%s" ) }}
+      {{ end }}
+      {{ $.Scratch.Set "bl_title" ( printf "%s..." ($.Scratch.Get "tempstring") | printf "%s" ) }}
+    {{ end }}
+  {{ end }}
+{{ end }}
+
+<blockquote>
+  <p>{{ .Inner | markdownify }}</p>
+  <footer>
+    <strong>{{ with $.Scratch.Get "bl_author" }}{{ . }}{{ end }}</strong>
+    {{ with $.Scratch.Get "bl_source" }}
+      <cite>{{ . }}</cite>
+    {{ else }}
+      {{ with $.Scratch.Get "bl_link" }}
+        <cite>
+          <a href="{{ . }}" title="{{ . }}">{{ $.Scratch.Get "bl_title" }}</a> <!-- can't have new lines here -->
+        </cite>
+      {{ end }}
+    {{ end }}
+  </footer>
+</blockquote>

data/site/themes/spuit/layouts/shortcodes/card-amazon.html

@@ -0,0 +1,28 @@
+{{/*
+
+{{< card-amazon id="xxx" title="xxx" src="/images/xxx.png" >}}
+
+*/}}
+<section class="card is-amazon">
+  {{ $id := (.Get "id") }}
+  {{ $title := (.Get "title") }}
+  {{ $src := (.Get "src") }}
+  {{ $name := (.Get "name") }}
+  <h5>Amazon</h5>
+  <a href="https://www.amazon.co.jp/o/ASIN/{{ $id }}" target="_blank" class="card__link">
+    <span class="card__img">
+      <img src="{{ $src }}" alt="" />
+    </span>
+    <span class="card__info">
+      <span class="card__title">
+        {{ $title }}
+        {{ if ne $name nil }}
+          / {{ $name }}
+        {{ end }}
+      </span>
+      <span class="card__url">
+        https://www.amazon.co.jp/o/ASIN/{{ $id }}
+      </span>
+    </span>
+  </a>
+</section>

data/site/themes/spuit/layouts/shortcodes/card-site.html

@@ -0,0 +1,22 @@
+{{/*
+
+{{< card-site href="https://xxx.com/" title="title" description="description" src="/images/2017/xxxxxx/ogp.png" >}}
+
+*/}}
+<section class="card">
+  {{ $href := (.Get "href") }}
+  {{ $title := (.Get "title") }}
+  {{ $src := (.Get "src") }}
+  {{ $description := (.Get "description") }}
+  <h5>Website</h5>
+  <a href="{{ $href }}" target="_blank" rel="noreferrer" class="card__link">
+    <span class="card__img">
+      <img src="{{ $src }}" alt="" />
+    </span>
+    <span class="card__info">
+      <span class="card__title">{{ $title }}</span>
+      <span class="card__url">{{ $href }}</span>
+      <span class="card__description">{{ $description }}</span>
+    </span>
+  </a>
+</section>

data/site/themes/spuit/layouts/shortcodes/card-store.html

@@ -0,0 +1,28 @@
+{{/*
+
+{{< card-store url="xxx" title="xxx" >}}
+
+*/}}
+{{ $url := (.Get "url") }}
+{{ $src := (.Get "src") }}
+{{ $title := (.Get "title") }}
+{{ $type := (.Get "type") }}
+
+<section class="card is-{{ $type }}">
+
+  {{ if eq $type "apple" }}
+  <h5>App Store</h5>
+  {{ else if eq $type "google" }}
+  <h5>Google Play</h5>
+  {{ end }}
+
+  <a href="{{ $url }}" target="_blank" class="card__link">
+    <span class="card__img">
+      <img src="{{ $src }}" alt="" />
+    </span>
+    <span class="card__info">
+      <span class="card__title">{{ $title }}</span>
+      <span class="card__url">{{ $url }}</span>
+    </span>
+  </a>
+</section>

data/site/themes/spuit/layouts/shortcodes/card-youtube.html

@@ -0,0 +1,27 @@
+{{/*
+
+{{< card-youtube id="xxx" >}}
+
+<div style="position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;">
+  <iframe src="//www.youtube.com/embed/{{ $id }}" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" allowfullscreen="" frameborder="0" title="YouTube Video"></iframe>
+</div>
+
+*/}}
+
+<section class="card is-youtuve">
+  {{ $id := (.Get "id") }}
+  {{ $title := (.Get "title") }}
+  <h5>Youtube</h5>
+
+  <a href="https://www.youtube.com/watch?v={{ $id }}" target="_blank" class="card__link">
+    <span class="card__img">
+      <img src="http://i.ytimg.com/vi/{{ $id }}/maxresdefault.jpg" alt="" />
+    </span>
+
+    <span class="card__info">
+      <span class="card__title">{{ $title }}</span>
+      <span class="card__url">https://www.youtube.com/watch?v={{ $id }}</span>
+    </span>
+  </a>
+
+</section>