Add content and jekyll theme

.gitignore

@@ -0,0 +1,2 @@
+*.lock
+/_site

404.md

@@ -0,0 +1,9 @@
+---
+layout: error
+permalink: /404
+permalink_name: 404
+title: 404 - PAGE NOT FOUND
+---
+
+<h1>404</h1>
+PAGE NOT FOUND

Gemfile

@@ -0,0 +1,11 @@
+# frozen_string_literal: true
+
+source "https://rubygems.org"
+
+# Including GitHub Pages gem
+gem "github-pages", group: :jekyll_plugins
+
+# Plugins used by the theme
+group :jekyll_plugins do
+  gem 'jemoji'
+end

README.md

@@ -0,0 +1,65 @@
+<img src="assets/theme_logo.svg" class="detail_header">
+
+# jekyll-shell-theme
+
+**Jekyll Shell Theme** is a light-weight customizable one-column jekyll theme that gives off:
+
+- Hackery Vibes
+- Shell Nostalgia
+- Code, code and more code
+
+See an example of this theme in action on the [theme's official site](https://tareqdandachi.github.io/jekyll-shell-theme).
+
+## Installation
+
+### Gem-based method
+
+Add this line to your Jekyll site's `Gemfile`:
+
+```ruby
+gem "jekyll-shell-theme"
+```
+
+And add this line to your Jekyll site's `_config.yml`:
+
+```yaml
+theme: jekyll-shell-theme
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install jekyll-shell-theme
+
+### Remote theme method
+
+Make sure your `Gemfile` contains the `github-pages` gem and **not** the `jekyll-shell-theme` gem.
+
+Then add `remote_theme: "tareqdandachi/jekyll-shell-theme"` to your `_config.yml` file.
+*Remove* any other `theme:` or `remote_theme:` entry.
+
+*For an example of what a config file could look like, look at [example-config.yml](https://github.com/tareqdandachi/jekyll-shell-theme/blob/master/example-config.yml)*
+
+## Usage
+
+TODO: Write usage instructions here. Describe your available layouts, includes, sass and/or assets.
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at https://github.com/tareqdandachi/jekyll-shell-theme. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
+
+## Development
+
+Everyone is welcome to fork this repo and modify the code. To set up your environment to develop this theme, run `bundle install`.
+
+To test the theme, run `bundle exec jekyll serve` and open your browser at `http://localhost:4000`. This starts a Jekyll server using the theme. Add pages, documents, data, etc. like normal to test the theme's contents. As you make modifications to your theme and to your content, your site will regenerate and you should see the changes in the browser after a refresh, just like normal.
+
+When your theme is released, only the files in `_layouts`, `_includes`, `_sass` and `assets` tracked with Git will be bundled.
+To add a custom directory to your theme-gem, please edit the regexp in `jekyll-shell-theme.gemspec` accordingly.
+
+## License
+
+The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).

_config.yml

@@ -0,0 +1,26 @@
+title: "ChronosX88"
+# tagline: "A jekyll theme that looks like a shell/terminal"
+description: "ChronosX88's personal website"
+
+github_username: ChronosX88
+twitter_username: ChronosX88
+telegram_username: ChronosX
+
+baseurl: ""
+url: "https://chronosx88.github.io"
+
+plugins:
+  - jemoji
+  - jekyll-sitemap
+  - jekyll-seo-tag
+
+sass:
+  style: compressed
+
+highlighter: rouge
+
+header_pages:
+  - index.md
+
+# set the size of the text to 'large' or 'small', default is small
+font-size: large

_includes/footer.html

@@ -0,0 +1,9 @@
+<footer>
+
+  {{ site.title }}/{{ page.permalink_name | replace: "/", "" | replace: " ", "-" }}
+  <br><br>
+  {% if site.github_username and site.github_username != "" %} :octocat: <a href="https://github.com/{{site.github_username}}">@{{ site.github_username }}</a> {% endif %}
+  {% if site.twitter_username and site.twitter_username != "" %} <img src="{{ '/assets/twitter_icon.svg' | relative_url }}" width="16wv"> <a href="https://twitter.com/{{site.twitter_username}}">@{{ site.twitter_username }}</a> {% endif %}
+  {% if site.telegram_username and site.telegram_username != "" %} <img src="{{ '/assets/telegram_icon.png' | relative_url }}" width="16wv"> <a href="https://t.me/{{site.telegram_username}}">@{{ site.telegram_username }}</a> {% endif %}
+
+</footer>

