A well-crafted page

This commit is contained in:
Valentin Popov 2018-04-11 14:29:33 +00:00
parent 382200559d
commit ab822afabe

View File

@ -1,5 +1,5 @@
--- ---
permalink: "/about.html" permalink: "about.html"
title: "About" title: "About"
layout: page layout: page
show: true show: true
@ -12,16 +12,19 @@ All links are easy to
yet don't detract from the yet don't detract from the
[harmony of a paragraph]({{ site.baseurl | uri_escape }}). [harmony of a paragraph]({{ site.baseurl | uri_escape }}).
The _same_ goes for italics and __bold__ elements. The _same_ goes for italics and __bold__ elements.
Even the the strikeout works if <del>for some reason you need to update your post</del>. Even the the strikeout works if
For consistency's sake, <ins>The same goes for insertions</ins>, of course. <del>for some reason you need to update your post</del>.
For consistency's sake,
<ins>The same goes for insertions</ins>,
of course.
### Code, with syntax highlighting ### Code, with syntax highlighting
Here's an example of some ruby code with line anchors. Here's an example of some ruby code with line anchors.
{% highlight ruby lineanchors %} ```ruby
# The most awesome of classes # The most awesome of classes
class Awesome < ActiveRecord::Base class Awesome < ActiveRecord::Base
include EvenMoreAwesome include EvenMoreAwesome
validates_presence_of :something validates_presence_of :something
@ -37,44 +40,45 @@ Here's an example of some ruby code with line anchors.
def email_format def email_format
email =~ /\S+@\S+\.\S+/ email =~ /\S+@\S+\.\S+/
end end
end end
{% endhighlight %} ```
Here's some CSS: Here's some CSS:
{% highlight css %} ```css
.foobar { .foobar {
/* Named colors rule */ /* Named colors rule */
color: tomato; color: tomato;
} }
{% endhighlight %} ```
Here's some JavaScript: Here's some JavaScript:
{% highlight js %} ```js
var isPresent = require('is-present') var isPresent = require('is-present')
module.exports = function doStuff(things) { module.exports = function doStuff(things) {
if (isPresent(things)) { if (isPresent(things)) {
doOtherStuff(things) doOtherStuff(things)
} }
} }
{% endhighlight %} ```
Here's some HTML: Here's some HTML:
{% highlight html %} ```html
<div class="m0 p0 bg-blue white"> <div class="m0 p0 bg-blue white">
<h3 class="h1">Hello, world!</h3> <h3 class="h1">Hello, world!</h3>
</div> </div>
{% endhighlight %} ```
# Headings! # Headings!
They're responsive, and well-proportioned (in `padding`, `line-height`, `margin`, and `font-size`). They're responsive, and well-proportioned (in `padding`, `line-height`, `margin`, and `font-size`).
They also heavily rely on the awesome utility, [BASSCSS](http://www.basscss.com/). They also heavily rely on the awesome utility,
[BASSCSS](http://www.basscss.com/).
##### They draw the perfect amount of attention #### They draw the perfect amount of attention
This allows your content to have the proper informational and contextual hierarchy. This allows your content to have the proper informational and contextual hierarchy.
Yay. Yay.
@ -132,7 +136,7 @@ I will be working on a way to hopefully sidestep this inconvenience.
### There's more being added all the time ### There's more being added all the time
Checkout the Checkout the
[Github repository](https://github.com/johnotander/pixyll) [Github repository](https://github.com/valentineus/valentineus.github.io)
to request, or add, features. to request, or add, features.
Happy writing. Happy writing.