mirror of
				https://github.com/valentineus/popov.link.git
				synced 2025-11-04 06:49:45 +03:00 
			
		
		
		
	Removing artifacts
This commit is contained in:
		@@ -1,32 +0,0 @@
 | 
			
		||||
<section class="icons">
 | 
			
		||||
    <div class="container">
 | 
			
		||||
        <div class="content">
 | 
			
		||||
            <div class="fa-sm">
 | 
			
		||||
                <!-- RSS -->
 | 
			
		||||
                {% if site.rss %}
 | 
			
		||||
                    <a href="{{ site.rss | relative_url | uri_escape }}" target="_blank" rel="nofollow">
 | 
			
		||||
                        <i class="fas fa-rss"></i>
 | 
			
		||||
                    </a>
 | 
			
		||||
                {% endif %}
 | 
			
		||||
                <!-- E-Mail -->
 | 
			
		||||
                {% if site.author.email %}
 | 
			
		||||
                    <a href="mailto:{{ site.author.email | uri_escape }}" target="_blank" rel="nofollow">
 | 
			
		||||
                        <i class="fas fa-envelope-open"></i>
 | 
			
		||||
                    </a>
 | 
			
		||||
                {% endif %}
 | 
			
		||||
                <!-- Twitter -->
 | 
			
		||||
                {% if site.links.twitter %}
 | 
			
		||||
                    <a href="{{ site.links.twitter | uri_escape }}" target="_blank" rel="nofollow">
 | 
			
		||||
                        <i class="fab fa-twitter"></i>
 | 
			
		||||
                    </a>
 | 
			
		||||
                {% endif %}
 | 
			
		||||
                <!-- GitHub -->
 | 
			
		||||
                {% if site.links.github %}
 | 
			
		||||
                    <a href="{{ site.links.github | uri_escape }}" target="_blank" rel="nofollow">
 | 
			
		||||
                        <i class="fab fa-github"></i>
 | 
			
		||||
                    </a>
 | 
			
		||||
                {% endif %}
 | 
			
		||||
            </div>
 | 
			
		||||
        </div>
 | 
			
		||||
    </div>
 | 
			
		||||
</section>
 | 
			
		||||
@@ -1,64 +0,0 @@
 | 
			
		||||
