jekyll-text-theme 1.5.0 → 2.0.0

data/_layouts/landing.html

@@ -0,0 +1,164 @@
+---
+layout: page
+title: TeXt
+show_title: false
+show_header: false
+full_width: true
+---
+{%- include snippets/page-title.html -%}
+{%- assign _title = __return -%}
+
+<div class="layout--landing">
+{%- assign __path = page.data.background_image.src -%}
+{%- include snippets/get-nav-url.html -%}
+{%- assign _url = __return -%}
+{%- if page.data.theme == 'light' -%}
+  <section class="section section--light overlay" style="background-image: url({{ _url }});">
+{%- elsif page.data.theme == 'dark' -%}
+  <section class="section section--dark overlay" style="background-image: url({{ _url }});">
+{%- else -%}
+  <section class="section overlay" style="background-image: url({{ page.data.background_image.src }});">
+{%- endif -%}
+    <div class="section__content">
+      <h1>{{ _title }}</h1>
+      {%- if page.data.sub_title -%}
+      <h2 itemprop="alternativeHeadline">{{ page.data.sub_title }}</h2>
+      {%- endif -%}
+      {%- if page.data.actions -%}
+      <ul class="menu menu--center">
+      {%- for _action in page.data.actions -%}
+        {%- assign __path = _action.url -%}
+        {%- include snippets/get-nav-url.html -%}
+        {%- assign _url = __return -%}
+        {%- assign _type = _action.type | default: 'info' -%}
+        <li><a class="button button--{{ _type }} button--rounded button--lg" href="{{ _url }}">{{ _action.text }}</a></li>
+      {%- endfor -%}
+      </ul>
+      {%- endif -%}
+    </div>
+  </section>
+
+  {%- for _section in page.data.sections -%}
+    {%- if _section.theme == 'light' -%}
+      <section class="section section--light feature" id="section-{{ forloop.index }}">
+    {%- elsif _section.theme == 'dark' -%}
+      <section class="section section--dark feature" id="section-{{ forloop.index }}">
+    {%- else -%}
+      <section class="section feature" id="section-{{ forloop.index }}">
+    {%- endif -%}
+
+        <div class="section__content">
+          <div class="content__row">
+
+            <h3>{{ _section.title }}</h3>
+              {%- if _section.description-%}
+            <p>{{ _section.description }}</p>
+            {%- endif -%}
+
+            {%- if _section.actions -%}
+              <ul class="menu menu--center">
+              {%- for _action in _section.actions -%}
+                {%- assign __path = _action.url -%}
+                {%- include snippets/get-nav-url.html -%}
+                {%- assign _url = __return -%}
+                {%- assign _type = _action.type | default: 'outline-info' -%}
+                <li><a class="button button--{{ _type }} button--rounded button--lg" href="{{ _url }}">{{ _action.text }}</a></li>
+              {%- endfor -%}
+              </ul>
+            {%- endif -%}
+
+          </div>
+
+          {%- if _section.children -%}
+            {%- assign _size = _section.children | size  -%}
+            <div class="grid">
+              <div class="row">
+
+
+              {%- for child in _section.children -%}
+                <div class="content__col col-{{ 12 | divided_by: _size }} col-sm-12">
+
+                  <div class="content__row">
+                    <h4>{{ child.title }}</h4>
+
+                    {%- if child.description-%}
+                      <p>{{ child.description }}</p>
+                    {%- endif -%}
+
+                    {%- if child.actions -%}
+                      <ul class="menu menu--center">
+                        {%- for _action in child.actions -%}
+                          {%- assign __path = _action.url -%}
+                          {%- include snippets/get-nav-url.html -%}
+                          {%- assign _url = __return -%}
+                          {%- assign _type = _action.type | default: 'outline-info' -%}
+                          <li><a class="button button--{{ _type }} button--rounded button--lg" href="{{ _url }}">{{ _action.text }}</a></li>
+                        {%- endfor -%}
+                      </ul>
+                    {%- endif -%}
+                  </div>
+
+                  {%- if child.image -%}
+
+                    {%- if child.image.url -%}
+                      {%- assign __path = child.image.url -%}
+                      {%- include snippets/get-nav-url.html -%}
+                      {%- assign _item_image_url = __return -%}
+                    {%- else -%}
+                      {%- assign _item_image_url = nil -%}
+                    {%- endif -%}
+
+                    {%- if child.image.src -%}
+                      {%- assign __path = child.image.src -%}
+                      {%- include snippets/get-nav-url.html -%}
+                      {%- assign _item_image_src = __return -%}
+                    {%- else -%}
+                      {%- assign _item_image_src = nil -%}
+                    {%- endif -%}
+
+                    {%- if child.image.is_row -%}
+                      <div class="content__row">
+                    {%- endif -%}
+                    {%- if _item_image_url -%}
+                        <a href="{{ _item_image_url }}">
+                    {%- endif -%}
+                    {%- if _item_image_src -%}
+                          <img class="content__cover" src="{{ _item_image_src }}" style="{{ child.image.style }}"></img>
+                    {%- endif -%}
+                    {%- if _item_image_url -%}
+                        </a>
+                    {%- endif -%}
+                    {%- if child.image.is_row -%}
+                      </div>
+                    {%- endif -%}
+                  {%- endif -%}
+
+                </div>
+              {%- endfor-%}
+
+              </div>
+            </div>
+          {%- endif -%}
+
+          {%- if _section.image -%}
+            {%- if _section.image.is_row -%}
+              <div class="content__row">
+            {%- endif -%}
+              {%- if child.image.url -%}
+                <a href="{{ child.image.url }}">
+              {%- endif -%}
+                  <img class="content__cover" src="{{ _section.image.src }}" style="{{ _section.image.style }}"></img>
+              {%- if child.image.url -%}
+                </a>
+              {%- endif -%}
+            {%- if _section.image.is_row -%}
+              </div>
+            {%- endif -%}
+          {%- endif -%}
+
+        </div>
+      </section>
+  {%- endfor -%}
+</div>
+
+{{ content }}