_includes/head.html

@@ -0,0 +1,16 @@
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+  <title>
+    {% if page.layout != 'home' %}{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %} - {{ site.title }}{% else %}
+    {{ site.title }}{% endif %}
+  </title>
+  <link rel="stylesheet" href="{{ '/assets/css/main.css' | relative_url }}">
+  <script type="text/javascript" src="{{ page.js_file | relative_url }}"></script>
+  <link rel="icon" type="image/jpeg" sizes="16x16" href="{{ '/assets/avatar.jpg' | relative_url }}">
+
+  {% seo %}
+
+</head>

_includes/header.html

@@ -0,0 +1,15 @@
+{%- assign page_paths = site.header_pages | default: default_paths -%}
+
+<header>
+  <div class="menu">
+    <ul>
+      <li class="page_title">{{ page.title }}</li>
+      {%- for path in page_paths -%}
+        {%- assign my_page = site.pages | where: "path", path | first -%}
+        {%- if my_page.title -%}
+        <li><a href="{{ my_page.url | relative_url }}">/{{ my_page.permalink_name | replace: " ", "-" | replace: "/", "" | my_page.permalink | replace: "/", "" | ERROR }}</a></li>
+        {%- endif -%}
+      {%- endfor -%}
+    </ul>
+  </div>
+</header>

_layouts/default.html

@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+
+  {% include head.html %}
+
+  <body class="{{ site.font-size }}">
+
+    {% include header.html %}
+
+    {{ content }}
+
+    {% include footer.html %}
+
+  </body>
+</html>

_layouts/error.html

@@ -0,0 +1,7 @@
+---
+layout: default
+---
+
+<div class="error_box">
+  {{ content }}
+</div>

_layouts/home.html

@@ -0,0 +1,7 @@
+---
+layout: default
+---
+
+{%- if page.detail_image -%}<img class="home_header" src="{{ page.detail_image }}">{%- endif -%}
+
+{{ content }}

_layouts/page.html

@@ -0,0 +1,7 @@
+---
+layout: default
+---
+
+{%- if page.detail_image -%}<img class="detail_header" src="{{ page.detail_image }}">{%- endif -%}
+
+{{ content }}

_layouts/post.html

@@ -0,0 +1,10 @@
+---
+layout: default
+title:  "POSTS"
+---
+
+{%- if page.detail_image -%}<img class="detail_header" src="{{ page.detail_image }}">{%- endif -%}
+
+<h1>{{ page.post-title }}</h1>
+
+{{ content }}

assets/css/main.scss

@@ -0,0 +1,69 @@
+---
+  # Style-Sheet
+---
+
+/* FONTS */
+@charset "utf-8";
+@import url('https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700');
+@import url('syntax-highlighting.css');
+
+:root {
+
+  --main-color: white;
+  --bg-color: black;
+
+  --text-color: #DDD;
+  --pop-color: white;
+  --alt-color: #2ed573;
+  --light-alt-color: rgba(46, 213, 115);
+
+}
+
+/* BASE */
+body { background-color: var(--bg-color); color: var(--main-color); font-family: 'Roboto Mono', monospace; margin: 0 auto; width: 90%; max-width: 700px; line-height: 2em; font-size: 0.9em; }
+h1, h2, h3, h4, h5, h6 {  margin: 0px;  margin-top: 22px;  font-weight: bold;  color: var(--pop-color); font-size: 1em; }
+h1 { font-size: 1.3em; } // slightly customize font size of headers
+h2 { font-size: 1.1em; }
+p, ul, ol { font-size: 1em;  color: var(--text-color); }
+a { text-decoration: underline;  color: var(--alt-color); }
+a:hover { color: var(--bg-color); background-color: var(--alt-color); }
+.primary-text { color: var(--main-color); }
+@media only screen and (max-device-width: 500px) { * { font-size: 12px !important; } }
+b, strong { color: var(--main-color); }
+.invert { color: var(--bg-color); background-color: var(--main-color); padding-left: 3px; padding-right: 3px; padding-top: 1px; padding-bottom: 1px; }
+
+/* SMALL FONT OVERRIDE */
+body.large { line-height: 2em; font-size: 1em; }
+
+/* LAYOUT */
+.container { margin-right: auto;  margin-left: auto; }
+p { word-wrap: break-word;  word-break: break-word;  white-space: pre-wrap; }
+footer { color: var(--text-color);  border-top: dashed 1px rgba(219, 219, 219, 0.9);  margin: 20px auto 15px;  padding-top: 10px;  text-align: right; }
+header { margin-top: 25px;  margin-bottom: 10px; }
+header p { text-align: left;  margin: 0; }
+footer { margin-bottom: 20px; }
+img.home_header { width: 100%; margin-top: 5%; margin-bottom: 5%; }
+img.detail_header { width: 100%; }
+
+/* LISTS */
+:not(.menu) > ul { list-style: none; padding-left: 1em; }
+ul :not(.menu) > ul { list-style: none; padding-left: 3em; margin-top: 0.5em; margin-bottom: 0.7em; }
+:not(.menu) > ul { list-style-type: none; }
+:not(.menu) > ul > li:before { content: "-";  margin-right: 9px; }
+ul :not(.menu) > ul > li:before { content: "*";  margin-right: 9px; }
+
+/* NAVIGATION */
+.menu { border-top: dashed 1px rgba(219, 219, 219, 0.9);  border-bottom: dashed 1px rgba(219, 219, 219, 0.9);  margin-bottom: 25px; }
+.menu ul { margin-top: 12px;  margin-bottom: 12px;  padding-left: 0px;  list-style-type: none;  text-align: right; }
+.menu ul li { display: inline;  margin-left: 10px; }
+.menu ul li a { text-decoration: none;  color: var(--text-color); }
+.menu ul li a:hover { text-decoration: none; color: var(--bg-color); background-color: var(--main-color); }
+.menu ul li.page_title { text-align: left; margin-left: 10px; float: left; font-weight: bold; color: var(--main-color) }
+
+
+/* ERROR PAGES */
+
+div.error_box { margin: 100px; text-align: center; }
+div.error_box h1 { font-size: 2em; }
+
+*::selection { background-color: var(--light-alt-color); color: black; }

assets/css/syntax-highlighting.css