<div class="sidebar">
 | 
			
		||||
    <div class="container sidebar-sticky">
 | 
			
		||||
        <div class="sidebar-about">
 | 
			
		||||
            <!-- Header -->
 | 
			
		||||
            <a href="{{ site.baseurl | uri_escape }}">
 | 
			
		||||
                {% if page.id == "index" %}
 | 
			
		||||
                    <h1>{{ site.title | smartify | strip_html | normalize_whitespace }}</h1>
 | 
			
		||||
                {% else %}
 | 
			
		||||
                    <h1>{{ page.title | smartify | strip_html | normalize_whitespace }}</h1>
 | 
			
		||||
                {% endif %}
 | 
			
		||||
            </a>
 | 
			
		||||
 | 
			
		||||
            <!-- Description -->
 | 
			
		||||
            <p class="lead">
 | 
			
		||||
                {% if page.id == "index" %}
 | 
			
		||||
                    {{ site.description | smartify | strip_html | normalize_whitespace }}
 | 
			
		||||
                {% else %}
 | 
			
		||||
                    {{ page.description | smartify | strip_html | normalize_whitespace }}
 | 
			
		||||
                {% endif %}
 | 
			
		||||
            </p>
 | 
			
		||||
        </div>
 | 
			
		||||
 | 
			
		||||
        <!-- Navigation -->
 | 
			
		||||
        <nav class="sidebar-nav">
 | 
			
		||||
            {% for node in site.pages reversed %}
 | 
			
		||||
                {% if node.sidebar == true %}
 | 
			
		||||
                    <a class="sidebar-nav-item {% if page.url == node.url %}active{% endif %}" href="{{ node.url | relative_url | uri_escape }}">
 | 
			
		||||
                        {{ node.title | smartify | strip_html | normalize_whitespace }}
 | 
			
		||||
                    </a>
 | 
			
		||||
                {% endif %}
 | 
			
		||||
            {% endfor %}
 | 
			
		||||
        </nav>
 | 
			
		||||
 | 
			
		||||
        <!-- Additional elements -->
 | 
			
		||||
        <nav class="sidebar-nav fa-sm">
 | 
			
		||||
            {% if site.rss %}
 | 
			
		||||
                <a class="sidebar-nav-icon" href="{{ site.rss | relative_url | uri_escape }}">
 | 
			
		||||
                    <i class="fas fa-rss"></i>
 | 
			
		||||
                </a>
 | 
			
		||||
            {% endif %}
 | 
			
		||||
 | 
			
		||||
            {% if site.author.email %}
 | 
			
		||||
                <a class="sidebar-nav-icon" href="mailto:{{ site.author.email | uri_escape }}">
 | 
			
		||||
                    <i class="fas fa-envelope-open"></i>
 | 
			
		||||
                </a>
 | 
			
		||||
            {% endif %}
 | 
			
		||||
 | 
			
		||||
            {% if site.links.twitter %}
 | 
			
		||||
                <a class="sidebar-nav-icon" href="{{ site.links.twitter | uri_escape }}">
 | 
			
		||||
                    <i class="fab fa-twitter"></i>
 | 
			
		||||
                </a>
 | 
			
		||||
            {% endif %}
 | 
			
		||||
 | 
			
		||||
            {% if site.links.github %}
 | 
			
		||||
                <a class="sidebar-nav-icon" href="{{ site.links.github | uri_escape }}">
 | 
			
		||||
                    <i class="fab fa-github"></i>
 | 
			
		||||
                </a>
 | 
			
		||||
            {% endif %}
 | 
			
		||||
        </nav>
 | 
			
		||||
 | 
			
		||||
        <!-- Copyright -->
 | 
			
		||||
        <p>© {{ site.time | date: "%Y" }}. All rights reserved.</p>
 | 
			
		||||
    </div>
 | 
			
		||||
</div>
 | 
			
		||||
@@ -1,155 +0,0 @@
 | 
			
		||||
/**
 | 
			
		||||
 * Global resets
 | 
			
		||||
 *
 | 
			
		||||
 * Update the foundational and global aspects of the page.
 | 
			
		||||
 */
 | 
			
		||||
