jekyll-theme-minimal-ryan 0.2.0 → 0.3.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/CHANGELOG.md +10 -1
- data/README.md +23 -5
- data/_includes/header.html +13 -2
- data/_layouts/home.html +2 -2
- data/_sass/minimal-ryan/_theme.scss +30 -1
- data/_sass/minimal-ryan/custom.scss +66 -30
- metadata +6 -6
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: befcbda98d70c573b6a04c0bff94df3f5d78c7c9303c5439db23af0918a14ca6
|
4
|
+
data.tar.gz: 8d0bfc7ff877d72ec1b3dea874cf3b436523baa5b249d9178b12a990a2be88da
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: b58bc8058130375bb6d2c7743998774e1b4a2efddb03508a66019f5b836d7ddd972a5b002bd979362fe2c15b7418bb22841f431f7ab037e383d099274e8d5393
|
7
|
+
data.tar.gz: c82a0b8beca3af2f48407f82e2c1e864fda6746692c8d7701dd6ba86ea352e4f8e57768ad80dc160b3cedaa3c2b141b9e60949d2803b1e4018654737ca9f9fd6
|
data/CHANGELOG.md
CHANGED
@@ -1,12 +1,21 @@
|
|
1
|
-
## 0.
|
1
|
+
## 0.3.0 (2023-01-03)
|
2
2
|
|
3
3
|
### Feat
|
4
4
|
|
5
|
+
- add capability to add more pages to header
|
5
6
|
- add post cheat sheet
|
6
7
|
- initialize theme
|
7
8
|
|
8
9
|
### Fix
|
9
10
|
|
11
|
+
- add Gemfile.lock to version_files
|
12
|
+
- mobile view for blog home posts
|
13
|
+
- mobile view for home page
|
10
14
|
- images not appearing in posts correctly
|
11
15
|
- lists not expanding entire width
|
12
16
|
- regex not removing all html tags
|
17
|
+
|
18
|
+
### Refactor
|
19
|
+
|
20
|
+
- add example image to cheat sheet post
|
21
|
+
- convert media queries to mixins
|
data/README.md
CHANGED
@@ -16,15 +16,33 @@ theme: minimal-ryan
|
|
16
16
|
|
17
17
|
And then execute:
|
18
18
|
|
19
|
-
|
20
|
-
|
21
|
-
|
19
|
+
```
|
20
|
+
bundle
|
21
|
+
```
|
22
22
|
|
23
|
-
|
23
|
+
This will install all dependencies.
|
24
24
|
|
25
25
|
## Usage
|
26
26
|
|
27
|
-
|
27
|
+
To test the theme locally, run
|
28
|
+
|
29
|
+
```
|
30
|
+
bundle exec jekyll serve
|
31
|
+
```
|
32
|
+
|
33
|
+
which will serve your site at [http://localhost:4000](http://localhost:4000).
|
34
|
+
|
35
|
+
### Customization
|
36
|
+
|
37
|
+
All customizable options can be configured in [_data/theme.yml](_data/theme.yml). Simply create your own data file and override the settings in [_data/theme.yml](_data/theme.yml).
|
38
|
+
|
39
|
+
### Adding a Blog Home
|
40
|
+
|
41
|
+
The theme provides you with a blog home that can display all the posts in the _posts folder. Simple create a file at the root directory and give it the `blog` layout in the front matter.
|
42
|
+
|
43
|
+
### Customizing the Header
|
44
|
+
|
45
|
+
Whenever you create a new page (with any layout) at the root directory, the theme will add an entry to the header. If you want the name of the entry to be different from the file, add a title to the front matter of the page. This title will show up on the header instead.
|
28
46
|
|
29
47
|
## Contributing
|
30
48
|
|
data/_includes/header.html
CHANGED
@@ -1,11 +1,22 @@
|
|
1
1
|
<header class="content-container">
|
2
2
|
{%- assign page_paths = site.pages | map: "path" -%}
|
3
|
-
{%- assign titles_size = site.pages | map: 'title' | join: '' | size -%}
|
4
3
|
|
5
4
|
<a id="site-title" href="/">{{ site.data.theme.title }}</a>
|
6
5
|
|
7
6
|
<nav>
|
8
7
|
<a href="/">Home</a>
|
9
|
-
|
8
|
+
{%- for path in page_paths -%}
|
9
|
+
{%- assign page = site.pages | where: "path", path | first -%}
|
10
|
+
{%- if page.dir == "/" and page.url != "/" -%}
|
11
|
+
<a href="{{ page.url }}">
|
12
|
+
{%- if page.title -%}
|
13
|
+
{{ page.title | escape }}
|
14
|
+
{%- else -%}
|
15
|
+
{%- assign page_title = page.name | split: "." -%}
|
16
|
+
{{ page_title[0] | capitalize }}
|
17
|
+
{%- endif -%}
|
18
|
+
</a>
|
19
|
+
{%- endif -%}
|
20
|
+
{%- endfor -%}
|
10
21
|
</nav>
|
11
22
|
</header>
|
data/_layouts/home.html
CHANGED
@@ -3,10 +3,10 @@ layout: default
|
|
3
3
|
---
|
4
4
|
|
5
5
|
<div id="home-page">
|
6
|
-
<div id="
|
6
|
+
<div id="first-column">
|
7
7
|
<img src="{{ site.data.theme.home.image.src }}">
|
8
8
|
</div>
|
9
|
-
<div id="
|
9
|
+
<div id="second-column">
|
10
10
|
<div id="content-box">
|
11
11
|
<h1 id="home-title">{{ site.data.theme.title }}</h1>
|
12
12
|
{{ content }}
|
@@ -23,4 +23,33 @@ $biggest-font-size: 20px;
|
|
23
23
|
}
|
24
24
|
|
25
25
|
/* Layout */
|
26
|
-
$
|
26
|
+
$screen-width-extra-small: 320px;
|
27
|
+
$screen-width-small: 600px;
|
28
|
+
$screen-width-medium: 900px;
|
29
|
+
$screen-width-large: 1200px;
|
30
|
+
|
31
|
+
@mixin extra-small-screen {
|
32
|
+
@media only screen and (min-width: #{$screen-width-extra-small}) {
|
33
|
+
@content;
|
34
|
+
}
|
35
|
+
}
|
36
|
+
|
37
|
+
@mixin small-screen {
|
38
|
+
@media only screen and (min-width: #{$screen-width-small}) {
|
39
|
+
@content;
|
40
|
+
}
|
41
|
+
}
|
42
|
+
|
43
|
+
@mixin medium-screen {
|
44
|
+
@media only screen and (min-width: #{$screen-width-medium}) {
|
45
|
+
@content;
|
46
|
+
}
|
47
|
+
}
|
48
|
+
|
49
|
+
@mixin large-screen {
|
50
|
+
@media only screen and (min-width: #{$screen-width-large}) {
|
51
|
+
@content;
|
52
|
+
}
|
53
|
+
}
|
54
|
+
|
55
|
+
$header-height: 80px;
|
@@ -1,20 +1,20 @@
|
|
1
1
|
.content-container {
|
2
2
|
margin: auto;
|
3
3
|
|
4
|
-
@
|
5
|
-
width:
|
4
|
+
@include extra-small-screen {
|
5
|
+
width: $screen-width-extra-small;
|
6
6
|
}
|
7
7
|
|
8
|
-
@
|
9
|
-
width:
|
8
|
+
@include small-screen {
|
9
|
+
width: $screen-width-small;
|
10
10
|
}
|
11
11
|
|
12
|
-
@
|
13
|
-
width:
|
12
|
+
@include medium-screen {
|
13
|
+
width: $screen-width-medium;
|
14
14
|
}
|
15
15
|
|
16
|
-
@
|
17
|
-
width:
|
16
|
+
@include large-screen {
|
17
|
+
width: $screen-width-large;
|
18
18
|
}
|
19
19
|
}
|
20
20
|
|
@@ -30,50 +30,85 @@
|
|
30
30
|
}
|
31
31
|
|
32
32
|
#home-page {
|
33
|
-
|
33
|
+
$large-screen-second-column-width: 45%;
|
34
|
+
$mobile-column-height: calc(90vh - #{$header-height});
|
35
|
+
|
34
36
|
display: flex;
|
35
|
-
flex-direction:
|
37
|
+
flex-direction: column;
|
36
38
|
justify-content: center;
|
37
39
|
|
38
|
-
|
40
|
+
@include large-screen {
|
41
|
+
flex-direction: row;
|
42
|
+
height: calc(100vh - #{$header-height});
|
43
|
+
}
|
39
44
|
|
40
|
-
#
|
41
|
-
|
42
|
-
|
45
|
+
#first-column {
|
46
|
+
display: flex;
|
47
|
+
justify-content: center;
|
48
|
+
overflow: hidden;
|
49
|
+
height: $mobile-column-height;
|
50
|
+
|
51
|
+
@include large-screen {
|
52
|
+
width: calc(100% - #{$large-screen-second-column-width});
|
53
|
+
height: 100%;
|
54
|
+
}
|
43
55
|
|
56
|
+
img {
|
57
|
+
object-fit: fill;
|
58
|
+
}
|
59
|
+
}
|
60
|
+
|
61
|
+
#second-column {
|
62
|
+
background-color: $primary-color;
|
44
63
|
display: flex;
|
45
64
|
flex-direction: column;
|
46
65
|
justify-content: center;
|
47
66
|
align-items: center;
|
67
|
+
width: 100%;
|
68
|
+
height: $mobile-column-height;
|
69
|
+
|
70
|
+
@include large-screen {
|
71
|
+
width: $large-screen-second-column-width;
|
72
|
+
height: 100%;
|
73
|
+
}
|
48
74
|
|
49
75
|
#content-box {
|
50
|
-
text-align:
|
76
|
+
text-align: center;
|
51
77
|
|
52
|
-
@
|
78
|
+
@include large-screen {
|
79
|
+
text-align: right;
|
53
80
|
padding-right: 18%;
|
54
81
|
}
|
55
82
|
|
56
83
|
#home-title {
|
57
|
-
font-size:
|
84
|
+
font-size: 16vw;
|
85
|
+
|
86
|
+
@include small-screen {
|
87
|
+
font-size: 12vw;
|
88
|
+
}
|
89
|
+
|
90
|
+
@include medium-screen {
|
91
|
+
font-size: 10vw;
|
92
|
+
}
|
93
|
+
|
94
|
+
@include large-screen {
|
95
|
+
font-size: 8vw;
|
96
|
+
}
|
58
97
|
}
|
59
98
|
|
60
99
|
p {
|
61
100
|
font-size: $biggest-font-size;
|
62
|
-
}
|
63
|
-
}
|
64
|
-
|
65
|
-
}
|
66
101
|
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
width: calc(100% - #{$right-column-size});
|
72
|
-
overflow: hidden;
|
102
|
+
@include extra-small-screen {
|
103
|
+
padding: 0 2%;
|
104
|
+
}
|
73
105
|
|
74
|
-
|
75
|
-
|
106
|
+
@include small-screen {
|
107
|
+
padding: 0;
|
108
|
+
}
|
109
|
+
}
|
76
110
|
}
|
111
|
+
|
77
112
|
}
|
78
113
|
}
|
79
114
|
|
@@ -98,6 +133,7 @@
|
|
98
133
|
|
99
134
|
.post-content {
|
100
135
|
flex: 7;
|
136
|
+
width: 100%;
|
101
137
|
|
102
138
|
.post-title {
|
103
139
|
font-size: $big-font-size;
|
@@ -130,7 +166,7 @@
|
|
130
166
|
width: 100%;
|
131
167
|
line-height: 1.4em;
|
132
168
|
|
133
|
-
@
|
169
|
+
@include large-screen {
|
134
170
|
width: 65%;
|
135
171
|
}
|
136
172
|
}
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: jekyll-theme-minimal-ryan
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.
|
4
|
+
version: 0.3.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- ryanshepps
|
8
|
-
autorequire:
|
8
|
+
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date:
|
11
|
+
date: 2023-01-03 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: jekyll
|
@@ -38,7 +38,7 @@ dependencies:
|
|
38
38
|
- - "~>"
|
39
39
|
- !ruby/object:Gem::Version
|
40
40
|
version: 1.1.0
|
41
|
-
description:
|
41
|
+
description:
|
42
42
|
email:
|
43
43
|
- ryansheppardd@gmail.com
|
44
44
|
executables: []
|
@@ -78,7 +78,7 @@ licenses:
|
|
78
78
|
- MIT
|
79
79
|
metadata:
|
80
80
|
plugin_type: theme
|
81
|
-
post_install_message:
|
81
|
+
post_install_message:
|
82
82
|
rdoc_options: []
|
83
83
|
require_paths:
|
84
84
|
- lib
|
@@ -94,7 +94,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
94
94
|
version: '0'
|
95
95
|
requirements: []
|
96
96
|
rubygems_version: 3.3.26
|
97
|
-
signing_key:
|
97
|
+
signing_key:
|
98
98
|
specification_version: 4
|
99
99
|
summary: Minimalistic blogging theme for Jekyll
|
100
100
|
test_files: []
|