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"
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>.
For consistency's sake, <ins>The same goes for insertions</ins>, of course.
Even the the strikeout works if
<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 %}
# The most awesome of classes
class Awesome < ActiveRecord::Base
```ruby
# The most awesome of classes
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
{% endhighlight %}
end
```
Here's some CSS:
{% highlight css %}
.foobar {
```css
.foobar {
/* Named colors rule */
color: tomato;
}
{% endhighlight %}
}
```
Here's some JavaScript:
{% highlight js %}
var isPresent = require('is-present')
```js
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 %}
<div class="m0 p0 bg-blue white">
```html
<div class="m0 p0 bg-blue white">
<h3 class="h1">Hello, world!</h3>
</div>
{% endhighlight %}
</div>
```
# 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.