Carte Noire in Action
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.
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<!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
- Mow the lawn
- Feed the dog
- Dance
Images look great, too
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.
Let me know what you think of this article on twitter @tehnoblequran or leave a comment below!