@@ -0,0 +1,78 @@
+.highlight .hll { background-color: #333333 }
+.highlight  { background: #111111; color: #ffffff; padding-left: 10px; border-radius: 10px; padding-top: 1px; padding-bottom: 1px; }
+.highlight .c { color: #008800; font-style: italic; background-color: #0f140f } /* Comment */
+.highlight .err { color: #ffffff } /* Error */
+.highlight .esc { color: #ffffff } /* Escape */
+.highlight .g { color: #ffffff } /* Generic */
+.highlight .k { color: #fb660a; font-weight: bold } /* Keyword */
+.highlight .l { color: #ffffff } /* Literal */
+.highlight .n { color: #ffffff } /* Name */
+.highlight .o { color: #ffffff } /* Operator */
+.highlight .x { color: #ffffff } /* Other */
+.highlight .p { color: #ffffff } /* Punctuation */
+.highlight .ch { color: #008800; font-style: italic; background-color: #0f140f } /* Comment.Hashbang */
+.highlight .cm { color: #008800; font-style: italic; background-color: #0f140f } /* Comment.Multiline */
+.highlight .cp { color: #34c759; font-weight: bold; font-style: italic; background-color: #0f140f } /* Comment.Preproc */
+.highlight .cpf { color: #008800; font-style: italic; background-color: #0f140f } /* Comment.PreprocFile */
+.highlight .c1 { color: #008800; font-style: italic; background-color: #0f140f } /* Comment.Single */
+.highlight .cs { color: #008800; font-style: italic; background-color: #0f140f } /* Comment.Special */
+.highlight .gd { color: #ffffff } /* Generic.Deleted */
+.highlight .ge { color: #ffffff } /* Generic.Emph */
+.highlight .gr { color: #ffffff } /* Generic.Error */
+.highlight .gh { color: #ffffff; font-weight: bold } /* Generic.Heading */
+.highlight .gi { color: #ffffff } /* Generic.Inserted */
+.highlight .go { color: #444444; background-color: #222222 } /* Generic.Output */
+.highlight .gp { color: #ffffff } /* Generic.Prompt */
+.highlight .gs { color: #ffffff } /* Generic.Strong */
+.highlight .gu { color: #ffffff; font-weight: bold } /* Generic.Subheading */
+.highlight .gt { color: #ffffff } /* Generic.Traceback */
+.highlight .kc { color: #fb660a; font-weight: bold } /* Keyword.Constant */
+.highlight .kd { color: #fb660a; font-weight: bold } /* Keyword.Declaration */
+.highlight .kn { color: #fb660a; font-weight: bold } /* Keyword.Namespace */
+.highlight .kp { color: #fb660a } /* Keyword.Pseudo */
+.highlight .kr { color: #fb660a; font-weight: bold } /* Keyword.Reserved */
+.highlight .kt { color: #5e5ce6; font-weight: bold } /* Keyword.Type */
+.highlight .ld { color: #ffffff } /* Literal.Date */
+.highlight .m { color: #0086f7; font-weight: bold } /* Literal.Number */
+.highlight .s { color: #e65c71 } /* Literal.String */
+.highlight .na { color: #ff0086; font-weight: bold } /* Name.Attribute */
+.highlight .nb { color: #ffffff } /* Name.Builtin */
+.highlight .nc { color: #ffffff } /* Name.Class */
+.highlight .no { color: #0086d2 } /* Name.Constant */
+.highlight .nd { color: #ffffff } /* Name.Decorator */
+.highlight .ni { color: #ffffff } /* Name.Entity */
+.highlight .ne { color: #ffffff } /* Name.Exception */
+.highlight .nf { color: #ff0086; font-weight: bold } /* Name.Function */
+.highlight .nl { color: #ffffff } /* Name.Label */
+.highlight .nn { color: #ffffff } /* Name.Namespace */
+.highlight .nx { color: #ffffff } /* Name.Other */
+.highlight .py { color: #ffffff } /* Name.Property */
+.highlight .nt { color: #fb660a; font-weight: bold } /* Name.Tag */
+.highlight .nv { color: #fb660a } /* Name.Variable */
+.highlight .ow { color: #ffffff } /* Operator.Word */
+.highlight .w { color: #888888 } /* Text.Whitespace */
+.highlight .mb { color: #0086f7; font-weight: bold } /* Literal.Number.Bin */
+.highlight .mf { color: #0086f7; font-weight: bold } /* Literal.Number.Float */
+.highlight .mh { color: #0086f7; font-weight: bold } /* Literal.Number.Hex */
+.highlight .mi { color: #0086f7; font-weight: bold } /* Literal.Number.Integer */
+.highlight .mo { color: #0086f7; font-weight: bold } /* Literal.Number.Oct */
+.highlight .sa { color: #0086d2 } /* Literal.String.Affix */
+.highlight .sb { color: #0086d2 } /* Literal.String.Backtick */
+.highlight .sc { color: #0086d2 } /* Literal.String.Char */
+.highlight .dl { color: #0086d2 } /* Literal.String.Delimiter */
+.highlight .sd { color: #0086d2 } /* Literal.String.Doc */
+.highlight .s2 { color: #0086d2 } /* Literal.String.Double */
+.highlight .se { color: #0086d2 } /* Literal.String.Escape */
+.highlight .sh { color: #0086d2 } /* Literal.String.Heredoc */
+.highlight .si { color: #0086d2 } /* Literal.String.Interpol */
+.highlight .sx { color: #0086d2 } /* Literal.String.Other */
+.highlight .sr { color: #0086d2 } /* Literal.String.Regex */
+.highlight .s1 { color: #0086d2 } /* Literal.String.Single */
+.highlight .ss { color: #0086d2 } /* Literal.String.Symbol */
+.highlight .bp { color: #ffffff } /* Name.Builtin.Pseudo */
+.highlight .fm { color: #ff0086; font-weight: bold } /* Name.Function.Magic */
+.highlight .vc { color: #fb660a } /* Name.Variable.Class */
+.highlight .vg { color: #fb660a } /* Name.Variable.Global */
+.highlight .vi { color: #fb660a } /* Name.Variable.Instance */
+.highlight .vm { color: #fb660a } /* Name.Variable.Magic */
+.highlight .il { color: #0086f7; font-weight: bold } /* Literal.Number.Integer.Long */

assets/twitter_icon.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Creator: CorelDRAW X6 -->
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="70.5556mm" height="57.3391mm" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" viewBox="0 0 6701 5446" xmlns:xlink="http://www.w3.org/1999/xlink">
+ <defs>
+  <style type="text/css">
+   <![CDATA[
+    .fil0 {fill:#41ABE1}
+   ]]>
+  </style>
+ </defs>
+ <g id="Livello_x0020_1">
+  <metadata id="CorelCorpID_0Corel-Layer"/>
+  <path class="fil0" d="M6701 645c-247,109 -512,183 -790,216 284,-170 502,-440 604,-761 -266,158 -560,272 -873,334 -251,-267 -608,-434 -1004,-434 -759,0 -1375,616 -1375,1375 0,108 12,213 36,313 -1143,-57 -2156,-605 -2834,-1437 -118,203 -186,439 -186,691 0,477 243,898 612,1144 -225,-7 -437,-69 -623,-172 0,6 0,11 0,17 0,666 474,1222 1103,1348 -115,31 -237,48 -362,48 -89,0 -175,-9 -259,-25 175,546 683,944 1284,955 -471,369 -1063,589 -1708,589 -111,0 -220,-7 -328,-19 608,390 1331,618 2108,618 2529,0 3912,-2095 3912,-3912 0,-60 -1,-119 -4,-178 269,-194 502,-436 686,-712z"/>
+ </g>
+<script xmlns=""/></svg>

index.html

@@ -1,11 +0,0 @@
-<html>
-
-<header>
-    <title>Hello World!</title>
-</header>
-
-<body style="background-color: #000000;">
-    <center style="color: #00FF00;font-size: 24pt;"><b>Hello World!</b></center>
-</body>
-
-</html>

index.md

@@ -0,0 +1,37 @@
+---
+layout: home
+permalink: /
+permalink_name: /home
+title: ChronosX88's Homepage
+---
+
+<img src="{{ '/assets/avatar.jpg' | relative_url }}" width="128px">
+
+# <img src="{{ '/assets/earth.gif' | relative_url }}" width="21px"> Hello world! I'm ChronosX88!
+
+Welcome to my little slice of web.
+
+## 📜 About me
+- [👨🏽‍💻] Fullstack software engineer   
+- [<img src="{{ '/assets/open-source.png' | relative_url }}" width="20px" style="vertical-align: middle;">] Free software activist   
+- [<img src="{{ '/assets/linux.png' | relative_url }}" width="20px" style="vertical-align: middle;">] Experienced GNU/Linux user  
+
+I'm interested in computer science, software engineering and various other tech sciences. In my free time I do personal programming projects. Also I like electronic music creation, radio amateurism, computer gaming. One of the admins of [netwhood.online](https://netwhood.online).
+
+## :star: My programming skills
+
+- distributed/decentralized systems
+- web services (mostly backend, a little bit of frontend)
+- DevOps (basic Docker knowledge, administration/tuning of Linux servers)
+- little neural networks knowledge (I have some experience with PyTorch)
+- network/system programming
+- mobile development (Android)
+- and many other things :smiley:
+
+
+## 💬 The languages I speak
+
+- [🇷🇺] Russian (native language)
+- [🇺🇸] English (second language)
+
+*The quick brown <a href="/easter_egg" style="color: var(--text-color); text-decoration: none;">fox</a> jumps over the lazy dog.*