moving 0.1.1 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 0ad7c4578ca0d053212512cc6099c9c2a12bdb662a7138bc1bd62dea927f4f4d
-  data.tar.gz: '04579f63308acb1b82db3c9bc789237fa20d6806ffea43975b1022fa4b942053'
+  metadata.gz: f1185f784bdd77096978e154f8c0c9eddb04d9a7a32a02f2862b579d179a722e
+  data.tar.gz: 9512618a5e6d7b1c74861e809bf4ce55c04037e12cb652dad5b6e46f3cb158fe
 SHA512:
-  metadata.gz: ff7647745a96637a1f220952461cfc863ddc8ab244c9f5a3347f09651853ba423f9b6dcf0aa76de0024351a0bee7e7a9c188e951f91a2d00fd4c19976f065059
-  data.tar.gz: 790c2ca04434c5b924297a0aabd68f3c21d446a7b88d0822a9d35423791cdf15d569ba3e77590e0bfd882642f11aaf882e2f32c2417778114ffe83213b93a577
+  metadata.gz: f0721b95f8bb07280da76038b5dde3eed712d8bbcaa902701e5d90f9b554af6109399b1d0cecaa2a59985e87c9c3024d44bd477577687ad15770e3d6b45bfc26
+  data.tar.gz: 1a01f76cc69cf6d626bea37fefae962f1fc8cfb1c24bf67fbfa8884545cafecb1803c92d4d9b5252b86e68415761594749d093412ef81eefb0ee6524eafeb14f

data/README.md

@@ -1,14 +1,41 @@
 # moving
 
-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`.
+[![Gem Version](https://badge.fury.io/rb/moving.svg)](https://badge.fury.io/rb/moving) ![progress](https://img.shields.io/badge/progress-developing-yellow.svg) 
 
-To experiment with this code, add some sample content and run `bundle exec jekyll serve` – this directory is setup just like a Jekyll site!
+Moving is a clean and minimalist theme for [Jekyll](https://jekyllrb.com/), focuses on pure and efficient writing. [[view demo]](http://huangyz.name/moving/)
 
-TODO: Delete this and the text above, and describe your gem
+![](./banner2.svg)
 
 
 ## Installation
 
+### New Blog
+If you want to create a new blog using moving. You can follow these steps after setting up the [Jekyll](https://jekyllrb.com) environments:
+
+Clone this repository: 
+```bash
+git clone https://github.com/huangyz0918/moving.git
+```
+
+Move into that directory:
+```bash
+cd moving/
+```
+
+Install required gems using `bundle`:
+```bash
+bundle install
+```
+
+Run the blog in localhost
+```bash
+jekyll serve
+```
+
+Once you successfully run the moving blog, you can modify the theme and add posts by yourself, have fun!
+
+### Add Moving to Existing Blog
+
 Add this line to your Jekyll site's `Gemfile`:
 
 ```ruby
@@ -29,13 +56,43 @@ Or install it yourself as:
 
     $ gem install moving
 