data/_layouts/page.html

@@ -1,14 +1,162 @@
 ---
 layout: base
 ---
-<div class="m-page">
-  <article class="main">
-    {%- include snippets/page-title.html -%}
-    <div class="main-header"><h1>{{ __return }}</h1></div>
-    <div class="m-article-content" itemprop="articleBody">{{ content }}</div>
-    {%- if jekyll.environment != "development" and page.comment != false -%}
-      <section>{%- include utils/comment-disqus.html -%}</section>
-      <section>{%- include utils/comment-gitalk.html -%}</section>
+{%- assign _page_type = page.type | default: layout.type | default: site.data.variables.default.page.type -%}
+
+{%- include snippets/page-title.html -%}
+{%- assign _page_title = __return -%}
+
+{%- assign __source = page.show_header -%}
+{%- assign __target = layout.show_header -%}
+{%- include snippets/assign.html -%}
+{%- assign __source = __return -%}
+{%- assign __target = site.data.variables.default.page.show_header -%}
+{%- include snippets/assign.html -%}
+{%- assign _show_header = __return -%}
+
+{%- assign __source = page.full_width -%}
+{%- assign __target = layout.full_width -%}
+{%- include snippets/assign.html -%}
+{%- assign __source = __return -%}
+{%- assign __target = site.data.variables.default.page.full_width -%}
+{%- include snippets/assign.html -%}
+{%- assign _full_width = __return -%}
+
+{%- assign __source = page.show_title -%}
+{%- assign __target = layout.show_title -%}
+{%- include snippets/assign.html -%}
+{%- assign __source = __return -%}
+{%- assign __target = site.data.variables.default.page.show_title -%}
+{%- include snippets/assign.html -%}
+{%- assign _show_title = __return -%}
+
+{%- assign __source = page.show_edit_on_github -%}
+{%- assign __target = layout.show_edit_on_github -%}
+{%- include snippets/assign.html -%}
+{%- assign __source = __return -%}
+{%- assign __target = site.data.variables.default.page.show_edit_on_github -%}
+{%- include snippets/assign.html -%}
+{%- assign _show_edit_on_github = __return -%}
+
+{%- if page.sidebar -%}
+<div class="layout--page layout--page--sidebar clearfix js-page-root">
+  <div class="page__actions">
+    <div class="button button--circle  button--lg box-shadow-2 sidebar-button js-sidebar-show">
+      <i class="fas fa-bars icon--show"></i>
+    </div>
+  </div>
+  <div class="page__sidebar">
+    {%- include sidebar/toc.html -%}
+  </div>
+  <div class="page__mask js-sidebar-hide"></div>
+
+{%- else -%}
+<div class="layout--page clearfix">
+{%- endif -%}
+
+  {%- if _full_width -%}
+  <div class="page__main js-page-main full-width">
+  {%- elsif page.aside -%}
+  <div class="page__main js-page-main has-aside">
+  {%- else -%}
+  <div class="page__main js-page-main">
+  {%- endif -%}
+
+    <div class="page__main-inner">
+    <div></div>
+    {%- if _show_header -%}
+      <div class="page__header">{%- include header.html -%}</div>
     {%- endif -%}
