Abit/_posts/2014-06-10-carte-noire-in-a...

2.5 KiB

layout title date summary categories thumbnail tags
post Carte Noire in Action 2014-06-10 12:31:19 See what the different elements looks like. jekyll cogs
demo
action
carte
noire

Note - This article is a derivative of "See pixyll in action", taken from the lovely jekyll theme pixyll.

All links are easy to locate and discern, yet don't detract from the harmony of a paragraph. The same goes for italics and bold elements. Even the the strikeout works if for some reason you need to update your post. For consistency's sake, The same goes for insertions, of course.

Code, with syntax highlighting

Code blocks use the peppermint theme.

{% highlight ruby %} class Awesome < ActiveRecord::Base include EvenMoreAwesome

validates_presence_of :something validates :email, email_format: true

def initialize(email, name = nil) self.email = email self.name = name end end {% endhighlight %}

<!DOCTYPE html>
<title>Title</title>

<style>body {width: 500px;}</style>

<script type="application/javascript">
  function $init() {return true;}
</script>

<body>
  <p checked class="title" id='title'>Title</p>
  <!-- here goes the rest of the page -->
</body>

Headings!

They're responsive, and well-proportioned (in padding, line-height, margin, and font-size).

They draw the perfect amount of attention

This allows your content to have the proper informational and contextual hierarchy. Yay.

There are lists, too

  • Apples
  • Oranges
  • Potatoes
  • Milk
  1. Mow the lawn
  2. Feed the dog
  3. Dance

Images look great, too

Thumper

Stylish blockquotes included

You can use the markdown quote syntax, > for simple quotes.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse quis porta mauris.

LaTeX support

The default math delimiters are $$. Hence $$ E = m \cdot c^2 $$ yields E = m \cdot c^2

And here's something more fancy:

 \zeta(s) = \frac{1}{\Gamma(s)} \int \limits_0^\infty x^{s-1} \sum_{n=1}^\infty e^{-nx} \mathrm{d}x = \frac{1}{\Gamma(s)} \int \limits_0^\infty \frac{x^{s-1}}{e^x - 1} \mathrm{d}x 

There's more being added all the time

Checkout the Github repository to request, or add, features.

Happy writing.