valentineus/popov.link
valentineus/popov.link
0
Fork 0
Code Issues Pull Requests 1 Actions Releases Activity

A well-crafted page

Browse Source
This commit is contained in:
Valentin Popov 2018-04-11 14:29:33 +00:00
parent 382200559d
commit ab822afabe
1 changed files with 45 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
_pages/about.md
View File

@ -1,5 +1,5 @@
---
permalink: "/about.html"
permalink: "about.html"
title: "About"
layout: page
show: true
@ -12,14 +12,17 @@ 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 %}
```ruby
# The most awesome of classes
class Awesome < ActiveRecord::Base
include EvenMoreAwesome
@ -38,20 +41,20 @@ Here's an example of some ruby code with line anchors.
email =~ /\S+@\S+\.\S+/
end
end
{% endhighlight %}
```
Here's some CSS:
{% highlight css %}
```css
.foobar {
/* Named colors rule */
color: tomato;
}
{% endhighlight %}
```
Here's some JavaScript:
{% highlight js %}
```js
var isPresent = require('is-present')
module.exports = function doStuff(things) {
@ -59,22 +62,23 @@ Here's some JavaScript:
doOtherStuff(things)
}
}
{% endhighlight %}
```
Here's some HTML:
{% highlight html %}
```html
<div class="m0 p0 bg-blue white">
<h3 class="h1">Hello, world!</h3>
</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.