html {
 | 
			
		||||
    font-family: "PT Sans", Helvetica, Arial, sans-serif;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@media (min-width: 48em) {
 | 
			
		||||
    html {
 | 
			
		||||
        font-size: 16px;
 | 
			
		||||
    }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@media (min-width: 58em) {
 | 
			
		||||
    html {
 | 
			
		||||
        font-size: 20px;
 | 
			
		||||
    }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/**
 | 
			
		||||
 * Sidebar
 | 
			
		||||
 *
 | 
			
		||||
 * Flexible banner for housing site name, intro, and "footer" content. Starts
 | 
			
		||||
 * out above content in mobile and later moves to the side with wider viewports.
 | 
			
		||||
 */
 | 
			
		||||
.sidebar {
 | 
			
		||||
    background-color: #202020;
 | 
			
		||||
    color: rgba(255, 255, 255, .5);
 | 
			
		||||
    padding: 2rem 1rem;
 | 
			
		||||
    text-align: center;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@media (min-width: 48em) {
 | 
			
		||||
    .sidebar {
 | 
			
		||||
        bottom: 0;
 | 
			
		||||
        left: 0;
 | 
			
		||||
        position: fixed;
 | 
			
		||||
        text-align: left;
 | 
			
		||||
        top: 0;
 | 
			
		||||
        width: 18rem;
 | 
			
		||||
    }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.sidebar a {
 | 
			
		||||
    color: #fff;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.sidebar-about h1 {
 | 
			
		||||
    color: #fff;
 | 
			
		||||
    font-family: "Abril Fatface", serif;
 | 
			
		||||
    font-size: 3.25rem;
 | 
			
		||||
    margin-top: 0;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.sidebar-nav {
 | 
			
		||||
    margin-bottom: 1rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.sidebar-nav-item {
 | 
			
		||||
    display: block;
 | 
			
		||||
    line-height: 1.75;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
a.sidebar-nav-item:hover,
 | 
			
		||||
a.sidebar-nav-item:focus {
 | 
			
		||||
    text-decoration: underline;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.sidebar-nav-item.active {
 | 
			
		||||
    font-weight: bold;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.sidebar-nav-icon {
 | 
			
		||||
    display: inline;
 | 
			
		||||
    margin-left: 2%;
 | 
			
		||||
    margin-right: 2%;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
a.sidebar-nav-icon:hover,
 | 
			
		||||
a.sidebar-nav-icon:focus {
 | 
			
		||||
    text-decoration: none;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@media (min-width: 48em) {
 | 
			
		||||
    .sidebar-nav-icon {
 | 
			
		||||
        margin-left: 0rem;
 | 
			
		||||
        margin-right: 1rem;
 | 
			
		||||
    }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/**
 | 
			
		||||
 * Sticky sidebar
 | 
			
		||||
 *
 | 
			
		||||
 * Add the `sidebar-sticky` class to the sidebar's container to affix it the
 | 
			
		||||
 * contents to the bottom of the sidebar in tablets and up.
 | 
			
		||||
 */
 | 
			
		||||
@media (min-width: 48em) {
 | 
			
		||||
    .sidebar-sticky {
 | 
			
		||||
        bottom: 1rem;
 | 
			
		||||
        left: 1rem;
 | 
			
		||||
        position: absolute;
 | 
			
		||||
        right: 1rem;
 | 
			
		||||
    }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/**
 | 
			
		||||
 * Container
 | 
			
		||||
 *
 | 
			
		||||
 * Align the contents of the site above the proper threshold with some margin-fu
 | 
			
		||||
 * with a 25%-wide `.sidebar`.
 | 
			
		||||
 */
 | 
			
		||||
.content {
 | 
			
		||||
    padding-bottom: 4rem;
 | 
			
		||||
    padding-top: 4rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@media (min-width: 48em) {
 | 
			
		||||
    .content {
 | 
			
		||||
        margin-left: 20rem;
 | 
			
		||||
        margin-right: 2rem;
 | 
			
		||||
        max-width: 38rem;
 | 
			
		||||
    }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@media (min-width: 64em) {
 | 
			
		||||
    .content {
 | 
			
		||||
        margin-left: 22rem;
 | 
			
		||||
        margin-right: 4rem;
 | 
			
		||||
    }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/**
 | 
			
		||||
 * Reverse layout
 | 
			
		||||
 *
 | 
			
		||||
 * Flip the orientation of the page by placing the `.sidebar` on the right.
 | 
			
		||||
 */
 | 
			
		||||
@media (min-width: 48em) {
 | 
			
		||||
    .layout-reverse .sidebar {
 | 
			
		||||
        left: auto;
 | 
			
		||||
        right: 0;
 | 
			
		||||
    }
 | 
			
		||||
    .layout-reverse .content {
 | 
			
		||||
        margin-left: 2rem;
 | 
			
		||||
        margin-right: 20rem;
 | 
			
		||||
    }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@media (min-width: 64em) {
 | 
			
		||||
    .layout-reverse .content {
 | 
			
		||||
        margin-left: 4rem;
 | 
			
		||||
        margin-right: 22rem;
 | 
			
		||||
    }
 | 
			
		||||
}
 | 
			
		||||
@@ -1,368 +0,0 @@
 | 
			
		||||
/**
 | 
			
		||||
 * Body resets
 | 
			
		||||
 *
 | 
			
		||||
 * Update the foundational and global aspects of the page.
 | 
			
		||||
 */
 | 
			
		||||
* {
 | 
			
		||||
    -moz-box-sizing: border-box;
 | 
			
		||||
    -webkit-box-sizing: border-box;
 | 
			
		||||
    box-sizing: border-box;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
html, body {
 | 
			
		||||
    margin: 0;
 | 
			
		||||
    padding: 0;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
html {
 | 
			
		||||
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 | 
			
		||||
    font-size: 16px;
 | 
			
		||||
    line-height: 1.5;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@media (min-width: 38em) {
 | 
			
		||||
    html {
 | 
			
		||||
        font-size: 20px;
 | 
			
		||||
    }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
body {
 | 
			
		||||
    -ms-text-size-adjust: 100%;
 | 
			
		||||
    -webkit-text-size-adjust: 100%;
 | 
			
		||||
    background-color: #fff;
 | 
			
		||||
    color: #515151;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
a {
 | 
			
		||||
    color: #268bd2;
 | 
			
		||||
    text-decoration: none;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
a strong {
 | 
			
		||||
    color: inherit;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
a:hover, a:focus {
 | 
			
		||||
    text-decoration: underline;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
h1, h2, h3, h4, h5, h6 {
 | 
			
		||||
    color: #313131;
 | 
			
		||||
    font-weight: bold;
 | 
			
		||||
    line-height: 1.25;
 | 
			
		||||
    margin-bottom: .5rem;
 | 
			
		||||
    text-rendering: optimizeLegibility;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
h1 {
 | 
			
		||||
    font-size: 2rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
h2 {
 | 
			
		||||
    font-size: 1.5rem;
 | 
			
		||||
    margin-top: 1rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
h3 {
 | 
			
		||||
    font-size: 1.25rem;
 | 
			
		||||
    margin-top: 1.5rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
h4, h5, h6 {
 | 
			
		||||
    font-size: 1rem;
 | 
			
		||||
    margin-top: 1rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
p {
 | 
			
		||||
    margin-bottom: 1rem;
 | 
			
		||||
    margin-top: 0;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
strong {
 | 
			
		||||
    color: #303030;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
ul, ol, dl {
 | 
			
		||||
    margin-bottom: 1rem;
 | 
			
		||||
    margin-top: 0;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
dt {
 | 
			
		||||
    font-weight: bold;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
dd {
 | 
			
		||||
    margin-bottom: .5rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
hr {
 | 
			
		||||
    border-bottom: 1px solid #fff;
 | 
			
		||||
    border-top: 1px solid #eee;
 | 
			
		||||
    border: 0;
 | 
			
		||||
    margin: 1.5rem 0;
 | 
			
		||||
    position: relative;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
abbr {
 | 
			
		||||
    color: #555;
 | 
			
		||||
    font-size: 85%;
 | 
			
		||||
    font-weight: bold;
 | 
			
		||||
    text-transform: uppercase;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
abbr[title] {
 | 
			
		||||
    border-bottom: 1px dotted #e5e5e5;
 | 
			
		||||
    cursor: help;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
code, pre {
 | 
			
		||||
    font-family: Menlo, Monaco, "Courier New", monospace;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
code {
 | 
			
		||||
    background-color: #f9f9f9;
 | 
			
		||||
    border-radius: 3px;
 | 
			
		||||
    color: #bf616a;
 | 
			
		||||
    font-size: 85%;
 | 
			
		||||
    padding: .25em .5em;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
pre {
 | 
			
		||||
    background-color: #f9f9f9;
 | 
			
		||||
    display: block;
 | 
			
		||||
    font-size: .8rem;
 | 
			
		||||
    line-height: 1.4;
 | 
			
		||||
    margin-bottom: 1rem;
 | 
			
		||||
    margin-top: 0;
 | 
			
		||||
    padding: 1rem;
 | 
			
		||||
    white-space: pre;
 | 
			
		||||
    white-space: pre-wrap;
 | 
			
		||||
    word-break: break-all;
 | 
			
		||||
    word-wrap: break-word;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
pre code {
 | 
			
		||||
    background-color: transparent;
 | 
			
		||||
    color: inherit;
 | 
			
		||||
    font-size: 100%;
 | 
			
		||||
    padding: 0;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight {
 | 
			
		||||
    border-radius: 4px;
 | 
			
		||||
    margin-bottom: 1rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight pre {
 | 
			
		||||
    margin-bottom: 0;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.gist .gist-file {
 | 
			
		||||
    font-family: Menlo, Monaco, "Courier New", monospace !important;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.gist .markdown-body {
 | 
			
		||||
    padding: 15px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.gist pre {
 | 
			
		||||
    background-color: transparent;
 | 
			
		||||
    padding: 0;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.gist .gist-file .gist-data {
 | 
			
		||||
    font-size: .8rem !important;
 | 
			
		||||
    line-height: 1.4;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.gist code {
 | 
			
		||||
    background-color: transparent;
 | 
			
		||||
    border-radius: 0;
 | 
			
		||||
    color: inherit;
 | 
			
		||||
    padding: 0;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
blockquote {
 | 
			
		||||
    border-left: .25rem solid #e5e5e5;
 | 
			
		||||
    color: #7a7a7a;
 | 
			
		||||
    margin: .8rem 0;
 | 
			
		||||
    padding: .5rem 1rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
blockquote p:last-child {
 | 
			
		||||
    margin-bottom: 0;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@media (min-width: 30em) {
 | 
			
		||||
    blockquote {
 | 
			
		||||
        padding-left: 1.25rem;
 | 
			
		||||
        padding-right: 5rem;
 | 
			
		||||
    }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
img {
 | 
			
		||||
    border-radius: 5px;
 | 
			
		||||
    display: block;
 | 
			
		||||
    margin: 0 0 1rem;
 | 
			
		||||
    max-width: 100%;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
table {
 | 
			
		||||
    border-collapse: collapse;
 | 
			
		||||
    border: 1px solid #e5e5e5;
 | 
			
		||||
    margin-bottom: 1rem;
 | 
			
		||||
    width: 100%;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
td, th {
 | 
			
		||||
    border: 1px solid #e5e5e5;
 | 
			
		||||
    padding: .25rem .5rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
tbody tr:nth-child(odd) td, tbody tr:nth-child(odd) th {
 | 
			
		||||
    background-color: #f9f9f9;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/**
 | 
			
		||||
 * Custom type
 | 
			
		||||
 *
 | 
			
		||||
 * Extend paragraphs with `.lead` for larger introductory text.
 | 
			
		||||
 */
 | 
			
		||||
.lead {
 | 
			
		||||
    font-size: 1.25rem;
 | 
			
		||||
    font-weight: 300;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/**
 | 
			
		||||
 * Messages
 | 
			
		||||
 *
 | 
			
		||||
 * Show alert messages to users. You may add it to single elements like a `<p>`,
 | 
			
		||||
 * or to a parent if there are multiple elements to show.
 | 
			
		||||
 */
 | 
			
		||||
.message {
 | 
			
		||||
    background-color: #f9f9f9;
 | 
			
		||||
    color: #717171;
 | 
			
		||||
    margin-bottom: 1rem;
 | 
			
		||||
    padding: 1rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/**
 | 
			
		||||
 * Container
 | 
			
		||||
 *
 | 
			
		||||
 * Center the page content.
 | 
			
		||||
 */
 | 
			
		||||
.container {
 | 
			
		||||
    margin-left: auto;
 | 
			
		||||
    margin-right: auto;
 | 
			
		||||
    max-width: 38rem;
 | 
			
		||||
    padding-left: 1rem;
 | 
			
		||||
    padding-right: 1rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/**
 | 
			
		||||
 * Masthead
 | 
			
		||||
 *
 | 
			
		||||
 * Super small header above the content for site name and short description.
 | 
			
		||||
 */
 | 
			
		||||
.masthead {
 | 
			
		||||
    margin-bottom: 3rem;
 | 
			
		||||
    padding-bottom: 1rem;
 | 
			
		||||
    padding-top: 1rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.masthead-title {
 | 
			
		||||
    color: #505050;
 | 
			
		||||
    margin-bottom: 0;
 | 
			
		||||
    margin-top: 0;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.masthead-title a {
 | 
			
		||||
    color: #505050;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.masthead-title small {
 | 
			
		||||
    color: #c0c0c0;
 | 
			
		||||
    font-size: 75%;
 | 
			
		||||
    font-weight: 400;
 | 
			
		||||
    letter-spacing: 0;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/**
 | 
			
		||||
 * Posts and pages
 | 
			
		||||
 *
 | 
			
		||||
 * Each post is wrapped in `.post` and is used on default and post layouts. Each
 | 
			
		||||
 * page is wrapped in `.page` and is only used on the page layout.
 | 
			
		||||
 */
 | 
			
		||||
.page, .post {
 | 
			
		||||
    margin-bottom: 4em;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.page-title, .post-title, .post-title a {
 | 
			
		||||
    color: #303030;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.page-title, .post-title {
 | 
			
		||||
    margin-top: 0;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.post-date {
 | 
			
		||||
    color: #9a9a9a;
 | 
			
		||||
    display: block;
 | 
			
		||||
    margin-bottom: 1rem;
 | 
			
		||||
    margin-top: -.5rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.comments {
 | 
			
		||||
    border-top: 1px solid #eee;
 | 
			
		||||
    padding-bottom: 2rem;
 | 
			
		||||
    padding-top: 2rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/**
 | 
			
		||||
 * Pagination
 | 
			
		||||
 *
 | 
			
		||||
 * Super lightweight (HTML-wise) blog pagination. `span`s are provide for when
 | 
			
		||||
 * there are no more previous or next posts to show.
 | 
			
		||||
 */
 | 
			
		||||
.pagination {
 | 
			
		||||
    color: #ccc;
 | 
			
		||||
    font-family: "PT Sans", Helvetica, Arial, sans-serif;
 | 
			
		||||
    margin-left: -1rem;
 | 
			
		||||
    margin-right: -1rem;
 | 
			
		||||
    overflow: hidden;
 | 
			
		||||
    text-align: center;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.pagination-item {
 | 
			
		||||
    border: 1px solid #eee;
 | 
			
		||||
    display: block;
 | 
			
		||||
    padding: 1rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.pagination-item:first-child {
 | 
			
		||||
    margin-bottom: -1px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
a.pagination-item:hover {
 | 
			
		||||
    background-color: #f5f5f5;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@media (min-width: 30em) {
 | 
			
		||||
    .pagination {
 | 
			
		||||
        margin: 3rem 0;
 | 
			
		||||
    }
 | 
			
		||||
    .pagination-item {
 | 
			
		||||
        float: left;
 | 
			
		||||
        width: 50%;
 | 
			
		||||
    }
 | 
			
		||||
    .pagination-item:first-child {
 | 
			
		||||
        border-bottom-left-radius: 4px;
 | 
			
		||||
        border-top-left-radius: 4px;
 | 
			
		||||
        margin-bottom: 0;
 | 
			
		||||
    }
 | 
			
		||||
    .pagination-item:last-child {
 | 
			
		||||
        border-bottom-right-radius: 4px;
 | 
			
		||||
        border-top-right-radius: 4px;
 | 
			
		||||
        margin-left: -1px;
 | 
			
		||||
    }
 | 
			
		||||
}
 | 
			
		||||
@@ -1,252 +0,0 @@
 | 
			
		||||
.highlight .bp {
 | 
			
		||||
    color: #366;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .c {
 | 
			
		||||
    color: #999;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .c1 {
 | 
			
		||||
    color: #999;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .cm {
 | 
			
		||||
    color: #09f;
 | 
			
		||||
    font-style: italic;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .cp {
 | 
			
		||||
    color: #099;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .cs {
 | 
			
		||||
    color: #999;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .err {
 | 
			
		||||
    background-color: #faa;
 | 
			
		||||
    color: #a00;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .gd {
 | 
			
		||||
    background-color: #fcc;
 | 
			
		||||
    border: 1px solid #c00;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .ge {
 | 
			
		||||
    font-style: italic;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .gh {
 | 
			
		||||
    color: #030;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .gi {
 | 
			
		||||
    background-color: #cfc;
 | 
			
		||||
    border: 1px solid #0c0;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .go {
 | 
			
		||||
    color: #aaa;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .gp {
 | 
			
		||||
    color: #009;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .gr {
 | 
			
		||||
    color: #f00;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .gs {}
 | 
			
		||||
 | 
			
		||||
.highlight .gt {
 | 
			
		||||
    color: #9c6;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .gu {
 | 
			
		||||
    color: #030;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .hll {
 | 
			
		||||
    background-color: #ffc;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .il {
 | 
			
		||||
    color: #f60;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .k {
 | 
			
		||||
    color: #069;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .kc {
 | 
			
		||||
    color: #069;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .kd {
 | 
			
		||||
    color: #069;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .kn {
 | 
			
		||||
    color: #069;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .kp {
 | 
			
		||||
    color: #069;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .kr {
 | 
			
		||||
    color: #069;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .kt {
 | 
			
		||||
    color: #078;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .m {
 | 
			
		||||
    color: #f60;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .mf {
 | 
			
		||||
    color: #f60;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .mh {
 | 
			
		||||
    color: #f60;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .mi {
 | 
			
		||||
    color: #f60;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .mo {
 | 
			
		||||
    color: #f60;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .na {
 | 
			
		||||
    color: #4f9fcf;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .nb {
 | 
			
		||||
    color: #366;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .nc {
 | 
			
		||||
    color: #0a8;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .nd {
 | 
			
		||||
    color: #99f;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .ne {
 | 
			
		||||
    color: #c00;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .nf {
 | 
			
		||||
    color: #c0f;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .ni {
 | 
			
		||||
    color: #999;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .nl {
 | 
			
		||||
    color: #99f;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .nn {
 | 
			
		||||
    color: #0cf;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .no {
 | 
			
		||||
    color: #360;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .nt {
 | 
			
		||||
    color: #2f6f9f;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .nv {
 | 
			
		||||
    color: #033;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .o {
 | 
			
		||||
    color: #555;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .ow {
 | 
			
		||||
    color: #000;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .s {
 | 
			
		||||
    color: #d44950;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .s1 {
 | 
			
		||||
    color: #c30;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .s2 {
 | 
			
		||||
    color: #c30;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .sb {
 | 
			
		||||
    color: #c30;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .sc {
 | 
			
		||||
    color: #c30;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .sd {
 | 
			
		||||
    color: #c30;
 | 
			
		||||
    font-style: italic;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .se {
 | 
			
		||||
    color: #c30;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .sh {
 | 
			
		||||
    color: #c30;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .si {
 | 
			
		||||
    color: #a00;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .sr {
 | 
			
		||||
    color: #3aa;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .ss {
 | 
			
		||||
    color: #fc3;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .sx {
 | 
			
		||||
    color: #c30;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .vc {
 | 
			
		||||
    color: #033;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .vg {
 | 
			
		||||
    color: #033;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .vi {
 | 
			
		||||
    color: #033;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.highlight .w {
 | 
			
		||||
    color: #bbb;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.css .o,
 | 
			
		||||
.css .o+.nt,
 | 
			
		||||
.css .nt+.nt {
 | 
			
		||||
    color: #999;
 | 
			
		||||
}
 | 
			
		||||
		Reference in New Issue
	
	Block a user