minimal-categorized 0.0.16 → 0.0.17

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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 6a417377ac8433703b5cf922aa5cb23a1281bf1e9166e1e9b31c843036df8afe
4
- data.tar.gz: 4628f4f186f1c1f921b83ecf9bce9d884c55e4847d46a654ac110b11e99e86c3
3
+ metadata.gz: 3e9694f26a4f2ed6362b5454ac2fbd1bb60c14610c44d0a20e12f3f235a684df
4
+ data.tar.gz: c987b221974e1cb6a7f5c6082dfb23967d7635d59fcb8c39a4ada0cd2c423c59
5
5
  SHA512:
6
- metadata.gz: 51a672adcdd742512f4c8514a3cd073de24a196885d2ee7fe0469b8b3f6045417ac1902a5733d0f523161a69b2f0c7b964edb0dddd3dcf1dcb5066639e65d8a6
7
- data.tar.gz: e4fc1c881f5d2d0b55b4295f32095433c98b1536d0839397af2918ad9e79653ce9cf3d8b7d8ca2d234037233a82b99349b0af99cac2c7db26576b1004040fb9b
6
+ metadata.gz: 5b02096251c67c465352ff975d3156191dedb3e41f8e8e2f0ad1735b279f62e197ba5a8c58193606f8402000a4f51d817137c9ca695d650efcf4d75536aeb060
7
+ data.tar.gz: 72d450171d2a92ba161ebacb13942fb1b6847670b98ceceb3cf9fd4cf750b454c042dba7797658e33c6918f718eec68e132d580885e54f23aec5f206a7e74d82
@@ -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 %}
@@ -2,15 +2,23 @@
2
2
  layout: default
3
3
  ---
4
4
  <div class="post">
5
- {% if page.image %}
6
- <figure>
7
- <img src="{{ page.image | relative_url }}"/>
8
- </figure>
9
- {% endif %}
5
+
10
6
  <div class="content-container {{ page.category }}">
11
- <h1>{{ page.title }}</h1>
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>
@@ -25,7 +25,7 @@ h2, h2, h3 a {
25
25
  body {
26
26
  font-size: 16px;
27
27
  color: $base-white;
28
- font-family: forma-djr-micro,Arial,sans-serif;
28
+ font-family: 'Jost',Arial,sans-serif;
29
29
  -webkit-font-smoothing: antialiased;
30
30
  }
31
31
  main {
@@ -58,9 +58,15 @@ a, p, li {
58
58
 
59
59
  @include mobile {
60
60
  body {
61
- font-size: 13px;
61
+ font-size: 15px;
62
62
  }
63
63
  h1 {
64
64
  font-size: 2em;
65
65
  }
66
+ main {
67
+ .content-container {
68
+ width: 100%;
69
+ padding: 0px 9px 12px;
70
+ }
71
+ }
66
72
  }
@@ -1,22 +1,23 @@
1
1
  .post {
2
+ $root: &;
2
3
  font-size: 1.2em;
3
4
  color: black;
4
5
  @include hyperlink-convention();
5
- .language-plaintext, .language-shell, .language-html {
6
- border-radius: 3px;
7
- padding: 1px 3px;
8
- background-color:rgb(228, 230, 232);
6
+ @include mobile{
7
+ font-size: 1em;
9
8
  }
10
9
  figure {
11
10
  margin: 0;
12
11
  width: 100%;
13
12
  margin-top: 0.5em;
14
13
  margin-bottom: 0.5em;
15
- img {
16
- width: 100%;
17
- background-repeat: no-repeat;
18
- background-size: cover;
14
+ margin-left: -0.5em;
15
+ margin-right: -0.5em;
16
+ width: calc(100% + 1em);
17
+ & > pre {
18
+ overflow: auto;
19
19
  }
20
+
20
21
  }
21
22
  p, ul {
22
23
  margin-bottom: $gap * .5;
@@ -37,7 +38,40 @@
37
38
 
38
39
  &-content {
39
40
  background: $base-white;
40
- padding: 2rem;
41
+ padding: 0.2em 2rem 2rem 2rem;
41
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
+ }
42
76
  }
43
77
  }
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.16
4
+ version: 0.0.17
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-14 00:00:00.000000000 Z
11
+ date: 2021-01-06 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll