Initial commit
This commit is contained in:
Valentin Popov
commit
db5494dff0
44
.gitignore
vendored
Normal file
44
.gitignore
vendored
Normal file
@ -0,0 +1,44 @@
|
|||||||
|
# Cloud9 IDE - http://c9.io
|
||||||
|
.c9revisions
|
||||||
|
.c9
|
||||||
|
|
||||||
|
## Jekyll
|
||||||
|
_site
|
||||||
|
.sass-cache
|
||||||
|
.jekyll-metadata
|
||||||
|
|
||||||
|
## Ruby
|
||||||
|
*.gem
|
||||||
|
*.rbc
|
||||||
|
/.config
|
||||||
|
/coverage/
|
||||||
|
/InstalledFiles
|
||||||
|
/pkg/
|
||||||
|
/spec/reports/
|
||||||
|
/spec/examples.txt
|
||||||
|
/test/tmp/
|
||||||
|
/test/version_tmp/
|
||||||
|
/tmp/
|
||||||
|
|
||||||
|
# Used by dotenv library to load environment variables.
|
||||||
|
.env
|
||||||
|
|
||||||
|
## Documentation cache and generated files:
|
||||||
|
/.yardoc/
|
||||||
|
/_yardoc/
|
||||||
|
/doc/
|
||||||
|
/rdoc/
|
||||||
|
|
||||||
|
## Environment normalization:
|
||||||
|
/.bundle/
|
||||||
|
/vendor/bundle
|
||||||
|
/lib/bundler/man/
|
||||||
|
|
||||||
|
# for a library or gem, you might want to ignore these files since the code is
|
||||||
|
# intended to run in multiple environments; otherwise, check them in:
|
||||||
|
Gemfile.lock
|
||||||
|
.ruby-version
|
||||||
|
.ruby-gemset
|
||||||
|
|
||||||
|
# unless supporting rvm < 1.11.0 or doing something fancy, ignore this:
|
||||||
|
.rvmrc
|
||||||
25
404.html
Normal file
25
404.html
Normal file
@ -0,0 +1,25 @@
|
|||||||
|
---
|
||||||
|
layout: default
|
||||||
|
---
|
||||||
|
|
||||||
|
<style type="text/css" media="screen">
|
||||||
|
.container {
|
||||||
|
margin: 10px auto;
|
||||||
|
max-width: 600px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
margin: 30px 0;
|
||||||
|
font-size: 4em;
|
||||||
|
line-height: 1;
|
||||||
|
letter-spacing: -1px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<h1>404</h1>
|
||||||
|
|
||||||
|
<p><strong>Page not found :(</strong></p>
|
||||||
|
<p>The requested page could not be found.</p>
|
||||||
|
</div>
|
||||||
19
Gemfile
Normal file
19
Gemfile
Normal file
@ -0,0 +1,19 @@
|
|||||||
|
source "https://rubygems.org"
|
||||||
|
|
||||||
|
# Hello! This is where you manage which Jekyll version is used to run.
|
||||||
|
# When you want to use a different version, change it below, save the
|
||||||
|
# file and run `bundle install`. Run Jekyll with `bundle exec`, like so:
|
||||||
|
#
|
||||||
|
# bundle exec jekyll serve
|
||||||
|
#
|
||||||
|
# This will help ensure the proper Jekyll version is running.
|
||||||
|
# Happy Jekylling!
|
||||||
|
gem "github-pages", group: :jekyll_plugins
|
||||||
|
|
||||||
|
# If you have any plugins, put them here!
|
||||||
|
group :jekyll_plugins do
|
||||||
|
gem "jekyll-paginate", "~> 1.1.0"
|
||||||
|
end
|
||||||
|
|
||||||
|
# Windows does not include zoneinfo files, so bundle the tzinfo-data gem
|
||||||
|
gem "tzinfo-data", platforms: [:mingw, :mswin, :x64_mingw, :jruby]
|
||||||
0
LICENSE.md
Normal file
0
LICENSE.md
Normal file
31
_config.yml
Normal file
31
_config.yml
Normal file
@ -0,0 +1,31 @@
|
|||||||
|
# Permalinks
|
||||||
|
permalink: /:year-:month-:day/:title
|
||||||
|
|
||||||
|
# Setup
|
||||||
|
title: "Blog"
|
||||||
|
paginate: 5
|
||||||
|
baseurl: ""
|
||||||
|
url: "https://valentineus.github.io"
|
||||||
|
|
||||||
|
# Assets
|
||||||
|
sass:
|
||||||
|
sass_dir: "_sass"
|
||||||
|
style: ":compressed"
|
||||||
|
|
||||||
|
# Build settings
|
||||||
|
markdown: kramdown
|
||||||
|
|
||||||
|
# About
|
||||||
|
author:
|
||||||
|
name: "Valentin Popov"
|
||||||
|
url: "https://valentineus.link"
|
||||||
|
email: "info@valentineus.link"
|
||||||
|
|
||||||
|
# Custom vars
|
||||||
|
version: 3.4.1
|
||||||
|
github:
|
||||||
|
repo: "https://github.com/valentineus/valentineus.github.io"
|
||||||
|
|
||||||
|
# Gems
|
||||||
|
plugins:
|
||||||
|
- "jekyll-paginate"
|
||||||
21
_includes/head.html
Normal file
21
_includes/head.html
Normal file
@ -0,0 +1,21 @@
|
|||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
|
||||||
|
<title>
|
||||||
|
{% if page.title == "Home" %}
|
||||||
|
{{ site.title }}
|
||||||
|
{% else %}
|
||||||
|
{{ page.title }} · {{ site.title }}
|
||||||
|
{% endif %}
|
||||||
|
</title>
|
||||||
|
|
||||||
|
<!-- CSS -->
|
||||||
|
<link rel="stylesheet" href="{{ site.baseurl }}/styles.css">
|
||||||
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Libre+Baskerville:400,400i,700">
|
||||||
|
|
||||||
|
<!-- Favicon -->
|
||||||
|
<link rel="icon" type="image/png" sizes="32x32" href="{{ site.baseurl }}/assets/favicon-32x32.png">
|
||||||
|
<link rel="icon" type="image/png" sizes="16x16" href="{{ site.baseurl }}/assets/favicon-16x16.png">
|
||||||
|
<link rel="apple-touch-icon" sizes="180x180" href="{{ site.baseurl }}/assets/apple-touch-icon.png">
|
||||||
|
</head>
|
||||||
30
_layouts/default.html
Normal file
30
_layouts/default.html
Normal file
@ -0,0 +1,30 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
{% include head.html %}
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<nav class="nav">
|
||||||
|
<div class="nav-container">
|
||||||
|
<a href="{{ site.baseurl }}/">
|
||||||
|
<h2 class="nav-title">{{ site.title }}</h2>
|
||||||
|
</a>
|
||||||
|
<ul>
|
||||||
|
<li><a href="{{ '/about' | prepend: site.baseurl }}">About</a></li>
|
||||||
|
<li><a href="{{ site.baseurl }}/">Posts</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
{{ content }}
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<span>
|
||||||
|
© <time datetime="{{ site.time }}">{{ site.time | date: '%Y' }}</time> {{ site.author.name }}. Made with Jekyll using the <a href="https://github.com/chesterhow/tale/">Tale</a> theme.
|
||||||
|
</span>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
36
_layouts/post.html
Normal file
36
_layouts/post.html
Normal file
@ -0,0 +1,36 @@
|
|||||||
|
---
|
||||||
|
layout: default
|
||||||
|
---
|
||||||
|
|
||||||
|
<div class="post">
|
||||||
|
<div class="post-info">
|
||||||
|
<span>Written by</span>
|
||||||
|
{% if page.author %}
|
||||||
|
{{ page.author }}
|
||||||
|
{% else %}
|
||||||
|
{{ site.author.name }}
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
{% if page.date %}
|
||||||
|
<br />
|
||||||
|
<span>on </span><time datetime="{{ page.date }}">{{ page.date | date: "%B %d, %Y" }}</time> {% endif %}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h1 class="post-title">{{ page.title }}</h1>
|
||||||
|
<div class="post-line"></div>
|
||||||
|
|
||||||
|
{{ content }}
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="pagination">
|
||||||
|
{% if page.next.url %}
|
||||||
|
<a href="{{ page.next.url | prepend: site.baseurl }}" class="left arrow">←</a>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
{% if page.previous.url %}
|
||||||
|
<a href="{{ page.previous.url | prepend: site.baseurl }}" class="right arrow">→</a>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
<a href="#" class="top">Top</a>
|
||||||
|
</div>
|
||||||
136
_posts/2018-01-01-example-content.md
Normal file
136
_posts/2018-01-01-example-content.md
Normal file
@ -0,0 +1,136 @@
|
|||||||
|
---
|
||||||
|
layout: post
|
||||||
|
title: "Example Content"
|
||||||
|
author: "Valentin Popov"
|
||||||
|
---
|
||||||
|
|
||||||
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt ornare nibh, non elementum augue tempus eget. Pellentesque tempus scelerisque iaculis. Nullam interdum ultricies nibh quis sollicitudin. Donec ornare fermentum facilisis. Ut at sem ac sem imperdiet varius a eget tortor. Nam eu augue eget orci semper maximus in eget augue. Mauris ornare, nisl ut suscipit consectetur, mi quam interdum tellus, at rutrum quam eros ultrices mi.
|
||||||
|
|
||||||
|
# Headers
|
||||||
|
{% highlight markdown %}
|
||||||
|
# H1
|
||||||
|
## H2
|
||||||
|
### H3
|
||||||
|
#### H4
|
||||||
|
##### H5
|
||||||
|
###### H6
|
||||||
|
{% endhighlight %}
|
||||||
|
|
||||||
|
# H1
|
||||||
|
## H2
|
||||||
|
### H3
|
||||||
|
#### H4
|
||||||
|
##### H5
|
||||||
|
###### H6
|
||||||
|
|
||||||
|
# Text formatting
|
||||||
|
{% highlight markdown %}
|
||||||
|
- **Bold**
|
||||||
|
- _Italics_
|
||||||
|
- ~~Strikethrough~~
|
||||||
|
- <ins>Underline</ins>
|
||||||
|
- <sup>Superscript</sup>
|
||||||
|
- <sub>Subscript</sub>
|
||||||
|
- Abbreviation: <abbr title="HyperText Markup Language">HTML</abbr>
|
||||||
|
- Citation: <cite>— Chester How</cite>
|
||||||
|
{% endhighlight %}
|
||||||
|
|
||||||
|
- **Bold**
|
||||||
|
- _Italics_
|
||||||
|
- ~~Strikethrough~~
|
||||||
|
- <ins>Underline</ins>
|
||||||
|
- <sup>Superscript</sup>
|
||||||
|
- <sub>Subscript</sub>
|
||||||
|
- Abbreviation: <abbr title="HyperText Markup Language">HTML</abbr>
|
||||||
|
- Citation: <cite>— Chester How</cite>
|
||||||
|
|
||||||
|
# Lists
|
||||||
|
{% highlight markdown %}
|
||||||
|
1. Ordered list item 1
|
||||||
|
2. Ordered list item 2
|
||||||
|
3. Ordered list item 3
|
||||||
|
|
||||||
|
* Unordered list item 1
|
||||||
|
* Unordered list item 2
|
||||||
|
* Unordered list item 3
|
||||||
|
{% endhighlight %}
|
||||||
|
|
||||||
|
1. Ordered list item 1
|
||||||
|
2. Ordered list item 2
|
||||||
|
3. Ordered list item 3
|
||||||
|
|
||||||
|
* Unordered list item 1
|
||||||
|
* Unordered list item 2
|
||||||
|
* Unordered list item 3
|
||||||
|
|
||||||
|
# Links
|
||||||
|
{% highlight markdown %}
|
||||||
|
Check out tale on [GitHub](https://github.com/chesterhow/tale).
|
||||||
|
{% endhighlight %}
|
||||||
|
|
||||||
|
Check out tale on [GitHub](https://github.com/chesterhow/tale).
|
||||||
|
|
||||||
|
# Images
|
||||||
|
{% highlight markdown %}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
_This is an image with a caption_
|
||||||
|
{% endhighlight %}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
_This is an image with a caption_
|
||||||
|
|
||||||
|
# Code and Syntax Highlighting
|
||||||
|
Use back-ticks for `inline code`. Multi-line code snippets are supported too through Pygments.
|
||||||
|
|
||||||
|
{% highlight js %}
|
||||||
|
// Sample javascript code
|
||||||
|
var s = "JavaScript syntax highlighting";
|
||||||
|
alert(s);
|
||||||
|
{% endhighlight %}
|
||||||
|
|
||||||
|
{% highlight python %}
|
||||||
|
# Sample python code
|
||||||
|
s = "Python syntax highlighting"
|
||||||
|
print s
|
||||||
|
{% endhighlight %}
|
||||||
|
|
||||||
|
Adding `linenos` to the Pyments tag enables line numbers.
|
||||||
|
|
||||||
|
{% highlight js linenos %}
|
||||||
|
// Sample javascript code
|
||||||
|
var s = "JavaScript syntax highlighting";
|
||||||
|
alert(s);
|
||||||
|
{% endhighlight %}
|
||||||
|
|
||||||
|
# Blockquotes
|
||||||
|
{% highlight markdown %}
|
||||||
|
> Curabitur blandit tempus porttitor. Nullam quis risus eget urna mollis ornare vel eu leo. Nullam id dolor id nibh ultricies vehicula ut id elit.
|
||||||
|
|
||||||
|
{% endhighlight %}
|
||||||
|
|
||||||
|
> Curabitur blandit tempus porttitor. Nullam quis risus eget urna mollis ornare vel eu leo. Nullam id dolor id nibh ultricies vehicula ut id elit.
|
||||||
|
|
||||||
|
# Horizontal Rule & Line Break
|
||||||
|
{% highlight markdown %}
|
||||||
|
Use `<hr>` for horizontal rules
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
and `<br>` for line breaks.
|
||||||
|
|
||||||
|
<br>
|
||||||
|
{% endhighlight %}
|
||||||
|
|
||||||
|
Use `<hr>` for horizontal rules
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
and `<br>` for line breaks.
|
||||||
|
|
||||||
|
<br>
|
||||||
|
|
||||||
|
_The end_
|
||||||
59
_sass/_base.scss
Normal file
59
_sass/_base.scss
Normal file
@ -0,0 +1,59 @@
|
|||||||
|
* {
|
||||||
|
@include box-sizing;
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
|
|
||||||
|
html, body {
|
||||||
|
color: $default-color;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
html {
|
||||||
|
font-family: $serif-primary;
|
||||||
|
font-size: 14px;
|
||||||
|
|
||||||
|
@media (min-width: 600px) {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
-webkit-text-size-adjust: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1, h2, h3, h4, h5, h6 {
|
||||||
|
color: $default-shade;
|
||||||
|
font-family: $sans-serif;
|
||||||
|
line-height: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: $blue;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
blockquote {
|
||||||
|
border-left: .25rem solid $grey-2;
|
||||||
|
color: $grey-1;
|
||||||
|
margin: .8rem 0;
|
||||||
|
padding: .5rem 1rem;
|
||||||
|
|
||||||
|
p:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 600px) {
|
||||||
|
padding: 0 5rem 0 1.25rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
display: block;
|
||||||
|
margin: 0 0 1rem;
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
td {
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
39
_sass/_catalogue.scss
Normal file
39
_sass/_catalogue.scss
Normal file
@ -0,0 +1,39 @@
|
|||||||
|
.catalogue {
|
||||||
|
&-item {
|
||||||
|
border-bottom: 1px solid $grey-2;
|
||||||
|
color: $default-color;
|
||||||
|
display: inline-block;
|
||||||
|
padding: 2rem 0;
|
||||||
|
|
||||||
|
&:hover .catalogue-line,
|
||||||
|
&:focus .catalogue-line {
|
||||||
|
width: 5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:last-child {
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&-time {
|
||||||
|
color: $default-tint;
|
||||||
|
font-family: $serif-secondary;
|
||||||
|
letter-spacing: .5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&-title {
|
||||||
|
color: $default-shade;
|
||||||
|
display: block;
|
||||||
|
font-family: $sans-serif;
|
||||||
|
font-size: 2rem;
|
||||||
|
font-weight: 700;
|
||||||
|
margin: .5rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&-line {
|
||||||
|
@include transition(all .3s ease-out);
|
||||||
|
border-top: .2rem solid $default-shade;
|
||||||
|
display: block;
|
||||||
|
width: 2rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
44
_sass/_code.scss
Normal file
44
_sass/_code.scss
Normal file
@ -0,0 +1,44 @@
|
|||||||
|
pre, code {
|
||||||
|
font-family: $monospaced;
|
||||||
|
}
|
||||||
|
|
||||||
|
code {
|
||||||
|
background-color: $grey-3;
|
||||||
|
border-radius: 3px;
|
||||||
|
color: $code-color;
|
||||||
|
font-size: 85%;
|
||||||
|
padding: .25em .5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
pre {
|
||||||
|
margin: 0 0 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
pre code {
|
||||||
|
background-color: transparent;
|
||||||
|
color: inherit;
|
||||||
|
font-size: 100%;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.highlight {
|
||||||
|
background-color: $grey-3;
|
||||||
|
border-radius: 3px;
|
||||||
|
line-height: 1.4;
|
||||||
|
margin: 0 0 1rem;
|
||||||
|
padding: 1rem;
|
||||||
|
|
||||||
|
pre {
|
||||||
|
margin-bottom: 0;
|
||||||
|
overflow-x: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lineno {
|
||||||
|
color: $default-tint;
|
||||||
|
display: inline-block;
|
||||||
|
padding: 0 .75rem 0 .25rem;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
89
_sass/_layout.scss
Normal file
89
_sass/_layout.scss
Normal file
@ -0,0 +1,89 @@
|
|||||||
|
.container {
|
||||||
|
margin: 0 auto;
|
||||||
|
max-width: 800px;
|
||||||
|
width: 80%;
|
||||||
|
}
|
||||||
|
|
||||||
|
main, footer, .nav-container {
|
||||||
|
margin: 0 auto;
|
||||||
|
max-width: 800px;
|
||||||
|
width: 80%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav {
|
||||||
|
box-shadow: 0 2px 2px -2px $shadow-color;
|
||||||
|
overflow: auto;
|
||||||
|
|
||||||
|
&-container {
|
||||||
|
margin: 1rem auto;
|
||||||
|
position: relative;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
&-title {
|
||||||
|
@include transition(all .2s ease-out);
|
||||||
|
color: $default-color;
|
||||||
|
display: inline-block;
|
||||||
|
margin: 0;
|
||||||
|
padding-right: .2rem;
|
||||||
|
|
||||||
|
&:hover,
|
||||||
|
&:focus {
|
||||||
|
opacity: .6;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
list-style-type: none;
|
||||||
|
margin: 1rem 0 0;
|
||||||
|
padding: 0;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
li {
|
||||||
|
@include transition(all .2s ease-out);
|
||||||
|
color: $default-color;
|
||||||
|
display: inline-block;
|
||||||
|
opacity: .6;
|
||||||
|
padding: 0 2rem 0 0;
|
||||||
|
|
||||||
|
&:last-child {
|
||||||
|
padding-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover,
|
||||||
|
&:focus {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: $default-color;
|
||||||
|
font-family: $sans-serif;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 600px) {
|
||||||
|
.nav {
|
||||||
|
&-container {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
bottom: 0;
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
font-family: $serif-secondary;
|
||||||
|
padding: 2rem 0;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
span {
|
||||||
|
color: $default-color;
|
||||||
|
font-size: .8rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
44
_sass/_pagination.scss
Normal file
44
_sass/_pagination.scss
Normal file
@ -0,0 +1,44 @@
|
|||||||
|
.pagination {
|
||||||
|
border-top: .5px solid $grey-2;
|
||||||
|
font-family: $serif-secondary;
|
||||||
|
padding-top: 2rem;
|
||||||
|
position: relative;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
span {
|
||||||
|
color: $default-shade;
|
||||||
|
font-size: 1.1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top {
|
||||||
|
@include transition(all .3s ease-out);
|
||||||
|
color: $default-color;
|
||||||
|
font-family: $sans-serif;
|
||||||
|
font-size: 1.1rem;
|
||||||
|
opacity: .6;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.arrow {
|
||||||
|
@include transition(all .3s ease-out);
|
||||||
|
color: $default-color;
|
||||||
|
position: absolute;
|
||||||
|
|
||||||
|
&:hover,
|
||||||
|
&:focus {
|
||||||
|
opacity: .6;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.left {
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.right {
|
||||||
|
right: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
51
_sass/_post.scss
Normal file
51
_sass/_post.scss
Normal file
@ -0,0 +1,51 @@
|
|||||||
|
.post {
|
||||||
|
padding: 3rem 0;
|
||||||
|
|
||||||
|
&-info {
|
||||||
|
color: $default-tint;
|
||||||
|
font-family: $serif-secondary;
|
||||||
|
letter-spacing: 0.5px;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
span {
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&-title {
|
||||||
|
color: $default-shade;
|
||||||
|
font-family: $sans-serif;
|
||||||
|
font-size: 4rem;
|
||||||
|
margin: 1rem 0;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
&-line {
|
||||||
|
border-top: 0.4rem solid $default-shade;
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto 3rem;
|
||||||
|
width: 4rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
margin: 0 0 1rem;
|
||||||
|
text-align: justify;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
margin: 0 auto 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
img+em {
|
||||||
|
color: $default-tint;
|
||||||
|
display: block;
|
||||||
|
font-family: $sans-serif;
|
||||||
|
font-size: 0.9rem;
|
||||||
|
font-style: normal;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
312
_sass/_syntax.scss
Normal file
312
_sass/_syntax.scss
Normal file
@ -0,0 +1,312 @@
|
|||||||
|
.highlight .hll {
|
||||||
|
background-color: #ffc;
|
||||||
|
}
|
||||||
|
|
||||||
|
.highlight .c {
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Comment */
|
||||||
|
.highlight .err {
|
||||||
|
color: #a00;
|
||||||
|
background-color: #faa
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Error */
|
||||||
|
.highlight .k {
|
||||||
|
color: #069;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Keyword */
|
||||||
|
.highlight .o {
|
||||||
|
color: #555
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Operator */
|
||||||
|
.highlight .cm {
|
||||||
|
color: #09f;
|
||||||
|
font-style: italic
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Comment.Multiline */
|
||||||
|
.highlight .cp {
|
||||||
|
color: #099
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Comment.Preproc */
|
||||||
|
.highlight .c1 {
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Comment.Single */
|
||||||
|
.highlight .cs {
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Comment.Special */
|
||||||
|
.highlight .gd {
|
||||||
|
background-color: #fcc;
|
||||||
|
border: 1px solid #c00
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Generic.Deleted */
|
||||||
|
.highlight .ge {
|
||||||
|
font-style: italic
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Generic.Emph */
|
||||||
|
.highlight .gr {
|
||||||
|
color: #f00
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Generic.Error */
|
||||||
|
.highlight .gh {
|
||||||
|
color: #030;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Generic.Heading */
|
||||||
|
.highlight .gi {
|
||||||
|
background-color: #cfc;
|
||||||
|
border: 1px solid #0c0
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Generic.Inserted */
|
||||||
|
.highlight .go {
|
||||||
|
color: #aaa
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Generic.Output */
|
||||||
|
.highlight .gp {
|
||||||
|
color: #009;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Generic.Prompt */
|
||||||
|
.highlight .gs {}
|
||||||
|
|
||||||
|
/* Generic.Strong */
|
||||||
|
.highlight .gu {
|
||||||
|
color: #030;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Generic.Subheading */
|
||||||
|
.highlight .gt {
|
||||||
|
color: #9c6
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Generic.Traceback */
|
||||||
|
.highlight .kc {
|
||||||
|
color: #069;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Keyword.Constant */
|
||||||
|
.highlight .kd {
|
||||||
|
color: #069;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Keyword.Declaration */
|
||||||
|
.highlight .kn {
|
||||||
|
color: #069;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Keyword.Namespace */
|
||||||
|
.highlight .kp {
|
||||||
|
color: #069
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Keyword.Pseudo */
|
||||||
|
.highlight .kr {
|
||||||
|
color: #069;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Keyword.Reserved */
|
||||||
|
.highlight .kt {
|
||||||
|
color: #078;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Keyword.Type */
|
||||||
|
.highlight .m {
|
||||||
|
color: #f60
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Literal.Number */
|
||||||
|
.highlight .s {
|
||||||
|
color: #d44950
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Literal.String */
|
||||||
|
.highlight .na {
|
||||||
|
color: #4f9fcf
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Name.Attribute */
|
||||||
|
.highlight .nb {
|
||||||
|
color: #366
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Name.Builtin */
|
||||||
|
.highlight .nc {
|
||||||
|
color: #0a8;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Name.Class */
|
||||||
|
.highlight .no {
|
||||||
|
color: #360
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Name.Constant */
|
||||||
|
.highlight .nd {
|
||||||
|
color: #99f
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Name.Decorator */
|
||||||
|
.highlight .ni {
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Name.Entity */
|
||||||
|
.highlight .ne {
|
||||||
|
color: #c00;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Name.Exception */
|
||||||
|
.highlight .nf {
|
||||||
|
color: #c0f
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Name.Function */
|
||||||
|
.highlight .nl {
|
||||||
|
color: #99f
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Name.Label */
|
||||||
|
.highlight .nn {
|
||||||
|
color: #0cf;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Name.Namespace */
|
||||||
|
.highlight .nt {
|
||||||
|
color: #2f6f9f;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Name.Tag */
|
||||||
|
.highlight .nv {
|
||||||
|
color: #033
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Name.Variable */
|
||||||
|
.highlight .ow {
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Operator.Word */
|
||||||
|
.highlight .w {
|
||||||
|
color: #bbb
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Text.Whitespace */
|
||||||
|
.highlight .mf {
|
||||||
|
color: #f60
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Literal.Number.Float */
|
||||||
|
.highlight .mh {
|
||||||
|
color: #f60
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Literal.Number.Hex */
|
||||||
|
.highlight .mi {
|
||||||
|
color: #f60
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Literal.Number.Integer */
|
||||||
|
.highlight .mo {
|
||||||
|
color: #f60
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Literal.Number.Oct */
|
||||||
|
.highlight .sb {
|
||||||
|
color: #c30
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Literal.String.Backtick */
|
||||||
|
.highlight .sc {
|
||||||
|
color: #c30
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Literal.String.Char */
|
||||||
|
.highlight .sd {
|
||||||
|
color: #c30;
|
||||||
|
font-style: italic
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Literal.String.Doc */
|
||||||
|
.highlight .s2 {
|
||||||
|
color: #c30
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Literal.String.Double */
|
||||||
|
.highlight .se {
|
||||||
|
color: #c30;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Literal.String.Escape */
|
||||||
|
.highlight .sh {
|
||||||
|
color: #c30
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Literal.String.Heredoc */
|
||||||
|
.highlight .si {
|
||||||
|
color: #a00
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Literal.String.Interpol */
|
||||||
|
.highlight .sx {
|
||||||
|
color: #c30
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Literal.String.Other */
|
||||||
|
.highlight .sr {
|
||||||
|
color: #3aa
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Literal.String.Regex */
|
||||||
|
.highlight .s1 {
|
||||||
|
color: #c30
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Literal.String.Single */
|
||||||
|
.highlight .ss {
|
||||||
|
color: #fc3
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Literal.String.Symbol */
|
||||||
|
.highlight .bp {
|
||||||
|
color: #366
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Name.Builtin.Pseudo */
|
||||||
|
.highlight .vc {
|
||||||
|
color: #033
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Name.Variable.Class */
|
||||||
|
.highlight .vg {
|
||||||
|
color: #033
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Name.Variable.Global */
|
||||||
|
.highlight .vi {
|
||||||
|
color: #033
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Name.Variable.Instance */
|
||||||
|
.highlight .il {
|
||||||
|
color: #f60
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Literal.Number.Integer.Long */
|
||||||
|
.css .o,
|
||||||
|
.css .o+.nt,
|
||||||
|
.css .nt+.nt {
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
29
_sass/_variables.scss
Normal file
29
_sass/_variables.scss
Normal file
@ -0,0 +1,29 @@
|
|||||||
|
// Colors
|
||||||
|
$default-color: #555;
|
||||||
|
$default-shade: #353535;
|
||||||
|
$default-tint: #aaa;
|
||||||
|
$grey-1: #979797;
|
||||||
|
$grey-2: #e5e5e5;
|
||||||
|
$grey-3: #f9f9f9;
|
||||||
|
$white: #fff;
|
||||||
|
$blue: #4a9ae1;
|
||||||
|
$shadow-color: rgba(0, 0, 0, .2);
|
||||||
|
$code-color: #bf616a;
|
||||||
|
|
||||||
|
// Fonts
|
||||||
|
$serif-primary: 'Libre Baskerville', 'Times New Roman', Times, serif;
|
||||||
|
$serif-secondary: Palatino, 'Palatino LT STD', 'Palatino Linotype', 'Book Antiqua', 'Georgia', serif;
|
||||||
|
$sans-serif: 'Helvetica Neue', 'Segoe UI', Helvetica, Arial, sans-serif;
|
||||||
|
$monospaced: Menlo, Monaco, monospace;
|
||||||
|
|
||||||
|
@mixin box-sizing($type: border-box) {
|
||||||
|
-webkit-box-sizing: $type;
|
||||||
|
-moz-box-sizing: $type;
|
||||||
|
box-sizing: $type;
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin transition($args...) {
|
||||||
|
-webkit-transition: $args;
|
||||||
|
-moz-transition: $args;
|
||||||
|
transition: $args;
|
||||||
|
}
|
||||||
7
about.md
Normal file
7
about.md
Normal file
@ -0,0 +1,7 @@
|
|||||||
|
---
|
||||||
|
layout: post
|
||||||
|
title: "About"
|
||||||
|
author: "Valentin Popov"
|
||||||
|
permalink: /about/
|
||||||
|
---
|
||||||
|
|
||||||
BIN
assets/apple-touch-icon.png
Normal file
BIN
assets/apple-touch-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
assets/favicon-16x16.png
Normal file
BIN
assets/favicon-16x16.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 578 B |
BIN
assets/favicon-32x32.png
Normal file
BIN
assets/favicon-32x32.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 753 B |
BIN
favicon.ico
Normal file
BIN
favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
32
index.html
Normal file
32
index.html
Normal file
@ -0,0 +1,32 @@
|
|||||||
|
---
|
||||||
|
layout: default
|
||||||
|
title: Home
|
||||||
|
---
|
||||||
|
|
||||||
|
<div class="catalogue">
|
||||||
|
{% for post in paginator.posts %}
|
||||||
|
<a href="{{ post.url | prepend: site.baseurl }}" class="catalogue-item">
|
||||||
|
<div>
|
||||||
|
<time datetime="{{ post.date }}" class="catalogue-time">{{ post.date | date: "%B %d, %Y" }}</time>
|
||||||
|
<h1 class="catalogue-title">{{ post.title }}</h1>
|
||||||
|
<div class="catalogue-line"></div>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
{{ post.content | truncatewords: 30 | strip_html }}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="pagination">
|
||||||
|
{% if paginator.previous_page %}
|
||||||
|
<a href="{{ paginator.previous_page_path | prepend: site.baseurl }}" class="left arrow">←</a>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
{% if paginator.next_page %}
|
||||||
|
<a href="{{ paginator.next_page_path | prepend: site.baseurl }}" class="right arrow">→</a>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
<span>{{ paginator.page }}</span>
|
||||||
|
</div>
|
||||||
13
styles.scss
Normal file
13
styles.scss
Normal file
@ -0,0 +1,13 @@
|
|||||||
|
---
|
||||||
|
# Use a comment to ensure Jekyll reads the file to be transformed into CSS later
|
||||||
|
# only main files contain this front matter, not partials.
|
||||||
|
---
|
||||||
|
|
||||||
|
@import 'variables';
|
||||||
|
@import 'base';
|
||||||
|
@import 'code';
|
||||||
|
@import 'post';
|
||||||
|
@import 'syntax';
|
||||||
|
@import 'layout';
|
||||||
|
@import 'pagination';
|
||||||
|
@import 'catalogue';
|
||||||
Loading…
Reference in New Issue
Block a user