jekyll-theme-kot-zrodlowy 0.1.1 → 0.1.4

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 17e0fee357f4d711d4d7d9e5ea9dd9501eb2050a67ddb4be7c281e91134cd709
4
- data.tar.gz: dcae29284f6530aa3eef936837d11570e7d21448f83fdb53e9a7aefdf4551be7
3
+ metadata.gz: 18a85bb7cdcc965ab50335aa3e401a9c0d6c3bc95cdc3b00298662bb977ad766
4
+ data.tar.gz: da030abd103f366f8c5e0e5e790f10534ed2d89353fda4b13b32b8ac83eab6e5
5
5
  SHA512:
6
- metadata.gz: 5a903bd76c490ac51d5c4f1ce129f70c8e8e59be0fcdc1546222d9b077c598a8f78ebb3f74a9b2a0490dd13563b0f2371a57bda46f9a3b2b0cfd13c729bee25b
7
- data.tar.gz: e3e192cb228eee16020134ae0b60ed8a6132670ddcf98b78711144a5fe51bbd27c753b63ba33c20994ae41d3551f929a61f9d0d8e396d8c2cfd1c4ba49250ab9
6
+ metadata.gz: 05c52b5f9c4f6ab7dc8b623163f926a37c28b886e96d9652f0fdd77882b3dc44bf1e7e7a51a9fca5981aa88a2899d77fa5da9b3e84272407d61eb521b94f7eb6
7
+ data.tar.gz: 890a3b6272647ca1c01bf389d7e9bf15cd91a8aa2674a554b52a78ae8932d684989e60f6d42d37085573bda66f0f5bbc68f64db1d91c45ca32bf58b5ceae9457
data/_includes/head.html CHANGED
@@ -8,7 +8,6 @@
8
8
  {% else %} {{site.title}}
9
9
  {% endif %}
10
10
  </title>
11
- <link href="https://fonts.googleapis.com/css?family=Lato|Open+Sans" rel="stylesheet">
12
11
  <link rel="icon" type="image/png" href="/assets/img/logo.png">
13
12
  <link rel="stylesheet" href="/assets/main.css">
14
13
  </head>
@@ -1,21 +1,20 @@
1
1
  <header class="site-header">
2
2
  <h1 class="site-name">
3
3
  <a class="menu-link" href="/">
4
- <img class="site-logo" src="/assets/img/logo.png" alt="{{ site.name }}">
4
+ <img class="site-logo" src="/assets/img/logo.png" width="54px" height="54px" alt="{{ site.name }}">
5
5
  </a>
6
6
  </h1>
7
7
  <nav class="site-menu">
8
- <ul>
8
+ <ul class="site-menu-list">
9
9
  {% for my_page in site.pages %}
10
10
  {% if my_page.title and my_page.url != '/404.html' %}
11
- <li class="site-menu-item"><a class="menu-item-link" href="{{ my_page.url | relative_url }}">{{ my_page.title | escape }}</a></li>
11
+ <li class="site-menu-item">
12
+ <a class="site-menu-link" href="{{ my_page.url | relative_url }}">
13
+ {{ my_page.title | escape }}
14
+ </a>
15
+ </li>
12
16
  {% endif %}
13
17
  {% endfor %}
14
18
  </ul>
15
19
  </nav>
16
- <nav class="social-menu">
17
- {% for media in site.social %}
18
- <a class="menu-item-link" href="{{ media.url | relative_url }}"><img src="/assets/img/social-media/{{media.name}}.png" alt="{{media.name}}"></a>
19
- {% endfor %}
20
- </nav>
21
20
  </header>
@@ -0,0 +1,8 @@
1
+
2
+ <ul class="post-list">
3
+ {% for post in include.posts %}
4
+ <li>
5
+ {% include post.html post=post %}
6
+ </li>
7
+ {% endfor %}
8
+ </ul>
@@ -0,0 +1,41 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+ <section class="home">
5
+ <h2 class="page-title">
6
+ {{ page.title }}
7
+ </h2>
8
+ <ul class="post-list">
9
+ {% for post in paginator.posts %}
10
+ <li class="post-list-item">
11
+ <header>
12
+ <h3 >
13
+ <a href="{{ post.url }}"> {{ post.title }}</a>
14
+ </h3>
15
+ <time datetime="{{ post.date | date_to_xmlschema}}">{{post.date | date: "%d-%m-%Y"}}</time>
16
+ <ul class="cat">
17
+ {% for category in post.categories %}
18
+ <li>
19
+ <a href="/categories/{{ category }}.html">
20
+ {{ category }}
21
+ </a>
22
+ </li>
23
+
24
+ {% endfor %}
25
+ </ul>
26
+
27
+ </header>
28
+ <div class="post-list-item-desc">
29
+ <p>{{ post.excerpt | default: '' | strip_html | normalize_whitespace | truncate: 200 | escape }}
30
+ <a href="{{ post.url }}"> Czytaj więcej</a>
31
+ </p>
32
+ </div>
33
+ </li>
34
+ {% endfor %}
35
+ </ul>
36
+ <a href="{{"/feeds/feed.xml " | relative_url }}" style="line-height:2em">
37
+ <img src="{{ "img/rss.png" | relative_url }}" alt="Subskrybuj"
38
+ title="Subskrybuj" style="width:1em;">
39
+ Subskrybuj
40
+ </a>
41
+ </section>
data/_sass/colors.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  $primary: #424242;
2
2
  $primary-dark: #1b1b1b;
3
- $primary-ligth: #6d6d6d;
3
+ $primary-light: #6d6d6d;
4
4
  $secondart-dark: #4b830d;
5
5
  $secondary: #7cb342;
6
6
  $secondary-light: #aee571;
data/_sass/fonts.scss CHANGED
@@ -1,2 +1,10 @@
1
+ @font-face {
2
+ font-family: "Open Sans";
3
+ src: url("/assets/fonts/OpenSans-Regular.ttf")
4
+ }
5
+ @font-face {
6
+ font-family: "Lato";
7
+ src: url("/assets/fonts/Lato-Regular.ttf")
8
+ }
1
9
  $header-font: 'Lato', sans-serif;
2
10
  $body-font: 'Open Sans', sans-serif;
data/_sass/header.scss CHANGED
@@ -4,40 +4,130 @@
4
4
  color: $primary-text;
5
5
  margin: 0;
6
6
  display: flex;
