minimal-categorized 0.0.13 → 0.0.18
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/LICENSE.txt +1 -1
- data/README.md +42 -23
- data/_data/menu.yml +10 -2
- data/_data/metaData.yml +2 -1
- data/_includes/avatar.html +5 -0
- data/_includes/common-head.html +10 -0
- data/_includes/{home.js → gate.js} +0 -0
- data/_includes/menu.html +1 -1
- data/_layouts/gate.html +35 -0
- data/_layouts/home.html +33 -33
- data/_layouts/post.html +15 -7
- data/_sass/styles/_avatar.scss +16 -0
- data/_sass/styles/_defaults.scss +11 -3
- data/_sass/styles/_gate.scss +64 -0
- data/_sass/styles/_home.scss +91 -40
- data/_sass/styles/_index.scss +3 -1
- data/_sass/styles/_menu.scss +6 -0
- data/_sass/styles/_post.scss +47 -17
- data/_sass/styles/_profile.scss +4 -16
- data/_sass/variables/_dark-theme.scss +25 -0
- data/_sass/variables/_light-theme.scss +17 -0
- data/_sass/variables/_mixins.scss +12 -0
- data/assets/img/android-chrome-192x192.png +0 -0
- data/assets/img/android-chrome-256x256.png +0 -0
- data/assets/img/apple-touch-icon.png +0 -0
- data/assets/img/browserconfig.xml +9 -0
- data/assets/img/favicon-16x16.png +0 -0
- data/assets/img/favicon-32x32.png +0 -0
- data/assets/img/favicon.ico +0 -0
- data/assets/img/ko-fi.jpg +0 -0
- data/assets/img/mstile-150x150.png +0 -0
- data/assets/img/post-2.jpg +0 -0
- data/assets/img/project-1.png +0 -0
- data/assets/img/project-2.svg +49 -0
- data/assets/img/project-3.svg +1 -0
- data/assets/img/project-4.png +0 -0
- data/assets/img/safari-pinned-tab.svg +1 -0
- data/assets/img/site.webmanifest +19 -0
- data/assets/styles/highlight.css +74 -0
- data/assets/styles/styles.scss +2 -1
- data/pages/about.html +1 -5
- data/pages/category-1.html +10 -10
- data/pages/gate.html +4 -0
- data/pages/super-cat.html +9 -0
- metadata +28 -3
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: c5a5936ee7e1e6562a2e786de5a280ffe563ca9d4e44374cc4913fd239a203b5
|
4
|
+
data.tar.gz: d9acf65066cd5ce86887174bfb49c863cdb7f196365ad34bb80eba24d190cc26
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 1c2f0d6a12d4f452c0b21a1e1e05b1a0c062194758cccb8b111d6b71bbb4dedc4c618af4db166153247871ea9c6853bf512bbb0025d3424e0bcd0cdb8986025f
|
7
|
+
data.tar.gz: aab66215b47d480917d65a92841e6942331e0d70fff67a886aae03eeccc3e370a1fc026bca92dbf8e35a22f658da6f165c5ee9d42338ada307bc80e54c490070
|
data/LICENSE.txt
CHANGED
data/README.md
CHANGED
@@ -1,35 +1,53 @@
|
|
1
|
-
|
1
|
+
<h1><a href="https://github.com/ItsMeaga1n/minimal-categorized/"><img src="https://raw.githubusercontent.com/ItsMeaga1n/minimal-categorized/master/assets/img/favicon.ico" height="21" alt="minimal-categorized logo" /> minimal-categorized Jekyll theme </h1></a>
|
2
2
|
|
3
3
|
[![LICENSE](https://img.shields.io/badge/license-MIT-lightgrey.svg)](https://raw.githubusercontent.com/mmistakes/minimal-mistakes/master/LICENSE)
|
4
4
|
[![Jekyll](https://img.shields.io/badge/jekyll-%3E%3D%203.9-blue.svg)](https://jekyllrb.com/)
|
5
5
|
[![Gem Version](https://badge.fury.io/rb/minimal-categorized.svg)](https://badge.fury.io/rb/minimal-categorized)
|
6
|
+
<a href="https://ko-fi.com/itsmeaga1n">
|
7
|
+
<img height="20" src="https://www.ko-fi.com/img/githubbutton_sm.svg"
|
8
|
+
alt="Donate (Ko-fi)" />
|
9
|
+
</a>
|
10
|
+
<a href="https://jekyll-themes.com">
|
11
|
+
<img src="https://img.shields.io/badge/featured%20on-JekyllThemes-red.svg" height="20" alt="Jekyll Themes Shield" />
|
12
|
+
</a>
|
6
13
|
|
7
|
-
minimal-categorized is a flexible Jekyll theme, designed for sites with content easily aggregated into categories. Demo is available [here](https://itsmeaga1n.github.io/minimal-categorized/).
|
14
|
+
minimal-categorized is a flexible Jekyll theme, designed for sites with content easily aggregated into two categories. It's main focus is on separating two main categories, while maintaining minimal style and full customization. Demo is available [here](https://itsmeaga1n.github.io/minimal-categorized/).
|
8
15
|
|
9
16
|
![layout examples](screenshot.png)
|
10
17
|
|
11
18
|
## Installation
|
19
|
+
There are three ways to install:
|
12
20
|
|
13
|
-
|
21
|
+
* As a ruby gem theme:
|
14
22
|
|
15
|
-
|
16
|
-
gem "minimal-categorized"
|
17
|
-
```
|
23
|
+
Add this line to your Jekyll site's `Gemfile`:
|
18
24
|
|
19
|
-
|
25
|
+
```ruby
|
26
|
+
gem "minimal-categorized"
|
27
|
+
```
|
20
28
|
|
21
|
-
|
22
|
-
theme: minimal-categorized
|
23
|
-
```
|
29
|
+
And add this line to your Jekyll site's `_config.yml`:
|
24
30
|
|
25
|
-
|
31
|
+
```yaml
|
32
|
+
theme: minimal-categorized
|
33
|
+
```
|
26
34
|
|
27
|
-
|
35
|
+
And then execute:
|
28
36
|
|
29
|
-
|
37
|
+
$ bundle
|
30
38
|
|
31
|
-
|
39
|
+
Or install it yourself as:
|
32
40
|
|
41
|
+
$ gem install minimal-categorized
|
42
|
+
|
43
|
+
* As a remote theme (GitHub Pages compatible)
|
44
|
+
|
45
|
+
In your Jekyll site's _config.yml remove other themes and add this entry:
|
46
|
+
```
|
47
|
+
remote_theme: ItsMeaga1n/minimal-categorized
|
48
|
+
```
|
49
|
+
|
50
|
+
* Forking/directly copying all of the theme files into your project.
|
33
51
|
## Usage
|
34
52
|
|
35
53
|
This theme is based on separating content into categories, which is later shown on separated sites designated to the specific content type.
|
@@ -40,7 +58,7 @@ Structure of `_data/menu.yml`:
|
|
40
58
|
* menu_title: Displayed on menu (only for normal menu)
|
41
59
|
* menu_headline: Displayed in menu (only for normal menu) and in about page
|
42
60
|
* menu_intro: Displayed in menu (only for normal menu) and in about page
|
43
|
-
*
|
61
|
+
* show_menu_on_gate_page: Boolean value determining if menu should be visible on category selection page
|
44
62
|
* minimal_menu: Boolean value determining the style of menu bar
|
45
63
|
* menu_logo: Path to logo displayed on menu (only for normal menu)
|
46
64
|
* menu_pages: a list of items in menu. Each item contains information:
|
@@ -55,15 +73,17 @@ Structure of `_data/menu.yml`:
|
|
55
73
|
* faicon: FavIcon to be displayed in menu
|
56
74
|
* url: URL for href
|
57
75
|
* target: target value of \<a> tag
|
58
|
-
* cookies: customize information about site cookies
|
59
|
-
* enabled: determine if should show cookies pop-up
|
60
|
-
* message: text on cookie pop-up
|
61
|
-
* agreeButtonText: text on agree button
|
62
76
|
|
63
|
-
Structure of `_data/metaData.yml`:
|
64
|
-
author: Site Author name
|
65
|
-
avatar_url: URL for avatar (for about page)
|
66
77
|
|
78
|
+
Structure of `_data/metaData.yml`:
|
79
|
+
* author: Site Author name
|
80
|
+
* avatar_url: URL for avatar (for about page)
|
81
|
+
* lightTheme: Will work in future releases
|
82
|
+
* cookies: customize information about site cookies
|
83
|
+
* enabled: determine if should show cookies pop-up
|
84
|
+
* message: text on cookie pop-up
|
85
|
+
* agreeButtonText: text on agree button
|
86
|
+
* show_menu_logo_on_home_page: boolean value determining, if should display logo from "menu_logo" entry in default home page layout
|
67
87
|
## Contributing
|
68
88
|
|
69
89
|
Bug reports and pull requests are welcome on [GitHub](https://github.com/ItsMeaga1n/minimal-categorized). 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.
|
@@ -80,4 +100,3 @@ To add a custom directory to your theme-gem, please edit the regexp in `minimal-
|
|
80
100
|
## License
|
81
101
|
|
82
102
|
The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
|
83
|
-
|
data/_data/menu.yml
CHANGED
@@ -1,11 +1,17 @@
|
|
1
1
|
menu_title: Example menu title
|
2
2
|
menu_headline: example menu headline
|
3
3
|
menu_intro: Hi! This is an example of intro that you could write for your jekyll minimal-categorized theme!
|
4
|
-
|
4
|
+
show_menu_on_gate_page: False
|
5
5
|
minimal_menu: True
|
6
6
|
menu_logo: assets/img/avatar.png
|
7
7
|
|
8
8
|
menu_pages:
|
9
|
+
- title: Home
|
10
|
+
url: /
|
11
|
+
show_on_home: False
|
12
|
+
icon_name: fas fa-home
|
13
|
+
category: home
|
14
|
+
|
9
15
|
- title: Category 1
|
10
16
|
url: /category-1.html
|
11
17
|
show_on_home: True
|
@@ -13,6 +19,7 @@ menu_pages:
|
|
13
19
|
icon_name: fas fa-dice
|
14
20
|
category: category-1
|
15
21
|
tooltip: This is category 1
|
22
|
+
description: Category 1 description, which is written in menu.yml file under :description property
|
16
23
|
|
17
24
|
- title: Category 2
|
18
25
|
url: /category-2.html
|
@@ -21,8 +28,9 @@ menu_pages:
|
|
21
28
|
icon_name: fas fa-cogs
|
22
29
|
category: category-2
|
23
30
|
tooltip: This is category 2
|
31
|
+
description: Category 2 description, which is written in menu.yml file under :description property
|
24
32
|
|
25
|
-
- title:
|
33
|
+
- title: About
|
26
34
|
url: about.html
|
27
35
|
show_on_home: False
|
28
36
|
icon_name: fas fa-address-card
|
data/_data/metaData.yml
CHANGED
data/_includes/common-head.html
CHANGED
@@ -1,6 +1,16 @@
|
|
1
1
|
<meta charset="utf-8">
|
2
2
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
3
3
|
<link rel="stylesheet" href="{{ '/assets/styles/styles.css' | relative_url }}">
|
4
|
+
<link rel="stylesheet" href="https://indestructibletype.com/fonts/Jost.css" type="text/css" charset="utf-8" />
|
4
5
|
<script src="https://kit.fontawesome.com/79c31398dc.js" crossorigin="anonymous"></script>
|
6
|
+
<link rel="apple-touch-icon" sizes="180x180" href="{{ '/assets/img/apple-touch-icon.png' | relative_url }}">
|
7
|
+
<link rel="icon" type="image/png" sizes="32x32" href="{{ '/assets/img/favicon-32x32.png' | relative_url }}">
|
8
|
+
<link rel="icon" type="image/png" sizes="16x16" href="{{ '/assets/img/favicon-16x16.png' | relative_url }}">
|
9
|
+
<link rel="manifest" href="{{ '/assets/img/site.webmanifest' | relative_url }}">
|
10
|
+
<link rel="mask-icon" href="{{ '/assets/img/safari-pinned-tab.svg'| relative_url }}" color="#5bbad5">
|
11
|
+
<link rel="shortcut icon" href="{{'/assets/img/favicon.ico' | relative_url }}">
|
12
|
+
<meta name="msapplication-TileColor" content="#da532c">
|
13
|
+
<meta name="msapplication-config" content="{{ '/assets/img/browserconfig.xml' | relative_url }}">
|
14
|
+
<meta name="theme-color" content="#ffffff">
|
5
15
|
{% include customizations.html %}
|
6
16
|
{% seo %}
|
File without changes
|
data/_includes/menu.html
CHANGED
@@ -27,7 +27,7 @@
|
|
27
27
|
<div class="menu-top">
|
28
28
|
<div class="profile">
|
29
29
|
<div class="avatar">
|
30
|
-
<a href="{{ '/about.html' | relative_url }}"
|
30
|
+
<a href="{{ '/about.html' | relative_url }}" >
|
31
31
|
<img src="{{ site.data.menu.menu_logo | relative_url }}" alt="avatar" onerror="this.style.display='none'">
|
32
32
|
</a>
|
33
33
|
</div>
|
data/_layouts/gate.html
ADDED
@@ -0,0 +1,35 @@
|
|
1
|
+
<!doctype html>
|
2
|
+
<html>
|
3
|
+
<head>
|
4
|
+
{% include common-head.html %}
|
5
|
+
<script>
|
6
|
+
{% include gate.js %}
|
7
|
+
</script>
|
8
|
+
</head>
|
9
|
+
{% if site.data.menu.minimal_menu and site.data.menu.show_menu_on_gate_page %}
|
10
|
+
<body class="is-minimal-menu" >
|
11
|
+
{% else %}
|
12
|
+
<body>
|
13
|
+
{% endif %}
|
14
|
+
{% if site.data.menu.show_menu_on_gate_page %}
|
15
|
+
{% include menu.html %}
|
16
|
+
<main class="content-layout">
|
17
|
+
{% else %}
|
18
|
+
<main class="content-layout no-menu">
|
19
|
+
{% endif %}
|
20
|
+
<div class="gate">
|
21
|
+
{% for menu_item in site.data.menu.menu_pages %}
|
22
|
+
{% if menu_item.show_on_home %}
|
23
|
+
<a href="{{ menu_item.url | relative_url }}" class="category-container">
|
24
|
+
<div class="category" style="background-image: url('{{ menu_item.image_url | relative_url}}')"></div>
|
25
|
+
<p>
|
26
|
+
{{ menu_item.title }}
|
27
|
+
</p>
|
28
|
+
</a>
|
29
|
+
{% endif %}
|
30
|
+
{% endfor %}
|
31
|
+
</div>
|
32
|
+
</main>
|
33
|
+
</body>
|
34
|
+
</html>
|
35
|
+
|
data/_layouts/home.html
CHANGED
@@ -1,35 +1,35 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
<body class="is-minimal-menu" >
|
11
|
-
{% else %}
|
12
|
-
<body>
|
13
|
-
{% endif %}
|
14
|
-
{% if site.data.menu.show_menu_on_category_select %}
|
15
|
-
{% include menu.html %}
|
16
|
-
<main class="content-layout">
|
17
|
-
{% else %}
|
18
|
-
<main class="content-layout no-menu">
|
1
|
+
---
|
2
|
+
layout: default
|
3
|
+
category: home
|
4
|
+
---
|
5
|
+
<div class="content-container home">
|
6
|
+
|
7
|
+
<h1>
|
8
|
+
{% if site.data.metaData.show_menu_logo_on_home_page %}
|
9
|
+
{% include avatar.html %}
|
19
10
|
{% endif %}
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
11
|
+
{{ page.title }}
|
12
|
+
</h1>
|
13
|
+
<p class="page-summary">{{ page.summary }}</p>
|
14
|
+
<div class="category_wrapper">
|
15
|
+
{% for menu_item in site.data.menu.menu_pages %}
|
16
|
+
{% if menu_item.show_on_home %}
|
17
|
+
<div class="category_container">
|
18
|
+
<div class="category_image">
|
19
|
+
<a href="{{ menu_item.url | relative_url }}">
|
20
|
+
<img class="category" src="{{ menu_item.image_url | relative_url}}">
|
28
21
|
</a>
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
22
|
+
</div>
|
23
|
+
<div class="category_description">
|
24
|
+
<a href="{{ menu_item.url | relative_url }}">
|
25
|
+
<h2> {{ menu_item.title }} </h2>
|
26
|
+
</a>
|
27
|
+
<p>
|
28
|
+
{{ menu_item.description }}
|
29
|
+
</p>
|
30
|
+
</div>
|
31
|
+
</div>
|
32
|
+
{% endif %}
|
33
|
+
{% endfor %}
|
34
|
+
</div>
|
35
|
+
</div>
|
data/_layouts/post.html
CHANGED
@@ -2,15 +2,23 @@
|
|
2
2
|
layout: default
|
3
3
|
---
|
4
4
|
<div class="post">
|
5
|
-
|
6
|
-
<figure>
|
7
|
-
<img src="{{ page.image | relative_url }}"/>
|
8
|
-
</figure>
|
9
|
-
{% endif %}
|
5
|
+
|
10
6
|
<div class="content-container {{ page.category }}">
|
11
|
-
<
|
7
|
+
<header>
|
8
|
+
{% if page.image %}
|
9
|
+
<figure class="post-cover">
|
10
|
+
<!-- TODO: Images for diffrent screen size -->
|
11
|
+
<img src="{{ page.image | relative_url }}" alt="{{ page.image_alt }}" class="post-cover_image" />
|
12
|
+
</figure>
|
13
|
+
{% endif %}
|
14
|
+
<h1>{{ page.title }}</h1>
|
15
|
+
<p class="post-metadata">
|
16
|
+
{{ page.date | date_to_string }}
|
17
|
+
</p>
|
18
|
+
|
19
|
+
</header>
|
12
20
|
<div class="post-content">
|
13
|
-
{{content}}
|
21
|
+
{{ content }}
|
14
22
|
</div>
|
15
23
|
</div>
|
16
24
|
</div>
|
@@ -0,0 +1,16 @@
|
|
1
|
+
.avatar {
|
2
|
+
&_container {
|
3
|
+
justify-content: center!important;
|
4
|
+
display: flex;
|
5
|
+
}
|
6
|
+
display: block;
|
7
|
+
width: $avatar-dim;
|
8
|
+
height: $avatar-dim;
|
9
|
+
border-radius: 50%;
|
10
|
+
border: 2px solid $p_light;
|
11
|
+
overflow: hidden;
|
12
|
+
img {
|
13
|
+
height: $avatar-dim;
|
14
|
+
width: $avatar-dim;
|
15
|
+
}
|
16
|
+
}
|
data/_sass/styles/_defaults.scss
CHANGED
@@ -25,7 +25,7 @@ h2, h2, h3 a {
|
|
25
25
|
body {
|
26
26
|
font-size: 16px;
|
27
27
|
color: $base-white;
|
28
|
-
font-family:
|
28
|
+
font-family: 'Jost',Arial,sans-serif;
|
29
29
|
-webkit-font-smoothing: antialiased;
|
30
30
|
}
|
31
31
|
main {
|
@@ -36,7 +36,9 @@ main {
|
|
36
36
|
padding: 0px 18px 24px;
|
37
37
|
flex-grow: 1;
|
38
38
|
position: relative;
|
39
|
-
|
39
|
+
p {
|
40
|
+
@include hyperlink-convention();
|
41
|
+
}
|
40
42
|
.content-separator {
|
41
43
|
margin: $gap auto;
|
42
44
|
&:last-child {
|
@@ -56,9 +58,15 @@ a, p, li {
|
|
56
58
|
|
57
59
|
@include mobile {
|
58
60
|
body {
|
59
|
-
font-size:
|
61
|
+
font-size: 15px;
|
60
62
|
}
|
61
63
|
h1 {
|
62
64
|
font-size: 2em;
|
63
65
|
}
|
66
|
+
main {
|
67
|
+
.content-container {
|
68
|
+
width: 100%;
|
69
|
+
padding: 0px 9px 12px;
|
70
|
+
}
|
71
|
+
}
|
64
72
|
}
|
@@ -0,0 +1,64 @@
|
|
1
|
+
|
2
|
+
.gate {
|
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: $main-bg-color;
|
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: $dark 3px 3px 3px;
|
51
|
+
@include mobile {
|
52
|
+
opacity: 1;
|
53
|
+
}
|
54
|
+
}
|
55
|
+
}
|
56
|
+
|
57
|
+
@include mobile {
|
58
|
+
flex-direction: column;
|
59
|
+
a {
|
60
|
+
height: 50%;
|
61
|
+
width: 100%;
|
62
|
+
}
|
63
|
+
}
|
64
|
+
}
|
data/_sass/styles/_home.scss
CHANGED
@@ -1,64 +1,115 @@
|
|
1
|
+
$image-dim: 192px;
|
1
2
|
|
2
3
|
.home {
|
3
|
-
flex-grow: 1;
|
4
4
|
display: flex;
|
5
|
-
flex-direction:
|
5
|
+
flex-direction: column;
|
6
6
|
flex-wrap: wrap;
|
7
7
|
justify-content: space-between;
|
8
8
|
align-items: flex-start;
|
9
|
-
|
10
|
-
|
9
|
+
color: $p_text;
|
10
|
+
.page-summary {
|
11
|
+
flex: 0;
|
12
|
+
width: 100%;
|
13
|
+
text-align: center;
|
14
|
+
}
|
15
|
+
h1 {
|
16
|
+
flex: 0;
|
17
|
+
margin: auto;
|
11
18
|
display: flex;
|
12
|
-
flex: 0 50%;
|
13
|
-
height: 100%;
|
14
|
-
justify-content: center;
|
15
19
|
align-items: center;
|
16
|
-
|
17
|
-
|
18
|
-
transition: .5s ease;
|
20
|
+
}
|
21
|
+
a {
|
19
22
|
&:hover {
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
23
|
+
text-decoration: underline $primary;
|
24
|
+
}
|
25
|
+
}
|
26
|
+
.category {
|
27
|
+
&_wrapper {
|
28
|
+
margin-top: 2em;
|
29
|
+
flex: 1;
|
30
|
+
width: 100%;
|
31
|
+
display: flex;
|
32
|
+
@include mobile {
|
33
|
+
flex-direction: column;
|
34
|
+
margin-top: 1em;
|
25
35
|
}
|
26
36
|
}
|
27
|
-
|
28
|
-
.category {
|
37
|
+
&_container {
|
29
38
|
display: flex;
|
30
|
-
flex:
|
31
|
-
|
39
|
+
flex-direction: column;
|
40
|
+
flex: 0 50%;
|
32
41
|
height: 100%;
|
33
|
-
|
34
|
-
|
42
|
+
justify-content: flex-start;
|
43
|
+
align-items: center;
|
44
|
+
box-sizing: border-box;
|
35
45
|
transition: .5s ease;
|
36
|
-
|
46
|
+
padding-left: 2em;
|
47
|
+
padding-right: 2em;
|
37
48
|
@include mobile {
|
38
|
-
|
49
|
+
padding-left: 0;
|
50
|
+
padding-right: 0;
|
51
|
+
padding-top: 2em;
|
52
|
+
}
|
53
|
+
&:first-of-type {
|
54
|
+
border-right: 1px solid $base-white;
|
55
|
+
@include mobile {
|
56
|
+
padding-bottom: 2em;
|
57
|
+
padding-top: 0;
|
58
|
+
border-right: none;
|
59
|
+
border-bottom: 1px solid $base-white;
|
60
|
+
}
|
39
61
|
}
|
40
62
|
}
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
transition: .5s ease;
|
47
|
-
opacity: 0;
|
48
|
-
position: absolute;
|
49
|
-
text-align: center;
|
50
|
-
text-shadow: $dark 3px 3px 3px;
|
63
|
+
&_image {
|
64
|
+
justify-content: center !important;
|
65
|
+
display: flex;
|
66
|
+
height: $image-dim * 1.4;
|
67
|
+
align-items: center;
|
51
68
|
@include mobile {
|
52
|
-
|
69
|
+
height: $image-dim * 1.1;
|
70
|
+
}
|
71
|
+
a {
|
72
|
+
display: block;
|
73
|
+
width: $image-dim;
|
74
|
+
height: $image-dim;
|
75
|
+
border-radius: 50%;
|
76
|
+
border: 2px solid $p_light;
|
77
|
+
overflow: hidden;
|
78
|
+
transition: .5s ease;
|
79
|
+
&:hover {
|
80
|
+
height: $image-dim * 1.2;
|
81
|
+
width: $image-dim * 1.2;
|
82
|
+
}
|
83
|
+
}
|
84
|
+
img {
|
85
|
+
height: $image-dim;
|
86
|
+
width: $image-dim;
|
87
|
+
object-fit: cover;
|
88
|
+
transition: .5s ease;
|
89
|
+
opacity: 0.85;
|
90
|
+
&:hover {
|
91
|
+
height: $image-dim * 1.2;
|
92
|
+
width: $image-dim * 1.2;
|
93
|
+
}
|
53
94
|
}
|
54
95
|
}
|
55
|
-
|
96
|
+
&_description {
|
97
|
+
text-align: center;
|
56
98
|
|
57
|
-
@include mobile {
|
58
|
-
flex-direction: column;
|
59
|
-
a {
|
60
|
-
height: 50%;
|
61
|
-
width: 100%;
|
62
99
|
}
|
100
|
+
display: flex;
|
101
|
+
flex: 0 100%;
|
102
|
+
opacity: 0.7;
|
103
|
+
height: 100%;
|
104
|
+
background-repeat: no-repeat;
|
105
|
+
background-size: cover;
|
106
|
+
backface-visibility: hidden;
|
107
|
+
@include mobile {
|
108
|
+
opacity: 0.25;
|
109
|
+
}
|
110
|
+
}
|
111
|
+
|
112
|
+
.avatar_container {
|
113
|
+
margin-right: 0.5em;
|
63
114
|
}
|
64
115
|
}
|
data/_sass/styles/_index.scss
CHANGED
data/_sass/styles/_menu.scss
CHANGED
data/_sass/styles/_post.scss
CHANGED
@@ -1,26 +1,23 @@
|
|
1
1
|
.post {
|
2
|
+
$root: &;
|
2
3
|
font-size: 1.2em;
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
text-decoration: underline;
|
8
|
-
font-weight: 500;
|
9
|
-
}
|
10
|
-
}
|
11
|
-
.language-plaintext, .language-shell, .language-html {
|
12
|
-
border-radius: 3px;
|
13
|
-
padding: 1px 3px;
|
14
|
-
background-color:rgb(228, 230, 232);
|
4
|
+
color: black;
|
5
|
+
@include hyperlink-convention();
|
6
|
+
@include mobile{
|
7
|
+
font-size: 1em;
|
15
8
|
}
|
16
9
|
figure {
|
17
10
|
margin: 0;
|
18
11
|
width: 100%;
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
12
|
+
margin-top: 0.5em;
|
13
|
+
margin-bottom: 0.5em;
|
14
|
+
margin-left: -0.5em;
|
15
|
+
margin-right: -0.5em;
|
16
|
+
width: calc(100% + 1em);
|
17
|
+
& > pre {
|
18
|
+
overflow: auto;
|
23
19
|
}
|
20
|
+
|
24
21
|
}
|
25
22
|
p, ul {
|
26
23
|
margin-bottom: $gap * .5;
|
@@ -41,7 +38,40 @@
|
|
41
38
|
|
42
39
|
&-content {
|
43
40
|
background: $base-white;
|
44
|
-
padding: 2rem;
|
41
|
+
padding: 0.2em 2rem 2rem 2rem;
|
45
42
|
border-radius: 10px;
|
43
|
+
@include mobile {
|
44
|
+
padding: 0.2em 1.2rem 1.2rem 1.2rem;
|
45
|
+
}
|
46
|
+
}
|
47
|
+
|
48
|
+
header {
|
49
|
+
padding: 1em 0.5em 0.8em 0.5em;
|
50
|
+
h1 {
|
51
|
+
padding: 0;
|
52
|
+
line-height: 1em;
|
53
|
+
}
|
54
|
+
p {
|
55
|
+
margin: 0;
|
56
|
+
color: $p_text;
|
57
|
+
|
58
|
+
&#{$root}-metadata {
|
59
|
+
font-size: 0.7em;
|
60
|
+
text-align: center;
|
61
|
+
}
|
62
|
+
}
|
63
|
+
}
|
64
|
+
|
65
|
+
&-cover {
|
66
|
+
&_image {
|
67
|
+
display: block;
|
68
|
+
max-width: 100%;
|
69
|
+
width: auto;
|
70
|
+
background-repeat: no-repeat;
|
71
|
+
background-size: cover;
|
72
|
+
height: auto;
|
73
|
+
max-height: 84vh;
|
74
|
+
margin: auto;
|
75
|
+
}
|
46
76
|
}
|
47
77
|
}
|
data/_sass/styles/_profile.scss
CHANGED
@@ -3,24 +3,12 @@ $avatar-dim: 96px;
|
|
3
3
|
.profile {
|
4
4
|
margin-top: 30px;
|
5
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
6
|
p {
|
23
7
|
margin: 6px;
|
24
8
|
line-height: 1.5em;
|
25
9
|
}
|
10
|
+
.avatar {
|
11
|
+
margin-left: auto;
|
12
|
+
margin-right: auto;
|
13
|
+
}
|
26
14
|
}
|
@@ -0,0 +1,25 @@
|
|
1
|
+
$base-white: #fafafa;
|
2
|
+
$main-bg-color: #162129;
|
3
|
+
|
4
|
+
$primary: #4fc2f7;
|
5
|
+
$p_light: #81d3fa;
|
6
|
+
$p_lighter_less: #81d3fa;
|
7
|
+
$p_lighter: #b3e4fc;
|
8
|
+
$p_lightest: #e1f5fe;
|
9
|
+
$p_dark: #09a7f4;
|
10
|
+
$p_darker: #0986d0;
|
11
|
+
$p_darkest: #07559a;
|
12
|
+
|
13
|
+
$dark: #162129;
|
14
|
+
|
15
|
+
$secondary: #f7844f;
|
16
|
+
$s_light: #faa682;
|
17
|
+
$s_lighter: #fdc9b3;
|
18
|
+
$s_lightest: #fbe8e4;
|
19
|
+
$s_dark: #001970;
|
20
|
+
|
21
|
+
$p_text: #ecf8ff;
|
22
|
+
$p_text_dimmed: #5e8ca7;
|
23
|
+
$s_text: #ffffff;
|
24
|
+
|
25
|
+
$post_content_bg_color: #fff;
|
@@ -0,0 +1,17 @@
|
|
1
|
+
$base-white: #fafafa;
|
2
|
+
$main-bg-color: #fafafa;
|
3
|
+
$dark: #1c313a;
|
4
|
+
$primary: #455a64;
|
5
|
+
$p_light: #718792;
|
6
|
+
$p_lighter_less: #8fa4ad;
|
7
|
+
$p_lighter: #a8bac2;
|
8
|
+
$p_lightest: #eef3f5;
|
9
|
+
$p_dark: #1c313a;
|
10
|
+
$p_darkest: #1c313a;
|
11
|
+
$secondary: #303f9f;
|
12
|
+
$s_light: #666ad1;
|
13
|
+
$s_lighter: #a0a0d1;
|
14
|
+
$s_dark: #001970;
|
15
|
+
$p_text: #1c313a;
|
16
|
+
$p_text_dimmed: #5e8ca7;
|
17
|
+
$s_text: #ffffff;
|
@@ -31,4 +31,16 @@
|
|
31
31
|
border-color: #555 transparent transparent transparent;
|
32
32
|
}
|
33
33
|
}
|
34
|
+
}
|
35
|
+
|
36
|
+
@mixin hyperlink-convention {
|
37
|
+
a {
|
38
|
+
transition: all 300ms ease 0s;
|
39
|
+
cursor: pointer;
|
40
|
+
text-decoration-line: none;
|
41
|
+
text-decoration: underline $primary;
|
42
|
+
&:hover {
|
43
|
+
color: $primary;
|
44
|
+
}
|
45
|
+
}
|
34
46
|
}
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
@@ -0,0 +1,49 @@
|
|
1
|
+
<?xml version="1.0" encoding="iso-8859-1"?>
|
2
|
+
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
3
|
+
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
4
|
+
viewBox="0 0 460 460" style="enable-background:new 0 0 460 460;" xml:space="preserve">
|
5
|
+
<g>
|
6
|
+
<path style="fill:#325763;" d="M375,310.077V460h35V280.522C400.197,292.319,388.352,302.349,375,310.077z"/>
|
7
|
+
<path style="fill:#05232E;" d="M150,347.53V460h35V357.5c35.133,0,67.006-13.943,90.402-36.59l-72.607-13.83
|
8
|
+
C189.091,324.755,170.933,338.8,150,347.53z"/>
|
9
|
+
<path style="fill:#FAEAB6;" d="M410,201.369l-0.084-0.003c-1.574,41.607-28.08,76.252-64.916,89.898v31.468
|
10
|
+
c10.614-2.961,20.668-7.254,30-12.655c13.352-7.727,25.197-17.758,35-29.554c17.723-21.327,28.774-48.398,29.895-78.022H440
|
11
|
+
v-98.833l-30,10V201.369z"/>
|
12
|
+
<path style="fill:#6B8F9C;" d="M202.794,307.08C219.845,285.088,230,257.481,230,227.5v-47.727L100,197.5c-38.66,0-70-31.34-70-70
|
13
|
+
c0-38.66,31.34-70,70-70v-30c-55.229,0-100,44.771-100,100c0,55.228,44.771,100,100,100V325H65v135h35V357.5
|
14
|
+
c17.719,0,34.607-3.551,50-9.97C170.933,338.8,189.091,324.755,202.794,307.08z"/>
|
15
|
+
<path style="fill:#325763;" d="M440,47.143L420,30h-27V0c-12.065,0-22.362,7.534-26.479,18.144l-57.98,149.564L230,179.773V227.5
|
16
|
+
c0,29.982-10.155,57.588-27.206,79.58l72.607,13.83L310,327.5V460h35V291.263c36.836-13.646,63.342-48.29,64.916-89.898
|
17
|
+
l0.084,0.003v-87.702l30-10l1.026-0.342C451.462,99.846,460,88,460,77V50L440,47.143z"/>
|
18
|
+
</g>
|
19
|
+
<g>
|
20
|
+
</g>
|
21
|
+
<g>
|
22
|
+
</g>
|
23
|
+
<g>
|
24
|
+
</g>
|
25
|
+
<g>
|
26
|
+
</g>
|
27
|
+
<g>
|
28
|
+
</g>
|
29
|
+
<g>
|
30
|
+
</g>
|
31
|
+
<g>
|
32
|
+
</g>
|
33
|
+
<g>
|
34
|
+
</g>
|
35
|
+
<g>
|
36
|
+
</g>
|
37
|
+
<g>
|
38
|
+
</g>
|
39
|
+
<g>
|
40
|
+
</g>
|
41
|
+
<g>
|
42
|
+
</g>
|
43
|
+
<g>
|
44
|
+
</g>
|
45
|
+
<g>
|
46
|
+
</g>
|
47
|
+
<g>
|
48
|
+
</g>
|
49
|
+
</svg>
|
@@ -0,0 +1 @@
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <svg id="Capa_1" data-name="Capa 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 187 187"><defs><style>.cls-1{fill:url(#linear-gradient);}</style><linearGradient id="linear-gradient" x1="13.97" y1="93.5" x2="172.35" y2="93.5" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#00ffa9"/><stop offset="1" stop-color="#0d4dff"/></linearGradient></defs><title>Q</title><path class="cls-1" d="M172.35,127.34c-.29-10.91-.13-21.84-.06-32.76a17.24,17.24,0,0,0-1.58-7.75c-3.35-7-6.7-14.1-9.82-21.25-1.69-3.88-4.15-5.56-8.54-5.45-10.5.27-21,0-31.52.15-3.11,0-4.41-.61-4.23-4,.3-5.34-.21-10.73.15-16.06.41-6.1-2.37-7.95-8-7.87-14.43.21-28.85.07-43.28.07s-28.85,0-43.27,0c-7.25,0-8.16,1-8.17,8.24Q14,75,14,109.27c0,10.35,0,10.33,10.25,11.21,1.19.1,3.43-.74,2.91,1.72-.28,1.31-.18,3.56-2.63,3.54-1,0-2.07.05-3.09,0-3.51-.13-7.17.13-7.26,4.59s3.7,5,7.11,4.76,5,.86,6.24,4.15c3.91,10,11.68,15.3,22.39,15.37s18.45-5.3,22.53-15.22c1.28-3.11,2.58-4.41,6.09-4.31,9.89.27,19.79.24,29.67,0,3.44-.08,4.89,1,6.16,4.28a23.24,23.24,0,0,0,22.49,15.29c10.77-.2,18.42-5.5,22.52-15.34,1.2-2.88,2.17-4.51,5.51-4.2C170.45,135.65,172.49,132.88,172.35,127.34ZM150.49,96.05c-3.36.15-22.39.11-27.46.09a1.23,1.23,0,0,1-1.23-1.25V75.08a1.25,1.25,0,0,1,1.25-1.25h3.6c5.94,0,11.88,0,17.82,0a5.66,5.66,0,0,1,5.43,3.33c1.93,3.84,3.84,7.69,5.45,11.66C157.16,93.29,155.42,95.83,150.49,96.05Z"/></svg>
|
Binary file
|
@@ -0,0 +1 @@
|
|
1
|
+
<svg version="1" xmlns="http://www.w3.org/2000/svg" width="346.667" height="346.667" viewBox="0 0 260.000000 260.000000"><path d="M127.5 19.2c-1.1 1.1-7.4 6.5-14 12.1-20.2 17-24 20.2-24.5 20.7-.3.3-4.5 3.9-9.5 8-4.9 4.1-9.2 7.7-9.5 8-.3.3-6.1 5.3-13 11-6.9 5.8-12.7 10.7-13 11-.3.3-3.2 2.7-6.5 5.5-3.3 2.7-7.1 6-8.5 7.1-1.4 1.2-8.5 7.2-15.8 13.4C2.3 125.3 0 127.7.1 129.9c0 2.1 3.3 5.4 18.8 18.4 10.4 8.7 19.7 16.6 20.7 17.5 1.1.9 6 5.1 10.9 9.2 8 6.6 18.6 15.5 66.7 56.3l12.6 10.7 6.4-5.2c3.5-2.9 6.5-5.5 6.8-5.8.3-.3 2.1-1.8 4-3.4 1.9-1.5 5.8-4.8 8.5-7.1 9.1-7.8 21-17.9 26-22 2.6-2.2 8.2-6.9 12.4-10.5 4.2-3.6 9.9-8.4 12.6-10.7 2.8-2.3 6.1-5.1 7.5-6.3 1.4-1.2 4.5-3.8 6.9-5.8 2.4-2.1 10.8-9.1 18.5-15.7 7.8-6.6 15.6-13.2 17.4-14.7 6-5 5.7-5.4-22-28.9-61-51.5-101.9-86-103.9-87.5-1.1-.9-1.9-.7-3.4.8z"/></svg>
|
@@ -0,0 +1,19 @@
|
|
1
|
+
{
|
2
|
+
"name": "",
|
3
|
+
"short_name": "",
|
4
|
+
"icons": [
|
5
|
+
{
|
6
|
+
"src": "/assets/images/android-chrome-192x192.png",
|
7
|
+
"sizes": "192x192",
|
8
|
+
"type": "image/png"
|
9
|
+
},
|
10
|
+
{
|
11
|
+
"src": "/assets/images/android-chrome-256x256.png",
|
12
|
+
"sizes": "256x256",
|
13
|
+
"type": "image/png"
|
14
|
+
}
|
15
|
+
],
|
16
|
+
"theme_color": "#ffffff",
|
17
|
+
"background_color": "#ffffff",
|
18
|
+
"display": "standalone"
|
19
|
+
}
|
@@ -0,0 +1,74 @@
|
|
1
|
+
.highlight { color: #cccccc }
|
2
|
+
.highlight pre { background-color: #222222 }
|
3
|
+
.highlight .hll { background-color: #222222 }
|
4
|
+
.highlight .c { color: #2e7400 } /* Comment */
|
5
|
+
.highlight .err { color: #cccccc; border: 1px solid #FF0000 } /* Error */
|
6
|
+
.highlight .g { color: #cccccc } /* Generic */
|
7
|
+
.highlight .k { color: #cdcd00 } /* Keyword */
|
8
|
+
.highlight .l { color: #cccccc } /* Literal */
|
9
|
+
.highlight .n { color: #cccccc } /* Name */
|
10
|
+
.highlight .o { color: #3399cc } /* Operator */
|
11
|
+
.highlight .x { color: #cccccc } /* Other */
|
12
|
+
.highlight .p { color: #cccccc } /* Punctuation */
|
13
|
+
.highlight .cm { color: #2e7400 } /* Comment.Multiline */
|
14
|
+
.highlight .cp { color: #2e7400 } /* Comment.Preproc */
|
15
|
+
.highlight .c1 { color: #2e7400 } /* Comment.Single */
|
16
|
+
.highlight .cs { color: #cd0000; font-weight: bold } /* Comment.Special */
|
17
|
+
.highlight .gd { color: #cd0000 } /* Generic.Deleted */
|
18
|
+
.highlight .ge { color: #cccccc; font-style: italic } /* Generic.Emph */
|
19
|
+
.highlight .gr { color: #FF0000 } /* Generic.Error */
|
20
|
+
.highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */
|
21
|
+
.highlight .gi { color: #00cd00 } /* Generic.Inserted */
|
22
|
+
.highlight .go { color: #808080 } /* Generic.Output */
|
23
|
+
.highlight .gp { color: #000080; font-weight: bold } /* Generic.Prompt */
|
24
|
+
.highlight .gs { color: #cccccc; font-weight: bold } /* Generic.Strong */
|
25
|
+
.highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
|
26
|
+
.highlight .gt { color: #0040D0 } /* Generic.Traceback */
|
27
|
+
.highlight .kc { color: #cdcd00 } /* Keyword.Constant */
|
28
|
+
.highlight .kd { color: #00cd00 } /* Keyword.Declaration */
|
29
|
+
.highlight .kn { color: #cd00cd } /* Keyword.Namespace */
|
30
|
+
.highlight .kp { color: #cdcd00 } /* Keyword.Pseudo */
|
31
|
+
.highlight .kr { color: #cdcd00 } /* Keyword.Reserved */
|
32
|
+
.highlight .kt { color: #00cd00 } /* Keyword.Type */
|
33
|
+
.highlight .ld { color: #cccccc } /* Literal.Date */
|
34
|
+
.highlight .m { color: #cd00cd } /* Literal.Number */
|
35
|
+
.highlight .s { color: #cd0000 } /* Literal.String */
|
36
|
+
.highlight .na { color: #cccccc } /* Name.Attribute */
|
37
|
+
.highlight .nb { color: #cd00cd } /* Name.Builtin */
|
38
|
+
.highlight .nc { color: #00cdcd } /* Name.Class */
|
39
|
+
.highlight .no { color: #cccccc } /* Name.Constant */
|
40
|
+
.highlight .nd { color: #cccccc } /* Name.Decorator */
|
41
|
+
.highlight .ni { color: #cccccc } /* Name.Entity */
|
42
|
+
.highlight .ne { color: #666699; font-weight: bold } /* Name.Exception */
|
43
|
+
.highlight .nf { color: #cccccc } /* Name.Function */
|
44
|
+
.highlight .nl { color: #cccccc } /* Name.Label */
|
45
|
+
.highlight .nn { color: #cccccc } /* Name.Namespace */
|
46
|
+
.highlight .nx { color: #cccccc } /* Name.Other */
|
47
|
+
.highlight .py { color: #cccccc } /* Name.Property */
|
48
|
+
.highlight .nt { color: #cccccc } /* Name.Tag */
|
49
|
+
.highlight .nv { color: #00cdcd } /* Name.Variable */
|
50
|
+
.highlight .ow { color: #cdcd00 } /* Operator.Word */
|
51
|
+
.highlight .w { color: #cccccc } /* Text.Whitespace */
|
52
|
+
.highlight .mf { color: #cd00cd } /* Literal.Number.Float */
|
53
|
+
.highlight .mh { color: #cd00cd } /* Literal.Number.Hex */
|
54
|
+
.highlight .mi { color: #cd00cd } /* Literal.Number.Integer */
|
55
|
+
.highlight .mo { color: #cd00cd } /* Literal.Number.Oct */
|
56
|
+
.highlight .sb { color: #cd0000 } /* Literal.String.Backtick */
|
57
|
+
.highlight .sc { color: #cd0000 } /* Literal.String.Char */
|
58
|
+
.highlight .sd { color: #cd0000 } /* Literal.String.Doc */
|
59
|
+
.highlight .s2 { color: #cd0000 } /* Literal.String.Double */
|
60
|
+
.highlight .se { color: #cd0000 } /* Literal.String.Escape */
|
61
|
+
.highlight .sh { color: #cd0000 } /* Literal.String.Heredoc */
|
62
|
+
.highlight .si { color: #cd0000 } /* Literal.String.Interpol */
|
63
|
+
.highlight .sx { color: #cd0000 } /* Literal.String.Other */
|
64
|
+
.highlight .sr { color: #cd0000 } /* Literal.String.Regex */
|
65
|
+
.highlight .s1 { color: #cd0000 } /* Literal.String.Single */
|
66
|
+
.highlight .ss { color: #cd0000 } /* Literal.String.Symbol */
|
67
|
+
.highlight .bp { color: #cd00cd } /* Name.Builtin.Pseudo */
|
68
|
+
.highlight .vc { color: #00cdcd } /* Name.Variable.Class */
|
69
|
+
.highlight .vg { color: #00cdcd } /* Name.Variable.Global */
|
70
|
+
.highlight .vi { color: #00cdcd } /* Name.Variable.Instance */
|
71
|
+
.highlight .il { color: #cd00cd } /* Literal.Number.Integer.Long */
|
72
|
+
|
73
|
+
.highlight .dl {color: #e26647}
|
74
|
+
.highlight .lineno { color: rgb(173, 173, 173); margin-right: 5px; }
|
data/assets/styles/styles.scss
CHANGED
data/pages/about.html
CHANGED
@@ -6,11 +6,7 @@ category: about
|
|
6
6
|
|
7
7
|
---
|
8
8
|
<div class="profile">
|
9
|
-
|
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>
|
9
|
+
{% include avatar.html %}
|
14
10
|
<h2>{{ site.data.menu.menu_headline }}</h2>
|
15
11
|
<p>{{ site.data.menu.menu_intro }}</p>
|
16
12
|
</div>
|
data/pages/category-1.html
CHANGED
@@ -3,7 +3,7 @@ title: Category 1
|
|
3
3
|
layout: category-aggregator
|
4
4
|
permalink: category-1.html
|
5
5
|
category: category-1
|
6
|
-
summary: Summary of a category. It is just a special placeholder wrapped in a particular class, so it looks more interesting. You can always make your own layout for a category, or make a category.html look the way you want.
|
6
|
+
summary: Summary of a category. It is just a special placeholder wrapped in a particular class, so it looks more interesting. You can always make your own layout for a category, or make a category.html look the way you want. If you want to see the source code of this theme, feel free to check out the repository on <a href="https://github.com/ItsMeaga1n/minimal-categorized" target="_blank">GitHub</a>.
|
7
7
|
---
|
8
8
|
<hr>
|
9
9
|
<h2>Showcase of customizing aggregator site</h2>
|
@@ -20,12 +20,12 @@ summary: Summary of a category. It is just a special placeholder wrapped in a pa
|
|
20
20
|
</div>
|
21
21
|
</div>
|
22
22
|
</a>
|
23
|
-
<a class="item">
|
23
|
+
<a class="item" >
|
24
24
|
<div class="icon"><img src="assets/img/project-2.svg"></div>
|
25
25
|
<div class="content">
|
26
26
|
<h4>CatoCat</h4>
|
27
27
|
<div class="description">
|
28
|
-
CatoCat description. It's very fun and so on
|
28
|
+
CatoCat description. It's very fun and so on.
|
29
29
|
</div>
|
30
30
|
</div>
|
31
31
|
</a>
|
@@ -34,16 +34,16 @@ summary: Summary of a category. It is just a special placeholder wrapped in a pa
|
|
34
34
|
<div class="group">
|
35
35
|
<div class="title">Title for this section</div>
|
36
36
|
<ul>
|
37
|
-
<a class="item">
|
37
|
+
<a class="item" href="gate.html">
|
38
38
|
<div class="icon"><img src="assets/img/project-3.svg"></div>
|
39
39
|
<div class="content">
|
40
|
-
<h4>
|
40
|
+
<h4>Gate page</h4>
|
41
41
|
<div class="description">
|
42
|
-
|
42
|
+
This particular cell will take you to the gate webpage, which is a former "homepage". You can still use it if you want!
|
43
43
|
</div>
|
44
44
|
</div>
|
45
45
|
</a>
|
46
|
-
<a class="item" href="https://ko-fi.com/
|
46
|
+
<a class="item" href="https://ko-fi.com/itsmeaga1n" target="_blank">
|
47
47
|
<div class="icon"><img src="assets/img/ko-fi.jpg"></div>
|
48
48
|
<div class="content">
|
49
49
|
<h4>Ko-fi</h4>
|
@@ -62,16 +62,16 @@ summary: Summary of a category. It is just a special placeholder wrapped in a pa
|
|
62
62
|
<div class="content">
|
63
63
|
<h4>Project coffuska</h4>
|
64
64
|
<div class="description">
|
65
|
-
Project that converts coffee into lines of code
|
65
|
+
Project that converts coffee into lines of code. Or will, right now there is nothing
|
66
66
|
</div>
|
67
67
|
</div>
|
68
68
|
</a>
|
69
69
|
<a class="item">
|
70
70
|
<div class="icon"><i class="fas fa-cat"></i></div>
|
71
71
|
<div class="content">
|
72
|
-
<h4>Project
|
72
|
+
<h4>Project X</h4>
|
73
73
|
<div class="description">
|
74
|
-
Project
|
74
|
+
Project X description. It's very fun and so on. Well, for now there is nothing
|
75
75
|
</div>
|
76
76
|
</div>
|
77
77
|
</a>
|
data/pages/gate.html
ADDED
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: minimal-categorized
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.0.
|
4
|
+
version: 0.0.18
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Patryk Bieszke
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date:
|
11
|
+
date: 2021-01-29 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: jekyll
|
@@ -38,20 +38,24 @@ files:
|
|
38
38
|
- _data/customs.yml
|
39
39
|
- _data/menu.yml
|
40
40
|
- _data/metaData.yml
|
41
|
+
- _includes/avatar.html
|
41
42
|
- _includes/common-head.html
|
42
43
|
- _includes/cookies.js
|
43
44
|
- _includes/customizations.html
|
44
45
|
- _includes/footer.html
|
45
|
-
- _includes/
|
46
|
+
- _includes/gate.js
|
46
47
|
- _includes/menu.html
|
47
48
|
- _layouts/category-aggregator.html
|
48
49
|
- _layouts/default.html
|
50
|
+
- _layouts/gate.html
|
49
51
|
- _layouts/home.html
|
50
52
|
- _layouts/post.html
|
51
53
|
- _sass/minimal-categorized.scss
|
54
|
+
- _sass/styles/_avatar.scss
|
52
55
|
- _sass/styles/_category-aggregator.scss
|
53
56
|
- _sass/styles/_cookies.scss
|
54
57
|
- _sass/styles/_defaults.scss
|
58
|
+
- _sass/styles/_gate.scss
|
55
59
|
- _sass/styles/_home.scss
|
56
60
|
- _sass/styles/_index.scss
|
57
61
|
- _sass/styles/_layout.scss
|
@@ -60,16 +64,37 @@ files:
|
|
60
64
|
- _sass/styles/_profile.scss
|
61
65
|
- _sass/styles/_projects-collection.scss
|
62
66
|
- _sass/variables/_colors.scss
|
67
|
+
- _sass/variables/_dark-theme.scss
|
63
68
|
- _sass/variables/_index.scss
|
64
69
|
- _sass/variables/_layout.scss
|
70
|
+
- _sass/variables/_light-theme.scss
|
65
71
|
- _sass/variables/_mixins.scss
|
72
|
+
- assets/img/android-chrome-192x192.png
|
73
|
+
- assets/img/android-chrome-256x256.png
|
74
|
+
- assets/img/apple-touch-icon.png
|
66
75
|
- assets/img/avatar.png
|
76
|
+
- assets/img/browserconfig.xml
|
67
77
|
- assets/img/category-1.jpg
|
68
78
|
- assets/img/category-2.jpg
|
79
|
+
- assets/img/favicon-16x16.png
|
80
|
+
- assets/img/favicon-32x32.png
|
81
|
+
- assets/img/favicon.ico
|
82
|
+
- assets/img/ko-fi.jpg
|
83
|
+
- assets/img/mstile-150x150.png
|
84
|
+
- assets/img/post-2.jpg
|
85
|
+
- assets/img/project-1.png
|
86
|
+
- assets/img/project-2.svg
|
87
|
+
- assets/img/project-3.svg
|
88
|
+
- assets/img/project-4.png
|
89
|
+
- assets/img/safari-pinned-tab.svg
|
90
|
+
- assets/img/site.webmanifest
|
91
|
+
- assets/styles/highlight.css
|
69
92
|
- assets/styles/styles.scss
|
70
93
|
- pages/about.html
|
71
94
|
- pages/category-1.html
|
72
95
|
- pages/category-2.html
|
96
|
+
- pages/gate.html
|
97
|
+
- pages/super-cat.html
|
73
98
|
homepage: https://github.com/ItsMeaga1n/minimal-categorized
|
74
99
|
licenses:
|
75
100
|
- MIT
|