-  </article>
+
+      <div class="page__content">
+      {%- if _full_width == false -%}
+        <div class ="main">
+      {%- endif -%}
+
+          <div class="col-2 js-col-2">
+            {%- if page.aside -%}
+              <aside class="page__aside js-page-aside">
+                {%- include aside/toc.html -%}
+              </aside>
+            {%- endif -%}
+          </div>
+
+          <div class="col-1">
+            {%- if _page_type == 'article' -%}
+              <article itemscope itemtype="http://schema.org/Article">
+            {%- elsif _page_type == 'webpage' -%}
+              <article itemscope itemtype="http://schema.org/WebPage">
+            {%- else -%}
+              <article>
+            {%- endif -%}
+              {%- if _show_title or _show_edit_on_github -%}
+                <div class="article__header">
+              {%- endif -%}
+                  {%- if _show_title -%}
+                    <header><h1 itemprop="headline">{{ _page_title }}</h1></header>
+                  {%- else -%}
+                    <header style="display: none;"><h1 itemprop="headline">{{ _page_title }}</h1></header>
+                  {%- endif-%}
+                  {%- if _show_edit_on_github -%}
+                    {%- if site.repository and site.repository_tree -%}
+                      {%- assign __locale = site.data.locale.POST_ON_GITHUB -%}
+                      {%- include snippets/locale-to-string.html -%}
+                      <a class="edit-on-github-button button button--secondary button--rounded button--sm"
+                        href="https://github.com/{{ site.repository }}/tree/{{ site.repository_tree }}/{{ page.path }}">
+                        <i class="fab fa-github"></i> {{ __return }}</a>
+                    {%- endif -%}
+                  {%- endif -%}
+              {%- if _show_title or _show_edit_on_github -%}
+                </div>
+              {%- endif -%}
+
+              {%- include article-info.html -%}
+
+              <div class="js-article-content">{{ content }}</div>
+
+              {%- if jekyll.environment != "development" and page.comment != false -%}
+                <section class="page__comments">{%- include comments.html -%}</section>
+              {%- endif -%}
+
+            </article>
+          </div>
+
+      {%- if _full_width == false -%}
+        </div>
+      {%- endif -%}
+      </div>
+
+      <div class="page__footer">{%- include footer.html -%}</div>
+
+    </div>
+  </div>
 </div>
+
+
+<script>
+  {%- include scripts/lib/scroll.js -%}
+  {%- include scripts/lib/affix.js -%}
+  {%- include scripts/lib/toc.js -%}
+  {%- include scripts/page.js -%}
+</script>
+
+{%- if page.sidebar -%}
+<script>
+  {%- include scripts/sidebar.js -%}
+</script>
+{%- endif -%}
+
+{%- if page.aside -%}
+<script>
+  /* toc must before affix, since affix need to konw toc' height. */
+  {%- if page.aside.toc -%}
+    {%- include scripts/aside/toc.js -%}
+  {%- endif -%}
+  {%- include scripts/aside/affix.js -%}
+</script>
+{%- endif -%}
+
+
+{%- include markdown-enhancements.html -%}
+{%- include pageview.html -%}
+{%- include analytics.html -%}

data/_sass/additional/_alert.scss

@@ -0,0 +1,25 @@
+.article__content {
+  p.success {
+    @include card(false);
+    background-color: mix($green, $background-color, 10%);
+    border: 1px solid $green;
+  }
+
+  p.info {
+    @include card(false);
+    background-color: mix($blue, $background-color, 10%);
+    border: 1px solid $blue;
+  }
+
+  p.warning {
+    @include card(false);
+    background-color: mix($yellow, $background-color, 10%);
+    border: 1px solid $yellow;
+  }
+
+  p.error {
+    @include card(false);
+    background-color: mix($red, $background-color, 10%);
+    border: 1px solid $red;
+  }
+}

data/_sass/additional/_photo-frame.scss

@@ -0,0 +1,17 @@
+.article__content {
+  img.shadow, .shadow > img {
+    @include box-shadow();
+  }
+
+  img.border, .border > img {
+    border: 1px solid $border-color-l;
+  }
+
+  img.rounded, .rounded > img {
+    border-radius: map-get($base, border-radius);
+  }
+
+  img.circle, .circle > img {
+    border-radius: 50%;
+  }
+}

