Fix broken links and add missing alt descriptions

This commit is contained in:
Michael Rose 2014-07-28 21:15:41 -04:00
parent 252734f516
commit 98b12d04d9
11 changed files with 30 additions and 30 deletions

View file

@ -5,7 +5,7 @@ disqus_shortname:
search: true search: true
# Change url to your domain. Leave localhost server or blank when working locally. # Change url to your domain. Leave localhost server or blank when working locally.
# You don't need to specify the protocol if you want it available on http and https. Example: //localhost:4000 # You don't need to specify the protocol if you want it available on http and https. Example: //localhost:4000
url: http://localhost:4000 # url: http://localhost:4000
# Owner/author information # Owner/author information
owner: owner:

View file

@ -4,7 +4,7 @@ title: Sample Post
description: "Just about everything you'll need to style in the theme: headings, paragraphs, blockquotes, tables, code blocks, and more." description: "Just about everything you'll need to style in the theme: headings, paragraphs, blockquotes, tables, code blocks, and more."
modified: 2013-05-31 modified: 2013-05-31
category: articles category: articles
tags: [sample post] tags: [sample-post]
image: image:
feature: so-simple-sample-image-1.jpg feature: so-simple-sample-image-1.jpg
credit: Michael Rose credit: Michael Rose
@ -93,4 +93,4 @@ Non Pygments code example
Make any link standout more when applying the `.btn` class. Make any link standout more when applying the `.btn` class.
<div markdown="0"><a href="#" class="btn">This is a button</a></div> <div markdown="0"><a href="http://mademistakes.com" class="btn">This is a button</a></div>

View file

@ -3,7 +3,7 @@ layout: post
title: "Testing Readability with a Bunch of Text" title: "Testing Readability with a Bunch of Text"
description: "A ton of text to test readability." description: "A ton of text to test readability."
category: articles category: articles
tags: [sample post, readability, test, intro] tags: [sample-post, readability, test, intro]
image: image:
feature: so-simple-sample-image-2.jpg feature: so-simple-sample-image-2.jpg
credit: Michael Rose credit: Michael Rose

View file

