Играем мышцами в этом шаблоне
Важно - Это производная статья “See pixyll in action”, взятая из любимой jekyl темы pixyll.
Все ссылки легко найти и опознать, не отвлекая от гармонии параграфа. Это правило распространяется на курсив и полужирный текст. Вычёркивание работает на всякий пожарный на тот случай, если надо обновить пост.
Что бы не выделяться, или наоборот выделить себя отлично работает и подчёркивание.
Код, синтаксис и подсветка
Блоки кода используют тему peppermint.
class Awesome < ActiveRecord::Base
include EvenMoreAwesome
validates_presence_of :something
validates :email, email_format: true
def initialize(email, name = nil)
self.email = email
self.name = name
end
end<!DOCTYPE html>
<title>Заголовок</title>
<style>body {width: 500px;}</style>
<script type="application/javascript">
function $init() {return true;}
</script>
<body>
<p checked class="title" id='title'>Title</p>
<!-- here goes the rest of the page -->
</body>
Заголовки!
Они адаптивны и пропорциональны (в padding, line-height, margin, и font-size).
Они обращают правильное внимание на себя
Что позволяет подавать информацию в правильной иерархии и логике
Есть списки, конечно
- Яблоки
- Груши
- Помидоры
-
Молоко
- Покосить газон
- Покормить кошку
- Брейк-данс!
Изображения выглядят отлично
Стильные цитаты включены в счёт
Можно использовать встроенный синтаксис markdown, > для простых цитат.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse quis porta mauris.
Поддержка форматирования текста LaTeX
По умолчанию разделителями являются $$. Следовательно, $$ E = m \cdot c^2 $$ дает \(E = m \cdot c^2\)
Ну и кое-что повеселее:
\[\zeta(s) = \frac{1}{\Gamma(s)} \int \limits_0^\infty x^{s-1} \sum_{n=1}^\infty e^{-nx} \mathrm{d}x = \frac{1}{\Gamma(s)} \int \limits_0^\infty \frac{x^{s-1}}{e^x - 1} \mathrm{d}x\]Со временем возможны улучшения
Следим за Github репозиторием для запросов, добавлений, функций.
Кодим дальше.
Пишите мне в telegram @klimovrv