baltic 0.0.1 → 0.0.2

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: cbaa37ed0978ec88762e0d6bf1dc655b627ee537411a784a5f6b6bf08bdfc955
4
- data.tar.gz: 683f60c51d02e61b6c862666ea56a79f937e02d59126cf3c63872e99321c69e2
3
+ metadata.gz: fee29e4131560e1e0cd51a428a132b06e8955d9803b8181fe8ace2b636a9a265
4
+ data.tar.gz: 6f8abbbcdb964b580ca81b8faec4452f72a3e62a06a75f82a12b2b6d3db13679
5
5
  SHA512:
6
- metadata.gz: f85af22cc71840d601ad25a0ba5fba39c387d70829865e10ae5f7da009c49def2630f88c68f2ab4c1845fdffe6e36538c58a949c363ae96b7df9f495f92baf80
7
- data.tar.gz: 250fd6a70dee988123a12db062006cbade1adf298897d06c5d4fa1000f9e115aba6be0fb596febcf19630134e43257a861c37a63368e636b237018e92559af69
6
+ metadata.gz: 7452b214a12a784249724ca1b096d9f153ab4845d852e361c49633646036e20cde1cd8ac89d360981d523f710612ac1899cded8d72acc79def8fedbcf0730d8a
7
+ data.tar.gz: d5fc4518ee85686a86adabe673546ce04820d9d1da80bfb6e4f3f04674eb976ecd17d321178c9ed393b38b06be8454883c139eb139e6480b6cb41fc4e5f1fa3a
@@ -0,0 +1,9 @@
1
+
2
+ <figure class="image">
3
+ <img src="{{include.source | uri_escape }}" alt="{{include.caption | escape}}"/>
4
+ {%- if include.caption != "" -%}
5
+ <figcaption>
6
+ {{include.caption}}
7
+ </figcaption>
8
+ {%- endif -%}
9
+ </figure>
@@ -0,0 +1,14 @@
1
+
2
+ <figure class="video">
3
+ <video controls>
4
+ {%- assign sources = include.source_list | split: "," -%}
5
+ {%- for source in sources -%}
6
+ <source src="{{ source | uri_escape }}" type="">
7
+ {%- endfor -%}
8
+ </video>
9
+ {%- if include.caption != "" -%}
10
+ <figcaption>
11
+ {{include.caption}}
12
+ </figcaption>
13
+ {%- endif -%}
14
+ </figure>
data/_includes/head.html CHANGED
@@ -1,5 +1,5 @@
1
1
  <meta charset="UTF-8" />
2
2
  <meta name="viewport" content="width=device-width, initial-scale=1" />
3
3
  <link rel="stylesheet" href="{{'/assets/css/style.css' | absolute_url}}">
4
- <title>{{page.title}}</title>
5
- {{fonts}}
4
+ <title>{{page.title}} - {{site.title}}</title>
5
+ {%- include fonts.html -%}
@@ -1,7 +1,20 @@
1
1
  <header class="header">
2
-
2
+ {%- assign nav_pages = site.header_pages -%}
3
+ {%- assign nav_size = nav_pages | size -%}
4
+
3
5
  <div class="header-title">
4
6
  <a class="header-title-link" href="/">{{site.title}}</a>
5
7
  </div>
6
8
 
9
+ {%- if nav_size > 0 -%}
10
+ <nav class="header-nav">
11
+ {%- for path in nav_pages -%}
12
+ {%- assign page = site.pages | where: "path", path | first -%}
13
+ {%- if page.title -%}
14
+ <a class="header-nav-link" href="{{ page.url | relative_url }}">{{page.title | escape}}</a>
15
+ {%- endif -%}
16
+ {%- endfor -%}
17
+ </nav>
18
+ {%- endif -%}
19
+
7
20
  </header>
@@ -1,2 +1,3 @@
1
1
 
2
2
  $pad_h: 10vw;
3
+ $border_radius: 12px;
data/_sass/baltic.scss CHANGED
@@ -29,9 +29,27 @@ h1 {
29
29
  color: $gotland;
30
30
  }
31
31
 
32
+ h3 {
33
+ font-weight: 200;
34
+ }
35
+
36
+ strong {
37
+ font-weight: 900;
38
+ }
39
+
40
+ a {
41
+ text-decoration: none;
42
+ }
43
+
44
+ hr {
45
+ color: $vilnius;
46
+ max-width: 90ch;
47
+ margin: 40px 0;
48
+ }
49
+
32
50
  .header {
33
51
  display: grid;
34
- grid-template-columns: auto;
52
+ grid-template-columns: auto auto;
35
53
  padding: 40px $pad_h;
36
54
  background-color: $baltic;
37
55
  border-bottom:4px solid #222d36;
@@ -39,13 +57,27 @@ h1 {
39
57
  .header-title-link {
40
58
  font-weight: 700;
41
59
  color: $body;
42
- text-decoration: none;
43
60
  transition: 0.2s;
44
61
 
45
62
  &:hover {
46
63
  color: $riga;
47
64
  }
48
65
  }
66
+
67
+ .header-nav {
68
+
69
+ }
70
+
71
+ .header-nav-link {
72
+ margin: 0 20px;
73
+ font-weight: 500;
74
+ color: $vilnius;
75
+ transition: 0.2s;
76
+
77
+ &:hover {
78
+ color: $dainava;
79
+ }
80
+ }
49
81
  }
50
82
 
51
83
  .content-area {
@@ -57,6 +89,20 @@ h1 {
57
89
  max-width: 90ch;
58
90
  }
59
91
 
92
+ figure {
93
+ margin: 0;
94
+
95
+ figcaption {
96
+ margin: 10px 0 20px $border_radius;
97
+ padding: $border_radius;
98
+ border-left: 4px solid $riga;
99
+ font-size: 0.85em;
100
+ font-style: italic;
101
+ color: $tallinn;
102
+ }
103
+ }
104
+
105
+ video,
60
106
  img {
61
107
  max-width: 100%;
62
108
  border-radius: 12px;
data/readme.md CHANGED
@@ -1,9 +1,19 @@
1
1
  # Baltic
2
2
 
3
- ![Example index file](./screenshot.png)
4
-
5
3
  Baltic is a Jekyll theme inspired by the popular Nord color theme.
6
4
 
5
+ ## Features
6
+
7
+ ![Video Embedding](./baltic-video-embed.png)
8
+
9
+ ![Captioned Images](./baltic-image-captions.png)
10
+
11
+ ![Nord-Color Syntax Highlighting](./baltic-syntax-highlighting.png)
12
+
13
+ ## Example Site
14
+
15
+ ![Example index file](./screenshot.png)
16
+
7
17
  ## Installation
8
18
 
9
19
  Add this line to your Jekyll site's `Gemfile`:
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: baltic
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.1
4
+ version: 0.0.2
5
5
  platform: ruby
6
6
  authors:
7
7
  - Andrew MacGillivray
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2024-03-16 00:00:00.000000000 Z
11
+ date: 2024-03-17 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -38,6 +38,8 @@ executables: []
38
38
  extensions: []
39
39
  extra_rdoc_files: []
40
40
  files:
41
+ - _includes/embed-image.html
42
+ - _includes/embed-video.html
41
43
  - _includes/fonts.html
42
44
  - _includes/head.html
43
45
  - _includes/header.html