@ -3,7 +3,7 @@ layout: post
title: "A Post with Images" title: "A Post with Images"
description: "Examples and code for displaying images in posts." description: "Examples and code for displaying images in posts."
category: articles category: articles
tags: [sample post, images, test] tags: [sample-post, images, test]
comments: true comments: true
share: true share: true
--- ---
@ -15,7 +15,7 @@ Here are some examples of what a post with images might look like. If you want t
### One Up ### One Up
<figure> <figure>
<a href="http://farm9.staticflickr.com/8426/7758832526_cc8f681e48_b.jpg"><img src="http://farm9.staticflickr.com/8426/7758832526_cc8f681e48_c.jpg"></a> <a href="http://farm9.staticflickr.com/8426/7758832526_cc8f681e48_b.jpg"><img src="http://farm9.staticflickr.com/8426/7758832526_cc8f681e48_c.jpg" alt="image"></a>
<figcaption><a href="http://www.flickr.com/photos/80901381@N04/7758832526/" title="Morning Fog Emerging From Trees by A Guy Taking Pictures, on Flickr">Morning Fog Emerging From Trees by A Guy Taking Pictures, on Flickr</a>.</figcaption> <figcaption><a href="http://www.flickr.com/photos/80901381@N04/7758832526/" title="Morning Fog Emerging From Trees by A Guy Taking Pictures, on Flickr">Morning Fog Emerging From Trees by A Guy Taking Pictures, on Flickr</a>.</figcaption>
</figure> </figure>
@ -25,8 +25,8 @@ Apply the `half` class like so to display two images side by side that share the
{% highlight html %} {% highlight html %}
<figure class="half"> <figure class="half">
<img src="/images/image-filename-1.jpg"> <img src="/images/image-filename-1.jpg" alt="image">
<img src="/images/image-filename-2.jpg"> <img src="/images/image-filename-2.jpg" alt="image">
<figcaption>Caption describing these two images.</figcaption> <figcaption>Caption describing these two images.</figcaption>
</figure> </figure>
{% endhighlight %} {% endhighlight %}
@ -34,10 +34,10 @@ Apply the `half` class like so to display two images side by side that share the
And you'll get something that looks like this: And you'll get something that looks like this:
<figure class="half"> <figure class="half">
<a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg"></a> <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt="image"></a>
<a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg"></a> <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt="image"></a>
<img src="http://placehold.it/600x300.jpg"> <img src="http://placehold.it/600x300.jpg" alt="image">
<img src="http://placehold.it/600x300.jpg"> <img src="http://placehold.it/600x300.jpg" alt="image">
<figcaption>Two images.</figcaption> <figcaption>Two images.</figcaption>
</figure> </figure>
@ -47,9 +47,9 @@ Apply the `third` class like so to display three images side by side that share
{% highlight html %} {% highlight html %}
<figure class="third"> <figure class="third">
<a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg"></a> <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt="image"></a>
<a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg"></a> <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt="image"></a>
<a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg"></a> <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt="image"></a>
<figcaption>Caption describing these three images.</figcaption> <figcaption>Caption describing these three images.</figcaption>
</figure> </figure>
{% endhighlight %} {% endhighlight %}
@ -57,11 +57,11 @@ Apply the `third` class like so to display three images side by side that share
And you'll get something that looks like this: And you'll get something that looks like this:
<figure class="third"> <figure class="third">
<a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg"></a> <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt="image"></a>
<a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg"></a> <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt="image"></a>
<a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg"></a> <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt="image"></a>
<a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg"></a> <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt="image"></a>
<a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg"></a> <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt="image"></a>
<a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg"></a> <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt="image"></a>
<figcaption>Three images.</figcaption> <figcaption>Three images.</figcaption>
</figure> </figure>

View file

@ -3,7 +3,7 @@ layout: post
title: "Post with Large Feature Image and Text" title: "Post with Large Feature Image and Text"
description: "Custom written post descriptions are the way to go... if you're not lazy." description: "Custom written post descriptions are the way to go... if you're not lazy."
category: articles category: articles
tags: [sample post, readability] tags: [sample-post, readability]
modified: 2013-06-30 modified: 2013-06-30
image: image:
feature: so-simple-sample-image-3.jpg feature: so-simple-sample-image-3.jpg

View file

@ -3,7 +3,7 @@ layout: post
title: "A Post with a Video" title: "A Post with a Video"
description: "Custom written post descriptions are the way to go... if you're not lazy." description: "Custom written post descriptions are the way to go... if you're not lazy."
category: articles category: articles
tags: [sample post, video] tags: [sample-post, video]
comments: true comments: true
share: true share: true
--- ---

View file

@ -3,7 +3,7 @@ layout: post
title: "Sample Link Post" title: "Sample Link Post"
description: "Example and code for using link posts." description: "Example and code for using link posts."
category: articles category: articles
tags: [sample post, link post] tags: [sample-post, link-post]
comments: true comments: true
link: http://mademistakes.com link: http://mademistakes.com
--- ---

View file

@ -3,7 +3,7 @@ layout: post
title: Syntax Highlighting Post title: Syntax Highlighting Post
description: "Demo post displaying the various ways of highlighting code in Markdown." description: "Demo post displaying the various ways of highlighting code in Markdown."
category: articles category: articles
tags: [sample post, code, highlighting] tags: [sample-post, code, highlighting]
image: image:
feature: so-simple-sample-image-5.jpg feature: so-simple-sample-image-5.jpg
credit: Michael Rose credit: Michael Rose

View file

@ -3,7 +3,7 @@ layout: post
title: "Override Author Byline Test Post" title: "Override Author Byline Test Post"
description: "An article to test overriding the default site author." description: "An article to test overriding the default site author."
category: articles category: articles
tags: [sample post, readability, test] tags: [sample-post, readability, test]
author: author:
name: Billy Rick name: Billy Rick
avatar: bio-photo-alt.jpg avatar: bio-photo-alt.jpg

