A well-crafted page

_pages/about.md

@@ -1,5 +1,5 @@
 ---
-permalink: "/about.html"
+permalink: "about.html"
 title: "About"
 layout: page
 show: true
@@ -12,16 +12,19 @@ All links are easy to
 yet don't detract from the
 [harmony of a paragraph]({{ site.baseurl | uri_escape }}).
 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
 
 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
 
     validates_presence_of :something
@@ -37,44 +40,45 @@ Here's an example of some ruby code with line anchors.
     def email_format
         email =~ /\S+@\S+\.\S+/
     end
-    end
+end
-{% endhighlight %}
+```
 
 Here's some CSS:
 
-{% highlight css %}
+```css
-    .foobar {
+.foobar {
     /* Named colors rule */
     color: tomato;
-    }
+}
-{% endhighlight %}
+```
 
 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)) {
         doOtherStuff(things)
     }
-    }
+}
-{% endhighlight %}
+```
 
 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>
-    </div>
+</div>
-{% endhighlight %}
+```
 
 # Headings!
 
 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.
 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
 
 Checkout the
-[Github repository](https://github.com/johnotander/pixyll)
+[Github repository](https://github.com/valentineus/valentineus.github.io)
 to request, or add, features.
 
 Happy writing.