data/_sass/animate/_fade-in-down.scss

@@ -1,4 +1,4 @@
-@keyframes fade-in-down {
+@include keyframes(fade-in-down) {
   from {
     opacity: 0;
     @include transform(translateY(-2rem));

data/_sass/animate/_fade-in.scss

@@ -1,4 +1,4 @@
-@keyframes fade-in {
+@include keyframes(fade-in) {
   from {
     opacity: 0;
   }

data/_sass/common/_classes.scss

@@ -4,12 +4,15 @@
   "common/classes/animation",
   "common/classes/clearfix",
   "common/classes/flex",
+  "common/classes/horizontal-rules",
+  "common/classes/pseudo",
   "common/classes/link",
   "common/classes/media",
+  "common/classes/overflow",
   "common/classes/shadow",
-  "common/classes/shape",
+  "common/classes/spacing",
   "common/classes/split-line",
   "common/classes/transform",
   "common/classes/transition",
   "common/classes/user-select",
-  "common/classes/space"
+  "common/classes/grid"

data/_sass/common/_reset.scss

@@ -14,7 +14,8 @@
 *,
 ::before,
 ::after {
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  box-sizing: border-box;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 
 /**
@@ -71,77 +72,81 @@ strong {
 h1 {
   font-size: map-get($base, font-size-h1);
   color: $text-color-d;
-  @include media-breakpoint-down(s) {
-    font-size: map-get($base, font-size-h1-small);
+  @include media-breakpoint-down(md) {
+    font-size: map-get($base, font-size-h1-sm);
   }
 }
 
 h2 {
   font-size: map-get($base, font-size-h2);
   color: $text-color-d;
-  @include media-breakpoint-down(s) {
-    font-size: map-get($base, font-size-h2-small);
+  @include media-breakpoint-down(md) {
+    font-size: map-get($base, font-size-h2-sm);
   }
 }
 
 h3 {
   font-size: map-get($base, font-size-h3);
   color: $text-color-d;
-  @include media-breakpoint-down(s) {
-    font-size: map-get($base, font-size-h3-small);
+  @include media-breakpoint-down(md) {
+    font-size: map-get($base, font-size-h3-sm);
   }
 }
 
 h4 {
   font-size: map-get($base, font-size-h4);
   color: $text-color;
-  @include media-breakpoint-down(s) {
-    font-size: map-get($base, font-size-h4-small);
+  @include media-breakpoint-down(md) {
+    font-size: map-get($base, font-size-h4-sm);
   }
 }
 
 h5 {
   font-size: map-get($base, font-size-h5);
   color: $text-color;
+  @include media-breakpoint-down(md) {
+    font-size: map-get($base, font-size-h5-sm);
+  }
 }
 
 h6 {
   font-size: map-get($base, font-size-h6);
   color: $text-color-l;
+  @include media-breakpoint-down(md) {
+    font-size: map-get($base, font-size-h6-sm);
+  }
 }
 
 a {
   font-weight: map-get($base, font-weight-bold);
-  @include link-normal() {
+  @include plain() {
     text-decoration: none;
   }
-  .not-touch & {
-    @include link-hover() {
-      text-decoration: underline;
-    }
+  @include hover() {
+    text-decoration: underline;
   }
-  @include link-active() {
+  @include active() {
     text-decoration: underline;
   }
-  @include link-text-colors($main-color-1);
-  @include link-animation();
+  @include link-colors($main-color-1, $main-color-1, $main-color-1);
+  @include transition(map-get($link, transition));
 }
 
 pre, code {
-  font-family: map-get($base, code-font-family);
+  font-family: map-get($base, font-family-code);
 }
 
 code {
-  font-size: map-get($base, font-size-tiny);
-  line-height: map-get($base, line-height-small);
+  font-size: map-get($base, font-size-xs);
+  line-height: map-get($base, line-height-sm);
 }
 
-figure>img {
+figure > img {
   display: block;
 }
 
 figcaption {
-  font-size: map-get($base, font-size-sub);
+  font-size: map-get($base, font-size-sm);
 }
 
 .icon {
@@ -168,4 +173,9 @@ input {
   &:focus {
     outline: none;
   }
+}
+
+// mermaid
+.mermaidTooltip {
+  display: none;
 }