Brandon Mathis
14 years ago
7 changed files with 0 additions and 627 deletions
@ -1,19 +0,0 @@ |
|||
--- |
|||
layout: default |
|||
--- |
|||
<div id="content"> |
|||
<div class="post"> |
|||
<h1 class="post-title">{{ page.month | date_to_month }} {{ page.year }}</h1> |
|||
<p class="lead">Posts from {{ page.month | date_to_month }}, {{ page.year }}</p> |
|||
<ul> |
|||
{% for d in (1..31) reversed %} |
|||
{% if page.collated_posts[page.year][page.month][d] %} |
|||
{% for p in page.collated_posts[page.year][page.month][d] reversed %} |
|||
<li><a href='{{ p.url }}'>{{ p.title }}</a></li> |
|||
{% endfor %} |
|||
{% endif %} |
|||
{% endfor %} |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
|
|||
@ -1,25 +0,0 @@ |
|||
--- |
|||
layout: default |
|||
--- |
|||
<div id="content"> |
|||
<div class="post"> |
|||
<h1 class="post-title">{{ page.year }}</h1> |
|||
<p class="lead">Posts from the year {{ page.year }}</p> |
|||
{% for m in (1..12) reversed %} |
|||
{% if page.collated_posts[page.year][m] %} |
|||
<h3>{{ m | date_to_month }}</h3> |
|||
{% for d in (1..31) reversed %} |
|||
{% if page.collated_posts[page.year][m][d] %} |
|||
{% for p in page.collated_posts[page.year][m][d] reversed %} |
|||
<div> |
|||
<strong>{{ p.date | date: "%d" }}</strong> |
|||
<a href='{{ p.url }}'>{{ p.title }}</a> |
|||
</div> |
|||
{% endfor %} |
|||
{% endif %} |
|||
{% endfor %} |
|||
{% endif %} |
|||
{% endfor %} |
|||
</div> |
|||
</div> |
|||
|
|||
@ -1,16 +0,0 @@ |
|||
--- |
|||
title: Hello World! I'm Octopress! |
|||
layout: post |
|||
updated: March 10th, 2010 |
|||
--- |
|||
|
|||
**Octopress is a blogging framework designed for hackers**, based on [Jekyll](http://github.com/mojombo/jekyll) the blog aware static site generator powering [Github pages](http://pages.github.com/). |
|||
If you don't know what Jekyll is, [Jack Moffitt](http://metajack.im/2009/01/23/blogging-with-git-emacs-and-jekyll/) wrote a good summary: |
|||
|
|||
{% blockquote Jack Moffitt http://metajack.im/2009/01/23/blogging-with-git-emacs-and-jekyll/ Blogging with Git Emacs and Jekyll %} |
|||
Jekyll is a static blog generator; it transforms a directory of input files into another directory of files suitable for a blog. The management of the blog is handled by standard, familiar tools like creating and renaming files, the text editor of your choice, and version control. |
|||
{% endblockquote %} |
|||
|
|||
There's no database to set up, and you get to use tools like Emacs, Vim, or TextMate to write your posts, not some lame in-browser text editor. Just write, generate, deploy, using the same tools and patterns you already use for your daily work. |
|||
|
|||
[Read the wiki to learn more](http://wiki.github.com/imathis/octopress/) |
|||
@ -1,6 +0,0 @@ |
|||
--- |
|||
title: Test Post |
|||
layout: post |
|||
--- |
|||
|
|||
This is a test! |
|||
@ -1,50 +0,0 @@ |
|||
--- |
|||
title: "Test of Typography" |
|||
date: 2011-04-07 19:17 |
|||
layout: post |
|||
--- |
|||
|
|||
In the past I've always designed my own business cards, printed them on expensive card stock, and hand-cut them with an X-Acto knife. My cards were way nicer than those my clients had gotten *professionally* printed with bubbly ink, no-bleed designs, and cheap paper. Though I put tremendous care into my cards, I never was happy with the design. |
|||
|
|||
## Why Have Business Cards? |
|||
I'm rarely asked for my business card except when I attend conferences, of which I attend one or two each year. As a freelance contractor, I leave work by walking twenty-five feet from my office to the couch. Many of the |
|||
people I work for I've never met in-person. |
|||
|
|||
When someone gives me their business card, I read it, pocket it, and eventually throw it out — sometimes before I remember to copy the information to my address book (sorry, just being honest). The reality is, with the ubiquity of the internet and with frictionless social networks like Twitter, I can connect with people immediately. So why have business cards? |
|||
|
|||
<!-- more --> |
|||
|
|||
### Inspiration Demands Action |
|||
In one of our campfire chats [Nathaniel Talbott](http://twitter.com/NTalbott) showed off his business cards which he printed through [Moo](http://moo.com). They were half the size of regular business cards featuring the company logo on the front, and the url on the back. The unique size of the card intrigued me, and days later I couldn't stop thinking about designing a set of mini-cards for myself. |
|||
|
|||
<img src="/content/blog/2010/cards/box.jpg" alt="cards in a box" width="300px" class="right"/> Moo's [MiniCard's](http://moo.com/products/minicards.php) are very unique. You can print 100 cards, each with a totally different back. With a typical printing service this would be prohibitively expensive, but with Moo the rules are different. This freedom encourages us to go beyond nicely styled contact information and branding. Some clever uses involve offering unique invite codes for a web application, or sharing a photography portfolio with Moo's Flickr import feature. |
|||
|
|||
I realized that I could print several design iterations and decide later which worked best. Without the pressure to choose a single design, I felt the freedom to create. |
|||
|
|||
### The Freedom to Fail |
|||
<img src="/content/blog/2010/cards/concepts.jpg" alt="card concepts" width="270px" class="left"/> I could be cheeky and print up half of my cards with my logo on one side and only my Twitter name on the other. For less than $20 for 100 cards, I wasn't even concerned about possibly screwing up a whole batch. So that's what I did. I designed cards that were good enough and I printed them. If the cards did't turn out how I wanted them to, I could improve and print again. |
|||
|
|||
<img src="/content/blog/2010/cards/handout.jpg" alt="handout cards" width="220px" class="right"/> The process was fun and simple, and as soon as I finished, I wanted to do it again. When my cards arrived, I was absolutely delighted by the print quality and the care put into their presentation. Smartly Moo even included some beautiful promotional cards to hand out when people inevitably ask about mine. |
|||
|
|||
### A Second Iteration |
|||
After holding the finished product, I began to see how my design could be improved. I learned that Gill Sans is harder to read at a small size in a high contrast print, so I switched to Futura. I showed my cards to some far-sighted friends and adjusted my font size accordingly. I discarded a background gradient (which I should have known wouldn't translate well to print) in favor of a solid color. **Sidenote:** On screen, gradients emulate the subtleties of a natural light source, but on a real object it doesn't make sense and generally looks bad. |
|||
|
|||
I changed my approach choosing a single design with multiple color variations. In the promotional cards Moo sent me, I learned that they do a fantastic job with bright colors and I wanted to use that boldness in my design. I was inspired by what [Seth Godin said](http://sethgodin.typepad.com/seths_blog/2009/07/welcome-to-island-marketing.html): |
|||
|
|||
> Every interaction is both precious and an opportunity to delight. |
|||
|
|||
<img src="/content/blog/2010/cards/holder.jpg" alt="MiniCard Holder" width="220px" class="right"/> I pictured sliding a card out of my [MiniCard Holder](http://moo.com/products/accessories/holders/moo_minicard_holders) and revealing another brightly-colored card beneath. As I hand someone a card they'll see the flash of color and realize that their card was special, and different from my other cards. That's what I want my clients and future clients to feel. |
|||
|
|||
### The Final Design |
|||
|
|||
<img src="/content/blog/2010/cards/all.jpg" alt="all card designs" width="640px"/> |
|||
|
|||
The MiniCard's unique constraints inspired me with a fresh challenge and their pricing model encouraged me to experiment. Instead of treating business cards like a necessary design task, I saw them as a opportunity to release quickly, fail cheaply, and improve. Now when I give someone a business card, it's something valuable to me, and I hope they're delighted. |
|||
|
|||
**Update:** I thought I'd share some other great uses of Moo's MiniCards. There's a fantastic [Flikr pool](http://www.flickr.com/groups/moo/pool/), but here are some of my favorites. Enjoy: |
|||
|
|||
- [Product](http://www.flickr.com/photos/lushlampwork/4131018201/in/pool-moo) [tags](http://www.flickr.com/photos/lushlampwork/4297224179/in/pool-moo) |
|||
- [Photography](http://www.flickr.com/photos/thisiswoly/4206576342/in/pool-moo) or [art](http://www.flickr.com/photos/lesleybarnes/4276368956/in/pool-moo) [portfolios](http://www.flickr.com/photos/playinprogress/4158223112/in/pool-moo) |
|||
- [Gift](http://www.flickr.com/photos/polkadotcreations/4167249758/in/pool-moo) [tags](http://www.flickr.com/photos/22338102@N04/4278114745/in/pool-moo) |
|||
- [An advent calendar](http://www.flickr.com/photos/bcome/4177034036/in/pool-moo) |
|||
|
|||
@ -1,397 +0,0 @@ |
|||
--- |
|||
layout: default |
|||
layout: page |
|||
nometa: true |
|||
title: Syntax Highlighting Debug |
|||
--- |
|||
|
|||
<h3 class="filename">gist_syntax_test.rb</h3> |
|||
{% gist 996818 test.rb %} |
|||
|
|||
<h3 class="filename">syntax_test.diff</h3> |
|||
{% highlight diff %} |
|||
@@ -590,7 +590,7 @@ class SpritesTest < Test::Unit::TestCase |
|||
it "should generate a sprite from nested folders" do |
|||
css = render <<-SCSS |
|||
- @import "nested/*.png"; |
|||
+ @import "nested/**/*.png"; |
|||
@include all-nested-sprites; |
|||
SCSS |
|||
assert_correct css, <<-CSS |
|||
|
|||
{% endhighlight %} |
|||
|
|||
<h3 class="filename">syntax_test.html</h3> |
|||
{% highlight html %} |
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> |
|||
<html><head> |
|||
<title>A Tiny Page</title> |
|||
<style type="text/css"> |
|||
<!-- |
|||
p { font-size:15pt; color:#000 } |
|||
--> |
|||
</style></head><!-- real comment --> |
|||
<body bgcolor="#FFFFFF" text="#000000" link="#0000CC"> |
|||
<script language="javascript" type="text/javascript"> |
|||
function changeHeight(h) { |
|||
var tds = document.getElementsByTagName("td"); |
|||
for(var i = 0; i < tds.length; i++) { |
|||
tds[i].setAttribute("height", h + "px"); |
|||
}} |
|||
</script> |
|||
<h1>abc</h1> |
|||
<h2>def</h2> |
|||
<p>Testing page</p> |
|||
</body></html> |
|||
{% endhighlight %} |
|||
|
|||
<h3 class="filename">syntax_test.js</h3> |
|||
{% highlight js %} |
|||
|
|||
/** |
|||
sample javascript from xui |
|||
*/ |
|||
|
|||
var undefined, |
|||
xui, |
|||
window = this, |
|||
string = new String('string'), |
|||
document = window.document, |
|||
simpleExpr = /^#?([\w-]+)$/, |
|||
idExpr = /^#/, |
|||
tagExpr = /<([\w:]+)/, |
|||
slice = function (e) { return [].slice.call(e, 0); }; |
|||
try { var a = slice(document.documentElement.childNodes)[0].nodeType; } |
|||
catch(e){ slice = function (e) { var ret=[]; for (var i=0; e[i]; i++) |
|||
ret.push(e[i]); return ret; }; } |
|||
|
|||
window.x$ = window.xui = xui = function(q, context) { |
|||
return new xui.fn.find(q, context); |
|||
}; |
|||
|
|||
|
|||
{% endhighlight %} |
|||
|
|||
<h3 class="filename">syntax_test.rb</h3> |
|||
{% highlight ruby %} |
|||
|
|||
include Enumerable |
|||
|
|||
def initialize(rbconfig) |
|||
@rbconfig = rbconfig |
|||
@no_harm = false |
|||
end |
|||
|
|||
def load_savefile |
|||
begin |
|||
File.foreach(savefile()) do |line| |
|||
k, v = *line.split(/=/, 2) |
|||
self[k] = v.strip |
|||
end |
|||
rescue Errno::ENOENT |
|||
setup_rb_error $!.message + "\n#{File.basename($0)} config first" |
|||
end |
|||
end |
|||
|
|||
if c['rubylibdir'] |
|||
# V > 1.6.3 |
|||
libruby = "#{c['prefix']}/lib/ruby" |
|||
siterubyverarch = c['sitearchdir'] |
|||
end |
|||
parameterize = lambda {|path| |
|||
path.sub(/\A#{Regexp.quote(c['prefix'])}/, '$prefix') |
|||
} |
|||
|
|||
if arg = c['configure_args'].split.detect {|arg| /--with-make-prog=/ =~ arg } |
|||
makeprog = arg.sub(/'/, '').split(/=/, 2)[1] |
|||
else |
|||
makeprog = 'make' |
|||
end |
|||
|
|||
def setup_rb_error(msg) |
|||
raise SetupError, msg |
|||
end |
|||
|
|||
if $0 == __FILE__ |
|||
begin |
|||
ToplevelInstaller.invoke |
|||
rescue SetupError |
|||
raise if $DEBUG |
|||
$stderr.puts $!.message |
|||
$stderr.puts "Try 'ruby #{$0} --help' for detailed usage." |
|||
exit 1 |
|||
end |
|||
end |
|||
{% endhighlight %} |
|||
|
|||
<h3 class="filename">syntax_test.php</h3> |
|||
{% highlight php %} |
|||
<?php |
|||
require_once($GLOBALS['g_campsiteDir']. "/$ADMIN_DIR/country/common.php"); |
|||
require_once($GLOBALS['g_campsiteDir']. "/classes/SimplePager.php"); |
|||
camp_load_translation_strings("api"); |
|||
|
|||
$f_country_language_selected = camp_session_get('f_language_selected', ''); |
|||
$f_country_offset = camp_session_get('f_country_offset', 0); |
|||
if (empty($f_country_language_selected)) { |
|||
$f_country_language_selected = null; |
|||
} |
|||
$ItemsPerPage = 20; |
|||
$languages = Language::GetLanguages(null, null, null, array(), array(), true); |
|||
$numCountries = Country::GetNumCountries($f_country_language_selected); |
|||
|
|||
$pager = new SimplePager($numCountries, $ItemsPerPage, "index.php?"); |
|||
|
|||
$crumbs = array(); |
|||
$crumbs[] = array(getGS("Configure"), ""); |
|||
$crumbs[] = array(getGS("Countries"), ""); |
|||
echo camp_html_breadcrumbs($crumbs); |
|||
|
|||
?> |
|||
|
|||
<?php if ($g_user->hasPermission("ManageCountries")) { ?> |
|||
<table BORDER="0" CELLSPACING="0" CELLPADDING="1"> |
|||
<tr> |
|||
<td><a href="add.php"><?php putGS("Add new"); ?></a></td> |
|||
</tr> |
|||
</table> |
|||
{% endhighlight %} |
|||
|
|||
|
|||
<h3 class="filename">syntax_test.hs</h3> |
|||
{% highlight hs %} |
|||
{-# LANGUAGE OverloadedStrings #-} |
|||
module Main where |
|||
|
|||
--import Prelude hiding (id) |
|||
--import Control.Category (id) |
|||
import Control.Arrow ((>>>), (***), arr) |
|||
import Control.Monad (forM_) |
|||
-- import Data.Monoid (mempty, mconcat) |
|||
|
|||
-- import System.FilePath |
|||
|
|||
import Hakyll |
|||
|
|||
|
|||
main :: IO () |
|||
main = hakyll $ do |
|||
|
|||
route "css/*" $ setExtension "css" |
|||
compile "css/*" $ byExtension (error "Not a (S)CSS file") |
|||
[ (".css", compressCssCompiler) |
|||
, (".scss", sass) |
|||
] |
|||
|
|||
route "js/**" idRoute |
|||
compile "js/**" copyFileCompiler |
|||
|
|||
route "img/*" idRoute |
|||
compile "img/*" copyFileCompiler |
|||
|
|||
compile "templates/*" templateCompiler |
|||
|
|||
forM_ ["test.md", "index.md"] $ \page -> do |
|||
route page $ setExtension "html" |
|||
compile page $ pageCompiler |
|||
>>> applyTemplateCompiler "templates/default.html" |
|||
>>> relativizeUrlsCompiler |
|||
|
|||
sass :: Compiler Resource String |
|||
sass = getResourceString >>> unixFilter "sass" ["-s", "--scss"] |
|||
>>> arr compressCss |
|||
|
|||
{% endhighlight %} |
|||
|
|||
<h3 class="filename">syntax_test.sh</h3> |
|||
{% highlight sh %} |
|||
#!/bin/bash |
|||
|
|||
cd $ROOT_DIR |
|||
DOT_FILES="lastpass weechat ssh Xauthority" |
|||
for dotfile in $DOT_FILES; do conform_link "$DATA_DIR/$dotfile" ".$dotfile"; done |
|||
|
|||
# TODO: refactor with suffix variables (or common cron values) |
|||
|
|||
case "$PLATFORM" in |
|||
linux) |
|||
#conform_link "$CONF_DIR/shell/zshenv" ".zshenv" |
|||
crontab -l > $ROOT_DIR/tmp/crontab-conflict-arch |
|||
cd $ROOT_DIR/$CONF_DIR/cron |
|||
if [[ "$(diff ~/tmp/crontab-conflict-arch crontab-current-arch)" == "" |
|||
]]; |
|||
then # no difference with current backup |
|||
logger "$LOG_PREFIX: crontab live settings match stored "\ |
|||
"settings; no restore required" |
|||
rm ~/tmp/crontab-conflict-arch |
|||
else # current crontab settings in file do not match live settings |
|||
crontab $ROOT_DIR/$CONF_DIR/cron/crontab-current-arch |
|||
logger "$LOG_PREFIX: crontab stored settings conflict with "\ |
|||
"live settings; stored settings restored. "\ |
|||
"Previous settings recorded in ~/tmp/crontab-conflict-arch." |
|||
fi |
|||
;; |
|||
|
|||
{% endhighlight %} |
|||
|
|||
<h3 class="filename">syntax_test.py</h3> |
|||
{% highlight py %} |
|||
# test python (sample from offlineimap) |
|||
|
|||
class ExitNotifyThread(Thread): |
|||
"""This class is designed to alert a "monitor" to the fact that a thread has |
|||
exited and to provide for the ability for it to find out why.""" |
|||
def run(self): |
|||
global exitthreads, profiledir |
|||
self.threadid = thread.get_ident() |
|||
try: |
|||
if not profiledir: # normal case |
|||
Thread.run(self) |
|||
else: |
|||
try: |
|||
import cProfile as profile |
|||
except ImportError: |
|||
import profile |
|||
prof = profile.Profile() |
|||
try: |
|||
prof = prof.runctx("Thread.run(self)", globals(), locals()) |
|||
except SystemExit: |
|||
pass |
|||
prof.dump_stats( \ |
|||
profiledir + "/" + str(self.threadid) + "_" + \ |
|||
self.getName() + ".prof") |
|||
except: |
|||
self.setExitCause('EXCEPTION') |
|||
if sys: |
|||
self.setExitException(sys.exc_info()[1]) |
|||
tb = traceback.format_exc() |
|||
self.setExitStackTrace(tb) |
|||
else: |
|||
self.setExitCause('NORMAL') |
|||
if not hasattr(self, 'exitmessage'): |
|||
self.setExitMessage(None) |
|||
|
|||
if exitthreads: |
|||
exitthreads.put(self, True) |
|||
|
|||
def setExitCause(self, cause): |
|||
self.exitcause = cause |
|||
def getExitCause(self): |
|||
"""Returns the cause of the exit, one of: |
|||
'EXCEPTION' -- the thread aborted because of an exception |
|||
'NORMAL' -- normal termination.""" |
|||
return self.exitcause |
|||
def setExitException(self, exc): |
|||
self.exitexception = exc |
|||
def getExitException(self): |
|||
"""If getExitCause() is 'EXCEPTION', holds the value from |
|||
sys.exc_info()[1] for this exception.""" |
|||
return self.exitexception |
|||
def setExitStackTrace(self, st): |
|||
self.exitstacktrace = st |
|||
def getExitStackTrace(self): |
|||
"""If getExitCause() is 'EXCEPTION', returns a string representing |
|||
the stack trace for this exception.""" |
|||
return self.exitstacktrace |
|||
def setExitMessage(self, msg): |
|||
"""Sets the exit message to be fetched by a subsequent call to |
|||
getExitMessage. This message may be any object or type except |
|||
None.""" |
|||
self.exitmessage = msg |
|||
def getExitMessage(self): |
|||
"""For any exit cause, returns the message previously set by |
|||
a call to setExitMessage(), or None if there was no such message |
|||
set.""" |
|||
return self.exitmessage |
|||
|
|||
{% endhighlight %} |
|||
|
|||
<h3 class="filename">syntax_test.pl</h3> |
|||
{% highlight perl %} |
|||
#!perl -w |
|||
|
|||
# Time-stamp: <2002/04/06, 13:12:13 (EST), maverick, csvformat.pl> |
|||
# Two pass CSV file to table formatter |
|||
|
|||
$delim = $#ARGV >= 1 ? $ARGV[1] : ','; |
|||
print STDERR "Split pattern: $delim\n"; |
|||
|
|||
# first pass |
|||
open F, "<$ARGV[0]" or die; |
|||
while(<F>) |
|||
{ |
|||
chomp; |
|||
$i = 0; |
|||
map { $max[$_->[1]] = $_->[0] if $_->[0] > ($max[$_->[1]] || 0) } |
|||
(map {[length $_, $i++]} split($delim)); |
|||
} |
|||
close F; |
|||
|
|||
print STDERR 'Field width: ', join(', ', @max), "\n"; |
|||
print STDERR join(' ', map {'-' x $_} @max); |
|||
|
|||
# second pass |
|||
open F, "<$ARGV[0]" or die; |
|||
while(<F>) |
|||
{ |
|||
chomp; |
|||
$i = 0; |
|||
map { printf("%-$max[$_->[1]]s ", $_->[0]) } |
|||
(map {[$_, $i++]} split($delim)); |
|||
print "\n"; |
|||
} |
|||
close F; |
|||
|
|||
{% endhighlight %} |
|||
|
|||
<h3 class="filename">syntax_test.java</h3> |
|||
{% highlight java %} |
|||
import java.util.Map; |
|||
import java.util.TreeSet; |
|||
|
|||
public class GetEnv { |
|||
/** |
|||
* let's test generics |
|||
* @param args the command line arguments |
|||
*/ |
|||
public static void main(String[] args) { |
|||
// get a map of environment variables |
|||
Map<String, String> env = System.getenv(); |
|||
// build a sorted set out of the keys and iterate |
|||
for(String k: new TreeSet<String>(env.keySet())) { |
|||
System.out.printf("%s = %s\n", k, env.get(k)); |
|||
} |
|||
} } |
|||
{% endhighlight %} |
|||
|
|||
<h3 class="filename">syntax_test.c</h3> |
|||
{% highlight c %} |
|||
#define UNICODE |
|||
#include <windows.h> |
|||
|
|||
int main(int argc, char **argv) { |
|||
int speed = 0, speed1 = 0, speed2 = 0; // 1-20 |
|||
printf("Set Mouse Speed by Maverick\n"); |
|||
|
|||
SystemParametersInfo(SPI_GETMOUSESPEED, 0, &speed, 0); |
|||
printf("Current speed: %2d\n", speed); |
|||
|
|||
if (argc == 1) return 0; |
|||
if (argc >= 2) sscanf(argv[1], "%d", &speed1); |
|||
if (argc >= 3) sscanf(argv[2], "%d", &speed2); |
|||
|
|||
if (argc == 2) // set speed to first value |
|||
speed = speed1; |
|||
else if (speed == speed1 || speed == speed2) // alternate |
|||
speed = speed1 + speed2 - speed; |
|||
else |
|||
speed = speed1; // start with first value |
|||
|
|||
SystemParametersInfo(SPI_SETMOUSESPEED, 0, speed, 0); |
|||
SystemParametersInfo(SPI_GETMOUSESPEED, 0, &speed, 0); |
|||
printf("New speed: %2d\n", speed); |
|||
return 0; |
|||
} |
|||
|
|||
{% endhighlight %} |
|||
|
|||
@ -1,114 +0,0 @@ |
|||
--- |
|||
layout: page |
|||
title: Typography Testing |
|||
sidebar: none |
|||
--- |
|||
|
|||
%h1 Level 01 Heading |
|||
%h2 Level 02 Heading |
|||
%h3 Level 03 Heading |
|||
%h4 Level 04 Heading |
|||
%h5 Level 05 Heading |
|||
%h6 Level 06 Heading |
|||
|
|||
|
|||
%p |
|||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce sodales ligula sed urna. Aliquam posuere arcu |
|||
viverra erat. Pellentesque et enim dapibus ante facilisis bibendum. Nam congue dapibus urna. Vestibulum consequat |
|||
arcu at magna. Nunc faucibus mollis lacus. Nulla tempor luctus tellus. Donec blandit lobortis pede. Vestibulum |
|||
vel pede ut urna eleifend lacinia. |
|||
|
|||
%h2 Level 02 Heading |
|||
|
|||
%p |
|||
Maecenas ligula nibh, imperdiet at, interdum eget, sagittis eu, enim. Vivamus vel urna. Donec fringilla |
|||
ullamcorper sem. In risus arcu, pellentesque cursus, faucibus cursus, consequat quis, est. Aliquam id erat. |
|||
Aliquam arcu. Phasellus vulputate. Integer sem diam, mattis vel, viverra ullamcorper, ultricies quis, nisl. Sed |
|||
sollicitudin quam ut nisi. Vivamus velit sapien, volutpat eu, faucibus id, nonummy id, urna. |
|||
|
|||
%h3 Level 03 Heading |
|||
|
|||
%p |
|||
Take it<sub>2</sub> to the power of<sup>3</sup> |
|||
Praesent iaculis pellentesque est. Nulla facilisi. Etiam fringilla vehicula orci. Aliquam fermentum ipsum id |
|||
nulla. Aliquam interdum laoreet leo. Cras accumsan. Nam pharetra diam id nunc. Integer blandit tellus vulputate |
|||
felis. Cras aliquam, eros in euismod aliquam, enim nisl mollis metus, quis fringilla ipsum diam ut pede. Mauris a |
|||
libero ac velit interdum pulvinar. Nunc ipsum mauris, semper rhoncus, feugiat ut, egestas id, diam. Nullam |
|||
porttitor condimentum risus. Vivamus nec enim eget nisi commodo euismod. Ut turpis. Nullam malesuada rutrum |
|||
neque. Nam sodales porta elit. Mauris mollis nisl vel augue. |
|||
|
|||
%p |
|||
And we were like <q>Woah</q>, and he was like <q>Woah</q>, and they were like <q>WOAH!</q> <code><\reference></code> |
|||
|
|||
%p |
|||
%abbr(title="For The Win!") FTW! |
|||
%p |
|||
|
|||
%h3 Unordered lists |
|||
%ul |
|||
%li Lorem ipsum dolor sit amet |
|||
%li Consectetur adipisicing elit |
|||
%li Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua |
|||
%li Ut enim ad minim veniam |
|||
|
|||
%h3 Ordered lists |
|||
%ol |
|||
%li Consectetur adipisicing elit |
|||
%li Sed do eiusmod tempor incididunt ut labore |
|||
%li Et dolore magna aliqua |
|||
|
|||
%h3 Blockquotes |
|||
%blockquote |
|||
%p |
|||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore |
|||
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo |
|||
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. |
|||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. |
|||
|
|||
%h3 Tables |
|||
%table |
|||
%caption |
|||
Jimi Hendrix - albums |
|||
%thead |
|||
%tr |
|||
%th Album |
|||
%th Year |
|||
%th Price |
|||
%tfoot |
|||
%tr |
|||
%td Album |
|||
%td Year |
|||
%td Price |
|||
%tbody |
|||
%tr |
|||
%td Are You Experienced |
|||
%td 1967 |
|||
%td $10.00 |
|||
%tr |
|||
%td Axis: Bold as Love |
|||
%td 1967 |
|||
%td $12.00 |
|||
%tr |
|||
%td Electric Ladyland |
|||
%td 1968 |
|||
%td $10.00 |
|||
%tr |
|||
%td Band of Gypsys |
|||
%td 1970 |
|||
%td $12.00 |
|||
%p |
|||
%a(href="#")Link |
|||
%br/ |
|||
%strong <strong> |
|||
%br/ |
|||
%del <del> deleted |
|||
%br/ |
|||
%dfn <dfn> dfn |
|||
%br/ |
|||
%em <em> emphasis |
|||
%br/ |
|||
|
|||
%tt |
|||
<tt> |
|||
Pellentesque tempor, dui ut ultrices viverra, neque urna blandit nisi, id accumsan dolor est vitae risus. |
|||
%hr |
|||
Loading…
Reference in new issue