~xdavidwu/xdavidwu.link

1ec858b500d7591db667ee5542b8378abb5fa63f — Michael Rose 8 years ago acd8720 
Edit sample posts
patch browse .tar.gz 
9 files changed, 15 insertions(+), 52 deletions(-)

M _posts/2009-06-01-edge-case-many-tags.md
D _posts/2010-07-02-post-format-audio.md
M _posts/2010-09-09-post-format-gallery-tiled.md
M _posts/2012-03-15-template-author-override.md
M _posts/2012-03-15-template-featured-image-external.md
M _posts/2012-03-15-template-featured-image-horizontal.md
M _posts/2012-03-15-template-featured-image-text-readability.md
M _posts/2013-01-09-markup-text-alignment.md
M _posts/2013-01-10-markup-image-alignment.md

M _posts/2009-06-01-edge-case-many-tags.md => _posts/2009-06-01-edge-case-many-tags.md +2 -6
@@ 10,7 10,6 @@ tags:
  - captions
  - categories
  - chat
  - Codex
  - comments
  - content
  - css


@@ 25,7 24,7 @@ tags:
  - gallery
  - html
  - image
  - jetpack
  - Jekyll
  - layout
  - link
  - Love


@@ 36,7 35,6 @@ tags:
  - Pictures
  - Post Formats
  - quote
  - shortcode
  - standard
  - Success
  - Swagger


@@ 46,8 44,6 @@ tags:
  - twitter
  - Unseen
  - video
  - videopress
  - WordPress
  - wordpress.tv
  - YouTube
---
This post has many tags.
\ No newline at end of file


D _posts/2010-07-02-post-format-audio.md => _posts/2010-07-02-post-format-audio.md +0 -23
@@ 1,23 0,0 @@
---
title: "Post Format: Audio"
date: 2010-07-02T08:36:44+00:00
enclosure:
  - |
    |
        http://wpthemetestdata.files.wordpress.com/2008/06/originaldixielandjazzbandwithalbernard-stlouisblues.mp3
        3043247
        audio/mpeg
        
categories:
  - Post Formats
tags:
  - audio
  - Post Formats
  - shortcode
format: audio
---
Link:

