spuit 0.1.2 → 0.2.1

data/site/themes/spuit/assets/stylesheets/styles/components/_card.scss

@@ -0,0 +1,160 @@
+.card {
+  $b: &;
+  border: 0;
+  margin: 0;
+  padding: 1rem 0;
+
+  h5 {
+    @include font(.6125rem, 1);
+    color: #ddd;
+    text-transform: uppercase;
+  }
+
+  &__link {
+    display: flex;
+    position: relative;
+    justify-content: flex-start;
+    align-items: center;
+    border: 1px solid #eee;
+    text-decoration: none;
+    line-height: 1.5rem;
+    padding: 20px;
+    position: relative;
+    @include breakpoint-down(md) {
+      flex-wrap: wrap;
+    }
+
+    &::before {
+      @include fa;
+      content: '\f108';
+      font-size: .75rem;
+      line-height: 2rem;
+      position: absolute;
+      bottom: -1px;
+      right: 0;
+      padding: 10px 8px;
+      transform: translateX(100%);
+      background: #eee;
+      color: #fff;
+      border-radius: 0 5px 5px 0;
+      opacity: 1;
+      @include breakpoint-down(md) {
+        font-size: 1rem;
+        line-height: 1;
+        width: 5rem;
+        border-radius: 5px 5px 0 0;
+        padding: 8px 10px;
+        text-align: center;
+        top: -1px;
+        bottom: auto;
+        right: -1px;
+        left: auto;
+        transform: translateX(0) translateY(-100%);
+      }
+    }
+
+    &:hover {
+      color: $color-blue;
+      border-color: $color-blue;
+      text-decoration: none;
+      &::before {
+        background: $color-blue;
+      }
+    }
+  }
+  &__img {
+    display: block;
+    flex: 1 0 150px;
+    max-width: 150px;
+    height: auto;
+    img {
+      width: 100%;
+    }
+    @include breakpoint-down(md) {
+      width: 100%;
+      max-width: 100%;
+      text-align: center;
+    }
+  }
+  &__info {
+    padding: 0 0 0 20px;
+    @include breakpoint-down(md) {
+      width: 100%;
+      padding: 20px 0 0 0;
+    }
+  }
+  &__title {
+    @include font(1rem, 1.8rem);
+    display: block;
+  }
+  &__url {
+    @include font(.75rem, 1.2rem);
+    @include word-break;
+    display: block;
+    padding-top: 5px;
+  }
+  &__description {
+    @include font(.75rem, 1.2rem);
+    display: block;
+    color: $color-gray;
+    padding-top: 5px;
+  }
+
+  &.is-amazon,
+  &.is-apple,
+  &.is-google {
+    #{$b}__link {
+      @include breakpoint-down(md) {
+        justify-content: center;
+      }
+    }
+    #{$b}__img {
+      @include breakpoint-down(md) {
+        flex: 0 1 100px;
+      }
+    }
+    #{$b}__info {
+      @include breakpoint-down(md) {
+        flex: 1 0 100%;
+      }
+    }
+  }
+
+  &.is-youtuve {
+    #{$b}__img {
+      padding-top: 20px;
+      padding-bottom: 20px;
+      background: #000;
+      @include breakpoint-down(md) {
+        padding-top: 0;
+        padding-bottom: 0;
+        background: transparent;
+      }
+    }
+  }
+
+  &.is-apple,
+  &.is-google {
+    margin: 1rem 0;
+    #{$b}__img {
+      img {
+        border-radius: 5px;
+      }
+    }
+  }
+  &.is-apple {
+    #{$b}__link {
+      &::before {
+        content: '\f179';
+      }
+    }
+  }
+  &.is-google {
+    #{$b}__link {
+      &::before {
+        content: '\f1a0';
+      }
+    }
+  }
+
+}

data/site/themes/spuit/assets/stylesheets/styles/components/_syntax.scss

