major updates across the theme to make it more user-centered

This commit is contained in:
Tom Johnson
2015-05-05 14:06:11 -07:00
parent a44149986a
commit 18e31994f2
67 changed files with 1048 additions and 683 deletions

View File

@ -1,7 +1,13 @@
---
title: Adding tooltips
permalink: /adding_tooltips/
tags: []
keywords:
audience:
last_updated:
summary:
---
{% include linkrefs.html %}
You can add tooltips to your content. Because this theme is built on Bootstrap, you can simply use a specific attribute on an element to insert a tooltip.

View File

@ -3,8 +3,12 @@ title: Alerts
permalink: /alerts/
audience: writer, designer
tags: formatting
keywords:
last_updated:
summary:
---
{% include linkrefs.html %}
{% include linkrefs.html %}
Alerts are little warnings, info, or other messages that you have called out in special formatting. In order to use these alerts or callouts, put this include at the top of your page, just below your frontmatter:
{%raw%}

View File

@ -3,7 +3,12 @@ title: Icons
permalink: /icons/
audience: writer, designer
tags: formatting
keywords:
last_updated:
summary:
---
{% include linkrefs.html %}
The theme has two font icon sets integrated: Font Awesome and Glyphicons Halflings. The latter is part of Bootstrap, while the former is independent.

View File

@ -3,7 +3,11 @@ title: Images
permalink: /images/
audience: writer, designer
tags: formatting
keywords:
last_updated:
summary:
---
{% include linkrefs.html %}
You embed an image the same way you embed other files or assets: you put the file into a folder, and then link to that file. The difference here is that the asset doesn't have a permalink, so here the file path actually matters.

View File

@ -3,7 +3,11 @@ title: Labels
permalink: /labels/
audience: writer, designer
tags: formatting
keywords:
last_updated:
summary:
---
{% include linkrefs.html %}
These labels might come in handy for labeling things, such as POST, DELETE, UPDATE methods for endpoints. You can use any classes from Bootstrap in your content.

View File

@ -3,7 +3,10 @@ title: Links
permalink: /links/
audience: writer, designer
tags: [formatting, navigation]
last_updated:
summary:
---
{% include linkrefs.html %}
## Create a link

View File

@ -3,7 +3,11 @@ title: Pages
permalink: /pages/
audience: writer, designer
tags: [getting-started, formatting]
keywords:
last_updated:
summary:
---
{% include linkrefs.html %}
Use a text editor such as Sublime Text, WebStorm, or Emacs to create pages. Make sure each page has frontmatter at the top like this:

View File

@ -3,7 +3,11 @@ title: Syntax highlighting
permalink: /syntax_highlighting/
audience: writer, designer
tags: formatting
keywords:
last_updated:
summary:
---
{% include linkrefs.html %}
For syntax highlighting, use fenced code blocks optionally followed by the language syntax you want:

View File

@ -1,7 +1,13 @@
---
title: Tables
permalink: /tables/
tags: []
keywords:
audience:
last_updated:
summary:
---
{% include linkrefs.html %}
## Multimarkdown Tables

View File

@ -3,7 +3,11 @@ title: Videos
permalink: /videos/
audience: writer, designer
tags: formatting
keywords:
last_updated:
summary:
---
{% include linkrefs.html %}
The theme has the [video.js](http://www.videojs.com/) player integrated. But the scripts only appear on a page or post if you have certain frontmatter in that page or post. If you want to embed a video in a page and use the Video JS player, add `video: true` in your frontmatter of a page or post, and then add code like this where you want the video to appear: