minimal-categorized 0.0.12 → 0.0.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/_data/metaData.yml +1 -0
- data/_includes/menu.html +47 -48
- data/_layouts/post.html +3 -1
- data/_sass/styles/_category-aggregator.scss +5 -5
- data/_sass/styles/_cookies.scss +7 -7
- data/_sass/styles/_defaults.scss +5 -4
- data/_sass/styles/_home.scss +2 -2
- data/_sass/styles/_index.scss +2 -1
- data/_sass/styles/_layout.scss +1 -1
- data/_sass/styles/_menu.scss +20 -5
- data/_sass/styles/_post.scss +6 -0
- data/_sass/styles/_projects-collection.scss +82 -0
- data/_sass/variables/_colors.scss +22 -12
- data/assets/styles/styles.scss +5 -1
- data/pages/category-1.html +73 -1
- metadata +3 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: e9ecd370164a3292e9f9f243415565b854c51eef66fa001291f5bc1c8d3cbae8
|
|
4
|
+
data.tar.gz: e0aecaf432d6887732f2115bdd0e7e1283630a47f5ae94f4652ef0aef841661e
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 808d35f7797f0ea4c3a63b3b886351b6338cff33b83acdcd3c002eba683d900939edbce0ea9cdedb37cc4167c6a3b22bd032a355392e0780f66be353878e6fa4
|
|
7
|
+
data.tar.gz: e7060e7731d29217b1453135027af3aadfbbdebb0cb68ac961eb03f3e268ba71c4087c2f5cccffe0a9b91ef1c0f7b9ba8078f4f1602ab090fa8ff441dba8c9c8
|
data/_data/metaData.yml
CHANGED
data/_includes/menu.html
CHANGED
|
@@ -1,62 +1,61 @@
|
|
|
1
1
|
{% if site.data.menu.minimal_menu %}
|
|
2
|
-
<aside class="menu">
|
|
3
|
-
|
|
2
|
+
<aside class="menu">
|
|
3
|
+
<div class="menu-top">
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
5
|
+
<ul class="navigation">
|
|
6
|
+
{% for menu_item in site.data.menu.menu_pages %}
|
|
7
|
+
<li>
|
|
8
|
+
<a href="{{ menu_item.url | relative_url }}" category="{{ menu_item.category }}" title="{{ menu_item.tooltip }}">
|
|
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
|
+
<a href="{{ contact.url | relative_url }}" target="{{ contact.target }}">
|
|
18
|
+
<i class="{{ contact.faicon }}"></i>
|
|
10
19
|
</a>
|
|
11
|
-
</li>
|
|
12
20
|
{% endfor %}
|
|
13
|
-
</
|
|
14
|
-
</
|
|
15
|
-
<div class="menu-contact">
|
|
16
|
-
{% for contact in site.data.menu.menu_contacts %}
|
|
17
|
-
|
|
18
|
-
<a href="{{ contact.url | relative_url }}" target="{{ contact.target }}">
|
|
19
|
-
<i class="{{ contact.faicon }}"></i>
|
|
20
|
-
</a>
|
|
21
|
-
{% endfor %}
|
|
22
|
-
</div>
|
|
23
|
-
</aside>
|
|
21
|
+
</div>
|
|
22
|
+
</aside>
|
|
24
23
|
|
|
25
24
|
{% else %}
|
|
26
25
|
|
|
27
|
-
<aside class="menu">
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
26
|
+
<aside class="menu">
|
|
27
|
+
<div class="menu-top">
|
|
28
|
+
<div class="profile">
|
|
29
|
+
<div class="avatar">
|
|
30
|
+
<a href="{{ '/about.html' | relative_url }}" alt="avatar">
|
|
31
|
+
<img src="{{ site.data.menu.menu_logo | relative_url }}" 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>
|
|
34
37
|
</div>
|
|
35
|
-
|
|
36
|
-
<
|
|
37
|
-
|
|
38
|
+
|
|
39
|
+
<ul class="navigation">
|
|
40
|
+
{% for menu_item in site.data.menu.menu_pages %}
|
|
41
|
+
<li>
|
|
42
|
+
<a href="{{ menu_item.url | relative_url }}" category="{{ menu_item.category }}" title="{{ menu_item.tooltip }}">
|
|
43
|
+
<i class="{{ menu_item.icon_name }}"> </i>
|
|
44
|
+
<span>{{ menu_item.title }}</span>
|
|
45
|
+
</a>
|
|
46
|
+
</li>
|
|
47
|
+
{% endfor %}
|
|
48
|
+
</ul>
|
|
38
49
|
</div>
|
|
50
|
+
<div class="menu-contact">
|
|
51
|
+
{% for contact in site.data.menu.menu_contacts %}
|
|
39
52
|
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
<a href="{{ menu_item.url | relative_url }}" category="{{ menu_item.category }}" title="{{ menu_item.tooltip }}">
|
|
44
|
-
<i class="{{ menu_item.icon_name }}"> </i>
|
|
45
|
-
<span>{{ menu_item.title }}</span>
|
|
46
|
-
</a>
|
|
47
|
-
</li>
|
|
53
|
+
<a href="{{ contact.url | relative_url }}" target="{{ contact.target }}">
|
|
54
|
+
<i class="{{ contact.faicon }}"></i>
|
|
55
|
+
</a>
|
|
48
56
|
{% endfor %}
|
|
49
|
-
</
|
|
50
|
-
</
|
|
51
|
-
<div class="menu-contact">
|
|
52
|
-
{% for contact in site.data.menu.menu_contacts %}
|
|
53
|
-
|
|
54
|
-
<a href="{{ contact.url | relative_url }}" target="{{ contact.target }}">
|
|
55
|
-
<i class="{{ contact.faicon }}"></i>
|
|
56
|
-
</a>
|
|
57
|
-
{% endfor %}
|
|
58
|
-
</div>
|
|
59
|
-
</aside>
|
|
57
|
+
</div>
|
|
58
|
+
</aside>
|
|
60
59
|
{% endif %}
|
|
61
60
|
|
|
62
61
|
<script>
|
data/_layouts/post.html
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
.category-aggregator {
|
|
2
|
-
color: $
|
|
2
|
+
color: $p_text;
|
|
3
3
|
a {
|
|
4
|
-
color: $
|
|
4
|
+
color: $p_text;
|
|
5
5
|
&:hover {
|
|
6
|
-
color:
|
|
6
|
+
color: $primary;
|
|
7
7
|
}
|
|
8
8
|
}
|
|
9
9
|
hr {
|
|
10
10
|
border: 0;
|
|
11
11
|
height: 0;
|
|
12
12
|
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
|
13
|
-
border-bottom: 1px solid
|
|
13
|
+
border-bottom: 1px solid $p_text_dimmed;
|
|
14
14
|
margin: $gap auto $gap * 0.5 auto;
|
|
15
15
|
}
|
|
16
16
|
article {
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
padding-left: 18px;
|
|
21
21
|
font-style: italic;
|
|
22
22
|
margin-top: -0.6em;
|
|
23
|
-
color:
|
|
23
|
+
color: $p_text_dimmed;
|
|
24
24
|
font-size: 0.9em;
|
|
25
25
|
}
|
|
26
26
|
.article-read {
|
data/_sass/styles/_cookies.scss
CHANGED
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
position: fixed;
|
|
3
3
|
padding: 20px 15px;
|
|
4
4
|
z-index: $pop-ups-z-1;
|
|
5
|
-
background-image: radial-gradient(farthest-corner at 25% 0, $
|
|
6
|
-
box-shadow: 0 0 6px 0 $
|
|
5
|
+
background-image: radial-gradient(farthest-corner at 25% 0, $p_darkest, $dark);
|
|
6
|
+
box-shadow: 0 0 6px 0 $dark;
|
|
7
7
|
text-align: center;
|
|
8
8
|
opacity: 0.95;
|
|
9
9
|
-webkit-transition: opacity 800ms, visibility 800ms;
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
left: 40px;
|
|
13
13
|
max-width: 300px;
|
|
14
14
|
border-radius: 3px;
|
|
15
|
-
border: 3px solid $
|
|
15
|
+
border: 3px solid $dark;
|
|
16
16
|
|
|
17
17
|
p {
|
|
18
18
|
color: $p_text;
|
|
@@ -28,16 +28,16 @@
|
|
|
28
28
|
font-weight: 700;
|
|
29
29
|
display: inline-block;
|
|
30
30
|
padding: 10px 20px;
|
|
31
|
-
background: $
|
|
31
|
+
background-color: $p_dark;
|
|
32
32
|
color: $p_text;
|
|
33
33
|
border: none;
|
|
34
34
|
border-radius: 3px;
|
|
35
35
|
text-decoration: none;
|
|
36
36
|
cursor: pointer;
|
|
37
|
-
-webkit-transition: background 200ms;
|
|
38
|
-
transition: background 200ms;
|
|
37
|
+
-webkit-transition: background-color 200ms;
|
|
38
|
+
transition: background-color 200ms;
|
|
39
39
|
&:hover {
|
|
40
|
-
background: $
|
|
40
|
+
background-color: $primary;
|
|
41
41
|
}
|
|
42
42
|
}
|
|
43
43
|
@include mobile {
|
data/_sass/styles/_defaults.scss
CHANGED
|
@@ -2,18 +2,18 @@ h1 {
|
|
|
2
2
|
text-transform: uppercase;
|
|
3
3
|
font-weight: 700;
|
|
4
4
|
text-rendering: optimizeLegibility;
|
|
5
|
-
color:
|
|
5
|
+
color: $primary;
|
|
6
6
|
text-align: center;
|
|
7
7
|
font-size: 2.5em;
|
|
8
8
|
letter-spacing: -1px;
|
|
9
|
-
padding:
|
|
9
|
+
padding: 0.5em;
|
|
10
10
|
}
|
|
11
11
|
|
|
12
|
-
h2, h2 a {
|
|
12
|
+
h2, h2, h3 a {
|
|
13
13
|
font-weight: 700;
|
|
14
14
|
font-size: 1.4em;
|
|
15
15
|
line-height: 1.4em;
|
|
16
|
-
color: $
|
|
16
|
+
color: $primary;
|
|
17
17
|
}
|
|
18
18
|
|
|
19
19
|
* {
|
|
@@ -26,6 +26,7 @@ body {
|
|
|
26
26
|
font-size: 16px;
|
|
27
27
|
color: $base-white;
|
|
28
28
|
font-family: forma-djr-micro,Arial,sans-serif;
|
|
29
|
+
-webkit-font-smoothing: antialiased;
|
|
29
30
|
}
|
|
30
31
|
main {
|
|
31
32
|
.content-container {
|
data/_sass/styles/_home.scss
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
flex-wrap: wrap;
|
|
7
7
|
justify-content: space-between;
|
|
8
8
|
align-items: flex-start;
|
|
9
|
-
background-color: $
|
|
9
|
+
background-color: $main-bg-color;
|
|
10
10
|
a {
|
|
11
11
|
display: flex;
|
|
12
12
|
flex: 0 50%;
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
opacity: 0;
|
|
48
48
|
position: absolute;
|
|
49
49
|
text-align: center;
|
|
50
|
-
text-shadow: $
|
|
50
|
+
text-shadow: $dark 3px 3px 3px;
|
|
51
51
|
@include mobile {
|
|
52
52
|
opacity: 1;
|
|
53
53
|
}
|
data/_sass/styles/_index.scss
CHANGED
data/_sass/styles/_layout.scss
CHANGED
data/_sass/styles/_menu.scss
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
.menu {
|
|
2
2
|
$root: &;
|
|
3
|
-
background-image: linear-gradient(142deg, $
|
|
3
|
+
background-image: linear-gradient(142deg, $dark 0%, $p_darkest 45%, $dark 90%);
|
|
4
4
|
position: fixed;
|
|
5
5
|
left: 0;
|
|
6
6
|
top: 0;
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
float: left;
|
|
13
13
|
width: $menu-size;
|
|
14
14
|
box-sizing: border-box;
|
|
15
|
-
border-right: 2px solid $
|
|
15
|
+
border-right: 2px solid $dark;
|
|
16
16
|
|
|
17
17
|
@include mobile {
|
|
18
18
|
flex-direction: row;
|
|
@@ -44,6 +44,8 @@
|
|
|
44
44
|
display: flex;
|
|
45
45
|
height: 50px;
|
|
46
46
|
justify-content:center;
|
|
47
|
+
position: relative;
|
|
48
|
+
|
|
47
49
|
a {
|
|
48
50
|
align-items:center;
|
|
49
51
|
color: $p_text;
|
|
@@ -59,7 +61,19 @@
|
|
|
59
61
|
|
|
60
62
|
}
|
|
61
63
|
&.selected {
|
|
62
|
-
color: $
|
|
64
|
+
color: $primary;
|
|
65
|
+
|
|
66
|
+
&::before{
|
|
67
|
+
content: "";
|
|
68
|
+
display: block;
|
|
69
|
+
width: 2px;
|
|
70
|
+
height: 100%;
|
|
71
|
+
background-color: $primary;
|
|
72
|
+
position: absolute;
|
|
73
|
+
left: -2px;
|
|
74
|
+
top: 0px;
|
|
75
|
+
box-shadow: $primary 4px 0px 22px;
|
|
76
|
+
}
|
|
63
77
|
}
|
|
64
78
|
@include mobile {
|
|
65
79
|
height: calc(#{$menu-size} - 10px);
|
|
@@ -109,7 +123,7 @@
|
|
|
109
123
|
}
|
|
110
124
|
}
|
|
111
125
|
a {
|
|
112
|
-
color: $
|
|
126
|
+
color: $p_text;
|
|
113
127
|
cursor:pointer;
|
|
114
128
|
text-align:left;
|
|
115
129
|
text-size-adjust:100%;
|
|
@@ -117,7 +131,8 @@
|
|
|
117
131
|
margin-left: 4px;
|
|
118
132
|
margin-right: 4px;
|
|
119
133
|
&:hover {
|
|
120
|
-
|
|
134
|
+
font-weight: 900;
|
|
135
|
+
color: $p_lighter;
|
|
121
136
|
}
|
|
122
137
|
}
|
|
123
138
|
}
|
data/_sass/styles/_post.scss
CHANGED
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
.collection {
|
|
2
|
+
text-align: center;
|
|
3
|
+
display: flex;
|
|
4
|
+
flex-flow: row wrap;
|
|
5
|
+
justify-content: center;
|
|
6
|
+
margin-top: 1em;
|
|
7
|
+
.group {
|
|
8
|
+
margin: 4px;
|
|
9
|
+
display: inline-block;
|
|
10
|
+
border: 2px solid $p_darkest;
|
|
11
|
+
border-radius: 5px;
|
|
12
|
+
position: relative;
|
|
13
|
+
text-align: initial;
|
|
14
|
+
min-width: 300px;
|
|
15
|
+
max-width: 375px;
|
|
16
|
+
width: 100%;
|
|
17
|
+
background-color: $dark;
|
|
18
|
+
height: fit-content;
|
|
19
|
+
.title {
|
|
20
|
+
background-color: $dark;
|
|
21
|
+
padding: 6px;
|
|
22
|
+
text-align: center;
|
|
23
|
+
font-weight: 900;
|
|
24
|
+
line-height: 10px;
|
|
25
|
+
}
|
|
26
|
+
.item {
|
|
27
|
+
padding: 18px 15px 18px 15px;
|
|
28
|
+
width: 100%;
|
|
29
|
+
display: flex;
|
|
30
|
+
cursor: pointer;
|
|
31
|
+
transition: 0.5s ease all;
|
|
32
|
+
-webkit-transition: 0.5s ease all;
|
|
33
|
+
position: relative;
|
|
34
|
+
box-sizing: border-box;
|
|
35
|
+
color: $p_text;
|
|
36
|
+
line-height: 1.2em;
|
|
37
|
+
border-bottom: 1px solid $p_darkest;
|
|
38
|
+
border-top: 1px solid $p_darkest;
|
|
39
|
+
&:last-child {
|
|
40
|
+
border-bottom: none;
|
|
41
|
+
}
|
|
42
|
+
&:first-child {
|
|
43
|
+
border-top: 2px solid $p_darkest;
|
|
44
|
+
}
|
|
45
|
+
&:hover {
|
|
46
|
+
background-image: linear-gradient(to right, $p_darkest, $dark);
|
|
47
|
+
&::before {
|
|
48
|
+
content: "";
|
|
49
|
+
display: block;
|
|
50
|
+
width: 4px;
|
|
51
|
+
height: 100%;
|
|
52
|
+
background-color: $primary;
|
|
53
|
+
position: absolute;
|
|
54
|
+
left: -2px;
|
|
55
|
+
top: 0px;
|
|
56
|
+
box-shadow: $primary 4px 0px 22px;
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
.icon {
|
|
60
|
+
min-width: 50px;
|
|
61
|
+
img, i {
|
|
62
|
+
width: 32px;
|
|
63
|
+
height: 32px;
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
.content {
|
|
67
|
+
h4 {
|
|
68
|
+
margin: 0px;
|
|
69
|
+
font-weight: 500;
|
|
70
|
+
min-height: 1.5em;
|
|
71
|
+
font-size: 1em;
|
|
72
|
+
line-height: 1em;
|
|
73
|
+
}
|
|
74
|
+
.description {
|
|
75
|
+
padding-left: 1px;
|
|
76
|
+
font-size: 0.75em;
|
|
77
|
+
line-height: 1.1em;
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
}
|
|
@@ -1,15 +1,25 @@
|
|
|
1
1
|
$base-white: #fafafa;
|
|
2
|
-
$main-bg-color: #
|
|
3
|
-
|
|
4
|
-
$primary: #
|
|
5
|
-
$p_light: #
|
|
6
|
-
$p_lighter_less: #
|
|
7
|
-
$p_lighter: #
|
|
8
|
-
$p_lightest: #
|
|
9
|
-
$p_dark: #
|
|
10
|
-
$
|
|
11
|
-
$
|
|
12
|
-
|
|
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;
|
|
13
19
|
$s_dark: #001970;
|
|
14
|
-
|
|
20
|
+
|
|
21
|
+
$p_text: #ecf8ff;
|
|
22
|
+
$p_text_dimmed: #5e8ca7;
|
|
15
23
|
$s_text: #ffffff;
|
|
24
|
+
|
|
25
|
+
$post_content_bg_color: #fff;
|
data/assets/styles/styles.scss
CHANGED
data/pages/category-1.html
CHANGED
|
@@ -5,4 +5,76 @@ permalink: category-1.html
|
|
|
5
5
|
category: category-1
|
|
6
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.
|
|
7
7
|
---
|
|
8
|
-
|
|
8
|
+
<hr>
|
|
9
|
+
<h2>Showcase of customizing aggregator site</h2>
|
|
10
|
+
<div class="collection">
|
|
11
|
+
<div class="group">
|
|
12
|
+
<div class="title">Title for this section</div>
|
|
13
|
+
<ul>
|
|
14
|
+
<a class="item" href="super-cat.html">
|
|
15
|
+
<div class="icon"><img src="assets/img/project-1.png"></div>
|
|
16
|
+
<div class="content">
|
|
17
|
+
<h4>Super cat</h4>
|
|
18
|
+
<div class="description">
|
|
19
|
+
With this customization you can showcase here whatever you want, and create a separate pages fot each of those. This one will redirect to the Super cat site
|
|
20
|
+
</div>
|
|
21
|
+
</div>
|
|
22
|
+
</a>
|
|
23
|
+
<a class="item">
|
|
24
|
+
<div class="icon"><img src="assets/img/project-2.svg"></div>
|
|
25
|
+
<div class="content">
|
|
26
|
+
<h4>CatoCat</h4>
|
|
27
|
+
<div class="description">
|
|
28
|
+
CatoCat description. It's very fun and so on
|
|
29
|
+
</div>
|
|
30
|
+
</div>
|
|
31
|
+
</a>
|
|
32
|
+
</ul>
|
|
33
|
+
</div>
|
|
34
|
+
<div class="group">
|
|
35
|
+
<div class="title">Title for this section</div>
|
|
36
|
+
<ul>
|
|
37
|
+
<a class="item">
|
|
38
|
+
<div class="icon"><img src="assets/img/project-3.svg"></div>
|
|
39
|
+
<div class="content">
|
|
40
|
+
<h4>Track tacking</h4>
|
|
41
|
+
<div class="description">
|
|
42
|
+
Track tacking description. It's a track, but more colorful
|
|
43
|
+
</div>
|
|
44
|
+
</div>
|
|
45
|
+
</a>
|
|
46
|
+
<a class="item" href="https://ko-fi.com/itsmeaga1n0929" target="_blank">
|
|
47
|
+
<div class="icon"><img src="assets/img/ko-fi.jpg"></div>
|
|
48
|
+
<div class="content">
|
|
49
|
+
<h4>Ko-fi</h4>
|
|
50
|
+
<div class="description">
|
|
51
|
+
If you enjoy what I'm doing, maybe you want to sponsor me a coffee?
|
|
52
|
+
</div>
|
|
53
|
+
</div>
|
|
54
|
+
</a>
|
|
55
|
+
</ul>
|
|
56
|
+
</div>
|
|
57
|
+
<div class="group">
|
|
58
|
+
<div class="title">Title for this section</div>
|
|
59
|
+
<ul>
|
|
60
|
+
<a class="item">
|
|
61
|
+
<div class="icon"><img src="assets/img/project-4.png"></div>
|
|
62
|
+
<div class="content">
|
|
63
|
+
<h4>Project coffuska</h4>
|
|
64
|
+
<div class="description">
|
|
65
|
+
Project that converts coffee into lines of code
|
|
66
|
+
</div>
|
|
67
|
+
</div>
|
|
68
|
+
</a>
|
|
69
|
+
<a class="item">
|
|
70
|
+
<div class="icon"><i class="fas fa-cat"></i></div>
|
|
71
|
+
<div class="content">
|
|
72
|
+
<h4>Project x</h4>
|
|
73
|
+
<div class="description">
|
|
74
|
+
Project x description. It's very fun and so on
|
|
75
|
+
</div>
|
|
76
|
+
</div>
|
|
77
|
+
</a>
|
|
78
|
+
</ul>
|
|
79
|
+
</div>
|
|
80
|
+
</div>
|
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.13
|
|
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-07 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -58,6 +58,7 @@ files:
|
|
|
58
58
|
- _sass/styles/_menu.scss
|
|
59
59
|
- _sass/styles/_post.scss
|
|
60
60
|
- _sass/styles/_profile.scss
|
|
61
|
+
- _sass/styles/_projects-collection.scss
|
|
61
62
|
- _sass/variables/_colors.scss
|
|
62
63
|
- _sass/variables/_index.scss
|
|
63
64
|
- _sass/variables/_layout.scss
|