Harpasol/gohugo-theme-ananke
3
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

update some theme variables and example content

Browse source
This commit is contained in:
Bud Parr 2017-04-15 12:02:31 -04:00
parent 46718f3f89
commit aa86f806ce
No known key found for this signature in database
GPG key ID: ACA375160539D2B3
29 changed files with 21 additions and 2247 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
exampleSite/config.toml
View file

@ -1,7 +1,7 @@
title = "Notre-Dame de Paris"
baseURL = "http://gohugo-default-theme.surge.sh"
baseURL = "http://gohugo-theme-example.netlify.com/"
languageCode = "en-us"
theme = "gohugo-default-theme"
theme = "gohugo-theme-ananke"
MetaDataFormat = "yaml"
DefaultContentLanguage = "en"

2
exampleSite/content/_index.md
View file

@ -1,5 +1,5 @@
---
title: "Hugo Default Theme"
title: "Ananke: a Hugo Theme"
featured_image: '/images/gohugo-default-sample-hero-image.jpg'
description: "The last theme you'll ever need. Maybe."
---

6
exampleSite/content/about/_index.md
View file

@ -1,8 +1,8 @@
---
title: "About"
description: "The Hunchback of Notre-Dame (French: Notre-Dame de Paris) is a French Romantic/Gothic novel by Victor Hugo, published in 1831."
description: "A few years ago, while visiting or, rather, rummaging about Notre-Dame, the author of this book found, in an obscure nook of one of the towers, the following word, engraved by hand upon the wall: —ANANKE."
featured_image: ''
---
{{< figure src="/images/Victor_Hugo-Hunchback.jpg" title="Illustration from Victor Hugo et son temps (1881)" >}}
{{< figure src="/images/Victor_Hugo-Hunchback.jpg" title="Illustration from Victor Hugo et son temps (1881)" >}}
The Hunchback of Notre-Dame (French: Notre-Dame de Paris) is a French Romantic/Gothic novel by Victor Hugo, published in 1831. The original French title refers to Notre Dame Cathedral, on which the story is centered. English translator Frederic Shoberl named the novel The Hunchback of Notre Dame in 1833 because at the time, Gothic novels were more popular than Romance novels in England. The story is set in Paris, France in the Late Middle Ages, during the reign of Louis XI.
_The Hunchback of Notre-Dame_ (French: _Notre-Dame de Paris_) is a French Romantic/Gothic novel by Victor Hugo, published in 1831. The original French title refers to Notre Dame Cathedral, on which the story is centered. English translator Frederic Shoberl named the novel The Hunchback of Notre Dame in 1833 because at the time, Gothic novels were more popular than Romance novels in England. The story is set in Paris, France in the Late Middle Ages, during the reign of Louis XI.

16
exampleSite/content/contact.md
View file

@ -1,7 +1,13 @@
---
title: "Contact"
description: "We'd love to hear from you"
---
This is an example of a custom shortcode that you can put right into your content.
title: Contact
description: We'd love to hear from you
type: page
menu:
main: {}
{{< form-contact action="https://example.com" >}}
---
This is an example of a custom shortcode that you can put right into your content. You will need to add a form action to the the shortcode to make it work.
{{< form-contact action="https://example.com" >}}

17
exampleSite/content/unit-tests/2010-06-02-post-format-video-youtube.md
View file

@ -1,17 +0,0 @@
---
author: adamchlan
categories:
- Post Formats
- Uncategorized
date: 2010-06-02T09:00:58Z
format: video
original_post_id:
- "582"
tags:
- Post Formats
title: 'Post Format: Video (YouTube)'
parent: "Variables"
url: /2010/06/02/post-format-video-youtube/
---
Learn more about <a title="WordPress Embeds" href="http://codex.wordpress.org/Embeds" target="_blank">WordPress Embeds</a>.

32
exampleSite/content/unit-tests/2010-07-02-post-format-audio.md
View file

@ -1,32 +0,0 @@
---
author: adamchlan
categories:
- Post Formats
- Uncategorized
date: 2010-07-02T15:36:44Z
enclosure:
- |
http://forhugo.dev/wp-content/uploads/2012/07/originaldixielandjazzbandwithalbernard-stlouisblues.mp3
3043247
audio/mpeg
format: audio
tags:
- audio
- Post Formats
- shortcode
title: 'Post Format: Audio'
parent: "Variables"
url: /2010/07/02/post-format-audio/
---
Link:
[St. Louis Blues][1]
Audio shortcode:
<!--[if lt IE 9]><![endif]--><audio class="wp-audio-shortcode" id="audio-587-1" preload="none" style="width: 100%;" controls="controls"><source type="audio/mpeg" src="http://forhugo.dev/wp-content/uploads/2012/07/originaldixielandjazzbandwithalbernard-stlouisblues.mp3?_=1" />
<http://forhugo.dev/wp-content/uploads/2012/07/originaldixielandjazzbandwithalbernard-stlouisblues.mp3></audio>
[1]: http://forhugo.dev/wp-content/uploads/2012/07/originaldixielandjazzbandwithalbernard-stlouisblues.mp3

18
exampleSite/content/unit-tests/2010-08-06-post-format-image-linked.md
View file

@ -1,18 +0,0 @@
---
author: adamchlan
categories:
- Post Formats
- Uncategorized
date: 2010-08-06T15:09:39Z
format: image
tags:
- image
- Post Formats
title: 'Post Format: Image (Linked)'
parent: "Variables"
url: /2010/08/06/post-format-image-linked/
---
<figure id="attachment_612" style="width: 640px" class="wp-caption aligncenter">[<img src="http://wpthemetestdata.files.wordpress.com/2012/06/dsc20040724_152504_532.jpg" alt="chunk of resinous blackboy husk" title="dsc20040724_152504_532" width="640" height="480" class="size-full wp-image-612" />][1]<figcaption class="wp-caption-text">Chunk of resinous blackboy husk, Clarkson, Western Australia. This burns like a spinifex log.</figcaption></figure>
[1]: http://wpthemetestdata.files.wordpress.com/2012/06/dsc20040724_152504_532.jpg

21
exampleSite/content/unit-tests/2010-08-07-post-format-image-caption.md
View file

@ -1,21 +0,0 @@
---
author: adamchlan
categories:
- Post Formats
- Uncategorized
date: 2010-08-07T13:00:19Z
format: image
original_post_id:
- "674"
tags:
- image
- Post Formats
- shortcode
title: 'Post Format: Image (Caption)'
parent: "Variables"
url: /2010/08/07/post-format-image-caption/
---
<figure id="attachment_754" style="width: 604px" class="wp-caption alignnone">[<img class="wp-image-754 size-large" src="http://forhugo.dev/wp-content/uploads/2011/07/100_5478.jpg?w=604" alt="Bell on Wharf" width="604" height="453" srcset="http://forhugo.dev/wp-content/uploads/2011/07/100_5478.jpg 1600w, http://forhugo.dev/wp-content/uploads/2011/07/100_5478-300x225.jpg 300w, http://forhugo.dev/wp-content/uploads/2011/07/100_5478-768x576.jpg 768w, http://forhugo.dev/wp-content/uploads/2011/07/100_5478-1024x768.jpg 1024w" sizes="(max-width: 604px) 100vw, 604px" />][1]<figcaption class="wp-caption-text">Bell on wharf in San Francisco</figcaption></figure>
[1]: http://forhugo.dev/wp-content/uploads/2011/07/100_5478.jpg