View file

@ -10,7 +10,7 @@ image:
creditlink: http://mademistakes.com creditlink: http://mademistakes.com
--- ---
Looking for a simple, responsive, theme for your Jekyll powered blog? Well look no further. Here be **So Simple Theme**, the followup to [**Minimal Mistakes**](http://mmistakes.github.io/minimal-mistakes) --- by designer slash illustrator [Michael Rose](http://mademistakes). Looking for a simple, responsive, theme for your Jekyll powered blog? Well look no further. Here be **So Simple Theme**, the followup to [**Minimal Mistakes**](http://mmistakes.github.io/minimal-mistakes) --- by designer slash illustrator [Michael Rose](http://mademistakes.com).
## So Simple Theme is all about: ## So Simple Theme is all about:
@ -23,7 +23,7 @@ Looking for a simple, responsive, theme for your Jekyll powered blog? Well look
* Simple and clear permalink structure[^1]. * Simple and clear permalink structure[^1].
* Tags for [Open Graph](https://developers.facebook.com/docs/opengraph/) and [Twitter Cards](https://dev.twitter.com/docs/cards) for a better social sharing experience. * Tags for [Open Graph](https://developers.facebook.com/docs/opengraph/) and [Twitter Cards](https://dev.twitter.com/docs/cards) for a better social sharing experience.
* Vanilla [custom 404 page]({{ site.url }}/404.html) to get you started. * Vanilla [custom 404 page]({{ site.url }}/404.html) to get you started.
* Stylesheets for Pygments and Coderay [syntax highlighting](http://mmistakes.github.io/articles/so-simple-theme/code-highlighting-post/) to make your code examples look snazzy. * Stylesheets for Pygments and Coderay [syntax highlighting](http://mmistakes.github.io/so-simple-theme/articles/code-highlighting-post/) to make your code examples look snazzy.
* Simple search that overlays results based on post title. * Simple search that overlays results based on post title.
* [Grunt build script]({{ site.url }}/theme-setup/index.html#theme-development) for easier theme development. * [Grunt build script]({{ site.url }}/theme-setup/index.html#theme-development) for easier theme development.
* [Sitemap](https://github.com/mmistakes/so-simple-theme/blob/master/sitemap.xml) for search engines * [Sitemap](https://github.com/mmistakes/so-simple-theme/blob/master/sitemap.xml) for search engines

View file

@ -142,7 +142,7 @@ Including a link to your Google+ profile has the added benefit of displaying [Go
#### Google Analytics and Webmaster Tools #### Google Analytics and Webmaster Tools
Your Google Analytics ID goes here along with meta tags for [Google Webmaster Tools](http://support.google.com/webmasters/bin/answer.py?hl=en&answer=35179) and [Bing Webmaster Tools](https://ssl.bing.com/webmaster/configure/verify/ownershi) site verification. Your Google Analytics ID goes here along with meta tags for [Google Webmaster Tools](http://support.google.com/webmasters/bin/answer.py?hl=en&answer=35179) and [Bing Webmaster Tools](https://ssl.bing.com/webmaster/configure/verify/ownership) site verification.
#### Top Navigation Links #### Top Navigation Links
@ -287,7 +287,7 @@ Having a problem getting something to work or want to know why I setup something
## License ## License
This theme is free and open source software, distributed under the [GNU General Public License]({{ site.url }}/LICENSE) version 2 or later. So feel free to to modify this theme to suit your needs. This theme is free and open source software, distributed under the GNU General Public License version 2 or later. So feel free to to modify this theme to suit your needs.
If you'd like to give me credit somewhere on your blog or tweet a shout out to [@mmistakes](https://twitter.com/mmistakes), that would be pretty sweet. If you'd like to give me credit somewhere on your blog or tweet a shout out to [@mmistakes](https://twitter.com/mmistakes), that would be pretty sweet.