Write About page and Introducting Tale post

This commit is contained in:
Chester How 2017-03-29 12:04:00 +08:00
parent cfd874b474
commit e54b3004cc
9 changed files with 40 additions and 25 deletions

View File

@ -1,5 +1,5 @@
# Permalinks
permalink: /:categories/:title
permalink: /:year-:month-:day/:title
# Setup
title: Tale

View File

@ -11,8 +11,7 @@
</a>
<ul>
<li><a href="{{ '/about' | prepend: site.url }}">About</a></li>
<li><a href="#">Posts</a></li>
<li><a href="#">Updates</a></li>
<li><a href="{{ site.baseurl }}/">Posts</a></li>
</ul>
</div>
</nav>

View File

@ -27,5 +27,5 @@ layout: default
<a href="{{ page.previous.url | prepend: site.url }}" class="right arrow">&#8594;</a>
{% endif %}
<a href="{{ site.baseurl }}/" class="home">home</a>
<a href="#" class="top">Top</a>
</div>

View File

@ -1,15 +0,0 @@
---
layout: post
title: "Introducing Tale"
author: "Chester"
---
Youll find this post in your `_posts` directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run `jekyll serve`, which launches a web server and auto-regenerates your site when a file is updated.
To add new posts, simply add a file in the `_posts` directory that follows the convention `YYYY-MM-DD-name-of-post.ext` and includes the necessary front matter. Take a look at the source for this post to get an idea about how it works.
Check out the [Jekyll docs][jekyll-docs] for more info on how to get the most out of Jekyll. File all bugs/feature requests at [Jekylls GitHub repo][jekyll-gh]. If you have questions, you can ask them on [Jekyll Talk][jekyll-talk].
[jekyll-docs]: https://jekyllrb.com/docs/home
[jekyll-gh]: https://github.com/jekyll/jekyll
[jekyll-talk]: https://talk.jekyllrb.com/

View File

@ -1,7 +1,7 @@
---
layout: post
title: "Welcome to Jekyll!"
author: "Chester"
author: "Jekyll"
---
Youll find this post in your `_posts` directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run `jekyll serve`, which launches a web server and auto-regenerates your site when a file is updated.

View File

@ -0,0 +1,23 @@
---
layout: post
title: "Introducing Tale"
author: "Chester"
---
Tale is minimal [Jekyll](https://jekyllrb.com/) theme curated for storytellers. It is designed and developed by [myself](https://github.com/chesterhow/) for a friend who writes short stories.
## Tale features
- Responsive design (looks just as good on mobile)
- Syntax highlighting, with the help of Pygments
- Markdown and HTML text formatting
- Pagination of posts
Head over to the [Example Content](/2017-03-16/example-content) post for a showcase of Tale's text formatting features.
## Browser Support
Tale works on most if not all modern browsers, including Chrome, Safari and Firefox 👍🏼
## Download or Contribute
Tale is publicly hosted on GitHub, so go ahead and download or fork it at the [GitHub repository](https://github.com/chesterhow/tale). If you spot any bugs or have any suggestions, feel free to create an issue or make a pull request.
Thanks for checking out Tale!

View File

@ -10,15 +10,14 @@
font-size: 1.1rem;
}
.home {
.top {
@include transition(all .3s ease-out);
color: $default-color;
font-family: $sans-font;
font-size: 1.1rem;
opacity: .6;
&:hover,
&:focus, {
&:hover {
opacity: 1;
}
}

View File

@ -5,4 +5,11 @@ author: "Chester"
permalink: /about/
---
Tale is a minimal Jekyll theme curated for storytellers.
A friend of mine writes short stories. One sunny day, I asked if he wanted a website to showcase his works and he agreed. I decided to use GitHub Pages to host his site. That way he wouldn't have to buy a domain and a server.
While doing some research up on GitHub Pages, I accidentally chanced upon this _simple, blog-aware, static site generator_ called [Jekyll](https://jekyllrb.com/) which works really well with GitHub Pages. I figured it would do just fine for my friend and I set about searching for a pretty theme. I wanted a theme with a _book-ish_ vibe. Unfortunately, most of the themes were too modern. Eventually, I caved and begun working on my own theme. With the help of [Poole](https://github.com/poole/poole), the Jekyll Butler, I was able to build **Tale**.
## Contribute
Feel free to create an issue or make a pull request on [GitHub](https://github.com/chesterhow/tale).
Thanks for reading!

View File

@ -11,7 +11,9 @@ title: Home
<h1 class="catalogue-title">{{ post.title }}</h1>
<div class="catalogue-line"></div>
{{ post.content | truncatewords: 30 }}
<p>
{{ post.content | truncatewords: 30 | strip_html }}
</p>
</div>
</a>