minimal-categorized 0.0.7 → 0.0.12
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +5 -1
- data/_config.yml +12 -6
- data/_data/customs.yml +3 -0
- data/_data/metaData.yml +5 -1
- data/_includes/common-head.html +3 -2
- data/_includes/cookies.js +29 -0
- data/_includes/customizations.html +15 -0
- data/_includes/home.js +2 -2
- data/_layouts/default.html +5 -0
- data/_sass/styles/_cookies.scss +53 -0
- data/_sass/styles/_defaults.scss +5 -1
- data/_sass/styles/_index.scss +2 -1
- data/_sass/styles/_layout.scss +2 -0
- data/_sass/styles/_menu.scss +1 -1
- data/_sass/variables/_colors.scss +1 -0
- data/_sass/variables/_layout.scss +2 -0
- metadata +6 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: c92466dafcf4c200ddcfd91ce2f2ad8205259d20373c3bdcc02f2731bca4b254
|
4
|
+
data.tar.gz: f8333e47fbd197b637006c8c410fe0a93a796b6d3ea0d507b5c8bd1fb2447cae
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 1a06a339da722ff87ddbdf43e7541190e70c0afafdc48f1313394ea813a5fe3acd8a842533df7086bb1bd98d5cfa345f9845091f0f4485c688748df557fb841b
|
7
|
+
data.tar.gz: 8e3812adf408c92c8ba2382504be75b7b8bd5993c954e7579ff0e7f10729509b330ace8395e270969824c221ad995c65cc078be29950610769bfe9c6f987e2ed
|
data/README.md
CHANGED
@@ -2,7 +2,7 @@
|
|
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
6
|
|
7
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/).
|
8
8
|
|
@@ -55,6 +55,10 @@ Structure of `_data/menu.yml`:
|
|
55
55
|
* faicon: FavIcon to be displayed in menu
|
56
56
|
* url: URL for href
|
57
57
|
* 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
|
58
62
|
|
59
63
|
Structure of `_data/metaData.yml`:
|
60
64
|
author: Site Author name
|
data/_config.yml
CHANGED
@@ -13,15 +13,21 @@
|
|
13
13
|
# you will see them accessed via {{ site.title }}, {{ site.email }}, and so on.
|
14
14
|
# You can create any custom variable you would like, and they will be accessible
|
15
15
|
# in the templates via {{ site.myvariable }}.
|
16
|
-
title:
|
16
|
+
title: minimal-categorized
|
17
|
+
tagline: A site showing the usage of Jekyll custom theme
|
17
18
|
email: email@example.com
|
18
19
|
description: >- # this means to ignore newlines until "baseurl:"
|
19
|
-
|
20
|
-
|
21
|
-
|
20
|
+
This website was created as a demonstration for Jekyll custom theme
|
21
|
+
named minimal-categorized. Its main feature is to aggregate posts into
|
22
|
+
categories, witch are easily distinguishable
|
22
23
|
baseurl: "/minimal-categorized" # the subpath of your site, e.g. /blog
|
23
|
-
url: "" # the base hostname & protocol for your site, e.g. http://example.com
|
24
|
-
|
24
|
+
url: "https://itsmeaga1n.github.io" # the base hostname & protocol for your site, e.g. http://example.com
|
25
|
+
author: itsmeaga1n
|
26
|
+
twitter:
|
27
|
+
username: itsmeaga1n
|
28
|
+
card: summary
|
29
|
+
plugins:
|
30
|
+
- jekyll-seo-tag
|
25
31
|
|
26
32
|
# Build settings
|
27
33
|
markdown: kramdown
|
data/_data/customs.yml
ADDED
data/_data/metaData.yml
CHANGED
data/_includes/common-head.html
CHANGED
@@ -1,5 +1,6 @@
|
|
1
1
|
<meta charset="utf-8">
|
2
2
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
3
|
-
<title>{{ page.title }}</title>
|
4
3
|
<link rel="stylesheet" href="{{ '/assets/styles/styles.css' | relative_url }}">
|
5
|
-
<script src="https://kit.fontawesome.com/79c31398dc.js" crossorigin="anonymous"></script>
|
4
|
+
<script src="https://kit.fontawesome.com/79c31398dc.js" crossorigin="anonymous"></script>
|
5
|
+
{% include customizations.html %}
|
6
|
+
{% seo %}
|
@@ -0,0 +1,29 @@
|
|
1
|
+
(function() {
|
2
|
+
const consentPropName = "cookies_consent";
|
3
|
+
const storageType = localStorage;
|
4
|
+
|
5
|
+
shouldShowCookieConsent = () => !storageType.getItem(consentPropName);
|
6
|
+
acceptCookieConsent = () => storageType.setItem(consentPropName, true);
|
7
|
+
window.addEventListener("load", () => {
|
8
|
+
if(!shouldShowCookieConsent()) {
|
9
|
+
return;
|
10
|
+
}
|
11
|
+
const cookieContainer = document.createElement("div");
|
12
|
+
cookieContainer.classList.add("hidden");
|
13
|
+
const cookieParagraph = document.createElement("p");
|
14
|
+
const cookieContent = document.createTextNode("{{ site.data.metaData.cookies.message }}");
|
15
|
+
const cookieAgreeButton = document.createElement("button");
|
16
|
+
const cookieButtonContent = document.createTextNode("{{ site.data.metaData.cookies.agreeButtonText }}");
|
17
|
+
cookieAgreeButton.appendChild(cookieButtonContent);
|
18
|
+
cookieAgreeButton.onclick = () => {
|
19
|
+
acceptCookieConsent();
|
20
|
+
cookieContainer.classList.add("hidden");
|
21
|
+
window.setTimeout(cookieContainer.remove.bind(cookieContainer), 1000);
|
22
|
+
}
|
23
|
+
cookieParagraph.append(cookieContent);
|
24
|
+
cookieContainer.append(cookieParagraph, cookieAgreeButton);
|
25
|
+
cookieContainer.classList.add("cookie-container")
|
26
|
+
document.body.appendChild(cookieContainer);
|
27
|
+
window.setTimeout(() => cookieContainer.classList.remove("hidden"));
|
28
|
+
});
|
29
|
+
})();
|
@@ -0,0 +1,15 @@
|
|
1
|
+
{% for javascript in page.custom-js %}
|
2
|
+
<script src="{{ javascript }}"></script>
|
3
|
+
{% endfor %}
|
4
|
+
|
5
|
+
{% for javascript in site.data.customs.custom-js %}
|
6
|
+
<script src="{{ javascript }}"></script>
|
7
|
+
{% endfor %}
|
8
|
+
|
9
|
+
{% for css in page.custom-css %}
|
10
|
+
<link href="{{ css }}" rel="stylesheet">
|
11
|
+
{% endfor %}
|
12
|
+
|
13
|
+
{% for css in site.data.customs.custom-css %}
|
14
|
+
<link href="{{ css }}" rel="stylesheet">
|
15
|
+
{% endfor %}
|
data/_includes/home.js
CHANGED
data/_layouts/default.html
CHANGED
@@ -0,0 +1,53 @@
|
|
1
|
+
.cookie-container {
|
2
|
+
position: fixed;
|
3
|
+
padding: 20px 15px;
|
4
|
+
z-index: $pop-ups-z-1;
|
5
|
+
background-image: radial-gradient(farthest-corner at 25% 0, $primary, $p_dark);
|
6
|
+
box-shadow: 0 0 6px 0 $p_dark;
|
7
|
+
text-align: center;
|
8
|
+
opacity: 0.95;
|
9
|
+
-webkit-transition: opacity 800ms, visibility 800ms;
|
10
|
+
transition: opacity 800ms, visibility 800ms;
|
11
|
+
bottom: 30px;
|
12
|
+
left: 40px;
|
13
|
+
max-width: 300px;
|
14
|
+
border-radius: 3px;
|
15
|
+
border: 3px solid $p_dark;
|
16
|
+
|
17
|
+
p {
|
18
|
+
color: $p_text;
|
19
|
+
line-height: 1.6em;
|
20
|
+
margin-bottom: 10px;
|
21
|
+
}
|
22
|
+
&.hidden {
|
23
|
+
opacity: 0;
|
24
|
+
visibility: hidden;
|
25
|
+
}
|
26
|
+
button {
|
27
|
+
line-height: 1.4;
|
28
|
+
font-weight: 700;
|
29
|
+
display: inline-block;
|
30
|
+
padding: 10px 20px;
|
31
|
+
background: $p_light;
|
32
|
+
color: $p_text;
|
33
|
+
border: none;
|
34
|
+
border-radius: 3px;
|
35
|
+
text-decoration: none;
|
36
|
+
cursor: pointer;
|
37
|
+
-webkit-transition: background 200ms;
|
38
|
+
transition: background 200ms;
|
39
|
+
&:hover {
|
40
|
+
background: $p_lighter_less;
|
41
|
+
}
|
42
|
+
}
|
43
|
+
@include mobile {
|
44
|
+
bottom: 0;
|
45
|
+
left: 0;
|
46
|
+
width: 100%;
|
47
|
+
max-width: 100%;
|
48
|
+
padding: 12px 10px;
|
49
|
+
border-left: 0;
|
50
|
+
border-right: 0;
|
51
|
+
border-bottom: 0;
|
52
|
+
}
|
53
|
+
}
|
data/_sass/styles/_defaults.scss
CHANGED
@@ -6,7 +6,7 @@ h1 {
|
|
6
6
|
text-align: center;
|
7
7
|
font-size: 2.5em;
|
8
8
|
letter-spacing: -1px;
|
9
|
-
|
9
|
+
padding: 1em 50px 1em;
|
10
10
|
}
|
11
11
|
|
12
12
|
h2, h2 a {
|
@@ -34,9 +34,13 @@ main {
|
|
34
34
|
width: 90%;
|
35
35
|
padding: 0px 18px 24px;
|
36
36
|
flex-grow: 1;
|
37
|
+
position: relative;
|
37
38
|
|
38
39
|
.content-separator {
|
39
40
|
margin: $gap auto;
|
41
|
+
&:last-child {
|
42
|
+
margin: $gap auto 0 auto;
|
43
|
+
}
|
40
44
|
}
|
41
45
|
}
|
42
46
|
}
|
data/_sass/styles/_index.scss
CHANGED
data/_sass/styles/_layout.scss
CHANGED
@@ -16,6 +16,7 @@ main {
|
|
16
16
|
top: $menu-size;
|
17
17
|
left: 0;
|
18
18
|
width: 100%;
|
19
|
+
height: calc(100% - #{$menu-size});
|
19
20
|
}
|
20
21
|
&.no-menu {
|
21
22
|
width: 100%;
|
@@ -43,6 +44,7 @@ footer {
|
|
43
44
|
top: $minimal-menu-size;
|
44
45
|
left: 0;
|
45
46
|
width: 100%;
|
47
|
+
height: calc(100% - #{$minimal-menu-size});
|
46
48
|
}
|
47
49
|
}
|
48
50
|
}
|
data/_sass/styles/_menu.scss
CHANGED
@@ -3,9 +3,11 @@ $desktop-width: 1024px;
|
|
3
3
|
$menu-size: 200px;
|
4
4
|
$minimal-menu-size: 50px;
|
5
5
|
$gap: 30px;
|
6
|
+
$pop-ups-z-1: 100;
|
6
7
|
|
7
8
|
$content-width-desktop: calc(100% - #{$menu-size});
|
8
9
|
$content-width-desktop-minimal-menu: calc(100% - #{$minimal-menu-size});
|
10
|
+
|
9
11
|
@mixin tablet {
|
10
12
|
@media only screen and (min-width: #{$tablet-width}) and (max-width: #{$desktop-width - 1px}) {
|
11
13
|
@content;
|
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.12
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Patryk Bieszke
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2020-11-
|
11
|
+
date: 2020-11-05 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: jekyll
|
@@ -35,9 +35,12 @@ files:
|
|
35
35
|
- LICENSE.txt
|
36
36
|
- README.md
|
37
37
|
- _config.yml
|
38
|
+
- _data/customs.yml
|
38
39
|
- _data/menu.yml
|
39
40
|
- _data/metaData.yml
|
40
41
|
- _includes/common-head.html
|
42
|
+
- _includes/cookies.js
|
43
|
+
- _includes/customizations.html
|
41
44
|
- _includes/footer.html
|
42
45
|
- _includes/home.js
|
43
46
|
- _includes/menu.html
|
@@ -47,6 +50,7 @@ files:
|
|
47
50
|
- _layouts/post.html
|
48
51
|
- _sass/minimal-categorized.scss
|
49
52
|
- _sass/styles/_category-aggregator.scss
|
53
|
+
- _sass/styles/_cookies.scss
|
50
54
|
- _sass/styles/_defaults.scss
|
51
55
|
- _sass/styles/_home.scss
|
52
56
|
- _sass/styles/_index.scss
|