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
# 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
url: http://localhost:4000
# url: http://localhost:4000
# Owner/author information
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."
modified: 2013-05-31
category: articles
tags: [sample post]
tags: [sample-post]
image:
feature: so-simple-sample-image-1.jpg
credit: Michael Rose
@ -93,4 +93,4 @@ Non Pygments code example
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"
description: "A ton of text to test readability."
category: articles
tags: [sample post, readability, test, intro]
tags: [sample-post, readability, test, intro]
image:
feature: so-simple-sample-image-2.jpg
credit: Michael Rose

View file

@ -3,7 +3,7 @@ layout: post
title: "A Post with Images"
description: "Examples and code for displaying images in posts."
category: articles
tags: [sample post, images, test]
tags: [sample-post, images, test]
comments: 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
<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>
</figure>
@ -25,8 +25,8 @@ Apply the `half` class like so to display two images side by side that share the
{% highlight html %}
<figure class="half">
<img src="/images/image-filename-1.jpg">
<img src="/images/image-filename-2.jpg">
<img src="/images/image-filename-1.jpg" alt="image">
<img src="/images/image-filename-2.jpg" alt="image">
<figcaption>Caption describing these two images.</figcaption>
</figure>
{% 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:
<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"></a>
<img src="http://placehold.it/600x300.jpg">
<img src="http://placehold.it/600x300.jpg">
<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" alt="image"></a>
<img src="http://placehold.it/600x300.jpg" alt="image">
<img src="http://placehold.it/600x300.jpg" alt="image">
<figcaption>Two images.</figcaption>
</figure>
@ -47,9 +47,9 @@ Apply the `third` class like so to display three images side by side that share
{% highlight html %}
<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"></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" alt="image"></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>
</figure>
{% 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:
<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"></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"></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"></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" alt="image"></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" alt="image"></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" alt="image"></a>
<figcaption>Three images.</figcaption>
</figure>

View file

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

View file

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

View file

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

View file

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

View file

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

View file

@ -10,7 +10,7 @@ image:
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:
@ -23,7 +23,7 @@ Looking for a simple, responsive, theme for your Jekyll powered blog? Well look
* 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.
* 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.
* [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

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
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
@ -287,7 +287,7 @@ Having a problem getting something to work or want to know why I setup something
## 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.