minimal-categorized 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,7 @@
1
+ ---
2
+ SHA256:
3
+ metadata.gz: daaea317799a1c1dede223c4864f2327dc1d61435b45564af2f0d0a375d6b2a3
4
+ data.tar.gz: 71a7b61f81cebbc46704a5a160aec300de15f1d2c9596ce22e1f1208a7ecdb6a
5
+ SHA512:
6
+ metadata.gz: 0f80ffa859f32f670fbadb234d9c59c7e1a4ef284bdf16e718f1e0519aa1524bd489c7d9d2b03cd859860e05317862a79c45308f56bd79d461c08901d42c748f
7
+ data.tar.gz: 5865d8edc8de51c55e62840d1d0aae9fb900b9bf7437ae3d293ec7ae64d94c627b7617fa621b9d047d907a02a62920989e96ffa3b266cfeff5cafb4d8c740ed6
@@ -0,0 +1,21 @@
1
+ The MIT License (MIT)
2
+
3
+ Copyright (c) 2020 Patryk Bieszke
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in
13
+ all copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
21
+ THE SOFTWARE.
@@ -0,0 +1,52 @@
1
+ # minimal-categorized
2
+
3
+ Welcome to your new Jekyll theme! In this directory, you'll find the files you need to be able to package up your theme into a gem. Put your layouts in `_layouts`, your includes in `_includes`, your sass files in `_sass` and any other assets in `assets`.
4
+
5
+ To experiment with this code, add some sample content and run `bundle exec jekyll serve` – this directory is setup just like a Jekyll site!
6
+
7
+ TODO: Delete this and the text above, and describe your gem
8
+
9
+
10
+ ## Installation
11
+
12
+ Add this line to your Jekyll site's `Gemfile`:
13
+
14
+ ```ruby
15
+ gem "minimal-categorized"
16
+ ```
17
+
18
+ And add this line to your Jekyll site's `_config.yml`:
19
+
20
+ ```yaml
21
+ theme: minimal-categorized
22
+ ```
23
+
24
+ And then execute:
25
+
26
+ $ bundle
27
+
28
+ Or install it yourself as:
29
+
30
+ $ gem install minimal-categorized
31
+
32
+ ## Usage
33
+
34
+ TODO: Write usage instructions here. Describe your available layouts, includes, sass and/or assets.
35
+
36
+ ## Contributing
37
+
38
+ Bug reports and pull requests are welcome on GitHub at https://github.com/[USERNAME]/hello. 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.
39
+
40
+ ## Development
41
+
42
+ To set up your environment to develop this theme, run `bundle install`.
43
+
44
+ Your theme is setup just like a normal Jekyll site! To test your theme, run `bundle exec jekyll serve` and open your browser at `http://localhost:4000`. This starts a Jekyll server using your theme. Add pages, documents, data, etc. like normal to test your 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.
45
+
46
+ When your theme is released, only the files in `_layouts`, `_includes`, `_sass` and `assets` tracked with Git will be bundled.
47
+ To add a custom directory to your theme-gem, please edit the regexp in `minimal-categorized.gemspec` accordingly.
48
+
49
+ ## License
50
+
51
+ The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
52
+
@@ -0,0 +1,40 @@
1
+ # Welcome to Jekyll!
2
+ #
3
+ # This config file is meant for settings that affect your whole blog, values
4
+ # which you are expected to set up once and rarely edit after that. If you find
5
+ # yourself editing this file very often, consider using Jekyll's data files
6
+ # feature for the data you need to update frequently.
7
+ #
8
+ # For technical reasons, this file is *NOT* reloaded automatically when you use
9
+ # 'bundle exec jekyll serve'. If you change this file, please restart the server process.
10
+
11
+ # Site settings
12
+ # These are used to personalize your new site. If you look in the HTML files,
13
+ # you will see them accessed via {{ site.title }}, {{ site.email }}, and so on.
14
+ # You can create any custom variable you would like, and they will be accessible
15
+ # in the templates via {{ site.myvariable }}.
16
+ title: Site title
17
+ email: bieszke.patryk@example.com
18
+ description: >- # this means to ignore newlines until "baseurl:"
19
+ Write an awesome description for your new site here. You can edit this
20
+ line in _config.yml. It will appear in your document head meta (for
21
+ Google search results) and in your feed.xml site description.
22
+ baseurl: "" # the subpath of your site, e.g. /blog
23
+ url: "" # the base hostname & protocol for your site, e.g. http://example.com
24
+ twitter_username: ItsMeaga1n
25
+ github_username: ItsMeaga1n
26
+
27
+ # Build settings
28
+ markdown: kramdown
29
+ theme: minimal-categorized
30
+ # Exclude these files from production site
31
+ exclude:
32
+ - CHANGELOG.md
33
+ - CNAME
34
+ - Gemfile
35
+ - Gemfile.lock
36
+ - LICENSE
37
+ - README.md
38
+ - screenshot.png
39
+ - docs/
40
+ - node_modules
@@ -0,0 +1,38 @@
1
+ menu_title: Example menu title
2
+ menu_headline: example menu headline
3
+ menu_intro: Hi! This is an example of intro that you could write for your jekyll minimal-categorized theme!
4
+ show_menu_on_category_select: False
5
+ minimal_menu: False
6
+ menu_logo: assets/img/logo.jpg
7
+
8
+ menu_pages:
9
+ - title: Category 1
10
+ url: /category-1.html
11
+ show_on_home: True
12
+ image_url:
13
+ icon_name: fas fa-cogs
14
+ category: category-1
15
+
16
+ - title: Category 2
17
+ url: /category-2.html
18
+ show_on_home: True
19
+ image_url:
20
+ icon_name: fas fa-cogs
21
+ category: category-2
22
+
23
+ - title: ABOUT
24
+ url: /about.html
25
+ show_on_home: False
26
+ icon_name: fas fa-address-card
27
+ category: about
28
+
29
+ menu_contacts:
30
+ - faicon: fab fa-github-alt
31
+ url:
32
+ target: _blank
33
+ - faicon: fab fa-twitter
34
+ url:
35
+ target: _blank
36
+ - faicon: fas fa-envelope
37
+ url:
38
+ target:
@@ -0,0 +1,2 @@
1
+ author: Site Author
2
+ avatar_url:
@@ -0,0 +1,10 @@
1
+ <script>
2
+ window.addEventListener("load", () => {
3
+ document.getElementsByClassName("copyrights")[0].innerHTML =
4
+ `Copyrights &copy; ${new Date().getFullYear()} {{ site.data.metaData.author }}`;
5
+ });
6
+ </script>
7
+ <footer>
8
+ <p class="copyrights">
9
+ </p>
10
+ </footer>
@@ -0,0 +1,31 @@
1
+ (function() {
2
+ const flexLarger = "0 55%";
3
+ const flexSmaller = "0 45%";
4
+
5
+ const getMouseEnterEvent = (hoverCategory, secoundCategory) => () => {
6
+ hoverCategory.style.flex = flexLarger;
7
+ secoundCategory.style.flex = flexSmaller;
8
+ };
9
+
10
+ const getMouseLeaveEvent = (leavingCategory, secoundCategory) => () => {
11
+ leavingCategory.style.flex = "";
12
+ secoundCategory.style.flex = "";
13
+ };
14
+
15
+ const attachEvents = (listeningCategory, secoundCategory) => {
16
+ listeningCategory.addEventListener("mouseenter", getMouseEnterEvent(listeningCategory, secoundCategory));
17
+ listeningCategory.addEventListener("mouseleave", getMouseLeaveEvent(listeningCategory, secoundCategory));
18
+ }
19
+
20
+ window.addEventListener("load", () => {
21
+ const categoryDivs = document.getElementsByClassName("category-container");
22
+ if(categoryDivs.length !== 2) {
23
+ return;
24
+ }
25
+ const category1 = categoryDivs[0];
26
+ const category2 = categoryDivs[1];
27
+
28
+ attachEvents(category1, category2);
29
+ attachEvents(category2, category1);
30
+ })
31
+ })()
@@ -0,0 +1,76 @@
1
+ {% if site.data.menu.minimal_menu %}
2
+ <aside class="menu minimal">
3
+ <div class="menu-top">
4
+
5
+ <ul class="navigation">
6
+ {% for menu_item in site.data.menu.menu_pages %}
7
+ <li>
8
+ <a href="{{ menu_item.url }}" category="{{ menu_item.category }}">
9
+ <i class="{{ menu_item.icon_name }}"> </i>
10
+ </a>
11
+ </li>
12
+ {% endfor %}
13
+ </ul>
14
+ </div>
15
+ <div class="menu-contact">
16
+ {% for contact in site.data.menu.menu_contacts %}
17
+
18
+ <a href="{{ contact.url }}" target="{{ contact.target }}">
19
+ <i class="{{ contact.faicon }}"></i>
20
+ </a>
21
+ {% endfor %}
22
+ </div>
23
+ </aside>
24
+ {% else %}
25
+
26
+ <aside class="menu">
27
+ <div class="menu-top">
28
+ <div class="profile">
29
+ <div class="avatar">
30
+ <a href="/about.html" alt="avatar">
31
+ <img src="{{ site.data.menu.menu_logo }}" alt="avatar" onerror="this.style.display='none'">
32
+ </a>
33
+ </div>
34
+ <h1>{{ site.data.menu.menu_title }}</h1>
35
+ <h2>{{ site.data.menu.menu_headline }}</h2>
36
+ <p>{{ site.data.menu.menu_intro }}</p>
37
+ </div>
38
+
39
+ <ul class="navigation">
40
+ {% for menu_item in site.data.menu.menu_pages %}
41
+ <li>
42
+ <a href="{{ menu_item.url }}">
43
+ <!-- <i class="fa-fw fas fa-home ml-xl-3 mr-xl-3 unloaded"> </i> -->
44
+ <span>{{ menu_item.title }}</span>
45
+ </a>
46
+ </li>
47
+ {% endfor %}
48
+ </ul>
49
+ </div>
50
+ <div class="menu-contact">
51
+ {% for contact in site.data.menu.menu_contacts %}
52
+
53
+ <a href="{{ contact.url }}" target="{{ contact.target }}">
54
+ <i class="{{ contact.faicon }}"></i>
55
+ </a>
56
+ {% endfor %}
57
+ </div>
58
+ </aside>
59
+ {% endif %}
60
+
61
+ <script>
62
+ (function() {
63
+ window.addEventListener("load", () => {
64
+ const navigation = document.getElementsByClassName("navigation")[0];
65
+ const selectedCategory = navigation.getElementsByTagName("a");
66
+ const currCategory = "{{ page.category }}";
67
+
68
+ for(menuItem of selectedCategory) {
69
+ if(menuItem.getAttribute("category") === currCategory) {
70
+ menuItem.classList.add("selected");
71
+ return;
72
+ }
73
+ }
74
+ });
75
+ })();
76
+ </script>
@@ -0,0 +1,29 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+ <div class="content-container category-aggregator {{ page.category }}">
5
+ <h1>{{ page.title }}</h1>
6
+ {{content}}
7
+ <hr>
8
+ {% for post in site.posts %}
9
+ {% if post.category == page.category %}
10
+ <article>
11
+ <header>
12
+ <h2>
13
+ <a href="{{ post.permalink }}">
14
+ <i class="fas fa-angle-right"></i>
15
+ {{ post.title }}
16
+ </a>
17
+ </h2>
18
+ <p class="article-date">{{ post.date | date: "%Y-%m-%d" }}</p>
19
+ </header>
20
+ <section>
21
+ <p>
22
+ {{ post.summary }}
23
+ </p>
24
+ </section>
25
+ <hr>
26
+ </article>
27
+ {% endif %}
28
+ {% endfor %}
29
+ </div>
@@ -0,0 +1,17 @@
1
+ <!doctype html>
2
+ <html>
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <title>{{ page.title }}</title>
6
+ <link rel="stylesheet" href="/assets/styles/styles.css">
7
+ <script src="https://kit.fontawesome.com/79c31398dc.js" crossorigin="anonymous"></script>
8
+ <script src="/assets/scripts/main.js" crossorigin="anonymous"></script>
9
+ </head>
10
+ <body>
11
+ {% include menu.html %}
12
+ <main class="content-layout">
13
+ {{ content }}
14
+ {% include footer.html %}
15
+ </main>
16
+ </body>
17
+ </html>
@@ -0,0 +1,34 @@
1
+ <!doctype html>
2
+ <html>
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <title>{{ page.title }}</title>
6
+ <link rel="stylesheet" href="/assets/styles/styles.css">
7
+ <script src="https://kit.fontawesome.com/79c31398dc.js" crossorigin="anonymous"></script>
8
+ <script>
9
+ {% include home.js %}
10
+ </script>
11
+ </head>
12
+ <body>
13
+ {% if site.data.menu.show_menu_on_category_select %}
14
+ {% include menu.html %}
15
+ <main class="content-layout">
16
+ {% else %}
17
+ <main class="content-layout no-menu">
18
+ {% endif %}
19
+ <div class="home">
20
+ {% for menu_item in site.data.menu.menu_pages %}
21
+ {% if menu_item.show_on_home %}
22
+ <a href="{{ menu_item.url }}" class="category-container">
23
+ <div class="category" style="background-image: url('{{ menu_item.image_url }}')"></div>
24
+ <p>
25
+ {{ menu_item.title }}
26
+ </p>
27
+ </a>
28
+ {% endif %}
29
+ {% endfor %}
30
+ </div>
31
+ </main>
32
+ </body>
33
+ </html>
34
+
@@ -0,0 +1,7 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+ <div class="content-container post {{ page.category }}">
5
+ <h1>{{ page.title }}</h1>
6
+ {{content}}
7
+ </div>
@@ -0,0 +1,2 @@
1
+ @import './variables/_index.scss';
2
+ @import './styles/_index.scss';
@@ -0,0 +1,21 @@
1
+ .category-aggregator {
2
+ color: $p_dark;
3
+ a {
4
+ color: $secondary;
5
+ }
6
+ hr {
7
+ border: 0;
8
+ height: 0;
9
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
10
+ border-bottom: 1px solid rgba(255, 255, 255, 0.3);
11
+ }
12
+ .article-date {
13
+ font-weight: 700;
14
+ padding-left: 18px;
15
+ }
16
+ section {
17
+ p {
18
+ padding-left: 18px;
19
+ }
20
+ }
21
+ }
@@ -0,0 +1,33 @@
1
+ @import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
2
+
3
+ h1 {
4
+ text-transform: uppercase;
5
+ font-weight: 700;
6
+ text-rendering: optimizeLegibility;
7
+ line-height: 1.1;
8
+ color: inherit;
9
+ text-align: center;
10
+ }
11
+
12
+ h2 {
13
+ font-weight: 700;
14
+ font-size: 1.5em;
15
+ color: $secondary;
16
+ }
17
+
18
+ html {
19
+ color: $base-white;
20
+ font-family: 'Roboto', sans-serif;
21
+ }
22
+ main {
23
+ .content-container {
24
+ margin: 0px auto;
25
+ max-width: 960px;
26
+ padding: 0px 18px 24px;
27
+ flex-grow: 1;
28
+ }
29
+ }
30
+ a {
31
+ text-decoration-line: none;
32
+ color: inherit;
33
+ }
@@ -0,0 +1,56 @@
1
+
2
+ .home {
3
+ flex-grow: 1;
4
+ display: flex;
5
+ flex-direction: row;
6
+ flex-wrap: wrap;
7
+ justify-content: space-between;
8
+ align-items: flex-start;
9
+ background-color: $p_dark;
10
+ a {
11
+ display: flex;
12
+ flex: 0 50%;
13
+ height: 100%;
14
+ justify-content: center;
15
+ align-items: center;
16
+ box-sizing: border-box;
17
+ border: 1px solid $base-white;
18
+ transition: .5s ease;
19
+ &:hover {
20
+ .category {
21
+ opacity: 0.25;
22
+ }
23
+ p {
24
+ opacity: 1;
25
+ }
26
+ }
27
+
28
+ .category {
29
+ display: flex;
30
+ flex: 0 100%;
31
+ opacity: 0.7;
32
+ height: 100%;
33
+ background-repeat: no-repeat;
34
+ background-size: cover;
35
+ transition: .5s ease;
36
+ backface-visibility: hidden;
37
+ @include mobile {
38
+ opacity: 0.25;
39
+ }
40
+ }
41
+
42
+ p {
43
+ color: $p_lightest;
44
+ font-size: 42px;
45
+ font-weight: 700;
46
+ transition: .5s ease;
47
+ opacity: 0;
48
+ position: absolute;
49
+ text-align: center;
50
+ text-shadow: $p_dark 3px 3px 3px;
51
+ @include mobile {
52
+ opacity: 1;
53
+ }
54
+ }
55
+ }
56
+ }
@@ -0,0 +1,6 @@
1
+ @import './defaults';
2
+ @import './menu';
3
+ @import './layout';
4
+ @import './home';
5
+ @import './category-aggregator';
6
+ @import './profile';
@@ -0,0 +1,37 @@
1
+
2
+ main {
3
+ background-color: $main-bg-color;
4
+ color: black;
5
+ float: right;
6
+ width: $content-width-desktop;
7
+ min-height: 300px;
8
+ margin: auto;
9
+ display: flex;
10
+ flex-direction: column;
11
+ height: 100%;
12
+ overflow-y: auto;
13
+ position: fixed;
14
+ left: $menu-size;
15
+ top: 0;
16
+ @include mobile {
17
+ top: $menu-size;
18
+ left: 0;
19
+ width: 100%;
20
+ }
21
+ &.no-menu {
22
+ width: 100%;
23
+ left: 0;
24
+ top: 0;
25
+ }
26
+ }
27
+ footer {
28
+ width: 100%;
29
+ text-align: center;
30
+ color: black;
31
+ display: flex;
32
+ justify-content: center;
33
+ font-size: 0.7em;
34
+ p {
35
+ margin: 0;
36
+ }
37
+ }
@@ -0,0 +1,112 @@
1
+ .menu {
2
+ $root: &;
3
+ background-image: linear-gradient(142deg, $p_dark 0%, $primary 45%, $p_dark 90%);
4
+ position: fixed;
5
+ left: 0;
6
+ top: 0;
7
+
8
+ display: flex;
9
+ flex-direction: column;
10
+ height: 100%;
11
+ overflow-y: auto;
12
+ float: left;
13
+ width: $menu-size;
14
+ box-sizing: border-box;
15
+ border-right: 2px solid $p_dark;
16
+
17
+ @include mobile {
18
+ flex-direction: row;
19
+ width: 100%;
20
+ height: $menu-size;
21
+ }
22
+
23
+ &-top {
24
+ box-sizing: border-box;
25
+ height: 100%;
26
+ flex-grow: 1;
27
+ }
28
+
29
+ &-top {
30
+ padding-left: 3px;
31
+ padding-right: 3px;
32
+ @include mobile {
33
+ padding: 3px 10px 3px 10px;
34
+ }
35
+ }
36
+
37
+ ul {
38
+ @include mobile {
39
+ display: flex;
40
+ flex-direction: row;
41
+ margin: 0;
42
+ }
43
+ padding-left: 0px;
44
+ li {
45
+ display: flex;
46
+ height: 50px;
47
+ justify-content:center;
48
+ a {
49
+ align-items:center;
50
+ color: $p_text;
51
+ cursor: pointer;
52
+ display: flex;
53
+ font-weight: 400;
54
+ justify-content: center;
55
+ letter-spacing: 1px;
56
+ line-height: 28px;
57
+ :hover {
58
+ text-decoration: underline;
59
+ font-weight: 900;
60
+ color: $p_lighter;
61
+
62
+ }
63
+ &.selected {
64
+ color: $s_lighter;
65
+ :hover {
66
+ color: $primary;
67
+ }
68
+ }
69
+ @include mobile {
70
+ height: calc(#{$menu-size} - 10px);
71
+ width: $menu-size;
72
+ font-size: 30px;
73
+ }
74
+ }
75
+ }
76
+ }
77
+
78
+ h2 {
79
+ color: darken($color: $s_text, $amount: 25);
80
+ font-weight: 400;
81
+ font-size: 1.1em;
82
+ line-height: 1.3;
83
+ }
84
+
85
+
86
+ &-contact {
87
+ @include mobile{
88
+ a {
89
+ margin-top: 8px;
90
+ height: calc(#{$menu-size} - 10px);
91
+ width: calc(#{$menu-size} - 10px);
92
+ font-size: 30px;
93
+ }
94
+ }
95
+ display:flex;
96
+ justify-content:center;
97
+ margin-bottom: 20px;
98
+ flex-wrap: wrap;
99
+ a {
100
+ color: $p_lighter;
101
+ cursor:pointer;
102
+ text-align:left;
103
+ text-size-adjust:100%;
104
+ user-select:none;
105
+ margin-left: 4px;
106
+ margin-right: 4px;
107
+ :hover {
108
+ color: $primary;
109
+ }
110
+ }
111
+ }
112
+ }
@@ -0,0 +1,26 @@
1
+ $avatar-dim: 96px;
2
+
3
+ .profile {
4
+ margin-top: 30px;
5
+ text-align: center;
6
+ .avatar {
7
+ justify-content: center!important;
8
+ display: flex;
9
+ a {
10
+ display: block;
11
+ width: $avatar-dim;
12
+ height: $avatar-dim;
13
+ border-radius: 50%;
14
+ border: 2px solid $p_light;
15
+ overflow: hidden;
16
+ }
17
+ img {
18
+ height: $avatar-dim;
19
+ width: $avatar-dim;
20
+ }
21
+ }
22
+ p {
23
+ margin: 6px;
24
+ line-height: 1.5em;
25
+ }
26
+ }
@@ -0,0 +1,14 @@
1
+ $base-white: #fafafa;
2
+ $main-bg-color: #fafafa;
3
+
4
+ $primary: #455a64;
5
+ $p_light: #718792;
6
+ $p_lighter: #a8bac2;
7
+ $p_lightest: #eef3f5;
8
+ $p_dark: #1c313a;
9
+ $secondary: #303f9f;
10
+ $s_light: #666ad1;
11
+ $s_lighter: #a0a0d1;
12
+ $s_dark: #001970;
13
+ $p_text: #ffffff;
14
+ $s_text: #ffffff;
@@ -0,0 +1,2 @@
1
+ @import './colors';
2
+ @import './layout';
@@ -0,0 +1,20 @@
1
+ $content-width-desktop: calc(100% - #{$menu-size});
2
+ $tablet-width: 768px;
3
+ $desktop-width: 1024px;
4
+ @mixin tablet {
5
+ @media only screen and (min-width: #{$tablet-width}) and (max-width: #{$desktop-width - 1px}) {
6
+ @content;
7
+ }
8
+ }
9
+
10
+ @mixin desktop {
11
+ @media only screen and (min-width: #{$desktop-width}) {
12
+ @content;
13
+ }
14
+ }
15
+
16
+ @mixin mobile {
17
+ @media only screen and (max-device-width: #{$tablet-width - 1px}) {
18
+ @content;
19
+ }
20
+ }
@@ -0,0 +1,9 @@
1
+ ---
2
+ ---
3
+ {% if site.data.menu.minimal_menu %}
4
+ $menu-size: 50px;
5
+ {% else %}
6
+ $menu-size: 200px;
7
+ {% endif %}
8
+
9
+ @import "{{ site.theme }}";
@@ -0,0 +1,17 @@
1
+ ---
2
+ layout: post
3
+ title: About
4
+ permalink: /about.html
5
+ category: about
6
+
7
+ ---
8
+ <div class="profile">
9
+ <div class="avatar">
10
+ <a href="/about.html" alt="avatar">
11
+ <img src="{{ site.data.metaData.avatar_url }}" alt="avatar" onerror="this.style.display='none'">
12
+ </a>
13
+ </div>
14
+ <h1>{{ site.data.menu.menu_title }}</h1>
15
+ <h2>{{ site.data.menu.menu_headline }}</h2>
16
+ <p>{{ site.data.menu.menu_intro }}</p>
17
+ </div>
@@ -0,0 +1,9 @@
1
+ ---
2
+ layout: category-aggregator
3
+ title: Category 1
4
+ permalink: /category-1.html
5
+ category: category-1
6
+ ---
7
+
8
+ Here I'm posting about software engineering. You can find updates on projects I am working on as well as my writings devoted to the technical aspect.
9
+ All my open-source repositories are available on my <a href="https://github.com/ItsMeaga1n" target="_blank">GitHub account</a>.
@@ -0,0 +1,9 @@
1
+ ---
2
+ layout: category-aggregator
3
+ title: Category 2
4
+ layout: category-aggregator
5
+ permalink: /category-2.html
6
+ category: category-2
7
+ ---
8
+
9
+ This site is still under development. Please come back later!
metadata ADDED
@@ -0,0 +1,84 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: minimal-categorized
3
+ version: !ruby/object:Gem::Version
4
+ version: 0.0.1
5
+ platform: ruby
6
+ authors:
7
+ - Patryk Bieszke
8
+ autorequire:
9
+ bindir: bin
10
+ cert_chain: []
11
+ date: 2020-09-11 00:00:00.000000000 Z
12
+ dependencies:
13
+ - !ruby/object:Gem::Dependency
14
+ name: jekyll
15
+ requirement: !ruby/object:Gem::Requirement
16
+ requirements:
17
+ - - "~>"
18
+ - !ruby/object:Gem::Version
19
+ version: '4.1'
20
+ type: :runtime
21
+ prerelease: false
22
+ version_requirements: !ruby/object:Gem::Requirement
23
+ requirements:
24
+ - - "~>"
25
+ - !ruby/object:Gem::Version
26
+ version: '4.1'
27
+ description:
28
+ email:
29
+ - bieszke.patryk@gmail.com
30
+ executables: []
31
+ extensions: []
32
+ extra_rdoc_files: []
33
+ files:
34
+ - LICENSE.txt
35
+ - README.md
36
+ - _config.yml
37
+ - _data/menu.yml
38
+ - _data/metaData.yml
39
+ - _includes/footer.html
40
+ - _includes/home.js
41
+ - _includes/menu.html
42
+ - _layouts/category-aggregator.html
43
+ - _layouts/default.html
44
+ - _layouts/home.html
45
+ - _layouts/post.html
46
+ - _sass/minimal-categorized.scss
47
+ - _sass/styles/_category-aggregator.scss
48
+ - _sass/styles/_defaults.scss
49
+ - _sass/styles/_home.scss
50
+ - _sass/styles/_index.scss
51
+ - _sass/styles/_layout.scss
52
+ - _sass/styles/_menu.scss
53
+ - _sass/styles/_profile.scss
54
+ - _sass/variables/_colors.scss
55
+ - _sass/variables/_index.scss
56
+ - _sass/variables/_layout.scss
57
+ - assets/styles/styles.scss
58
+ - pages/about.html
59
+ - pages/category-1.html
60
+ - pages/category-2.html
61
+ homepage: http://127.0.0.1:4000/about.html
62
+ licenses:
63
+ - MIT
64
+ metadata: {}
65
+ post_install_message:
66
+ rdoc_options: []
67
+ require_paths:
68
+ - lib
69
+ required_ruby_version: !ruby/object:Gem::Requirement
70
+ requirements:
71
+ - - ">="
72
+ - !ruby/object:Gem::Version
73
+ version: '0'
74
+ required_rubygems_version: !ruby/object:Gem::Requirement
75
+ requirements:
76
+ - - ">="
77
+ - !ruby/object:Gem::Version
78
+ version: '0'
79
+ requirements: []
80
+ rubygems_version: 3.1.2
81
+ signing_key:
82
+ specification_version: 4
83
+ summary: minimal-categorized is a Jekyll theme for GitHub Pages
84
+ test_files: []