[St. Louis Blues](http://wpthemetestdata.files.wordpress.com/2008/06/originaldixielandjazzbandwithalbernard-stlouisblues.mp3)

Audio shortcode:
\ No newline at end of file


M _posts/2010-09-09-post-format-gallery-tiled.md => _posts/2010-09-09-post-format-gallery-tiled.md +0 -2
@@ 5,9 5,7 @@ categories:
  - Post Formats
tags:
  - gallery
  - jetpack
  - Post Formats
  - shortcode
  - tiled
format: gallery
---


M _posts/2012-03-15-template-author-override.md => _posts/2012-03-15-template-author-override.md +0 -1
@@ 3,7 3,6 @@ title: "Template: Author Override"
author: billy_rick
excerpt: "A post to test author overrides using a data file."
---

For those of you who may have content written by multiple authors on your site you can now assign different authors to each post if desired.

Previously the theme used a global author for the entire site and those attributes would be used in all bylines, social networking links, Twitter Card attribution, and Google Authorship. These `owner` variables were defined in `config.yml`


M _posts/2012-03-15-template-featured-image-external.md => _posts/2012-03-15-template-featured-image-external.md +0 -1
@@ 7,7 7,6 @@ categories:
  - Template
  - Uncategorized
tags:
  - Codex
  - edge case
  - featured image
  - image


M _posts/2012-03-15-template-featured-image-horizontal.md => _posts/2012-03-15-template-featured-image-horizontal.md +0 -1
@@ 8,7 8,6 @@ categories:
  - Template
  - Uncategorized
tags:
  - Codex
  - edge case
  - featured image
  - image


M _posts/2012-03-15-template-featured-image-text-readability.md => _posts/2012-03-15-template-featured-image-text-readability.md +0 -1
@@ 8,7 8,6 @@ tags:
  - readability
  - test
---

This is a sample post with a large feature image[^1] up top and tons of text. Odio ad blue bottle vinyl, 90's narwhal commodo bitters pour-over nostrud. Ugh est hashtag in, fingerstache adipisicing laboris esse Pinterest shabby chic Portland. Shoreditch bicycle rights anim, flexitarian laboris put a bird on it vinyl cupidatat narwhal. Hashtag artisan skateboard, flannel Bushwick nesciunt salvia aute fixie do plaid post-ironic dolor McSweeney's. Cliche pour-over chambray nulla four loko skateboard sapiente hashtag.

Vero laborum commodo occupy. Semiotics voluptate mumblecore pug. Cosby sweater ullamco quinoa ennui assumenda, sapiente occupy delectus lo-fi. *Ea fashion axe [Marfa cillum aliquip](#). Retro Bushwick keytar cliche.* Before they sold out sustainable gastropub Marfa readymade, ethical Williamsburg skateboard brunch qui consectetur gentrify semiotics. Mustache cillum irony, fingerstache magna pour-over keffiyeh tousled selfies.


M _posts/2013-01-09-markup-text-alignment.md => _posts/2013-01-09-markup-text-alignment.md +8 -12
@@ 14,24 14,20 @@ This is a paragraph. It should not have any alignment of any kind. It should jus

### Left Align

<p style="text-align:left;">
  This is a paragraph. It is left aligned. Because of this, it is a bit more liberal in it's views. It's favorite color is green. Left align tends to be more eco-friendly, but it provides no concrete evidence that it really is. Even though it likes share the wealth evenly, it leaves the equal distribution up to justified alignment.
</p>
This is a paragraph. It is left aligned. Because of this, it is a bit more liberal in it's views. It's favorite color is green. Left align tends to be more eco-friendly, but it provides no concrete evidence that it really is. Even though it likes share the wealth evenly, it leaves the equal distribution up to justified alignment.
{: style="text-align: left;"}

### Center Align

<p style="text-align:center;">
  This is a paragraph. It is center aligned. Center is, but nature, a fence sitter. A flip flopper. It has a difficult time making up its mind. It wants to pick a side. Really, it does. It has the best intentions, but it tends to complicate matters more than help. The best you can do is try to win it over and hope for the best. I hear center align does take bribes.
</p>
This is a paragraph. It is center aligned. Center is, but nature, a fence sitter. A flip flopper. It has a difficult time making up its mind. It wants to pick a side. Really, it does. It has the best intentions, but it tends to complicate matters more than help. The best you can do is try to win it over and hope for the best. I hear center align does take bribes.
{: style="text-align: center;"}

### Right Align

<p style="text-align:right;">
  This is a paragraph. It is right aligned. It is a bit more conservative in it's views. It's prefers to not be told what to do or how to do it. Right align totally owns a slew of guns and loves to head to the range for some practice. Which is cool and all. I mean, it's a pretty good shot from at least four or five football fields away. Dead on. So boss.
</p>
This is a paragraph. It is right aligned. It is a bit more conservative in it's views. It's prefers to not be told what to do or how to do it. Right align totally owns a slew of guns and loves to head to the range for some practice. Which is cool and all. I mean, it's a pretty good shot from at least four or five football fields away. Dead on. So boss.
{: style="text-align: right;"}

### Justify Align

<p style="text-align:justify;">
  This is a paragraph. It is justify aligned. It gets really mad when people associate it with Justin Timberlake. Typically, justified is pretty straight laced. It likes everything to be in it's place and not all cattywampus like the rest of the aligns. I am not saying that makes it better than the rest of the aligns, but it does tend to put off more of an elitist attitude.
</p>
\ No newline at end of file
This is a paragraph. It is justify aligned. It gets really mad when people associate it with Justin Timberlake. Typically, justified is pretty straight laced. It likes everything to be in it's place and not all cattywampus like the rest of the aligns. I am not saying that makes it better than the rest of the aligns, but it does tend to put off more of an elitist attitude.
{: style="text-align: justify;"}
\ No newline at end of file


M _posts/2013-01-10-markup-image-alignment.md => _posts/2013-01-10-markup-image-alignment.md +5 -5
@@ 17,9 17,9 @@ Welcome to image alignment! The best way to demonstrate the ebb and flow of the 

The image above happens to be **centered**.

![image-left](http://wpthemetestdata.files.wordpress.com/2013/03/image-alignment-150x150.jpg){: .align-left} The rest of this paragraph is filler for the sake of seeing the text wrap around the 150×150 image, which is **left aligned**.
![image-left](http://wpthemetestdata.files.wordpress.com/2013/03/image-alignment-150x150.jpg){: .align-left} The rest of this paragraph is filler for the sake of seeing the text wrap around the 150×150 image, which is **left aligned**.

As you can see the should be some space above, below, and to the right of the image. The text should not be creeping on the image. Creeping is just not right. Images need breathing room too. Let them speak like you words. Let them do their jobs without any hassle from the text. In about one more sentence here, we'll see that the text moves from the right of the image down below the image in seamless transition. Again, letting the do it's thang. Mission accomplished!
As you can see the should be some space above, below, and to the right of the image. The text should not be creeping on the image. Creeping is just not right. Images need breathing room too. Let them speak like you words. Let them do their jobs without any hassle from the text. In about one more sentence here, we'll see that the text moves from the right of the image down below the image in seamless transition. Again, letting the do it's thing. Mission accomplished!

And now for a **massively large image**. It also has **no alignment**.



@@ 47,9 47,9 @@ The figure above happens to be **centered**. The caption also has a link in it,
  <figcaption>Itty-bitty caption.</figcaption>
</figure> 

The rest of this paragraph is filler for the sake of seeing the text wrap around the 150×150 image, which is **left aligned**.
The rest of this paragraph is filler for the sake of seeing the text wrap around the 150×150 image, which is **left aligned**.

As you can see the should be some space above, below, and to the right of the image. The text should not be creeping on the image. Creeping is just not right. Images need breathing room too. Let them speak like you words. Let them do their jobs without any hassle from the text. In about one more sentence here, we'll see that the text moves from the right of the image down below the image in seamless transition. Again, letting the do it's thang. Mission accomplished!
As you can see the should be some space above, below, and to the right of the image. The text should not be creeping on the image. Creeping is just not right. Images need breathing room too. Let them speak like you words. Let them do their jobs without any hassle from the text. In about one more sentence here, we'll see that the text moves from the right of the image down below the image in seamless transition. Again, letting the do it's thing. Mission accomplished!

And now for a **massively large image**. It also has **no alignment**.



@@ 69,4 69,4 @@ And now we're going to shift things to the **right align**. Again, there should 

In just a bit here, you should see the text start to wrap below the right aligned image and settle in nicely. There should still be plenty of room and everything should be sitting pretty. Yeah --- Just like that. It never felt so good to be right.

And that's a wrap, yo! You survived the tumultuous waters of alignment. Image alignment achievement unlocked!
\ No newline at end of file
And that's a wrap, yo! You survived the tumultuous waters of alignment. Image alignment achievement unlocked!
\ No newline at end of file