From ab822afabe7464a4aeeae77271b8c870752a667a Mon Sep 17 00:00:00 2001 From: Valentin Popov Date: Wed, 11 Apr 2018 14:29:33 +0000 Subject: [PATCH] A well-crafted page --- _pages/about.md | 86 ++++++++++++++++++++++++++----------------------- 1 file changed, 45 insertions(+), 41 deletions(-) diff --git a/_pages/about.md b/_pages/about.md index b1ad1a0..760c5f9 100644 --- a/_pages/about.md +++ b/_pages/about.md @@ -1,5 +1,5 @@ --- -permalink: "/about.html" +permalink: "about.html" title: "About" layout: page show: true @@ -12,69 +12,73 @@ 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 for some reason you need to update your post. -For consistency's sake, The same goes for insertions, of course. +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 Here's an example of some ruby code with line anchors. -{% highlight ruby lineanchors %} - # The most awesome of classes - class Awesome < ActiveRecord::Base - include EvenMoreAwesome +```ruby +# The most awesome of classes +class Awesome < ActiveRecord::Base + include EvenMoreAwesome - validates_presence_of :something - validates :email, email_format: true + validates_presence_of :something + validates :email, email_format: true - def initialize(email, name = nil) - self.email = email - self.name = name - self.favorite_number = 12 - puts 'created awesomeness' - end - - def email_format - email =~ /\S+@\S+\.\S+/ - end + def initialize(email, name = nil) + self.email = email + self.name = name + self.favorite_number = 12 + puts 'created awesomeness' end -{% endhighlight %} + + def email_format + email =~ /\S+@\S+\.\S+/ + end +end +``` Here's some CSS: -{% highlight css %} - .foobar { - /* Named colors rule */ - color: tomato; - } -{% endhighlight %} +```css +.foobar { + /* Named colors rule */ + color: tomato; +} +``` Here's some JavaScript: -{% highlight js %} - var isPresent = require('is-present') +```js +var isPresent = require('is-present') - module.exports = function doStuff(things) { - if (isPresent(things)) { - doOtherStuff(things) - } +module.exports = function doStuff(things) { + if (isPresent(things)) { + doOtherStuff(things) } -{% endhighlight %} +} +``` Here's some HTML: -{% highlight html %} -
-

Hello, world!

-
-{% endhighlight %} +```html +
+

Hello, world!

+
+``` # 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.