From db5494dff0b2b8b344f37a2fa1d2f8b9c450098f Mon Sep 17 00:00:00 2001 From: Valentin Popov Date: Sat, 6 Jan 2018 12:12:53 +0000 Subject: Initial commit --- .gitignore | 44 +++++ 404.html | 25 +++ Gemfile | 19 +++ LICENSE.md | 0 README.md | 0 _config.yml | 31 ++++ _includes/head.html | 21 +++ _layouts/default.html | 30 ++++ _layouts/post.html | 36 ++++ _posts/2018-01-01-example-content.md | 136 +++++++++++++++ _sass/_base.scss | 59 +++++++ _sass/_catalogue.scss | 39 +++++ _sass/_code.scss | 44 +++++ _sass/_layout.scss | 89 ++++++++++ _sass/_pagination.scss | 44 +++++ _sass/_post.scss | 51 ++++++ _sass/_syntax.scss | 312 +++++++++++++++++++++++++++++++++++ _sass/_variables.scss | 29 ++++ about.md | 7 + assets/apple-touch-icon.png | Bin 0 -> 1077 bytes assets/favicon-16x16.png | Bin 0 -> 578 bytes assets/favicon-32x32.png | Bin 0 -> 753 bytes favicon.ico | Bin 0 -> 15086 bytes index.html | 32 ++++ styles.scss | 13 ++ 25 files changed, 1061 insertions(+) create mode 100644 .gitignore create mode 100644 404.html create mode 100644 Gemfile create mode 100644 LICENSE.md create mode 100644 README.md create mode 100644 _config.yml create mode 100644 _includes/head.html create mode 100644 _layouts/default.html create mode 100644 _layouts/post.html create mode 100644 _posts/2018-01-01-example-content.md create mode 100644 _sass/_base.scss create mode 100644 _sass/_catalogue.scss create mode 100644 _sass/_code.scss create mode 100644 _sass/_layout.scss create mode 100644 _sass/_pagination.scss create mode 100644 _sass/_post.scss create mode 100644 _sass/_syntax.scss create mode 100644 _sass/_variables.scss create mode 100644 about.md create mode 100644 assets/apple-touch-icon.png create mode 100644 assets/favicon-16x16.png create mode 100644 assets/favicon-32x32.png create mode 100644 favicon.ico create mode 100644 index.html create mode 100644 styles.scss diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..bc4001c --- /dev/null +++ b/.gitignore @@ -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 \ No newline at end of file diff --git a/404.html b/404.html new file mode 100644 index 0000000..6ce0665 --- /dev/null +++ b/404.html @@ -0,0 +1,25 @@ +--- +layout: default +--- + + + +
+

404

+ +

Page not found :(

+

The requested page could not be found.

+
diff --git a/Gemfile b/Gemfile new file mode 100644 index 0000000..593a0a4 --- /dev/null +++ b/Gemfile @@ -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] diff --git a/LICENSE.md b/LICENSE.md new file mode 100644 index 0000000..e69de29 diff --git a/README.md b/README.md new file mode 100644 index 0000000..e69de29 diff --git a/_config.yml b/_config.yml new file mode 100644 index 0000000..3a0454f --- /dev/null +++ b/_config.yml @@ -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" diff --git a/_includes/head.html b/_includes/head.html new file mode 100644 index 0000000..b4db74a --- /dev/null +++ b/_includes/head.html @@ -0,0 +1,21 @@ + + + + + + {% if page.title == "Home" %} + {{ site.title }} + {% else %} + {{ page.title }} · {{ site.title }} + {% endif %} + + + + + + + + + + + diff --git a/_layouts/default.html b/_layouts/default.html new file mode 100644 index 0000000..67ce6c9 --- /dev/null +++ b/_layouts/default.html @@ -0,0 +1,30 @@ + + + +{% include head.html %} + + + + +
+ {{ content }} +
+ + + + + diff --git a/_layouts/post.html b/_layouts/post.html new file mode 100644 index 0000000..748d3a9 --- /dev/null +++ b/_layouts/post.html @@ -0,0 +1,36 @@ +--- +layout: default +--- + +
+
+ Written by + {% if page.author %} + {{ page.author }} + {% else %} + {{ site.author.name }} + {% endif %} + + {% if page.date %} +
+ on  {% endif %} +
+ +