@@ -0,0 +1,59 @@
+/* Background */ .chroma { color: #f8f8f2; background-color: #272822 }
+/* Error */ .chroma .err { color: #960050; background-color: #1e0010 }
+/* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
+/* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; }
+/* LineHighlight */ .chroma .hl { display: block; width: 100%;background-color: #ffffcc }
+/* LineNumbersTable */ .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em; }
+/* LineNumbers */ .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em; }
+/* Keyword */ .chroma .k { color: #66d9ef }
+/* KeywordConstant */ .chroma .kc { color: #66d9ef }
+/* KeywordDeclaration */ .chroma .kd { color: #66d9ef }
+/* KeywordNamespace */ .chroma .kn { color: #f92672 }
+/* KeywordPseudo */ .chroma .kp { color: #66d9ef }
+/* KeywordReserved */ .chroma .kr { color: #66d9ef }
+/* KeywordType */ .chroma .kt { color: #66d9ef }
+/* NameAttribute */ .chroma .na { color: #a6e22e }
+/* NameClass */ .chroma .nc { color: #a6e22e }
+/* NameConstant */ .chroma .no { color: #66d9ef }
+/* NameDecorator */ .chroma .nd { color: #a6e22e }
+/* NameException */ .chroma .ne { color: #a6e22e }
+/* NameFunction */ .chroma .nf { color: #a6e22e }
+/* NameOther */ .chroma .nx { color: #a6e22e }
+/* NameTag */ .chroma .nt { color: #f92672 }
+/* Literal */ .chroma .l { color: #ae81ff }
+/* LiteralDate */ .chroma .ld { color: #e6db74 }
+/* LiteralString */ .chroma .s { color: #e6db74 }
+/* LiteralStringAffix */ .chroma .sa { color: #e6db74 }
+/* LiteralStringBacktick */ .chroma .sb { color: #e6db74 }
+/* LiteralStringChar */ .chroma .sc { color: #e6db74 }
+/* LiteralStringDelimiter */ .chroma .dl { color: #e6db74 }
+/* LiteralStringDoc */ .chroma .sd { color: #e6db74 }
+/* LiteralStringDouble */ .chroma .s2 { color: #e6db74 }
+/* LiteralStringEscape */ .chroma .se { color: #ae81ff }
+/* LiteralStringHeredoc */ .chroma .sh { color: #e6db74 }
+/* LiteralStringInterpol */ .chroma .si { color: #e6db74 }
+/* LiteralStringOther */ .chroma .sx { color: #e6db74 }
+/* LiteralStringRegex */ .chroma .sr { color: #e6db74 }
+/* LiteralStringSingle */ .chroma .s1 { color: #e6db74 }
+/* LiteralStringSymbol */ .chroma .ss { color: #e6db74 }
+/* LiteralNumber */ .chroma .m { color: #ae81ff }
+/* LiteralNumberBin */ .chroma .mb { color: #ae81ff }
+/* LiteralNumberFloat */ .chroma .mf { color: #ae81ff }
+/* LiteralNumberHex */ .chroma .mh { color: #ae81ff }
+/* LiteralNumberInteger */ .chroma .mi { color: #ae81ff }
+/* LiteralNumberIntegerLong */ .chroma .il { color: #ae81ff }
+/* LiteralNumberOct */ .chroma .mo { color: #ae81ff }
+/* Operator */ .chroma .o { color: #f92672 }
+/* OperatorWord */ .chroma .ow { color: #f92672 }
+/* Comment */ .chroma .c { color: #75715e }
+/* CommentHashbang */ .chroma .ch { color: #75715e }
+/* CommentMultiline */ .chroma .cm { color: #75715e }
+/* CommentSingle */ .chroma .c1 { color: #75715e }
+/* CommentSpecial */ .chroma .cs { color: #75715e }
+/* CommentPreproc */ .chroma .cp { color: #75715e }
+/* CommentPreprocFile */ .chroma .cpf { color: #75715e }
+/* GenericDeleted */ .chroma .gd { color: #f92672 }
+/* GenericEmph */ .chroma .ge { font-style: italic }
+/* GenericInserted */ .chroma .gi { color: #a6e22e }
+/* GenericStrong */ .chroma .gs { font-weight: bold }
+/* GenericSubheading */ .chroma .gu { color: #75715e }

data/site/themes/spuit/assets/stylesheets/styles/config/_mixins.scss

@@ -0,0 +1,8 @@
+@include include-opensans;
+
+@mixin font($size: null, $line-height: null, $weight: null) {
+  font-family: 'Open Sans', $font-sans;
+  font-size: map-get($font-sizes, $size);
+  line-height: map-get($line-heights, $line-height);
+  font-weight: $weight;
+}

data/site/themes/spuit/assets/stylesheets/styles/config/_variables.scss

@@ -0,0 +1,6 @@
+// colors
+$color-black: #222;
+$color-blue: #529ef6;
+$color-pink: #E87571;
+$color-gray: #767676;
+$color-lightgray: #eee;

data/site/themes/spuit/layouts/404.html

@@ -0,0 +1,9 @@
+{{ define "main" }}
+
+<div class="entry is-404">
+  <h1>404</h1>
+
+  <a href="{{ "/" | relURL }}">トップページ</a>
+</div>
+
+{{ end }}

data/site/themes/spuit/layouts/_default/baseof.html

@@ -0,0 +1,27 @@
+{{ partial "head" . }}
+
+{{ partial "header" . }}
+
+<div class="l-2col" id="hamburger">
+  <aside>
+    {{ partial "sidebar" . }}
+  </aside>
+
+  <main>
+    <button class="hamburger" data-onof="open" data-onof-target="#hamburger">
+      <i class="icon-hamburger"></i>
+    </button>
+
+    {{ if eq .IsHome false }}
+    {{/* partial "parts/breadcrumbs" . */}}
+    {{ end }}
+
+    <div class="content">
+      {{ block "main" . }}
+      {{ end }}
+    </div>
+  </main>
+</div>
+
+{{ partial "footer" . }}
+{{ partial "foot" . }}

data/site/themes/spuit/layouts/_default/list.html

@@ -0,0 +1,22 @@
+{{ define "main" }}
+
+<section class="entries">
+  {{ range sort .Paginator.Pages }}
+  <article class="entries__item">
+    <h1><a href="{{ .Permalink }}">{{ .Title }}</a>{{ if .Draft }} <small>::Draft</small> {{ end }}</h1>
+    {{/* partial "parts/info" . */}}
+
+    <div class="entries__item-content">
+      {{/* .Summary | plainify | safeHTML */}}
+
+      {{/* if .Truncated }}
+        <a href="{{ .Permalink }}" class="more">Read more</a>
+      {{ end */}}
+    </div>
+  </article>
+  {{ end }}
+</section>
+
+{{ partial "parts/pagenator" . }}
+
+{{ end }}

data/site/themes/spuit/layouts/_default/rss.xml

@@ -0,0 +1,26 @@
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>{{ if eq  .Title  .Site.Title }}{{ .Site.Title }}{{ else }}{{ with .Title }}{{.}} | {{ end }}{{ .Site.Title }}{{ end }}</title>
+    <link>{{ .Permalink }}</link>
+    <description>{{ if ne  .Title  .Site.Title }}{{ with .Title }} {{.}} {{ end }} | {{ end }}{{ .Site.Title }}</description>
+    {{ with .Site.LanguageCode }}
+    <language>{{.}}</language>{{end}}{{ with .Site.Author.email }}
+    <managingEditor>{{.}}{{ with $.Site.Author.name }} ({{.}}){{end}}</managingEditor>{{end}}{{ with .Site.Author.email }}
+    <webMaster>{{.}}{{ with $.Site.Author.name }} ({{.}}){{end}}</webMaster>{{end}}{{ with .Site.Copyright }}
+    <copyright>{{.}}</copyright>{{end}}{{ if not .Date.IsZero }}
+    <lastBuildDate>{{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }}</lastBuildDate>{{ end }}
+    {{ with .OutputFormats.Get "RSS" }}
+      {{ printf "<atom:link href=%q rel=\"self\" type=%q />" .Permalink .MediaType | safeHTML }}
+    {{ end }}
+    {{ range .Data.Pages }}
+    <item>
+      <title>{{ .Title }}</title>
+      <link>{{ .Permalink }}</link>
+      <pubDate>{{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }}</pubDate>
+      {{ with .Site.Author.email }}<author>{{.}}{{ with $.Site.Author.name }} ({{.}}){{end}}</author>{{end}}
+      <guid>{{ .Permalink }}</guid>
+      <description>{{ .Summary | html }}</description>
+    </item>
+    {{ end }}
+  </channel>
+</rss>

data/site/themes/spuit/layouts/_default/single.html

@@ -0,0 +1,14 @@
+{{ define "main" }}
+
+<div class="entry {{ .Params.class }}">
+  <h1 class="mt-0">{{ .Title }}</h1>
+  {{/* partial "parts/info" . */}}
+
+  <div class="entry__content">
+    {{ .Content }}
+  </div>
+
+  {{/* partial "widgets/related" . */}}
+</div>
+
+{{ end }}

data/site/themes/spuit/layouts/_default/temp.html

@@ -0,0 +1,5 @@
+{{ partial "head" . }}
+
+{{ .Content }}
+
+{{ partial "foot" . }}

data/site/themes/spuit/layouts/index.html

@@ -0,0 +1,2 @@
+{{ define "main" }}
+{{ end }}

data/site/themes/spuit/layouts/json/single.html

@@ -0,0 +1,28 @@
+{{/*
+
+howto:
+
+```/content/search.adoc
+  ---
+  date: "2018-01-01"
+  type: "json"
+  url: "search.json"
+  ---
+```
+*/}}
+
+[
+  {{ range $index, $page := .Site.Pages }}
+    {{ if $index }},{{ end }}
+    {
+      "id": "{{ $index }}",
+      "url": "{{ $page.Permalink }}",
+      "title": "{{ $page.Title }}",
+      "section": "{{ .Section }}",
+      "tags": ["{{ if $page.Params.tags }}{{ delimit $page.Params.tags "\",\"" }}{{ else }}{{ end }}"],
+      "content": "{{ lower (replace (replace (replace $page.Plain "\t" "") "\n" "") "\\" "") }}",
+      "date": "{{ .Date.Format "Jan 2, 2006" }}",
+      "summary": "{{ replace (replace (replace .Summary "\n" "") "\n" "") "\\" "" }}"
+    }
+  {{ end }}
+]

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

@@ -0,0 +1,26 @@
+  {{ if .Site.Params.fbAppId }}
+  <div id="fb-root"></div>
+  <script>(function(d, s, id) {
+    var js, fjs = d.getElementsByTagName(s)[0];
+    if (d.getElementById(id)) return;
+    js = d.createElement(s); js.id = id;
+    js.src = "//connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v2.9&appId={{ .Site.Params.fbAppId }}";
+    fjs.parentNode.insertBefore(js, fjs);
+  }(document, 'script', 'facebook-jssdk'));</script>
+  {{ end }}
+
+  {{ if .Site.Params.GoogleAnalyticsId }}
+  <script>
+    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+    })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
+    ga('create', '{{ .Site.Params.GoogleAnalyticsId }}', 'auto');
+    ga('send', 'pageview');
+  </script>
+  {{ end }}
+
+  <script src="{{ .Site.BaseURL }}javascripts/scripts.js"></script>
+
+  </body>
+</html>

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

@@ -0,0 +1,5 @@
+<footer class="footer">
+  <a href="https://github.com/is8r/spuit" target="_blank" class="no-underline">🐙</a>
+  <a href="https://twitter.com/is8r_" target="_blank" class="no-underline">🐥</a>
+  {{ .Site.Copyright }}
+</footer>

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

@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="ja">
+  <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#">
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    {{ if eq .IsHome false }}
+    <title>{{ .Title }} | {{ .Site.Title }}</title>
+    {{ else }}
+    <title>{{ .Site.Title }}</title>
+    {{ end }}
+    <meta name="description" content="{{ .Site.Params.Description }}" />
+    <meta name="keywords" content="{{ .Site.Params.Keywords }}" />
+
+    {{ if eq .IsHome false }}
+    <meta property="og:title" content="{{ .Title }} | {{ .Site.Title }}" />
+    {{ else }}
+    <meta property="og:title" content="{{ .Site.Title }}" />
+    {{ end }}
+
+    {{ if eq .IsHome false }}
+    <meta property="og:type" content="article" />
+    {{ else }}
+    <meta property="og:type" content="website" />
+    {{ end }}
+    <meta property="og:url" content="{{ .Permalink }}" />
+
+    {{ if ne .Params.ogp nil }}
+    <meta property="og:image" content="{{ .Site.BaseURL }}{{ .Params.ogp }}" />
+    {{ else }}
+    <meta property="og:image" content="{{ .Site.BaseURL }}{{ .Site.Params.ImageOgp }}" />
+    {{ end }}
+
+    {{ if .RSSLink }}
+      <link href="{{ .RSSLink }}" rel="alternate" type="application/rss+xml" title="{{ .Site.Title }}" />
+      <link href="{{ .RSSLink }}" rel="feed" type="application/rss+xml" title="{{ .Site.Title }}" />
+    {{ end }}
+
+    <meta property="og:site_name" content="{{ .Site.Title }}" />
+    <meta property="og:description" content="{{ .Site.Params.Description }}" />
+    <meta property="fb:app_id" content="{{ .Site.Params.fbAppId }}" />
+
+    <!-- referrer -->
+    <meta name="referrer" content="no-referrer">
+
+    <link rel="shortcut icon" type="image/x-icon" href="{{ .Site.Params.ImageFavicon }}">
+    <link rel="apple-touch-icon" href="{{ .Site.Params.ImageAppleTouchIcon }}">
+
+    <link rel="stylesheet" href="{{ .Site.BaseURL }}stylesheets/styles.css">
+
+  </head>
+  <body>