valentineus/popov.link
valentineus/popov.link
0
Fork 0
Code Issues Pull Requests 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

86
_pages/about.md
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,69 +12,73 @@ 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
validates :email, email_format: true validates :email, email_format: true
def initialize(email, name = nil) def initialize(email, name = nil)
self.email = email self.email = email
self.name = name self.name = name
self.favorite_number = 12 self.favorite_number = 12
puts 'created awesomeness' puts 'created awesomeness'
end
def email_format
email =~ /\S+@\S+\.\S+/
end
end end
{% endhighlight %}
def email_format
email =~ /\S+@\S+\.\S+/
end
end
```
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.