Layout: Social Sharing Links Disabled
This post has social sharing disabled.
Social sharing links should not appear.
Markup: Another Post with Images
Here are some examples of what a post with images might look like. If you want to display two or three images next to each other responsively use figure
with the appropriate class
. Each instance of figure
is auto-numbered and displayed in the caption.
Figures (for images or video)
One Up
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.
Markup: HTML Tags and Formatting
A variety of common markup showing how the theme styles them.
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’ve got to focus on. But that’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’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things.
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’s get started.
{: .align-center}
The image above happens to be centered.
{: .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.
Markup: Syntax Highlighting
Syntax highlighting is a feature that displays source code, in different colors and fonts according to the category of terms. This feature facilitates writing in a structured language such as a programming language or a markup language as both structures and syntax errors are visually distinct. Highlighting does not affect the meaning of the text itself; it is intended only for human readers.1
GFM Code Blocks
GitHub Flavored Markdown fenced code blocks are supported. To modify styling and highlight colors edit /_sass/syntax.scss
.
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.
Markup: Text Readability Test
Portland in shoreditch Vice, labore typewriter pariatur hoodie fap sartorial Austin. Pinterest literally occupy Schlitz forage. 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.
Markup: Title *with* **Markdown**
Verify that:
- The post title renders the word “with” in italics and the word “Markdown” in bold.
- The post title markup should be removed from the browser window / tab.
Markup: Title with Special --- Characters
Putting special characters in the title should have no adverse effect on the layout or functionality.
Special characters in the post title have been known to cause issues with JavaScript and XML when not properly encoded and escaped.
Latin Character Tests
This is a test to see if the fonts used in this theme support basic Latin characters.
<td>
“
</td>
<td>
#
</td>
<td>
$
</td>
<td>
%
</td>
<td>
&
</td>
<td>
‘
</td>
<td>
(
</td>
<td>
)
</td>
<td>
*
</td>
<td>
,
</td>
<td>
–
</td>
<td>
.
</td>
<td>
/
</td>
<td>
</td>
<td>
1
</td>
<td>
2
</td>
<td>
3
</td>
<td>
4
</td>
<td>
6
</td>
<td>
7
</td>
<td>
8
</td>
<td>
9
</td>
<td>
:
</td>
<td>
;
</td>
<td>
>
</td>
<td>
=
</td>
<td>
<
</td>
<td>
@
</td>
<td>
A
</td>
<td>
B
</td>
<td>
C
</td>
<td>
D
</td>
<td>
E
</td>
<td>
F
</td>
<td>
G
</td>
<td>
H
</td>
<td>
J
</td>
<td>
K
</td>
<td>
L
</td>
<td>
M
</td>
<td>
N
</td>
<td>
O
</td>
<td>
P
</td>
<td>
Q
</td>
<td>
R
</td>
<td>
T
</td>
<td>
U
</td>
<td>
V
</td>
<td>
W
</td>
<td>
X
</td>
<td>
Y
</td>
<td>
Z
</td>
<td>
[
</td>
<td>
</td>
<td>
^
</td>
<td>
_
</td>
<td>
`
</td>
<td>
a
</td>
<td>
b
</td>
<td>
c
</td>
<td>
d
</td>
<td>
e
</td>
<td>
f
</td>
<td>
h
</td>
<td>
i
</td>
<td>
j
</td>
<td>
k
</td>
<td>
l
</td>
<td>
m
</td>
<td>
n
</td>
<td>
o
</td>
<td>
p
</td>
<td>
r
</td>
<td>
s
</td>
<td>
t
</td>
<td>
u
</td>
<td>
v
</td>
<td>
w
</td>
<td>
x
</td>
<td>
y
</td>
<td>
z
</td>
<td>
|
</td>
<td>
}
</td>
<td>
~
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>