+### Deploy to Github Pages
+
+:warning: If you want to publish your site in [Github Pages](https://pages.github.com/). Change `theme: xxx` in `_config.yml` to `remote_theme: huangyz0918/moving` then push to your github repo (this is important, or you will get an error from github pages that not support the moving theme). If you want to test your site locally, you can change that to `theme: moving` and build again.
+
+
 ## Usage
 
-TODO: Write usage instructions here. Describe your available layouts, includes, sass and/or assets.
+You can modify the `_config.yml` to custom your blog. An example is if you want to change the back button's text in each post, you can change the `back_to`.
+
+```yaml
+title: Moving # The title of the blog
+author: Your Name # Your name 
+email: your-email@domain.com # your email shown in the footer
+url: http://huangyz.name/moving/ # this is your site's root address.
+description: > # this means to ignore newlines until "show_excerpts:"
+  A clean and minimalist theme for Jekyll.
+favicon: "./favicon.ico" # set the favicon of the site 
+
+show_excerpts: false # set to true to show excerpts on the homepage
+  
+# Moving date format
+# refer to https://shopify.github.io/liquid/filters/date/ if you want to customize this
+moving:
+  avatar_url: "https://i.loli.net/2019/08/26/JzCLhDWPEybZr2T.jpg" # avatar in about page
+  about_you: a short description about you. # short description about you in about page
+  date_format: "%b %d" # date format of posts in home page
+  back_to: "Home" # In the post page, you have a back button above the title, you can custom the text by yourself.
+
+# Build settings
+theme: moving # note, please use huangyz0918/moving if you want to publish to Github Pages.
+```
+
+
 
 ## Contributing
 
-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.
+Bug reports and pull requests are welcome on GitHub at [here](https://github.com/huangyz0918/moving). 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.
 
 ## Development
 

data/_includes/footer.html

@@ -2,15 +2,21 @@
     <data class="u-url" href="{{ "/" | relative_url }}"></data>
     <div class="wrapper">
       <div class="footer-col-wrapper">
-        <div class="footer-col one-half">
+        <div class="footer-col">
           <ul class="contact-list">
             <li class="p-name">
               {%- if site.author -%}
-                {{ site.author | escape }}
+                <a class="black-link" href="./about.html">
+                  {{ site.author | escape }} 
+                </a>
+                <!-- {%- if site.moving.about_you_short -%}
+                  , {{ site.moving.about_you_short }}
+                {%- endif -%} -->
               {%- endif -%}
               </li>
               {%- if site.email -%}
-              <li><a class="u-email" href="mailto:{{ site.email }}">{{ site.email }}</a></li>
+              <li>
+              <a class="u-email black-link" href="mailto:{{ site.email }}">{{ site.email }}</a></li>
               {%- endif -%}
           </ul>
         </div>

data/_includes/head.html

@@ -2,6 +2,11 @@
   <meta charset="utf-8" />
   <meta http-equiv="X-UA-Compatible" content="IE=edge" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <link rel="stylesheet" href="{{ site.url }}/assets/css/main.css">
-  <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
+  <link rel="stylesheet" href="{{ site.url }}/assets/css/main.css" />
+  <link rel="shortcut icon" type="image/x-icon" href="{{ site.favicon }}" />
+  <link rel="stylesheet" href="{{ site.url }}/assets/css/monokai.css" />
+  <script src="http://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.4.0/highlight.min.js"></script>
+  <script>
+    hljs.initHighlightingOnLoad();
+  </script>
 </head>

data/_layouts/about.html

@@ -0,0 +1,32 @@
+---
+layout: default
+---
+
+<div class="about-page">
+  <head>
+      <title>{{ site.author }}</title>
+  </head>
+  <div class="post-back">
+    <a class="black-link" href="{{ site.url | relative_url }}"> ← {{ site.moving.back_to }} </a>
+  </div>
+
+  {%- if site.moving.avatar_url -%}
+    <img class="about-avatar" src="{{ site.moving.avatar_url }}"/>
+  {%- endif -%}
+
+  {%- if site.author -%}
+    <div class="about-your-name">
+    {{ site.author | escape }}
+    </div>
+  {%- endif -%}
+
+  {%- if site.moving.about_you -%}
+    <p class="about-info">
+        {{ site.moving.about_you | escape }}
+    </p>
+  {%- endif -%}    
+
+  <div class="about-content e-content" itemprop="articleBody">
+      {{ content }}
+  </div>
+</div>

data/_layouts/home.html

@@ -3,6 +3,9 @@ layout: default
 ---
 
 <div class="home">
+  <head>
+      <title>{{ site.title }}</title>
+  </head>
   <div class="home-title">
     <p class="home-heading">{{ site.title }}</p>
     <p class="home-sub-heading">{{- site.description | escape -}}</p>
@@ -24,7 +27,7 @@ layout: default
           <span class="post-meta">
             {{ post.date | date: date_format }}
           </span>
-          <a class="post-link" href="{{ post.url | relative_url }}">
+          <a class="black-link post-link-layout" href="{{ post.url | relative_url }}">
             {{ post.title | escape }}
           </a>
       </li>

data/_layouts/post.html

@@ -7,9 +7,14 @@ layout: default
   itemscope
   itemtype="http://schema.org/BlogPosting"
 >
+  <head>
+    <title>{{ page.title }}</title>
+  </head>
   <header class="post-header">
     <div class="post-back">
-      <a href="{{ site.url | relative_url }}"> ← {{ site.moving.back_to }} </a>
+      <a class="black-link" href="{{ site.url | relative_url }}">
+        ← {{ site.moving.back_to }}
+      </a>
     </div>
 
     <h1 class="post-title p-name" itemprop="name headline">
@@ -38,8 +43,5 @@ layout: default
     {{ content }}
   </div>
 
-  {%- if site.disqus.shortname -%} {%- include disqus_comments.html -%} {%-
-  endif -%}
-
   <a class="u-url" href="{{ page.url | relative_url }}" hidden></a>
 </article>

data/_sass/moving/_base.scss

@@ -117,11 +117,10 @@ h6 {
   * Links
   */
 a {
-  color: $text-color;
+  color: $brand-color;
   text-decoration: none;
-
+  
   &:hover {
-    color: $text-color;
     text-decoration: underline;
   }
 
@@ -141,7 +140,7 @@ blockquote {
   color: $grey-color;
   border-left: 4px solid $grey-color-light;
   padding-left: $spacing-unit / 2;
-  @include relative-font-size(1.125);
+  @include relative-font-size(1);
   letter-spacing: -1px;
   font-style: italic;
 
@@ -155,18 +154,18 @@ blockquote {
   */
 pre,
 code {
-  @include relative-font-size(0.9375);
-  border: 1px solid $grey-color-light;
+  @include relative-font-size(0.9);
+  border: 1px solid darken($grey-color-light, 3%);
   border-radius: 3px;
-  background-color: lighten($grey-color-light, 5%);
+  background-color: lighten($grey-color-light, 3%);
 }
 
 code {
-  padding: 1px 5px;
+  padding: 1px 1px;
 }
 
 pre {
-  padding: 8px 12px;
+  padding: 2px 2px;
   overflow-x: auto;
 
   > code {

data/_sass/moving/_layout.scss

@@ -103,7 +103,7 @@
  * Site footer
  */
 .site-footer {
-  padding: $spacing-unit / 2 0;
+  padding: $spacing-unit / 1.5 0;
 }
 
 .footer-heading {
@@ -156,7 +156,7 @@
 }
 
 .post-year {
-  margin-top: 1.0rem;
+  margin-top: 1rem;
   font-weight: 700;
   color: lighten($text-color, 15%);
   @include relative-font-size(1.5);
@@ -168,13 +168,22 @@
   color: lighten($text-color, 25%);
 }
 
-.post-link {
-  color: $text-color;
+.post-link-layout {
   margin-left: 10%;
   display: inline-block;
   @include relative-font-size(1.2);
 }
 
+.black-link {
+  color: $text-color;
+  text-decoration: none;
+
+  &:hover {
+    color: $text-color;
+    text-decoration: underline;
+  }
+}
+
 .post-back {
   margin-bottom: 20px;
   color: lighten($text-color, 25%);
@@ -260,3 +269,38 @@
     width: calc(50% - (#{$spacing-unit} / 2));
   }
 }
+
+/**
+ * About Page
+ */
+.about-page {
+  display: inline-block;
+}
+
+.about-your-name {
+  display: flex;
+  flex-direction: row;
+  margin-top: 1.3rem;
+  @include relative-font-size(1.5);
+}
+
+.about-info {
+  @include relative-font-size(1);
+  color: lighten($text-color, 25%);
+}
+
+.about-card {
+  position: relative;
+  width: 100%;
+}
+
+.about-content {
+  margin-top: 1.8rem;
+}
+
+.about-avatar {
+  padding: 1px;
+  border: 1px solid $grey-color-light;
+  width: 15rem;
+  height: 15rem;
+}

data/_sass/moving.scss

@@ -49,4 +49,4 @@ $on-large: $on-laptop !default;
 }
 
 // Import partials.
-@import "moving/base", "moving/layout", "moving/syntax-highlighting";
+@import "moving/base", "moving/layout";

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: moving
 version: !ruby/object:Gem::Version
-  version: 0.1.1
+  version: 0.2.0
 platform: ruby
 authors:
 - huangyz0918
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-08-25 00:00:00.000000000 Z
+date: 2019-08-26 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -91,13 +91,13 @@ files:
 - README.md
 - _includes/footer.html
 - _includes/head.html
+- _layouts/about.html
 - _layouts/default.html
 - _layouts/home.html
 - _layouts/post.html
 - _sass/moving.scss
 - _sass/moving/_base.scss
 - _sass/moving/_layout.scss
-- _sass/moving/_syntax-highlighting.scss
 homepage: https://github.com/huangyz0918/moving
 licenses:
 - MIT

data/_sass/moving/_syntax-highlighting.scss

@@ -1,204 +0,0 @@
-/**
- * Syntax highlighting styles
- */
-.highlight {
-  background: #fff;
-  @extend %vertical-rhythm !optional;
-
-  .highlighter-rouge & {
-    background: lighten($grey-color-light, 5%);
-  }
-
-  .c {
-    color: #998;
-    font-style: italic;
-  } // Comment
-  .err {
-    color: #a61717;
-    background-color: #e3d2d2;
-  } // Error
-  .k {
-    font-weight: bold;
-  } // Keyword
-  .o {
-    font-weight: bold;
-  } // Operator
-  .cm {
-    color: #998;
-    font-style: italic;
-  } // Comment.Multiline
-  .cp {
-    color: #999;
-    font-weight: bold;
-  } // Comment.Preproc
-  .c1 {
-    color: #998;
-    font-style: italic;
-  } // Comment.Single
-  .cs {
-    color: #999;
-    font-weight: bold;
-    font-style: italic;
-  } // Comment.Special
-  .gd {
-    color: #000;
-    background-color: #fdd;
-  } // Generic.Deleted
-  .gd .x {
-    color: #000;
-    background-color: #faa;
-  } // Generic.Deleted.Specific
-  .ge {
-    font-style: italic;
-  } // Generic.Emph
-  .gr {
-    color: #a00;
-  } // Generic.Error
-  .gh {
-    color: #999;
-  } // Generic.Heading
-  .gi {
-    color: #000;
-    background-color: #dfd;
-  } // Generic.Inserted
-  .gi .x {
-    color: #000;
-    background-color: #afa;
-  } // Generic.Inserted.Specific
-  .go {
-    color: #888;
-  } // Generic.Output
-  .gp {
-    color: #555;
-  } // Generic.Prompt
-  .gs {
-    font-weight: bold;
-  } // Generic.Strong
-  .gu {
-    color: #aaa;
-  } // Generic.Subheading
-  .gt {
-    color: #a00;
-  } // Generic.Traceback
-  .kc {
-    font-weight: bold;
-  } // Keyword.Constant
-  .kd {
-    font-weight: bold;
-  } // Keyword.Declaration
-  .kp {
-    font-weight: bold;
-  } // Keyword.Pseudo
-  .kr {
-    font-weight: bold;
-  } // Keyword.Reserved
-  .kt {
-    color: #458;
-    font-weight: bold;
-  } // Keyword.Type
-  .m {
-    color: #099;
-  } // Literal.Number
-  .s {
-    color: #d14;
-  } // Literal.String
-  .na {
-    color: #008080;
-  } // Name.Attribute
-  .nb {
-    color: #0086b3;
-  } // Name.Builtin
-  .nc {
-    color: #458;
-    font-weight: bold;
-  } // Name.Class
-  .no {
-    color: #008080;
-  } // Name.Constant
-  .ni {
-    color: #800080;
-  } // Name.Entity
-  .ne {
-    color: #900;
-    font-weight: bold;
-  } // Name.Exception
-  .nf {
-    color: #900;
-    font-weight: bold;
-  } // Name.Function
-  .nn {
-    color: #555;
-  } // Name.Namespace
-  .nt {
-    color: #000080;
-  } // Name.Tag
-  .nv {
-    color: #008080;
-  } // Name.Variable
-  .ow {
-    font-weight: bold;
-  } // Operator.Word
-  .w {
-    color: #bbb;
-  } // Text.Whitespace
-  .mf {
-    color: #099;
-  } // Literal.Number.Float
-  .mh {
-    color: #099;
-  } // Literal.Number.Hex
-  .mi {
-    color: #099;
-  } // Literal.Number.Integer
-  .mo {
-    color: #099;
-  } // Literal.Number.Oct
-  .sb {
-    color: #d14;
-  } // Literal.String.Backtick
-  .sc {
-    color: #d14;
-  } // Literal.String.Char
-  .sd {
-    color: #d14;
-  } // Literal.String.Doc
-  .s2 {
-    color: #d14;
-  } // Literal.String.Double
-  .se {
-    color: #d14;
-  } // Literal.String.Escape
-  .sh {
-    color: #d14;
-  } // Literal.String.Heredoc
-  .si {
-    color: #d14;
-  } // Literal.String.Interpol
-  .sx {
-    color: #d14;
-  } // Literal.String.Other
-  .sr {
-    color: #009926;
-  } // Literal.String.Regex
-  .s1 {
-    color: #d14;
-  } // Literal.String.Single
-  .ss {
-    color: #990073;
-  } // Literal.String.Symbol
-  .bp {
-    color: #999;
-  } // Name.Builtin.Pseudo
-  .vc {
-    color: #008080;
-  } // Name.Variable.Class
-  .vg {
-    color: #008080;
-  } // Name.Variable.Global
-  .vi {
-    color: #008080;
-  } // Name.Variable.Instance
-  .il {
-    color: #099;
-  } // Literal.Number.Integer.Long
-}