27
exampleSite/content/unit-tests/2010-08-08-post-format-image.md
View file

@ -1,27 +0,0 @@
---
author: adamchlan
categories:
- Post Formats
- Uncategorized
date: 2010-08-08T12:00:39Z
format: image
original_post_id:
- "568"
tags:
- image
- Post Formats
title: 'Post Format: Image'
parent: "Variables"
url: /2010/08/08/post-format-image/
---
<dl id="attachment_612" class="wp-caption aligncenter" style="width:650px;">
<dt class="wp-caption-dt">
</dt>
</dl>
&nbsp;
[<img class="alignnone wp-image-755 size-large" src="http://forhugo.dev/wp-content/uploads/2011/07/100_5540.jpg?w=604" alt="" width="604" height="453" srcset="http://forhugo.dev/wp-content/uploads/2011/07/100_5540.jpg 1600w, http://forhugo.dev/wp-content/uploads/2011/07/100_5540-300x225.jpg 300w, http://forhugo.dev/wp-content/uploads/2011/07/100_5540-768x576.jpg 768w, http://forhugo.dev/wp-content/uploads/2011/07/100_5540-1024x768.jpg 1024w" sizes="(max-width: 604px) 100vw, 604px" />][1]
[1]: http://forhugo.dev/wp-content/uploads/2011/07/100_5540.jpg

53
exampleSite/content/unit-tests/2010-09-09-post-format-gallery-tiled.md
View file

@ -1,53 +0,0 @@
---
author: adamchlan
categories:
- Post Formats
- Uncategorized
date: 2010-09-09T00:23:27Z
format: gallery
original_post_id:
- "1031"
tags:
- gallery
- jetpack
- Post Formats
- shortcode
- tiled
title: 'Post Format: Gallery (Tiled)'
parent: "Variables"
url: /2010/09/09/post-format-gallery-tiled/
---
This is a test for Jetpack&#8217;s Tiled Gallery.
Install <a title="Jetpack for WordPress" href="http://wordpress.org/plugins/jetpack/" target="_blank">Jetpack</a> to test.
<div id='gallery-1' class='gallery galleryid-1031 gallery-columns-4 gallery-size-thumbnail'>
<figure class='gallery-item'>
<div class='gallery-icon landscape'>
<a href='http://forhugo.dev/2010/09/10/post-format-gallery/dcp_2082/'><img width="150" height="150" src="http://forhugo.dev/wp-content/uploads/2011/07/dcp_2082-150x150.jpg" class="attachment-thumbnail size-thumbnail" alt="Boardwalk" aria-describedby="gallery-1-757" srcset="http://forhugo.dev/wp-content/uploads/2011/07/dcp_2082-150x150.jpg 150w, http://forhugo.dev/wp-content/uploads/2011/07/dcp_2082-100x100.jpg 100w" sizes="100vw" /></a>
</div><figcaption class='wp-caption-text gallery-caption' id='gallery-1-757'> Boardwalk at Westport, WA </figcaption></figure><figure class='gallery-item'>
<div class='gallery-icon landscape'>
<a href='http://forhugo.dev/2010/09/10/post-format-gallery/100_5540/'><img width="150" height="150" src="http://forhugo.dev/wp-content/uploads/2011/07/100_5540-150x150.jpg" class="attachment-thumbnail size-thumbnail" alt="Golden Gate Bridge" aria-describedby="gallery-1-755" srcset="http://forhugo.dev/wp-content/uploads/2011/07/100_5540-150x150.jpg 150w, http://forhugo.dev/wp-content/uploads/2011/07/100_5540-100x100.jpg 100w" sizes="100vw" /></a>
</div><figcaption class='wp-caption-text gallery-caption' id='gallery-1-755'> Golden Gate Bridge </figcaption></figure><figure class='gallery-item'>
<div class='gallery-icon landscape'>
<a href='http://forhugo.dev/2010/09/10/post-format-gallery/dsc02085/'><img width="150" height="150" src="http://forhugo.dev/wp-content/uploads/2011/07/dsc02085-150x150.jpg" class="attachment-thumbnail size-thumbnail" alt="Orange Iris" aria-describedby="gallery-1-763" srcset="http://forhugo.dev/wp-content/uploads/2011/07/dsc02085-150x150.jpg 150w, http://forhugo.dev/wp-content/uploads/2011/07/dsc02085-100x100.jpg 100w" sizes="100vw" /></a>
</div><figcaption class='wp-caption-text gallery-caption' id='gallery-1-763'> Orange Iris </figcaption></figure><figure class='gallery-item'>
<div class='gallery-icon landscape'>
<a href='http://forhugo.dev/2010/09/10/post-format-gallery/dsc09114/'><img width="150" height="150" src="http://forhugo.dev/wp-content/uploads/2011/07/dsc09114-150x150.jpg" class="attachment-thumbnail size-thumbnail" alt="Sydney Harbor Bridge" aria-describedby="gallery-1-760" srcset="http://forhugo.dev/wp-content/uploads/2011/07/dsc09114-150x150.jpg 150w, http://forhugo.dev/wp-content/uploads/2011/07/dsc09114-100x100.jpg 100w" sizes="100vw" /></a>
</div><figcaption class='wp-caption-text gallery-caption' id='gallery-1-760'> Sydney Harbor Bridge </figcaption></figure><figure class='gallery-item'>
<div class='gallery-icon landscape'>
<a href='http://forhugo.dev/2010/09/10/post-format-gallery/dsc03149/'><img width="150" height="150" src="http://forhugo.dev/wp-content/uploads/2011/07/dsc03149-150x150.jpg" class="attachment-thumbnail size-thumbnail" alt="Yachtsody in Blue" aria-describedby="gallery-1-758" srcset="http://forhugo.dev/wp-content/uploads/2011/07/dsc03149-150x150.jpg 150w, http://forhugo.dev/wp-content/uploads/2011/07/dsc03149-100x100.jpg 100w" sizes="100vw" /></a>
</div><figcaption class='wp-caption-text gallery-caption' id='gallery-1-758'> Boats and reflections, Royal Perth Yacht Club </figcaption></figure><figure class='gallery-item'>
<div class='gallery-icon landscape'>
<a href='http://forhugo.dev/2010/09/10/post-format-gallery/michelle_049/'><img width="150" height="150" src="http://forhugo.dev/wp-content/uploads/2011/07/michelle_049-150x150.jpg" class="attachment-thumbnail size-thumbnail" alt="Big Sur" aria-describedby="gallery-1-766" srcset="http://forhugo.dev/wp-content/uploads/2011/07/michelle_049-150x150.jpg 150w, http://forhugo.dev/wp-content/uploads/2011/07/michelle_049-100x100.jpg 100w" sizes="100vw" /></a>
</div><figcaption class='wp-caption-text gallery-caption' id='gallery-1-766'> Beach at Big Sur, CA </figcaption></figure>
</div>
This is some text after the Tiled Gallery just to make sure that everything spaces nicely.

1139
exampleSite/content/unit-tests/2010-09-10-post-format-gallery.md
View file

File diff suppressed because it is too large Load diff

30
exampleSite/content/unit-tests/2010-10-05-post-format-standard.md
View file

