minimal-categorized 0.0.16 → 0.0.17

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: 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