diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..5840a69 --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +*.lock +/_site \ No newline at end of file diff --git a/404.md b/404.md new file mode 100644 index 0000000..caf01f4 --- /dev/null +++ b/404.md @@ -0,0 +1,9 @@ +--- +layout: error +permalink: /404 +permalink_name: 404 +title: 404 - PAGE NOT FOUND +--- + +

404

+PAGE NOT FOUND diff --git a/Gemfile b/Gemfile new file mode 100644 index 0000000..e202b75 --- /dev/null +++ b/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 diff --git a/README.md b/README.md new file mode 100644 index 0000000..67494a5 --- /dev/null +++ b/README.md @@ -0,0 +1,65 @@ + + +# 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). diff --git a/_config.yml b/_config.yml new file mode 100644 index 0000000..5771955 --- /dev/null +++ b/_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 diff --git a/_includes/footer.html b/_includes/footer.html new file mode 100644 index 0000000..f4bc1fa --- /dev/null +++ b/_includes/footer.html @@ -0,0 +1,9 @@ + diff --git a/_includes/head.html b/_includes/head.html new file mode 100644 index 0000000..ce73cf3 --- /dev/null +++ b/_includes/head.html @@ -0,0 +1,16 @@ + + + + + + + {% if page.layout != 'home' %}{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %} - {{ site.title }}{% else %} + {{ site.title }}{% endif %} + + + + + + {% seo %} + + diff --git a/_includes/header.html b/_includes/header.html new file mode 100644 index 0000000..8a4e2a3 --- /dev/null +++ b/_includes/header.html @@ -0,0 +1,15 @@ +{%- assign page_paths = site.header_pages | default: default_paths -%} + +
+
+ +
+
diff --git a/_layouts/default.html b/_layouts/default.html new file mode 100644 index 0000000..f60da05 --- /dev/null +++ b/_layouts/default.html @@ -0,0 +1,15 @@ + + + + {% include head.html %} + + + + {% include header.html %} + + {{ content }} + + {% include footer.html %} + + + diff --git a/_layouts/error.html b/_layouts/error.html new file mode 100644 index 0000000..2cc0fe4 --- /dev/null +++ b/_layouts/error.html @@ -0,0 +1,7 @@ +--- +layout: default +--- + +
+ {{ content }} +
diff --git a/_layouts/home.html b/_layouts/home.html new file mode 100644 index 0000000..3486ae9 --- /dev/null +++ b/_layouts/home.html @@ -0,0 +1,7 @@ +--- +layout: default +--- + +{%- if page.detail_image -%}{%- endif -%} + +{{ content }} diff --git a/_layouts/page.html b/_layouts/page.html new file mode 100644 index 0000000..c641735 --- /dev/null +++ b/_layouts/page.html @@ -0,0 +1,7 @@ +--- +layout: default +--- + +{%- if page.detail_image -%}{%- endif -%} + +{{ content }} diff --git a/_layouts/post.html b/_layouts/post.html new file mode 100644 index 0000000..0161afe --- /dev/null +++ b/_layouts/post.html @@ -0,0 +1,10 @@ +--- +layout: default +title: "POSTS" +--- + +{%- if page.detail_image -%}{%- endif -%} + +

{{ page.post-title }}

+ +{{ content }} diff --git a/assets/avatar.jpg b/assets/avatar.jpg new file mode 100644 index 0000000..f5821d7 Binary files /dev/null and b/assets/avatar.jpg differ diff --git a/assets/css/main.scss b/assets/css/main.scss new file mode 100644 index 0000000..721165f --- /dev/null +++ b/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; } diff --git a/assets/css/syntax-highlighting.css b/assets/css/syntax-highlighting.css new file mode 100644 index 0000000..74e50cb --- /dev/null +++ b/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 */ diff --git a/assets/earth.gif b/assets/earth.gif new file mode 100644 index 0000000..33550d7 Binary files /dev/null and b/assets/earth.gif differ diff --git a/assets/linux.png b/assets/linux.png new file mode 100644 index 0000000..e13e181 Binary files /dev/null and b/assets/linux.png differ diff --git a/assets/open-source.png b/assets/open-source.png new file mode 100644 index 0000000..7011405 Binary files /dev/null and b/assets/open-source.png differ diff --git a/assets/telegram_icon.png b/assets/telegram_icon.png new file mode 100644 index 0000000..ea5a1d3 Binary files /dev/null and b/assets/telegram_icon.png differ diff --git a/assets/theme_logo.svg b/assets/theme_logo.svg new file mode 100644 index 0000000..ff9d1eb --- /dev/null +++ b/assets/theme_logo.svg @@ -0,0 +1,14 @@ + + + + A4 Copy 54 + Created with Sketch. + + + + + + + + + \ No newline at end of file diff --git a/assets/twitter_icon.svg b/assets/twitter_icon.svg new file mode 100644 index 0000000..f4a3e40 --- /dev/null +++ b/assets/twitter_icon.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + \ No newline at end of file diff --git a/index.html b/index.html deleted file mode 100644 index 3e7affb..0000000 --- a/index.html +++ /dev/null @@ -1,11 +0,0 @@ - - -
- Hello World! -
- - -
Hello World!
- - - diff --git a/index.md b/index.md new file mode 100644 index 0000000..6ea5d01 --- /dev/null +++ b/index.md @@ -0,0 +1,37 @@ +--- +layout: home +permalink: / +permalink_name: /home +title: ChronosX88's Homepage +--- + + + +# Hello world! I'm ChronosX88! + +Welcome to my little slice of web. + +## πŸ“œ About me +- [πŸ‘¨πŸ½β€πŸ’»] Fullstack software engineer +- [] Free software activist +- [] 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 fox jumps over the lazy dog.* \ No newline at end of file