@ -1,30 +0,0 @@
---
author: adamchlan
categories:
- Post Formats
- Uncategorized
date: 2010-10-05T07:27:25Z
tags:
- Post Formats
- readability
- standard
title: 'Post Format: Standard'
parent: "Variables"
url: /2010/10/05/post-format-standard/
---
All children, except one, grow up. They soon know that they will grow up, and the way Wendy knew was this. One day when she was two years old she was playing in a garden, and she plucked another flower and ran with it to her mother. I suppose she must have looked rather delightful, for Mrs. Darling put her hand to her heart and cried, &#8220;Oh, why can&#8217;t you remain like this for ever!&#8221; This was all that passed between them on the subject, but henceforth Wendy knew that she must grow up. You always know after you are two. Two is the beginning of the end.
<!--more-->
Mrs. Darling first heard of Peter when she was tidying up her children&#8217;s minds. It is the nightly custom of every good mother after her children are asleep to rummage in their minds and put things straight for next morning, repacking into their proper places the many articles that have wandered during the day.
If you could keep awake (but of course you can&#8217;t) you would see your own mother doing this, and you would find it very interesting to watch her. It is quite like tidying up drawers. You would see her on her knees, I expect, lingering humorously over some of your contents, wondering where on earth you had picked this thing up, making discoveries sweet and not so sweet, pressing this to her cheek as if it were as nice as a kitten, and hurriedly stowing that out of sight. When you wake in the morning, the naughtiness and evil passions with which you went to bed have been folded up small and placed at the bottom of your mind and on the top, beautifully aired, are spread out your prettier thoughts, ready for you to put on.
I don&#8217;t know whether you have ever seen a map of a person&#8217;s mind. Doctors sometimes draw maps of other parts of you, and your own map can become intensely interesting, but catch them trying to draw a map of a child&#8217;s mind, which is not only confused, but keeps going round all the time. There are zigzag lines on it, just like your temperature on a card, and these are probably roads in the island, for the Neverland is always more or less an island, with astonishing splashes of colour here and there, and coral reefs and rakish-looking craft in the offing, and savages and lonely lairs, and gnomes who are mostly tailors, and caves through which a river runs, and princes with six elder brothers, and a hut fast going to decay, and one very small old lady with a hooked nose. It would be an easy map if that were all, but there is also first day at school, religion, fathers, the round pond, needle-work, murders, hangings, verbs that take the dative, chocolate pudding day, getting into braces, say ninety-nine, three-pence for pulling out your tooth yourself, and so on, and either these are part of the island or they are another map showing through, and it is all rather confusing, especially as nothing will stand still.
Of course the Neverlands vary a good deal. John&#8217;s, for instance, had a lagoon with flamingoes flying over it at which John was shooting, while Michael, who was very small, had a flamingo with lagoons flying over it. John lived in a boat turned upside down on the sands, Michael in a wigwam, Wendy in a house of leaves deftly sewn together. John had no friends, Michael had friends at night, Wendy had a pet wolf forsaken by its parents, but on the whole the Neverlands have a family resemblance, and if they stood still in a row you could say of them that they have each other&#8217;s nose, and so forth. On these magic shores children at play are for ever beaching their coracles [simple boat]. We too have been there; we can still hear the sound of the surf, though we shall land no more.
Of all delectable islands the Neverland is the snuggest and most compact, not large and sprawly, you know, with tedious distances between one adventure and another, but nicely crammed. When you play at it by day with the chairs and table-cloth, it is not in the least alarming, but in the two minutes before you go to sleep it becomes very real. That is why there are night-lights.
Occasionally in her travels through her children&#8217;s minds Mrs. Darling found things she could not understand, and of these quite the most perplexing was the word Peter. She knew of no Peter, and yet he was here and there in John and Michael&#8217;s minds, while Wendy&#8217;s began to be scrawled all over with him. The name stood out in bolder letters than any of the other words, and as Mrs. Darling gazed she felt that it had an oddly cocky appearance.

23
exampleSite/content/unit-tests/2012-01-07-template-sticky.md
View file

@ -1,23 +0,0 @@
---
author: adamchlan
categories:
- Uncategorized
date: 2012-01-07T14:07:21Z
original_post_id:
- "1241"
tags:
- sticky
- template
title: 'Template: Sticky'
parent: "Variables"
url: /2012/01/07/template-sticky/
---
This is a sticky post.
There are a few things to verify:
* The sticky post should be distinctly recognizable in some way in comparison to normal posts. You can style the `.sticky` class if you are using the <a title="WordPress Codex post_class() Function" href="http://codex.wordpress.org/Function_Reference/post_class" target="_blank">post_class()</a> function to generate your post classes, which is a best practice.
* They should show at the very top of the blog index page, even though they could be several posts back chronologically.
* They should still show up again in their chronologically correct postion in time, but without the sticky indicator.
* If you have a plugin or widget that lists popular posts or comments, make sure that this sticky post is not always at the top of those lists unless it really is popular.

18
exampleSite/content/unit-tests/2012-03-14-template-excerpt-generated.md
View file

@ -1,18 +0,0 @@
---
author: adamchlan
categories:
- Template
- Uncategorized
date: 2012-03-14T16:49:22Z
tags:
- content
- excerpt
- template
title: 'Template: Excerpt (Generated)'
parent: "Variables"
url: /2012/03/14/template-excerpt-generated/
---
This is the post content. It should be displayed in place of the auto-generated excerpt in single-page views. Archive-index pages should display an auto-generated excerpt of this content. Depending on Theme-defined filters, the length of the auto-generated excerpt will vary from Theme-to-Theme. The default length for auto-generated excerpts is 55 words, so to test the excerpt auto-generation, this post must have more than 55 words.
Be sure to test the formatting of the auto-generated excerpt, to ensure that it doesn&#8217;t create any layout problems. Also, ensure that any filters applied to the excerpt, such as <code>excerpt\_length</code> and <code>excerpt\_more</code>, display properly.

20
exampleSite/content/unit-tests/2012-03-15-template-excerpt-defined.md
View file

@ -1,20 +0,0 @@
---
author: adamchlan
categories:
- Template
- Uncategorized
date: 2012-03-15T21:38:08Z
excerpt: This is a user-defined post excerpt. It should be displayed in place of the
post content in archive-index pages.
original_post_id:
- "993"
tags:
- content
- excerpt
- template
title: 'Template: Excerpt (Defined)'
parent: "Variables"
url: /2012/03/15/template-excerpt-defined/
---
This is the post content. It should be displayed in place of the user-defined excerpt in single-page views.

21
exampleSite/content/unit-tests/2012-03-15-template-more-tag.md
View file

@ -1,21 +0,0 @@
---
author: adamchlan
categories:
- Template
- Uncategorized
date: 2012-03-15T21:41:11Z
original_post_id:
- "996"
tags:
- content
- read more
- template
title: 'Template: More Tag'
parent: "Variables"
---
This content is before the more tag.
<!--more-->
Right after this sentence should be a "continue reading" button of some sort on any summary views.

45
exampleSite/content/unit-tests/2013-01-09-markup-text-alignment.md
View file

@ -1,45 +0,0 @@
---
author: adamchlan
categories:
- Markup
- Uncategorized
date: 2013-01-09T16:00:39Z
original_post_id:
- "895"
tags:
- alignment
- content
- css
- markup
title: 'Markup: Text Alignment'
parent: "Variables"
url: /2013/01/09/markup-text-alignment/
---
### Default
This is a paragraph. It should not have any alignment of any kind. It should just flow like you would normally expect. Nothing fancy. Just straight up text, free flowing, with love. Completely neutral and not picking a side or sitting on the fence. It just is. It just freaking is. It likes where it is. It does not feel compelled to pick a side. Leave him be. It will just be better that way. Trust me.
### 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&#8217;s views. It&#8217;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>
### 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>
### Right Align
<p style="text-align:right;">
This is a paragraph. It is right aligned. It is a bit more conservative in it&#8217;s views. It&#8217;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&#8217;s a pretty good shot from at least four or five football fields away. Dead on. So boss.
</p>
### 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&#8217;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>

73
exampleSite/content/unit-tests/2013-01-10-markup-image-alignment.md
View file

@ -1,73 +0,0 @@
---
author: adamchlan
categories:
- Markup
- Uncategorized
date: 2013-01-10T03:15:40Z
original_post_id:
- "903"
tags:
- alignment
- captions
- content
- css
- image
- markup
title: 'Markup: Image Alignment'
parent: "Variables"
url: /2013/01/10/markup-image-alignment/
---
Welcome to image alignment! The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab a paddle and let&#8217;s get started.
On the topic of alignment, it should be noted that users can choose from the options of _None_, _Left_, _Right,_ and _Center_. In addition, they also get the options of _Thumbnail_, _Medium_, _Large_ & _Fullsize_.
<p style="text-align:center;">
<img class="size-full wp-image-906 aligncenter" title="Image Alignment 580x300" alt="Image Alignment 580x300" src="http://forhugo.dev/wp-content/uploads/2013/03/image-alignment-580x300.jpg" width="580" height="300" />
</p>
The image above happens to be _**centered**_.
**<img class="size-full wp-image-904 alignleft" title="Image Alignment 150x150" alt="Image Alignment 150x150" src="http://forhugo.dev/wp-content/uploads/2013/03/image-alignment-150x150.jpg" width="150" height="150" />**The rest of this paragraph is filler for the sake of seeing the text wrap around the 150&#215;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&#8217;ll see that the text moves from the right of the image down below the image in seamless transition. Again, letting the do it&#8217;s thang. Mission accomplished!
And now for a _**massively large image**_. It also has _**no alignment**_.
<img class="alignnone wp-image-907" title="Image Alignment 1200x400" alt="Image Alignment 1200x400" src="http://forhugo.dev/wp-content/uploads/2013/03/image-alignment-1200x4002.jpg" width="1200" height="400" />
The image above, though 1200px wide, should not overflow the content area. It should remain contained with no visible disruption to the flow of content.
<img class="size-full wp-image-905 alignright" title="Image Alignment 300x200" alt="Image Alignment 300x200" src="http://forhugo.dev/wp-content/uploads/2013/03/image-alignment-300x200.jpg" width="300" height="200" />
And now we&#8217;re going to shift things to the _**right align**_. Again, there should be plenty of room above, below, and to the left of the image. Just look at him there&#8230; Hey guy! Way to rock that right side. I don&#8217;t care what the left aligned image says, you look great. Don&#8217;t let anyone else tell you differently.
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&#8230; Just like that. It never felt so good to be right.
And just when you thought we were done, we&#8217;re going to do them all over again with captions!<figure id="attachment_906" style="width: 580px" class="wp-caption aligncenter">
<img class="size-full wp-image-906 " title="Image Alignment 580x300" alt="Image Alignment 580x300" src="http://forhugo.dev/wp-content/uploads/2013/03/image-alignment-580x300.jpg" width="580" height="300" /><figcaption class="wp-caption-text">Look at 580&#215;300 getting some [caption][1] love.</figcaption></figure>
The image above happens to be _**centered**_. The caption also has a link in it, just to see if it does anything funky.<figure id="attachment_904" style="width: 150px" class="wp-caption alignleft">
<img class="size-full wp-image-904 " title="Image Alignment 150x150" alt="Image Alignment 150x150" src="http://forhugo.dev/wp-content/uploads/2013/03/image-alignment-150x150.jpg" width="150" height="150" /><figcaption class="wp-caption-text">Itty-bitty caption.</figcaption></figure>
****The rest of this paragraph is filler for the sake of seeing the text wrap around the 150&#215;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&#8217;ll see that the text moves from the right of the image down below the image in seamless transition. Again, letting the do it&#8217;s thang. Mission accomplished!
And now for a _**massively large image**_. It also has _**no alignment**_.<figure id="attachment_907" style="width: 1200px" class="wp-caption alignnone">
<img class=" wp-image-907" title="Image Alignment 1200x400" alt="Image Alignment 1200x400" src="http://forhugo.dev/wp-content/uploads/2013/03/image-alignment-1200x4002.jpg" width="1200" height="400" /><figcaption class="wp-caption-text">Massive image comment for your eyeballs.</figcaption></figure>
The image above, though 1200px wide, should not overflow the content area. It should remain contained with no visible disruption to the flow of content.<figure id="attachment_905" style="width: 300px" class="wp-caption alignright">
<img class="size-full wp-image-905 " title="Image Alignment 300x200" alt="Image Alignment 300x200" src="http://forhugo.dev/wp-content/uploads/2013/03/image-alignment-300x200.jpg" width="300" height="200" /><figcaption class="wp-caption-text">Feels good to be right all the time.</figcaption></figure>
And now we&#8217;re going to shift things to the _**right align**_. Again, there should be plenty of room above, below, and to the left of the image. Just look at him there&#8230; Hey guy! Way to rock that right side. I don&#8217;t care what the left aligned image says, you look great. Don&#8217;t let anyone else tell you differently.
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&#8230; Just like that. It never felt so good to be right.
And that&#8217;s a wrap, yo! You survived the tumultuous waters of alignment. Image alignment achievement unlocked!
[1]: http://en.support.wordpress.com/images/image-settings/ "Image Settings"

255
exampleSite/content/unit-tests/2013-01-11-markup-html-tags-and-formatting.md
View file

@ -1,255 +0,0 @@
---
author: adamchlan
categories:
- Markup
- Uncategorized
date: 2013-01-11T03:22:19Z
original_post_id:
- "919"
tags:
- content
- css
- formatting
- html
- markup
title: 'Markup: HTML Tags and Formatting'
parent: "Variables"
url: /2013/01/11/markup-html-tags-and-formatting/
---
## Headings
# Header one
## Header two
### Header three
#### Header four
##### Header five
###### Header six
## Blockquotes
Single line blockquote:
> Stay hungry. Stay foolish.
Multi line blockquote with a cite reference:
> People think focus means saying yes to the thing you&#8217;ve got to focus on. But that&#8217;s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I&#8217;m actually as proud of the things we haven&#8217;t done as the things I have done. Innovation is saying no to 1,000 things.
<cite>Steve Jobs</cite> &#8211; Apple Worldwide Developers&#8217; Conference, 1997
## Tables
<table>
<tr>
<th>
Employee
</th>
<th>
Salary
</th>
<th>
</th>
</tr>
<tr>
<th>
<a href="http://example.org/">John Doe</a>
</th>
<td>
$1
</td>
<td>
Because that&#8217;s all Steve Jobs needed for a salary.
</td>
</tr>
<tr>
<th>
<a href="http://example.org/">Jane Doe</a>
</th>
<td>
$100K
</td>
<td>
For all the blogging she does.
</td>
</tr>
<tr>
<th>
<a href="http://example.org/">Fred Bloggs</a>
</th>
<td>
$100M
</td>
<td>
Pictures are worth a thousand words, right? So Jane x 1,000.
</td>
</tr>
<tr>
<th>
<a href="http://example.org/">Jane Bloggs</a>
</th>
<td>
$100B
</td>
<td>
With hair like that?! Enough said&#8230;
</td>
</tr>
</table>
## Definition Lists
Definition List Title
: Definition list division.
Startup
: A startup company or startup is a company or temporary organization designed to search for a repeatable and scalable business model.
#dowork
: Coined by Rob Dyrdek and his personal body guard Christopher &#8220;Big Black&#8221; Boykins, &#8220;Do Work&#8221; works as a self motivator, to motivating your friends.
Do It Live
: I&#8217;ll let Bill O&#8217;Reilly will [explain][1] this one.
## Unordered Lists (Nested)
* List item one
* List item one
* List item one
* List item two
* List item three
* List item four
* List item two
* List item three
* List item four
* List item two
* List item three
* List item four
## Ordered List (Nested)
1. List item one
1. List item one
1. List item one
2. List item two
3. List item three
4. List item four
2. List item two
3. List item three
4. List item four
2. List item two
3. List item three
4. List item four
## HTML Tags
These supported tags come from the WordPress.com code [FAQ][2].
**Address Tag**
<address>
1 Infinite Loop<br /> Cupertino, CA 95014<br /> United States
</address>
**Anchor Tag (aka. Link)**
This is an example of a [link][3].
**Abbreviation Tag**
The abbreviation srsly stands for &#8220;seriously&#8221;.
**Acronym Tag (_deprecated in HTML5_)**
The acronym <acronym title="For The Win">ftw</acronym> stands for &#8220;for the win&#8221;.
**Big Tag **(_deprecated in HTML5_)****
These tests are a <big>big</big> deal, but this tag is no longer supported in HTML5.
**Cite Tag**
&#8220;Code is poetry.&#8221; &#8212;<cite>Automattic</cite>
**Code Tag**
You will learn later on in these tests that `word-wrap: break-word;` will be your best friend.
**Delete Tag**
This tag will let you <del>strikeout text</del>, but this tag is no longer supported in HTML5 (use the `<strike>` instead).
**Emphasize Tag**
The emphasize tag should _italicize_ text.
**Insert Tag**
This tag should denote <ins>inserted</ins> text.
**Keyboard Tag**
This scarcely known tag emulates <kbd>keyboard text</kbd>, which is usually styled like the `<code>` tag.
**Preformatted Tag**
This tag styles large blocks of code.
<pre>.post-title {
margin: 0 0 5px;
font-weight: bold;
font-size: 38px;
line-height: 1.2;
and here's a line of some really, really, really, really long text, just to see how the PRE tag handles it and to find out how it overflows;
}</pre>
**Quote Tag**
<q>Developers, developers, developers&#8230;</q> &#8211;Steve Ballmer
**Strike Tag **(_deprecated in HTML5_)****
This tag shows <span style="text-decoration:line-through;">strike-through text</span>
**Strong Tag**
This tag shows **bold **text.****
**Subscript Tag**
Getting our science styling on with H<sub>2</sub>O, which should push the &#8220;2&#8221; down.
**Superscript Tag**
Still sticking with science and Isaac Newton&#8217;s E = MC<sup>2</sup>, which should lift the 2 up.
**Teletype Tag **(_deprecated in HTML5_)****
This rarely used tag emulates <tt>teletype text</tt>, which is usually styled like the `<code>` tag.
**Variable Tag**
This allows you to denote <var>variables</var>.
[1]: https://www.youtube.com/watch?v=O_HyZ5aW76c "We'll Do It Live"
[2]: http://en.support.wordpress.com/code/ "Code"
[3]: http://apple.com "Apple"

21
exampleSite/content/unit-tests/about-us.md
View file

@ -1,21 +0,0 @@
---
title: About The Tests
author: adamchlan
type: page
date: 2010-07-26T02:40:01+00:00
---
This site is using the standard WordPress Theme Unit Test Data for content. The Theme Unit Test is a series of posts and pages that match up with a checklist on the WordPress codex. You can use the data and checklist together to test your theme.
## WordPress Theme Development Resources
1. See [Theme Development][1] for [code standards][2], examples of best practices, and [resources for Theme development][3].
2. See [Theme Unit Test][4] for a robust test suite for your Theme and get the latest version of the test data you see here.
3. See [Theme Review][5] for a guide to submitting your Theme to the [Themes Directory][6].
[1]: http://codex.wordpress.org/Theme_Development
[2]: http://codex.wordpress.org/Theme_Development#Code_Standards
[3]: http://codex.wordpress.org/Theme_Development#Resources_and_References
[4]: http://codex.wordpress.org/Theme_Unit_Test
[5]: http://codex.wordpress.org/Theme_Review
[6]: http://wordpress.org/extend/themes/

8
exampleSite/content/unit-tests/blog.md
View file

@ -1,8 +0,0 @@
---
title: Blog
author: adamchlan
type: page
date: 2011-05-21T01:51:43+00:00
---
Use this static Page to test the Theme&#8217;s handling of the Blog Posts Index page. If the site is set to display a static Page on the Front Page, and this Page is set to display the Blog Posts Index, then this text should not appear.

10
exampleSite/content/unit-tests/clearing-floates.md
View file

@ -1,10 +0,0 @@
---
title: Clearing Floats
author: adamchlan
type: page
date: 2010-08-01T16:42:26+00:00
---
The last item in this page&#8217;s content is a floated image. Make sure any elements after it are clearing properly.
<img class="alignleft size-thumbnail wp-image-827" title="Camera" src="http://forhugo.dev/wp-content/uploads/2012/07/manhattansummer.jpg?w=150" alt="" width="150" height="112" srcset="http://forhugo.dev/wp-content/uploads/2012/07/manhattansummer.jpg 640w, http://forhugo.dev/wp-content/uploads/2012/07/manhattansummer-300x225.jpg 300w" sizes="(max-width: 150px) 100vw, 150px" />

17
exampleSite/content/unit-tests/edge-case-no-content.md
View file

@ -1,17 +0,0 @@
---
author: adamchlan
categories:
- Edge Case
- Uncategorized
date: 2009-08-06T16:39:56Z
original_post_id:
- "134"
tags:
- content
- edge case
- layout
title: 'Edge Case: No Content'
parent: "Variables"
url: /2009/08/06/edge-case-no-content/
---

12
exampleSite/content/unit-tests/front-page.md
View file

@ -1,12 +0,0 @@
---
title: Front Page
author: adamchlan
type: page
date: 2011-05-21T01:49:43+00:00
---
Use this static Page to test the Theme&#8217;s handling of the Front Page template file.
This is the Front Page content. Use this static Page to test the Front Page output of the Theme. The Theme should properly handle both Blog Posts Index as Front Page and static Page as Front Page.
If the site is set to display the Blog Posts Index as the Front Page, then this text should not be visible. If the site is set to display a static Page as the Front Page, then this text may or may not be visible. If the Theme does not include a front-page.php template file, then this text should appear on the Front Page when set to display a static Page. If the Theme does include a front-page.php template file, then this text may or may not appear.

54
exampleSite/content/unit-tests/lorem-ipsum.md
View file

@ -1,54 +0,0 @@
---
title: Lorem Ipsum
author: adamchlan
type: page
date: 2007-09-04T16:52:50+00:00
---
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec mollis. Quisque convallis libero in sapien pharetra tincidunt. Aliquam elit ante, malesuada id, tempor eu, gravida id, odio. Maecenas suscipit, risus et eleifend imperdiet, nisi orci ullamcorper massa, et adipiscing orci velit quis magna. Praesent sit amet ligula id orci venenatis auctor. Phasellus porttitor, metus non tincidunt dapibus, orci pede pretium neque, sit amet adipiscing ipsum lectus et libero. Aenean bibendum. Curabitur mattis quam id urna. Vivamus dui. Donec nonummy lacinia lorem. Cras risus arcu, sodales ac, ultrices ac, mollis quis, justo. Sed a libero. Quisque risus erat, posuere at, tristique non, lacinia quis, eros.
Cras volutpat, lacus quis semper pharetra, nisi enim dignissim est, et sollicitudin quam ipsum vel mi. Sed commodo urna ac urna. Nullam eu tortor. Curabitur sodales scelerisque magna. Donec ultricies tristique pede. Nullam libero. Nam sollicitudin felis vel metus. Nullam posuere molestie metus. Nullam molestie, nunc id suscipit rhoncus, felis mi vulputate lacus, a ultrices tortor dolor eget augue. Aenean ultricies felis ut turpis. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse placerat tellus ac nulla. Proin adipiscing sem ac risus. Maecenas nisi. Cras semper.
Praesent interdum mollis neque. In egestas nulla eget pede. Integer eu purus sed diam dictum scelerisque. Morbi cursus velit et felis. Maecenas faucibus aliquet erat. In aliquet rhoncus tellus. Integer auctor nibh a nunc fringilla tempus. Cras turpis urna, dignissim vel, suscipit pulvinar, rutrum quis, sem. Ut lobortis convallis dui. Sed nonummy orci a justo. Morbi nec diam eget eros eleifend tincidunt.
Curabitur non elit. Pellentesque iaculis, nisl non aliquet adipiscing, purus urna aliquet orci, sed sodales pede neque at massa. Pellentesque laoreet, enim eget varius mollis, sapien erat suscipit metus, sit amet iaculis nulla sapien id felis. Aliquam erat volutpat. Nam congue nulla a ligula. Morbi tempor hendrerit erat. Curabitur augue. Vestibulum nulla est, commodo et, fringilla quis, bibendum eget, ipsum. Suspendisse pulvinar iaculis ante. Mauris dignissim ante quis nisi. Aliquam ante mi, aliquam et, pellentesque ac, dapibus et, enim. In vulputate justo vel magna. Phasellus imperdiet justo. Proin odio orci, dapibus id, porta a, pellentesque id, erat. Aliquam erat volutpat. Mauris nonummy varius libero. Sed dolor ipsum, tempor non, aliquet et, pulvinar quis, dui. Pellentesque mauris diam, lobortis id, varius varius, facilisis at, nulla.
Cras pede. Nullam id velit sit amet turpis tincidunt sagittis. Nunc malesuada. Nunc consequat scelerisque odio. Donec eu leo. Nunc pellentesque felis sed odio. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus lobortis metus in lectus. Cras mollis quam eget sapien. Pellentesque non lorem sit amet sem lacinia euismod.
Nulla eget diam eget leo imperdiet consequat. Morbi nunc magna, pellentesque eu, porta at, ultricies ut, neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In tincidunt. Praesent ut orci id eros congue ultrices. Mauris non neque. Donec nulla ante, molestie sit amet, fermentum nec, blandit sit amet, purus. Fusce eget diam eu odio iaculis mollis. Phasellus consectetuer pede quis nisi. Proin non sem ut elit pulvinar faucibus. In a turpis nec augue fringilla elementum.
Nullam felis. Donec in nulla. Suspendisse sodales, turpis in suscipit ullamcorper, enim nunc sagittis risus, eu auctor velit tortor ut turpis. Mauris id augue at neque aliquam eleifend. Sed eget augue. Nunc faucibus ligula sed massa. Etiam non nulla. Etiam accumsan ullamcorper nisl. In pharetra massa at nunc. Nunc elementum. Duis sodales enim nec libero. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Praesent dapibus eros sodales urna. Duis magna nisi, lobortis quis, tincidunt rutrum, posuere non, ipsum.
Aliquam convallis neque vitae diam. In diam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis fermentum arcu in tortor. Sed nibh leo, rhoncus eu, fermentum et, scelerisque ac, massa. Cras id turpis. Etiam commodo sem luctus lorem. Morbi at mi. In rutrum. Aenean luctus pede euismod tortor. Phasellus dictum. Cras neque justo, venenatis sit amet, tristique et, vulputate in, dui. Etiam sed mi gravida sapien imperdiet dictum. Aliquam gravida orci a tortor. Donec tempor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus risus ante, pellentesque vitae, luctus eget, scelerisque sed, libero. Donec massa.
Donec libero mauris, volutpat at, convallis vel, laoreet euismod, augue. In accumsan malesuada risus. Mauris metus magna, condimentum in, nonummy non, ornare eu, velit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin posuere. Proin rhoncus rutrum lorem. Phasellus dignissim massa non libero volutpat tincidunt. In hac habitasse platea dictumst. Phasellus eget eros. Nulla in nulla. Vivamus quis mauris. Maecenas pharetra rhoncus tellus. Sed sit amet lacus.
Quisque interdum felis a tellus. Aliquam sed diam ac velit aliquam rutrum. Morbi commodo, risus a pulvinar adipiscing, tortor pede posuere risus, ac ornare tellus massa nec lectus. Vivamus mollis metus ac sapien. Nam sed est a libero ullamcorper dapibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean a erat ac nibh accumsan volutpat. Phasellus pulvinar consequat turpis. Curabitur ante metus, tempus ut, consequat eu, sollicitudin sit amet, justo. Duis ut libero.
Հայերեն
Lorem Ipsum-ը տպագրության և տպագրական արդյունաբերության համար նախատեսված մոդելային տեքստ է: Սկսած 1500-ականներից\` Lorem Ipsum-ը հանդիսացել է տպագրական արդյունաբերության ստանդարտ մոդելային տեքստ, ինչը մի անհայտ տպագրիչի կողմից տարբեր տառատեսակների օրինակների գիրք ստեղծելու ջանքերի արդյունք է: Այս տեքստը ոչ միայն կարողացել է գոյատևել հինգ դարաշրջան, այլև ներառվել է էլեկտրոնային տպագրության մեջ\` մնալով էապես անփոփոխ: Այն հայտնի է դարձել 1960-ականներին Lorem Ipsum բովանդակող Letraset էջերի թողարկման արդյունքում, իսկ ավելի ուշ համակարգչային տպագրության այնպիսի ծրագրերի թողարկման հետևանքով, ինչպիսին է Aldus PageMaker-ը, որը ներառում է Lorem Ipsum-ի տարատեսակներ:
Български
Lorem Ipsum е елементарен примерен текст, използван в печатарската и типографската индустрия. Lorem Ipsum е индустриален стандарт от около 1500 година, когато неизвестен печатар взема няколко печатарски букви и ги разбърква, за да напечата с тях книга с примерни шрифтове. Този начин не само е оцелял повече от 5 века, но е навлязъл и в публикуването на електронни издания като е запазен почти без промяна. Популяризиран е през 60те години на 20ти век със издаването на Letraset листи, съдържащи Lorem Ipsum пасажи, популярен е и в наши дни във софтуер за печатни издания като Aldus PageMaker, който включва различни версии на Lorem Ipsum.
Català
Lorem Ipsum és un text de farciment usat per la indústria de la tipografia i la impremta. Lorem Ipsum ha estat el text estàndard de la indústria des de l&#8217;any 1500, quan un impressor desconegut va fer servir una galerada de text i la va mesclar per crear un llibre de mostres tipogràfiques. No només ha sobreviscut cinc segles, sinó que ha fet el salt cap a la creació de tipus de lletra electrònics, romanent essencialment sense canvis. Es va popularitzar l&#8217;any 1960 amb el llançament de fulls Letraset que contenien passatges de Lorem Ipsum, i més recentment amb programari d&#8217;autoedició com Aldus Pagemaker que inclou versions de Lorem Ipsum.
Hrvatski
Lorem Ipsum je jednostavno probni tekst koji se koristi u tiskarskoj i slovoslagarskoj industriji. Lorem Ipsum postoji kao industrijski standard još od 16-og stoljeća, kada je nepoznati tiskar uzeo tiskarsku galiju slova i posložio ih da bi napravio knjigu s uzorkom tiska. Taj je tekst ne samo preživio pet stoljeća, već se i vinuo u svijet elektronskog slovoslagarstva, ostajući u suštini nepromijenjen. Postao je popularan tijekom 1960-ih s pojavom Letraset listova s odlomcima Lorem Ipsum-a, a u skorije vrijeme sa software-om za stolno izdavaštvo kao što je Aldus PageMaker koji također sadrži varijante Lorem Ipsum-a.
Česky
Lorem Ipsum je demonstrativní výplňový text používaný v tiskařském a knihařském průmyslu. Lorem Ipsum je považováno za standard v této oblasti už od začátku 16. století, kdy dnes neznámý tiskař vzal kusy textu a na jejich základě vytvořil speciální vzorovou knihu. Jeho odkaz nevydržel pouze pět století, on přežil i nástup elektronické sazby v podstatě beze změny. Nejvíce popularizováno bylo Lorem Ipsum v šedesátých letech 20. století, kdy byly vydávány speciální vzorníky s jeho pasážemi a později pak díky počítačovým DTP programům jako Aldus PageMaker.
Româna
Lorem Ipsum este pur şi simplu o machetă pentru text a industriei tipografice. Lorem Ipsum a fost macheta standard a industriei încă din secolul al XVI-lea, când un tipograf anonim a luat o planşetă de litere şi le-a amestecat pentru a crea o carte demonstrativă pentru literele respective. Nu doar că a supravieţuit timp de cinci secole, dar şi a facut saltul în tipografia electronică practic neschimbată. A fost popularizată în anii &#8217;60 odată cu ieşirea colilor Letraset care conţineau pasaje Lorem Ipsum, iar mai recent, prin programele de publicare pentru calculator, ca Aldus PageMaker care includeau versiuni de Lorem Ipsum.
Српски
Lorem Ipsum је једноставно модел текста који се користи у штампарској и словослагачкој индустрији. Lorem ipsum је био стандард за модел текста још од 1500. године, када је непознати штампар узео кутију са словима и сложио их како би направио узорак књиге. Не само што је овај модел опстао пет векова, него је чак почео да се користи и у електронским медијима, непроменивши се. Популаризован је шездесетих година двадесетог века заједно са листовима летерсета који су садржали Lorem Ipsum пасусе, а данас са софтверским пакетом за прелом као што је Aldus PageMaker који је садржао Lorem Ipsum верзије.

62
exampleSite/content/unit-tests/page-image-alignment.md
View file

@ -1,62 +0,0 @@
---
title: Page Image Alignment
author: adamchlan
type: page
date: 2013-03-15T23:19:23+00:00
original_post_id:
- "1080"
---
Welcome to image alignment! The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab a paddle and let&#8217;s get started.
On the topic of alignment, it should be noted that users can choose from the options of _None_, _Left_, _Right,_ and _Center_. In addition, they also get the options of _Thumbnail_, _Medium_, _Large_ & _Fullsize_.
<p style="text-align:center;">
<img class="size-full wp-image-906 aligncenter" title="Image Alignment 580x300" alt="Image Alignment 580x300" src="http://forhugo.dev/wp-content/uploads/2013/03/image-alignment-580x300.jpg" width="580" height="300" />
</p>
The image above happens to be _**centered**_.
**<img class="size-full wp-image-904 alignleft" title="Image Alignment 150x150" alt="Image Alignment 150x150" src="http://forhugo.dev/wp-content/uploads/2013/03/image-alignment-150x150.jpg" width="150" height="150" />**The rest of this paragraph is filler for the sake of seeing the text wrap around the 150&#215;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&#8217;ll see that the text moves from the right of the image down below the image in seamless transition. Again, letting the do it&#8217;s thang. Mission accomplished!
And now for a _**massively large image**_. It also has _**no alignment**_.
<img class="alignnone wp-image-907" title="Image Alignment 1200x400" alt="Image Alignment 1200x400" src="http://forhugo.dev/wp-content/uploads/2013/03/image-alignment-1200x4002.jpg" width="1200" height="400" />
The image above, though 1200px wide, should not overflow the content area. It should remain contained with no visible disruption to the flow of content.
<img class="size-full wp-image-905 alignright" title="Image Alignment 300x200" alt="Image Alignment 300x200" src="http://forhugo.dev/wp-content/uploads/2013/03/image-alignment-300x200.jpg" width="300" height="200" />
And now we&#8217;re going to shift things to the _**right align**_. Again, there should be plenty of room above, below, and to the left of the image. Just look at him there&#8230; Hey guy! Way to rock that right side. I don&#8217;t care what the left aligned image says, you look great. Don&#8217;t let anyone else tell you differently.
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&#8230; Just like that. It never felt so good to be right.
And just when you thought we were done, we&#8217;re going to do them all over again with captions!<figure id="attachment_906" style="width: 580px" class="wp-caption aligncenter">
<img class="size-full wp-image-906 " title="Image Alignment 580x300" alt="Image Alignment 580x300" src="http://forhugo.dev/wp-content/uploads/2013/03/image-alignment-580x300.jpg" width="580" height="300" /><figcaption class="wp-caption-text">Look at 580&#215;300 getting some [caption][1] love.</figcaption></figure>
The image above happens to be _**centered**_. The caption also has a link in it, just to see if it does anything funky.<figure id="attachment_904" style="width: 150px" class="wp-caption alignleft">
<img class="size-full wp-image-904 " title="Image Alignment 150x150" alt="Image Alignment 150x150" src="http://forhugo.dev/wp-content/uploads/2013/03/image-alignment-150x150.jpg" width="150" height="150" /><figcaption class="wp-caption-text">Itty-bitty caption.</figcaption></figure>
****The rest of this paragraph is filler for the sake of seeing the text wrap around the 150&#215;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&#8217;ll see that the text moves from the right of the image down below the image in seamless transition. Again, letting the do it&#8217;s thang. Mission accomplished!
And now for a _**massively large image**_. It also has _**no alignment**_.<figure id="attachment_907" style="width: 1200px" class="wp-caption alignnone">
<img class=" wp-image-907" title="Image Alignment 1200x400" alt="Image Alignment 1200x400" src="http://forhugo.dev/wp-content/uploads/2013/03/image-alignment-1200x4002.jpg" width="1200" height="400" /><figcaption class="wp-caption-text">Massive image comment for your eyeballs.</figcaption></figure>
The image above, though 1200px wide, should not overflow the content area. It should remain contained with no visible disruption to the flow of content.<figure id="attachment_905" style="width: 300px" class="wp-caption alignright">
<img class="size-full wp-image-905 " title="Image Alignment 300x200" alt="Image Alignment 300x200" src="http://forhugo.dev/wp-content/uploads/2013/03/image-alignment-300x200.jpg" width="300" height="200" /><figcaption class="wp-caption-text">Feels good to be right all the time.</figcaption></figure>
And now we&#8217;re going to shift things to the _**right align**_. Again, there should be plenty of room above, below, and to the left of the image. Just look at him there&#8230; Hey guy! Way to rock that right side. I don&#8217;t care what the left aligned image says, you look great. Don&#8217;t let anyone else tell you differently.
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&#8230; Just like that. It never felt so good to be right.
And that&#8217;s a wrap, yo! You survived the tumultuous waters of alignment. Image alignment achievement unlocked!
[1]: http://en.support.wordpress.com/images/image-settings/ "Image Settings"

238
exampleSite/content/unit-tests/page-markup-and-formatting.md
View file

@ -1,238 +0,0 @@
---
title: Page Markup And Formatting
author: adamchlan
type: page
date: 2013-03-15T23:20:05+00:00
original_post_id:
- "1083"
---
**Headings**
# Header one
## Header two
### Header three
#### Header four
##### Header five
###### Header six
## Blockquotes
Single line blockquote:
> Stay hungry. Stay foolish.
Multi line blockquote with a cite reference:
> People think focus means saying yes to the thing you&#8217;ve got to focus on. But that&#8217;s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I&#8217;m actually as proud of the things we haven&#8217;t done as the things I have done. Innovation is saying no to 1,000 things. <cite>Steve Jobs &#8211; Apple Worldwide Developers&#8217; Conference, 1997</cite>
## Tables
<table>
<tr>
<th>
Employee
</th>
<th class="views">
Salary
</th>
<th>
</th>
</tr>
<tr class="odd">
<td>
<a href="http://example.com/">Jane</a>
</td>
<td>
$1
</td>
<td>
Because that&#8217;s all Steve Job&#8217; needed for a salary.
</td>
</tr>
<tr class="even">
<td>
<a href="http://example.com">John</a>
</td>
<td>
$100K
</td>
<td>
For all the blogging he does.
</td>
</tr>
<tr class="odd">
<td>
<a href="http://example.com/">Jane</a>
</td>
<td>
$100M
</td>
<td>
Pictures are worth a thousand words, right? So Tom x 1,000.
</td>
</tr>
<tr class="even">
<td>
<a href="http://example.com/">Jane</a>
</td>
<td>
$100B
</td>
<td>
With hair like that?! Enough said&#8230;
</td>
</tr>
</table>
## Definition Lists
Definition List Title
: Definition list division.
Startup
: A startup company or startup is a company or temporary organization designed to search for a repeatable and scalable business model.
#dowork
: Coined by Rob Dyrdek and his personal body guard Christopher &#8220;Big Black&#8221; Boykins, &#8220;Do Work&#8221; works as a self motivator, to motivating your friends.
Do It Live
: I&#8217;ll let Bill O&#8217;Reilly will [explain][1] this one.
## Unordered Lists (Nested)
* List item one
* List item one
* List item one
* List item two
* List item three
* List item four
* List item two
* List item three
* List item four
* List item two
* List item three
* List item four
## Ordered List (Nested)
1. List item one
1. List item one
1. List item one
2. List item two
3. List item three
4. List item four
2. List item two
3. List item three
4. List item four
2. List item two
3. List item three
4. List item four
## HTML Tags
These supported tags come from the WordPress.com code [FAQ][2].
**Address Tag**
<address>
1 Infinite Loop<br /> Cupertino, CA 95014<br /> United States
</address>
**Anchor Tag (aka. Link)**
This is an example of a [link][3].
**Abbreviation Tag**
The abbreviation srsly stands for &#8220;seriously&#8221;.
**Acronym Tag**
The acronym <acronym title="For The Win">ftw</acronym> stands for &#8220;for the win&#8221;.
**Big Tag**
These tests are a <big>big</big> deal, but this tag is no longer supported in HTML5.
**Cite Tag**
&#8220;Code is poetry.&#8221; &#8212;<cite>Automattic</cite>
**Code Tag**
You will learn later on in these tests that `word-wrap: break-word;` will be your best friend.
**Delete Tag**
This tag will let you <del>strikeout text</del>, but this tag is no longer supported in HTML5 (use the `<strike>` instead).
**Emphasize Tag**
The emphasize tag should _italicize_ text.
**Insert Tag**
This tag should denote <ins>inserted</ins> text.
**Keyboard Tag**
This scarcely known tag emulates <kbd>keyboard text</kbd>, which is usually styled like the `<code>` tag.
**Preformatted Tag**
This tag styles large blocks of code.
<pre>.post-title {
margin: 0 0 5px;
font-weight: bold;
font-size: 38px;
line-height: 1.2;
}</pre>
**Quote Tag**
<q>Developers, developers, developers&#8230;</q> &#8211;Steve Ballmer
**Strong Tag**
This tag shows **bold **text.****
**Subscript Tag**
Getting our science styling on with H<sub>2</sub>O, which should push the &#8220;2&#8221; down.
**Superscript Tag**
Still sticking with science and Isaac Newton&#8217;s E = MC<sup>2</sup>, which should lift the 2 up.
**Teletype Tag**
This rarely used tag emulates <tt>teletype text</tt>, which is usually styled like the `<code>` tag.
**Variable Tag**
This allows you to denote <var>variables</var>.
[1]: https://www.youtube.com/watch?v=O_HyZ5aW76c "We'll Do It Live"
[2]: http://en.support.wordpress.com/code/ "Code"
[3]: http://apple.com "Apple"

18
exampleSite/content/unit-tests/sample-page.md
View file

@ -1,18 +0,0 @@
---
title: Sample Page
author: adamchlan
type: page
date: 2017-02-23T19:32:33+00:00
---
This is an example page. It&#8217;s different from a blog post because it will stay in one place and will show up in your site navigation (in most themes). Most people start with an About page that introduces them to potential site visitors. It might say something like this:
> Hi there! I&#8217;m a bike messenger by day, aspiring actor by night, and this is my website. I live in Los Angeles, have a great dog named Jack, and I like pi&#241;a coladas. (And gettin&#8217; caught in the rain.)
&#8230;or something like this:
> The XYZ Doohickey Company was founded in 1971, and has been providing quality doohickeys to the public ever since. Located in Gotham City, XYZ employs over 2,000 people and does all kinds of awesome things for the Gotham community.
As a new WordPress user, you should go to [your dashboard][1] to delete this page and create new pages for your content. Have fun!
[1]: http://forhugo.dev/wp-admin/

8
theme.toml
View file

@ -1,13 +1,13 @@
# theme.toml template for a Hugo theme
# See https://github.com/spf13/hugoThemes#themetoml for an example
name = "Gohugo Default Theme"
name = "Ananke Gohugo Theme"
license = "MIT"
licenselink = "https://github.com/budparr/gohugo-default-theme/blob/master/LICENSE.md"
licenselink = "https://github.com/budparr/gohugo-theme-ananke/blob/master/LICENSE.md"
description = "A Base theme for building full featured Hugo sites"
homepage = "https://github.com/budparr/gohugo-default-theme"
homepage = "https://github.com/budparr/gohugo-theme-ananke"
tags = ["website", "starter"]
features = ["posts", ""]
features = ["posts", "shortcodes"]
min_version = 0.18
[author]