{{ page.title }}

+
+ + {{ content }} + +
+ + diff --git a/_posts/2018-01-01-example-content.md b/_posts/2018-01-01-example-content.md new file mode 100644 index 0000000..ac02a02 --- /dev/null +++ b/_posts/2018-01-01-example-content.md @@ -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~~ +- Underline +- Superscript +- Subscript +- Abbreviation: HTML +- Citation: — Chester How +{% endhighlight %} + +- **Bold** +- _Italics_ +- ~~Strikethrough~~ +- Underline +- Superscript +- Subscript +- Abbreviation: HTML +- Citation: — Chester How + +# 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 %} +![Placeholder image](https://placehold.it/800x400 "Placeholder image") + +![Image with caption](https://placehold.it/700x400 "Image with caption") +_This is an image with a caption_ +{% endhighlight %} + +![Placeholder image](https://placehold.it/800x400 "Placeholder image") + +![Image with caption](https://placehold.it/700x400 "Image with caption") +_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 `
` for horizontal rules + +
+ +and `
` for line breaks. + +
+{% endhighlight %} + +Use `
` for horizontal rules + +
+ +and `
` for line breaks. + +
+ +_The end_ diff --git a/_sass/_base.scss b/_sass/_base.scss new file mode 100644 index 0000000..cdf20d3 --- /dev/null +++ b/_sass/_base.scss @@ -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; +} diff --git a/_sass/_catalogue.scss b/_sass/_catalogue.scss new file mode 100644 index 0000000..efc113c --- /dev/null +++ b/_sass/_catalogue.scss @@ -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; + } +} diff --git a/_sass/_code.scss b/_sass/_code.scss new file mode 100644 index 0000000..1aab580 --- /dev/null +++ b/_sass/_code.scss @@ -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; + } +} diff --git a/_sass/_layout.scss b/_sass/_layout.scss new file mode 100644 index 0000000..58b03a2 --- /dev/null +++ b/_sass/_layout.scss @@ -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; + } +} diff --git a/_sass/_pagination.scss b/_sass/_pagination.scss new file mode 100644 index 0000000..05adf90 --- /dev/null +++ b/_sass/_pagination.scss @@ -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; + } +} diff --git a/_sass/_post.scss b/_sass/_post.scss new file mode 100644 index 0000000..08949f3 --- /dev/null +++ b/_sass/_post.scss @@ -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; + } +} diff --git a/_sass/_syntax.scss b/_sass/_syntax.scss new file mode 100644 index 0000000..38c22c4 --- /dev/null +++ b/_sass/_syntax.scss @@ -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; +} diff --git a/_sass/_variables.scss b/_sass/_variables.scss new file mode 100644 index 0000000..288ade9 --- /dev/null +++ b/_sass/_variables.scss @@ -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; +} diff --git a/about.md b/about.md new file mode 100644 index 0000000..fc198fe --- /dev/null +++ b/about.md @@ -0,0 +1,7 @@ +--- +layout: post +title: "About" +author: "Valentin Popov" +permalink: /about/ +--- + diff --git a/assets/apple-touch-icon.png b/assets/apple-touch-icon.png new file mode 100644 index 0000000..f4a8c65 Binary files /dev/null and b/assets/apple-touch-icon.png differ diff --git a/assets/favicon-16x16.png b/assets/favicon-16x16.png new file mode 100644 index 0000000..cfc9142 Binary files /dev/null and b/assets/favicon-16x16.png differ diff --git a/assets/favicon-32x32.png b/assets/favicon-32x32.png new file mode 100644 index 0000000..21634dd Binary files /dev/null and b/assets/favicon-32x32.png differ diff --git a/favicon.ico b/favicon.ico new file mode 100644 index 0000000..d7b0ba4 Binary files /dev/null and b/favicon.ico differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..ce4965c --- /dev/null +++ b/index.html @@ -0,0 +1,32 @@ +--- +layout: default +title: Home +--- + +
+ {% for post in paginator.posts %} + +
+ +

{{ post.title }}

+
+ +

+ {{ post.content | truncatewords: 30 | strip_html }} +

+
+ + {% endfor %} +
+ + diff --git a/styles.scss b/styles.scss new file mode 100644 index 0000000..776bd2e --- /dev/null +++ b/styles.scss @@ -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'; -- cgit v1.2.3