bay_jekyll_theme 1.1.5 → 1.2.1
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 +4 -4
- data/CHANGELOG.md +12 -0
- data/README.md +17 -6
- data/_includes/footer.html +8 -8
- data/_includes/head.html +3 -3
- data/_includes/header.html +1 -1
- data/_layouts/blog.html +1 -5
- data/_layouts/default.html +0 -1
- data/_layouts/post.html +0 -1
- data/_layouts/work.html +0 -1
- data/_sass/_base.scss +31 -39
- data/_sass/_blog.scss +4 -1
- data/_sass/_extends.scss +10 -0
- data/_sass/_layout.scss +29 -28
- data/_sass/_mixins.scss +5 -0
- data/_sass/_post.scss +13 -9
- data/_sass/_site.scss +6 -2
- data/_sass/_variables.scss +21 -0
- data/assets/css/main.scss +14 -30
- metadata +9 -6
- /data/_sass/{_404.scss → _not_found.scss} +0 -0
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 1377e4b38497fb091a4d61f54b3a272420a5a30a8dcda145cd1755cf88e69a0f
|
|
4
|
+
data.tar.gz: '0838ea3804661e26f81ed0dcea8079aa4c7dd75e199aa58b2623591a8daa7122'
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 4f5b69b5525a1c72ab707796f5fba4c54258f7a5557298e655eb3da4086b195f8717b9d45ad0ef5ddf8f79665967255aeede702b256d15503f74f6cf494d5993
|
|
7
|
+
data.tar.gz: 8be989554da3da372acb0afe0ce0546a33cb3ac0de621a26081e927150acbd1e2a4d3194a7f582f1a9087590596a9b36ab413f4c8e0d9c7c8de05c4491836b45
|
data/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,18 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
|
|
5
|
+
### [1.2.1](https://github.com/eliottvincent/bay/compare/v1.2.0...v1.2.1) (2025-01-02)
|
|
6
|
+
|
|
7
|
+
### Improvements
|
|
8
|
+
|
|
9
|
+
- Add slight border radius to pictures
|
|
10
|
+
|
|
11
|
+
### [1.2.0](https://github.com/eliottvincent/bay/compare/v1.1.5...v1.2.0) (2025-01-02)
|
|
12
|
+
|
|
13
|
+
### Features
|
|
14
|
+
|
|
15
|
+
- Upgrade Jekyll and Sass
|
|
16
|
+
|
|
5
17
|
### [1.1.5](https://github.com/eliottvincent/bay/compare/v1.1.4...v1.1.5) (2024-12-10)
|
|
6
18
|
|
|
7
19
|
### Bug Fixes
|
data/README.md
CHANGED
|
@@ -17,7 +17,8 @@ Inspired by [dangrover.com](http://dangrover.com/). Current theme used at [eliot
|
|
|
17
17
|
2. [Footer](#footer)
|
|
18
18
|
3. [Home page](#home-page)
|
|
19
19
|
4. [Blog page](#blog-page)
|
|
20
|
-
5. [
|
|
20
|
+
5. [GitHub Pages](#github-pages)
|
|
21
|
+
6. [Development instructions](#development)
|
|
21
22
|
|
|
22
23
|
|
|
23
24
|
### Installation
|
|
@@ -66,7 +67,7 @@ jekyll serve
|
|
|
66
67
|
|
|
67
68
|
The website will look somewhat empty at first. That's normal. Follow the next instructions to complete the header and footer components, and the home and blog pages.
|
|
68
69
|
|
|
69
|
-
|
|
70
|
+
#### Header
|
|
70
71
|
Open the `_config.yml` file and add the following:
|
|
71
72
|
```yml
|
|
72
73
|
header:
|
|
@@ -78,7 +79,7 @@ header:
|
|
|
78
79
|
```
|
|
79
80
|
Re-run `jekyll serve` to see the header updated.
|
|
80
81
|
|
|
81
|
-
|
|
82
|
+
#### Footer
|
|
82
83
|
Open the `_config.yml` file and add the following:
|
|
83
84
|
```yml
|
|
84
85
|
footer:
|
|
@@ -113,7 +114,7 @@ footer:
|
|
|
113
114
|
```
|
|
114
115
|
Re-run `jekyll serve` to see the footer updated.
|
|
115
116
|
|
|
116
|
-
|
|
117
|
+
#### Home page
|
|
117
118
|
Create (or edit) the `index.markdown` file and add the following:
|
|
118
119
|
```yml
|
|
119
120
|
---
|
|
@@ -124,11 +125,11 @@ profile_picture:
|
|
|
124
125
|
---
|
|
125
126
|
|
|
126
127
|
<p>
|
|
127
|
-
Welcome to
|
|
128
|
+
Welcome to my site!
|
|
128
129
|
</p>
|
|
129
130
|
```
|
|
130
131
|
|
|
131
|
-
|
|
132
|
+
#### Blog page
|
|
132
133
|
Create `blog.markdown` file and add the following:
|
|
133
134
|
```yml
|
|
134
135
|
---
|
|
@@ -145,6 +146,16 @@ This is an example of a "Blog" page, displaying a list of posts.
|
|
|
145
146
|
Your website is ready!
|
|
146
147
|
|
|
147
148
|
|
|
149
|
+
### GitHub Pages
|
|
150
|
+
|
|
151
|
+
You can deploy your website to GitHub Pages, but you cannot use the 1-click GitHub Pages build and deploy system. The issue is that the Bay theme relies on Jekyll 4.3+ (which uses a more modern Sass processor), whereas the GitHub Pages build system uses an older version of Jekyll.
|
|
152
|
+
|
|
153
|
+
However, it's fairly easy to build and deploy your website with GitHub Actions, yet use GitHub Pages to host it.
|
|
154
|
+
|
|
155
|
+
Further explanations and instructions can be found on the official [Jekyll website](https://jekyllrb.com/docs/continuous-integration/github-actions/).
|
|
156
|
+
|
|
157
|
+
You can also refer to the [`.github/workflows/deploy.yml`](https://github.com/eliottvincent/bay/blob/master/.github/workflows/deploy.yml) file in this repository.
|
|
158
|
+
|
|
148
159
|
### Development
|
|
149
160
|
|
|
150
161
|
#### Run development instance (with hot-reload)
|
data/_includes/footer.html
CHANGED
|
@@ -32,20 +32,20 @@
|
|
|
32
32
|
id="{{ contact.type }}-link"
|
|
33
33
|
class="link email-link-cloaked"
|
|
34
34
|
>
|
|
35
|
-
{{ contact.name }}
|
|
35
|
+
{{- contact.name -}}
|
|
36
36
|
</span>
|
|
37
37
|
{% else %}
|
|
38
38
|
<a href="mailto:{{ contact.value }}" id="{{ contact.type }}-link">
|
|
39
|
-
{{ contact.value }}
|
|
39
|
+
{{- contact.value -}}
|
|
40
40
|
</a>
|
|
41
41
|
{% endif %}
|
|
42
42
|
{% else %}
|
|
43
43
|
<a href="{{ contact.link }}" id="{{ contact.type }}-link">
|
|
44
|
-
{
|
|
44
|
+
{%- if contact.value and contact.value != "" and contact.value != nil -%}
|
|
45
45
|
{{ contact.value }}
|
|
46
|
-
{
|
|
46
|
+
{%- else -%}
|
|
47
47
|
{{ contact.name }}
|
|
48
|
-
{
|
|
48
|
+
{%- endif -%}
|
|
49
49
|
</a>
|
|
50
50
|
{% endif %}
|
|
51
51
|
</div>
|
|
@@ -68,11 +68,11 @@
|
|
|
68
68
|
alt="{{ follow.name | downcase }}"
|
|
69
69
|
/>
|
|
70
70
|
<a href="{{ follow.link }}">
|
|
71
|
-
{
|
|
71
|
+
{%- if follow.value and follow.value != "" and follow.value != nil -%}
|
|
72
72
|
{{ follow.value }}
|
|
73
|
-
{
|
|
73
|
+
{%- else -%}
|
|
74
74
|
{{ follow.name }}
|
|
75
|
-
{
|
|
75
|
+
{%- endif -%}
|
|
76
76
|
</a>
|
|
77
77
|
</div>
|
|
78
78
|
|
data/_includes/head.html
CHANGED
|
@@ -51,13 +51,13 @@
|
|
|
51
51
|
|
|
52
52
|
<!-- Twitter -->
|
|
53
53
|
<meta property="twitter:card" content="summary_large_image"/>
|
|
54
|
-
<meta property="twitter:url" content="{{
|
|
54
|
+
<meta property="twitter:url" content="{{ page_url }}"/>
|
|
55
55
|
<meta property="twitter:title" content="{{ page_title }}"/>
|
|
56
56
|
<meta property="twitter:description" content="{{ page_description }}"/>
|
|
57
57
|
<meta property="twitter:image" content="{{ page_image }}"/>
|
|
58
58
|
{% if twitter_username %}
|
|
59
|
-
<meta property="twitter:creator" content="{{
|
|
60
|
-
<meta property="twitter:site" content="{{
|
|
59
|
+
<meta property="twitter:creator" content="{{ twitter_username }}"/>
|
|
60
|
+
<meta property="twitter:site" content="{{ twitter_username }}"/>
|
|
61
61
|
{% endif %}
|
|
62
62
|
|
|
63
63
|
<link rel="stylesheet" href="{{ "/assets/css/main.css" | absolute_url }}"/>
|
data/_includes/header.html
CHANGED
data/_layouts/blog.html
CHANGED
|
@@ -13,16 +13,13 @@
|
|
|
13
13
|
|
|
14
14
|
<p class="blog-post-list">
|
|
15
15
|
{% for post in site.posts %}
|
|
16
|
-
|
|
17
16
|
{% if post.draft != true %}
|
|
18
17
|
<span class="blog-post-date">{{ post.date | date: "%-m/%-d/%y" }}</span>
|
|
19
18
|
<a href="{{ post.url | replace:".html","" | prepend: site.baseurl }}" class="blog-post-title">
|
|
20
|
-
{{ post.title }}
|
|
19
|
+
{{- post.title -}}
|
|
21
20
|
</a>
|
|
22
21
|
<br />
|
|
23
|
-
|
|
24
22
|
{% endif %}
|
|
25
|
-
|
|
26
23
|
{% endfor %}
|
|
27
24
|
</p>
|
|
28
25
|
</div>
|
|
@@ -30,7 +27,6 @@
|
|
|
30
27
|
</div>
|
|
31
28
|
|
|
32
29
|
{% include footer.html %}
|
|
33
|
-
|
|
34
30
|
{% include foot.html %}
|
|
35
31
|
</body>
|
|
36
32
|
</html>
|
data/_layouts/default.html
CHANGED
data/_layouts/post.html
CHANGED
data/_layouts/work.html
CHANGED
data/_sass/_base.scss
CHANGED
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
@use "variables" as variables;
|
|
2
|
+
@use "mixins" as mixins;
|
|
3
|
+
@use "extends";
|
|
4
|
+
|
|
1
5
|
/**
|
|
2
6
|
* Reset some basic elements
|
|
3
7
|
*/
|
|
@@ -26,12 +30,12 @@ figure {
|
|
|
26
30
|
* Basic styling
|
|
27
31
|
*/
|
|
28
32
|
body {
|
|
29
|
-
font-family:
|
|
30
|
-
font-size:
|
|
31
|
-
line-height:
|
|
33
|
+
font-family: variables.$base-font-family;
|
|
34
|
+
font-size: variables.$base-font-size;
|
|
35
|
+
line-height: variables.$base-line-height;
|
|
32
36
|
font-weight: 300;
|
|
33
|
-
color:
|
|
34
|
-
background-color:
|
|
37
|
+
color: variables.$color-text;
|
|
38
|
+
background-color: variables.$color-background;
|
|
35
39
|
-webkit-text-size-adjust: 100%;
|
|
36
40
|
}
|
|
37
41
|
|
|
@@ -52,7 +56,7 @@ ol,
|
|
|
52
56
|
dl,
|
|
53
57
|
figure,
|
|
54
58
|
%vertical-rhythm {
|
|
55
|
-
margin-bottom:
|
|
59
|
+
margin-bottom: calc(variables.$spacing-unit / 2);
|
|
56
60
|
}
|
|
57
61
|
|
|
58
62
|
/**
|
|
@@ -72,7 +76,7 @@ figure > img {
|
|
|
72
76
|
}
|
|
73
77
|
|
|
74
78
|
figcaption {
|
|
75
|
-
font-size:
|
|
79
|
+
font-size: variables.$small-font-size;
|
|
76
80
|
}
|
|
77
81
|
|
|
78
82
|
/**
|
|
@@ -80,7 +84,7 @@ figcaption {
|
|
|
80
84
|
*/
|
|
81
85
|
ul,
|
|
82
86
|
ol {
|
|
83
|
-
margin-left:
|
|
87
|
+
margin-left: variables.$spacing-unit;
|
|
84
88
|
}
|
|
85
89
|
|
|
86
90
|
li {
|
|
@@ -111,22 +115,22 @@ h4 {
|
|
|
111
115
|
* Links
|
|
112
116
|
*/
|
|
113
117
|
a {
|
|
114
|
-
color:
|
|
118
|
+
color: variables.$color-brand;
|
|
115
119
|
text-decoration: none;
|
|
116
120
|
|
|
117
121
|
&:hover {
|
|
118
|
-
color:
|
|
122
|
+
color: variables.$color-text;
|
|
119
123
|
text-decoration: underline;
|
|
120
124
|
}
|
|
121
125
|
}
|
|
122
126
|
|
|
123
127
|
span.link {
|
|
124
128
|
cursor: pointer;
|
|
125
|
-
color:
|
|
129
|
+
color: variables.$color-brand;
|
|
126
130
|
text-decoration: none;
|
|
127
131
|
|
|
128
132
|
&:hover {
|
|
129
|
-
color:
|
|
133
|
+
color: variables.$color-text;
|
|
130
134
|
text-decoration: underline;
|
|
131
135
|
}
|
|
132
136
|
}
|
|
@@ -142,9 +146,9 @@ strong {
|
|
|
142
146
|
* Blockquotes
|
|
143
147
|
*/
|
|
144
148
|
blockquote {
|
|
145
|
-
color:
|
|
146
|
-
border-left: 4px solid
|
|
147
|
-
padding-left:
|
|
149
|
+
color: variables.$color-grey;
|
|
150
|
+
border-left: 4px solid variables.$color-grey-light;
|
|
151
|
+
padding-left: calc(variables.$spacing-unit / 2);
|
|
148
152
|
font-size: 100%;
|
|
149
153
|
letter-spacing: -0.5px;
|
|
150
154
|
font-style: italic;
|
|
@@ -160,7 +164,7 @@ blockquote {
|
|
|
160
164
|
pre,
|
|
161
165
|
code {
|
|
162
166
|
font-size: 15px;
|
|
163
|
-
border: 1px solid
|
|
167
|
+
border: 1px solid variables.$color-grey-light;
|
|
164
168
|
border-radius: 3px;
|
|
165
169
|
background-color: #eef;
|
|
166
170
|
}
|
|
@@ -184,33 +188,21 @@ pre {
|
|
|
184
188
|
* Wrapper
|
|
185
189
|
*/
|
|
186
190
|
.wrapper {
|
|
187
|
-
|
|
188
|
-
max-width:
|
|
191
|
+
position: relative;
|
|
192
|
+
max-width: -webkit-calc(760px - (#{variables.$spacing-unit} * 2));
|
|
193
|
+
max-width: calc(760px - (variables.$spacing-unit * 2));
|
|
189
194
|
margin-right: auto;
|
|
190
195
|
margin-left: auto;
|
|
191
|
-
padding-right:
|
|
192
|
-
padding-left:
|
|
196
|
+
padding-right: variables.$spacing-unit;
|
|
197
|
+
padding-left: variables.$spacing-unit;
|
|
193
198
|
|
|
194
199
|
@extend %clearfix;
|
|
195
200
|
|
|
196
|
-
@include media-query(
|
|
197
|
-
max-width: -webkit-calc(800px - (#{
|
|
198
|
-
max-width:
|
|
199
|
-
padding-right:
|
|
200
|
-
padding-left:
|
|
201
|
-
}
|
|
202
|
-
|
|
203
|
-
position: relative;
|
|
204
|
-
}
|
|
205
|
-
|
|
206
|
-
/**
|
|
207
|
-
* Clearfix
|
|
208
|
-
*/
|
|
209
|
-
%clearfix {
|
|
210
|
-
&:after {
|
|
211
|
-
content: "";
|
|
212
|
-
display: table;
|
|
213
|
-
clear: both;
|
|
201
|
+
@include mixins.media-query(variables.$on-laptop) {
|
|
202
|
+
max-width: -webkit-calc(800px - (#{variables.$spacing-unit}));
|
|
203
|
+
max-width: calc(800px - variables.$spacing-unit);
|
|
204
|
+
padding-right: calc(variables.$spacing-unit / 2);
|
|
205
|
+
padding-left: calc(variables.$spacing-unit / 2);
|
|
214
206
|
}
|
|
215
207
|
}
|
|
216
208
|
|
|
@@ -225,7 +217,7 @@ pre {
|
|
|
225
217
|
vertical-align: middle;
|
|
226
218
|
|
|
227
219
|
path {
|
|
228
|
-
fill:
|
|
220
|
+
fill: variables.$color-grey;
|
|
229
221
|
}
|
|
230
222
|
}
|
|
231
223
|
}
|
data/_sass/_blog.scss
CHANGED
|
@@ -1,3 +1,6 @@
|
|
|
1
|
+
@use "variables" as variables;
|
|
2
|
+
@use "mixins" as mixins;
|
|
3
|
+
|
|
1
4
|
.blog-post-list {
|
|
2
5
|
.blog-post-date {
|
|
3
6
|
width: 6em;
|
|
@@ -5,7 +8,7 @@
|
|
|
5
8
|
display: block;
|
|
6
9
|
float: left;
|
|
7
10
|
|
|
8
|
-
@include media-query(
|
|
11
|
+
@include mixins.media-query(variables.$on-mobile) {
|
|
9
12
|
display: block;
|
|
10
13
|
float: none;
|
|
11
14
|
color: #333;
|
data/_sass/_extends.scss
ADDED
data/_sass/_layout.scss
CHANGED
|
@@ -1,20 +1,21 @@
|
|
|
1
|
+
@use "variables" as variables;
|
|
2
|
+
@use "mixins" as mixins;
|
|
3
|
+
@use "extends";
|
|
4
|
+
|
|
1
5
|
/**
|
|
2
6
|
* Site header
|
|
3
7
|
*/
|
|
4
8
|
.site-header {
|
|
5
|
-
|
|
9
|
+
position: relative;
|
|
10
|
+
border-bottom: 1px solid variables.$color-grey-light;
|
|
6
11
|
min-height: 56px;
|
|
7
|
-
|
|
8
12
|
padding-top: 10px;
|
|
9
13
|
padding-bottom: 10px;
|
|
10
14
|
|
|
11
|
-
@include media-query(
|
|
15
|
+
@include mixins.media-query(variables.$on-mobile) {
|
|
12
16
|
padding-top: 0;
|
|
13
17
|
padding-bottom: 0;
|
|
14
18
|
}
|
|
15
|
-
|
|
16
|
-
// Positioning context for the mobile navigation icon
|
|
17
|
-
position: relative;
|
|
18
19
|
}
|
|
19
20
|
|
|
20
21
|
.site-title {
|
|
@@ -29,7 +30,7 @@
|
|
|
29
30
|
|
|
30
31
|
&,
|
|
31
32
|
&:visited {
|
|
32
|
-
color:
|
|
33
|
+
color: variables.$color-grey-dark;
|
|
33
34
|
}
|
|
34
35
|
}
|
|
35
36
|
|
|
@@ -40,15 +41,15 @@
|
|
|
40
41
|
z-index: 10;
|
|
41
42
|
float: right;
|
|
42
43
|
line-height: 56px;
|
|
43
|
-
background-color:
|
|
44
|
+
background-color: variables.$color-background;
|
|
44
45
|
|
|
45
46
|
.menu-icon {
|
|
46
47
|
display: none;
|
|
47
48
|
}
|
|
48
49
|
|
|
49
50
|
.page-link {
|
|
50
|
-
color:
|
|
51
|
-
line-height:
|
|
51
|
+
color: variables.$color-text;
|
|
52
|
+
line-height: variables.$base-line-height;
|
|
52
53
|
|
|
53
54
|
// Gaps between nav items, but not on the first one
|
|
54
55
|
&:not(:first-child) {
|
|
@@ -56,12 +57,12 @@
|
|
|
56
57
|
}
|
|
57
58
|
}
|
|
58
59
|
|
|
59
|
-
@include media-query(
|
|
60
|
+
@include mixins.media-query(variables.$on-mobile) {
|
|
60
61
|
position: absolute;
|
|
61
62
|
top: 12px;
|
|
62
63
|
right: 24px;
|
|
63
64
|
|
|
64
|
-
border: 1px solid
|
|
65
|
+
border: 1px solid variables.$color-grey-light;
|
|
65
66
|
border-radius: 5px;
|
|
66
67
|
text-align: right;
|
|
67
68
|
|
|
@@ -69,20 +70,20 @@
|
|
|
69
70
|
display: block;
|
|
70
71
|
float: right;
|
|
71
72
|
border-radius: 5px;
|
|
72
|
-
width:
|
|
73
|
+
width: 38px;
|
|
73
74
|
height: 26px;
|
|
74
75
|
line-height: 0;
|
|
75
76
|
padding-top: 4px;
|
|
76
77
|
text-align: center;
|
|
77
78
|
|
|
78
|
-
background:
|
|
79
|
+
background: variables.$color-background url(variables.$base-url + "/assets/img/menu.png") 6px 4px no-repeat;
|
|
79
80
|
background-size: 26px 26px;
|
|
80
81
|
}
|
|
81
82
|
|
|
82
83
|
.menu {
|
|
83
84
|
clear: both;
|
|
84
85
|
display: none;
|
|
85
|
-
background-color:
|
|
86
|
+
background-color: variables.$color-background;
|
|
86
87
|
min-width: 10em;
|
|
87
88
|
padding-bottom: 5px;
|
|
88
89
|
}
|
|
@@ -99,17 +100,17 @@
|
|
|
99
100
|
* Site footer
|
|
100
101
|
*/
|
|
101
102
|
.site-footer {
|
|
102
|
-
border-top: 1px solid
|
|
103
|
-
padding:
|
|
103
|
+
border-top: 1px solid variables.$color-grey-light;
|
|
104
|
+
padding: variables.$spacing-unit 0;
|
|
104
105
|
|
|
105
|
-
@include media-query(
|
|
106
|
+
@include mixins.media-query(variables.$on-mobile) {
|
|
106
107
|
padding-top: 10px;
|
|
107
108
|
}
|
|
108
109
|
}
|
|
109
110
|
|
|
110
111
|
.footer-heading {
|
|
111
112
|
font-size: 18px;
|
|
112
|
-
margin-bottom:
|
|
113
|
+
margin-bottom: calc(variables.$spacing-unit / 2);
|
|
113
114
|
}
|
|
114
115
|
|
|
115
116
|
.contact-list,
|
|
@@ -120,23 +121,23 @@
|
|
|
120
121
|
|
|
121
122
|
.footer-col-wrapper {
|
|
122
123
|
font-size: 15px;
|
|
123
|
-
color:
|
|
124
|
-
margin-left:
|
|
124
|
+
color: variables.$color-grey;
|
|
125
|
+
margin-left: calc(-1 * variables.$spacing-unit / 2);
|
|
125
126
|
|
|
126
127
|
@extend %clearfix;
|
|
127
128
|
}
|
|
128
129
|
|
|
129
130
|
.footer-col {
|
|
130
131
|
float: left;
|
|
131
|
-
margin-bottom:
|
|
132
|
-
padding-left:
|
|
132
|
+
margin-bottom: calc(variables.$spacing-unit / 2);
|
|
133
|
+
padding-left: calc(variables.$spacing-unit / 2);
|
|
133
134
|
}
|
|
134
135
|
|
|
135
136
|
.footer-col-1,
|
|
136
137
|
.footer-col-2,
|
|
137
138
|
.footer-col-3 {
|
|
138
|
-
width: -webkit-calc(33% - (#{
|
|
139
|
-
width: calc(33% - (
|
|
139
|
+
width: -webkit-calc(33% - (#{variables.$spacing-unit} / 2));
|
|
140
|
+
width: calc(33% - (variables.$spacing-unit / 2));
|
|
140
141
|
}
|
|
141
142
|
|
|
142
143
|
.follow-links > .social-link {
|
|
@@ -146,10 +147,10 @@
|
|
|
146
147
|
.powered-by {
|
|
147
148
|
text-align: end;
|
|
148
149
|
font-size: 13px !important;
|
|
149
|
-
color:
|
|
150
|
+
color: variables.$color-grey;
|
|
150
151
|
}
|
|
151
152
|
|
|
152
|
-
@include media-query(
|
|
153
|
+
@include mixins.media-query(variables.$on-mobile) {
|
|
153
154
|
.footer-col {
|
|
154
155
|
float: none;
|
|
155
156
|
width: 100%;
|
|
@@ -164,7 +165,7 @@
|
|
|
164
165
|
* Page content
|
|
165
166
|
*/
|
|
166
167
|
.page-content {
|
|
167
|
-
padding:
|
|
168
|
+
padding: variables.$spacing-unit 0;
|
|
168
169
|
}
|
|
169
170
|
|
|
170
171
|
.page-heading {
|
data/_sass/_mixins.scss
ADDED
data/_sass/_post.scss
CHANGED
|
@@ -1,5 +1,8 @@
|
|
|
1
|
+
@use "variables" as variables;
|
|
2
|
+
@use "mixins" as mixins;
|
|
3
|
+
|
|
1
4
|
.post-header {
|
|
2
|
-
margin-bottom:
|
|
5
|
+
margin-bottom: variables.$spacing-unit;
|
|
3
6
|
}
|
|
4
7
|
|
|
5
8
|
.post-title {
|
|
@@ -7,9 +10,9 @@
|
|
|
7
10
|
letter-spacing: -1px;
|
|
8
11
|
line-height: 1.2;
|
|
9
12
|
|
|
10
|
-
font-family:
|
|
13
|
+
font-family: variables.$base-font-family;
|
|
11
14
|
|
|
12
|
-
@include media-query(
|
|
15
|
+
@include mixins.media-query(variables.$on-mobile) {
|
|
13
16
|
font-size: 34px;
|
|
14
17
|
}
|
|
15
18
|
}
|
|
@@ -19,12 +22,12 @@
|
|
|
19
22
|
letter-spacing: -1px;
|
|
20
23
|
line-height: 1;
|
|
21
24
|
color: #777;
|
|
22
|
-
font-family:
|
|
25
|
+
font-family: variables.$base-font-family;
|
|
23
26
|
font-style: oblique;
|
|
24
27
|
position: relative;
|
|
25
28
|
top: -0.3em;
|
|
26
29
|
|
|
27
|
-
@include media-query(
|
|
30
|
+
@include mixins.media-query(variables.$on-mobile) {
|
|
28
31
|
font-size: 24px;
|
|
29
32
|
}
|
|
30
33
|
}
|
|
@@ -35,12 +38,12 @@
|
|
|
35
38
|
}
|
|
36
39
|
|
|
37
40
|
.post-content {
|
|
38
|
-
margin-bottom:
|
|
41
|
+
margin-bottom: variables.$spacing-unit;
|
|
39
42
|
width: 100%;
|
|
40
43
|
h2 {
|
|
41
44
|
font-size: 32px;
|
|
42
45
|
|
|
43
|
-
@include media-query(
|
|
46
|
+
@include mixins.media-query(variables.$on-mobile) {
|
|
44
47
|
font-size: 28px;
|
|
45
48
|
}
|
|
46
49
|
}
|
|
@@ -48,7 +51,7 @@
|
|
|
48
51
|
h3 {
|
|
49
52
|
font-size: 26px;
|
|
50
53
|
|
|
51
|
-
@include media-query(
|
|
54
|
+
@include mixins.media-query(variables.$on-mobile) {
|
|
52
55
|
font-size: 22px;
|
|
53
56
|
}
|
|
54
57
|
}
|
|
@@ -56,7 +59,7 @@
|
|
|
56
59
|
h4 {
|
|
57
60
|
font-size: 20px;
|
|
58
61
|
|
|
59
|
-
@include media-query(
|
|
62
|
+
@include mixins.media-query(variables.$on-mobile) {
|
|
60
63
|
font-size: 18px;
|
|
61
64
|
}
|
|
62
65
|
}
|
|
@@ -64,6 +67,7 @@
|
|
|
64
67
|
|
|
65
68
|
.post-pic {
|
|
66
69
|
border: #999 1px solid;
|
|
70
|
+
border-radius: 4px;
|
|
67
71
|
}
|
|
68
72
|
|
|
69
73
|
.magnify {
|
data/_sass/_site.scss
CHANGED
|
@@ -1,10 +1,14 @@
|
|
|
1
|
+
@use "variables" as variables;
|
|
2
|
+
@use "mixins" as mixins;
|
|
3
|
+
|
|
1
4
|
.profile-pic {
|
|
2
5
|
float: right;
|
|
3
6
|
width: 202px;
|
|
4
7
|
border: #ccc 1px solid;
|
|
8
|
+
border-radius: 3px;
|
|
5
9
|
margin-left: 20px;
|
|
6
10
|
|
|
7
|
-
@include media-query(
|
|
11
|
+
@include mixins.media-query(variables.$on-mobile) {
|
|
8
12
|
float: none;
|
|
9
13
|
margin-bottom: 20px;
|
|
10
14
|
margin-left: 0px;
|
|
@@ -44,7 +48,7 @@
|
|
|
44
48
|
}
|
|
45
49
|
}
|
|
46
50
|
|
|
47
|
-
@include media-query(
|
|
51
|
+
@include mixins.media-query(variables.$on-mobile) {
|
|
48
52
|
font-size: 14px;
|
|
49
53
|
line-height: 38px;
|
|
50
54
|
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
@use "sass:color";
|
|
2
|
+
|
|
3
|
+
$base-url: "" !default;
|
|
4
|
+
|
|
5
|
+
$base-font-family: Charter, Georgia, Helvetica, Arial, sans-serif;
|
|
6
|
+
$base-font-size: 14px;
|
|
7
|
+
$small-font-size: $base-font-size * 0.875;
|
|
8
|
+
$base-line-height: 1.7;
|
|
9
|
+
|
|
10
|
+
$spacing-unit: 30px;
|
|
11
|
+
|
|
12
|
+
$color-text: #111;
|
|
13
|
+
$color-background: #fdfdfd;
|
|
14
|
+
$color-brand: #2a7ae2;
|
|
15
|
+
|
|
16
|
+
$color-grey: #828282;
|
|
17
|
+
$color-grey-light: color.adjust($color-grey, $lightness: 40%);
|
|
18
|
+
$color-grey-dark: color.adjust($color-grey, $lightness: -25%);
|
|
19
|
+
|
|
20
|
+
$on-mobile: 500px;
|
|
21
|
+
$on-laptop: 800px;
|
data/assets/css/main.scss
CHANGED
|
@@ -1,35 +1,19 @@
|
|
|
1
1
|
---
|
|
2
|
-
# Only the main Sass file needs
|
|
2
|
+
# Only the main Sass file needs Front Matter
|
|
3
3
|
---
|
|
4
4
|
|
|
5
5
|
@charset "utf-8";
|
|
6
6
|
|
|
7
|
-
|
|
8
|
-
$base-url: "{{ site.baseurl }}"
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
$grey-color: #828282;
|
|
22
|
-
$grey-color-light: lighten($grey-color, 40%);
|
|
23
|
-
$grey-color-dark: darken($grey-color, 25%);
|
|
24
|
-
|
|
25
|
-
$on-mobile: 500px;
|
|
26
|
-
$on-laptop: 800px;
|
|
27
|
-
|
|
28
|
-
@mixin media-query($device) {
|
|
29
|
-
@media screen and (max-width: $device) {
|
|
30
|
-
@content;
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
// Import partials from `sass_dir` (defaults to `_sass`)
|
|
35
|
-
@import "base", "layout", "site", "work", "blog", "post", "404";
|
|
7
|
+
@use "variables" with (
|
|
8
|
+
$base-url: "{{ site.baseurl }}"
|
|
9
|
+
);
|
|
10
|
+
@use "mixins";
|
|
11
|
+
@use "extends";
|
|
12
|
+
|
|
13
|
+
@use "base";
|
|
14
|
+
@use "layout";
|
|
15
|
+
@use "site";
|
|
16
|
+
@use "work";
|
|
17
|
+
@use "blog";
|
|
18
|
+
@use "post";
|
|
19
|
+
@use "not_found";
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: bay_jekyll_theme
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 1.1
|
|
4
|
+
version: 1.2.1
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Eliott Vincent
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date:
|
|
11
|
+
date: 2025-01-02 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -16,14 +16,14 @@ dependencies:
|
|
|
16
16
|
requirements:
|
|
17
17
|
- - "~>"
|
|
18
18
|
- !ruby/object:Gem::Version
|
|
19
|
-
version:
|
|
19
|
+
version: 4.3.4
|
|
20
20
|
type: :development
|
|
21
21
|
prerelease: false
|
|
22
22
|
version_requirements: !ruby/object:Gem::Requirement
|
|
23
23
|
requirements:
|
|
24
24
|
- - "~>"
|
|
25
25
|
- !ruby/object:Gem::Version
|
|
26
|
-
version:
|
|
26
|
+
version: 4.3.4
|
|
27
27
|
- !ruby/object:Gem::Dependency
|
|
28
28
|
name: bundler
|
|
29
29
|
requirement: !ruby/object:Gem::Requirement
|
|
@@ -59,12 +59,15 @@ files:
|
|
|
59
59
|
- _layouts/home.html
|
|
60
60
|
- _layouts/post.html
|
|
61
61
|
- _layouts/work.html
|
|
62
|
-
- _sass/_404.scss
|
|
63
62
|
- _sass/_base.scss
|
|
64
63
|
- _sass/_blog.scss
|
|
64
|
+
- _sass/_extends.scss
|
|
65
65
|
- _sass/_layout.scss
|
|
66
|
+
- _sass/_mixins.scss
|
|
67
|
+
- _sass/_not_found.scss
|
|
66
68
|
- _sass/_post.scss
|
|
67
69
|
- _sass/_site.scss
|
|
70
|
+
- _sass/_variables.scss
|
|
68
71
|
- _sass/_work.scss
|
|
69
72
|
- assets/css/main.scss
|
|
70
73
|
- assets/img/content/post-example/Banner.jpg
|
|
@@ -105,7 +108,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
|
105
108
|
- !ruby/object:Gem::Version
|
|
106
109
|
version: '0'
|
|
107
110
|
requirements: []
|
|
108
|
-
rubygems_version: 3.
|
|
111
|
+
rubygems_version: 3.5.22
|
|
109
112
|
signing_key:
|
|
110
113
|
specification_version: 4
|
|
111
114
|
summary: A simple and minimal Jekyll theme..
|
|
File without changes
|