7
- .site-name {
8
- font-size: 28px;
9
- line-height: 60px;
7
+ align-items: center;
8
+ }
9
+
10
+ .site-name {
11
+ font-size: 28px;
12
+ margin: 0;
13
+ font-family: $header-font;
14
+ }
15
+
16
+ .site-logo {
17
+ height: 54px;
18
+ width: 54px;
19
+ padding: 3px 5%;
20
+ }
21
+
22
+ .site-logo:hover {
23
+ background: $primary-light;
24
+ }
25
+
26
+ .site-menu {
27
+ font-family: $header-font;
28
+ color: $primary-text;
29
+ font-size: 18px;
30
+ line-height: 60px;
31
+ padding: 0 5%;
32
+ }
33
+ .site-menu-list {
34
+ list-style-type: none;
35
+ margin: 0;
36
+ padding: 0 5%;
37
+ display: flex;
38
+ flex-direction: row;
39
+ width: 100%;
40
+ }
41
+
42
+ .site-menu-item {
43
+ box-sizing: border-box;
44
+ white-space: nowrap;
45
+ padding: 0 15px;
46
+ }
47
+
48
+ .site-menu-link {
49
+ text-decoration: none;
50
+ color: $primary-text;
51
+ display: block;
52
+ }
53
+
54
+
55
+ @media screen
56
+ and (min-device-width: 1020px)
57
+ and (orientation: landscape) {
58
+ .site-menu-link:hover {
59
+ color: whitesmoke;
60
+ transition: 1s;
61
+ }
62
+
63
+ .site-menu-item:hover {
64
+ background: $primary-light;
65
+ transition: 1s;
66
+ }
67
+ }
68
+
69
+ @media screen
70
+ and (min-device-width: 320px)
71
+ and (max-device-width: 640px)
72
+ and (orientation: portrait) {
73
+ .site-header {
74
+ flex-direction: column;
75
+ align-items: center;
76
+ height: auto;
77
+ }
78
+ .site-menu {
10
79
  margin: 0;
11
- font-family: $header-font;
80
+ padding: 0;
81
+ width: 100%;
12
82
  }
83
+ .site-menu-list {
84
+ list-style-type: none;
85
+ margin: 0;
86
+ padding: 0;
87
+ display: flex;
88
+ width: 100%;
89
+ flex-direction: row;
90
+ }
91
+ .site-menu-item {
92
+ border-top: 1pt solid $primary-light;
93
+ width: 100%;
94
+ height: 50px;
95
+ background: $primary;
96
+ display: flex;
97
+ align-items: center;
98
+ align-content: center;
99
+ justify-content: center;
100
+ }
101
+
13
102
  .site-logo {
14
- height: 54px;
103
+ height: 44px;
104
+ width: 44px;
105
+ padding: 3px 5%;
106
+ position: relative;
15
107
  }
16
- .site-menu {
17
- font-family: $header-font;
108
+ .site-name {
109
+ width: 100%;
110
+ font-weight: 500;
111
+ }
112
+ .menu-link {
113
+ display: flex;
114
+ align-self: center;
115
+ align-items: center;
116
+ text-decoration: none;
117
+ }
118
+ .menu-link::after {
119
+ content: "Kot Źródłowy";
120
+ display: inline;
18
121
  color: $primary-text;
19
- font-size: 18px;
20
- line-height: 60px;
21
- width: max-content;
22
- ul {
23
- list-style-type: none;
24
- margin: 0;
25
- display: flex;
26
- flex-direction: row;
27
- width: 100%;
28
- justify-content: flex-end;
29
- li {
30
- padding: 0 2%;
31
- width: max-content;
32
- a {
33
- text-decoration: none;
34
- color: $primary-text;
35
- }
36
- a:hover {
37
- text-decoration: underline;
38
- }
39
- }
40
- }
122
+ text-decoration: none;
123
+
41
124
  }
125
+ }
126
+
127
+ /* Landscape */
128
+ @media screen
129
+ and (device-width: 320px)
130
+ and (device-height: 640px)
131
+ and (orientation: landscape) {
42
132
 
43
133
  }
Binary file
Binary file
data/assets/main.scss CHANGED
@@ -9,10 +9,21 @@ body {
9
9
  margin: 0;
10
10
  font-family: $body-font;
11
11
  font-size: 16px;
12
- h1,h2,h3,h4,h5,h6 {
13
- font-family: $header-font;
14
- }
12
+ }
13
+
14
+ h1,h2,h3,h4,h5,h6 {
15
+ font-family: $header-font;
16
+ }
17
+
18
+ .site-header, .main-content, .site-footer {
19
+ padding: 0 15%;
20
+ }
21
+
22
+ @media screen
23
+ and (min-device-width: 320px)
24
+ and (max-device-width: 640px)
25
+ and (orientation: portrait) {
15
26
  .site-header, .main-content, .site-footer {
16
- padding: 0 15%;
27
+ padding: 0;
17
28
  }
18
- }
29
+ }
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jekyll-theme-kot-zrodlowy
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.1
4
+ version: 0.1.4
5
5
  platform: ruby
6
6
  authors:
7
7
  - Kornelia Kobiela
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2019-03-31 00:00:00.000000000 Z
11
+ date: 2019-04-07 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -65,13 +65,17 @@ files:
65
65
  - _includes/footer.html
66
66
  - _includes/head.html
67
67
  - _includes/header.html
68
+ - _includes/post-list.html
68
69
  - _layouts/default.html
70
+ - _layouts/page-list.html
69
71
  - _layouts/page.html
70
72
  - _layouts/post.html
71
73
  - _sass/colors.scss
72
74
  - _sass/fonts.scss
73
75
  - _sass/header.scss
74
76
  - _sass/monokai.scss
77
+ - assets/fonts/Lato-Regular.ttf
78
+ - assets/fonts/OpenSans-Regular.ttf
75
79
  - assets/img/logo.png
76
80
  - assets/main.scss
77
81
  homepage: https://gitlab.com/kot-zrodlowy/kot-zrodlowy-jekyll-theme