jekyll-theme-image-grid 0.1.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/LICENSE.txt +21 -0
- data/README.md +131 -0
- data/_config.yml +40 -0
- data/_includes/footer.html +17 -0
- data/_includes/head.html +10 -0
- data/_includes/header.html +23 -0
- data/_layouts/default.html +18 -0
- data/_layouts/grid.html +48 -0
- data/_layouts/page.html +11 -0
- data/_layouts/post.html +59 -0
- data/_sass/style.scss +114 -0
- data/assets/minima-social-icons.svg +50 -0
- data/assets/style.scss +3 -0
- metadata +85 -0
checksums.yaml
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
---
|
|
2
|
+
SHA256:
|
|
3
|
+
metadata.gz: 475c98e34ec9b957aaf6b413f57dc1c96e71f6759ee9ecfdac369f0cbf124580
|
|
4
|
+
data.tar.gz: 154a9b4c6f12a7c8c5ea4ad7aa0cb9294b70f364f3014ecbb684507dc1e3702f
|
|
5
|
+
SHA512:
|
|
6
|
+
metadata.gz: 8acac7d9ba787f985e010dca2f03a1bbaec94603791413169fb7b45869a71f0aabbf359541fe5d0d75f3579f4ae3ee68ea336b3e3f3bc728f1e2ded30313e6f9
|
|
7
|
+
data.tar.gz: 2f6e2b6df579e746deceacebecfc3a1e959d9a638c7fb741340810bc694168d68fd646274e9425d42afbe4c1274458a24a670b41172aabea6d2ad88099fea65a
|
data/LICENSE.txt
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
The MIT License (MIT)
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2020 Jillian
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in
|
|
13
|
+
all copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
21
|
+
THE SOFTWARE.
|
data/README.md
ADDED
|
@@ -0,0 +1,131 @@
|
|
|
1
|
+
# jekyll-theme-image-grid
|
|
2
|
+
|
|
3
|
+
A simple responsive image grid theme for displaying image-based content with various built-in customization options. See a .
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
## Installation
|
|
8
|
+
|
|
9
|
+
[Create a new Jekyll site.](https://jekyllrb.com/docs/#instructions)
|
|
10
|
+
|
|
11
|
+
Add this line to your Jekyll site's `Gemfile`:
|
|
12
|
+
|
|
13
|
+
```ruby
|
|
14
|
+
gem "jekyll-theme-image-grid"
|
|
15
|
+
```
|
|
16
|
+
And then execute:
|
|
17
|
+
|
|
18
|
+
$ bundle install
|
|
19
|
+
|
|
20
|
+
To use this theme with Github Pages, add this line to your Jekyll site's `_config.yml`:
|
|
21
|
+
|
|
22
|
+
```yaml
|
|
23
|
+
remote_theme: jirrian/jekyll-theme-image-grid
|
|
24
|
+
```
|
|
25
|
+
|
|
26
|
+
Then build your site:
|
|
27
|
+
|
|
28
|
+
$ bundle exec jekyll serve
|
|
29
|
+
|
|
30
|
+
Preview your new site at `http://localhost:4000`.
|
|
31
|
+
|
|
32
|
+
## Adding a New Post
|
|
33
|
+
|
|
34
|
+
Posts in this theme are image based. A post must have at least one corresponding image for it to show on the home grid page.
|
|
35
|
+
|
|
36
|
+
All post markdown files are stored in the `_posts` folder.
|
|
37
|
+
All images are stored in folders in the `_images` folder. Post images are stored in folders `_images/yyyy-mm-dd-name-of-post` that correspond to the name of the post `yyyy-mm-dd-name-of-post.md`. For example, if your post markdown file is named `2020-12-26-hello-world.md`, it must be in the `_posts` folder. And, all images that are displayed in that post must be in a folder `2020-12-26-hello-world` that is inside the `_images` folder.
|
|
38
|
+
|
|
39
|
+
Post markdown files can contain the following:
|
|
40
|
+
```
|
|
41
|
+
---
|
|
42
|
+
layout: post
|
|
43
|
+
title: Title of Post (optional)
|
|
44
|
+
show_title: true (optional)
|
|
45
|
+
---
|
|
46
|
+
|
|
47
|
+
Post content here. (optional)
|
|
48
|
+
```
|
|
49
|
+
|
|
50
|
+
## Adding a Page
|
|
51
|
+
|
|
52
|
+
Pages are linked in the top nav bar. Markdown files for pages are stored in the root of the repository. Page markdown files can contain the following:
|
|
53
|
+
```
|
|
54
|
+
---
|
|
55
|
+
layout: page
|
|
56
|
+
title: About
|
|
57
|
+
---
|
|
58
|
+
|
|
59
|
+
Add your about me here. (optional)
|
|
60
|
+
```
|
|
61
|
+
|
|
62
|
+
## Display Settings
|
|
63
|
+
|
|
64
|
+
Edit settings in the `_config.yml` file to change display settings for the grid and post pages.
|
|
65
|
+
|
|
66
|
+
### Grid Page Display Settings
|
|
67
|
+
|
|
68
|
+
Choose whether to show all images from posts on home grid page or only show the first image from posts by editing the following field.
|
|
69
|
+
```yaml
|
|
70
|
+
grid_settings:
|
|
71
|
+
show_all_images: true
|
|
72
|
+
```
|
|
73
|
+
true - Displays all images in grid page.
|
|
74
|
+
false - Only show first image of post in grid page. Images in a post are displayed sorted by their filename.
|
|
75
|
+
|
|
76
|
+
Choose the way images are displayed in the grid page by editing the following field.
|
|
77
|
+
```yaml
|
|
78
|
+
grid_settings:
|
|
79
|
+
display: square-cropped
|
|
80
|
+
```
|
|
81
|
+
square-cropped - Images are displayed in square grid and cropped to a square aspect ratio.
|
|
82
|
+
square-og - Images are displayed in square grid and with original aspect ratios.
|
|
83
|
+
masonry - Images are displayed in original aspect ratios but staggered (like Pinterest). Please note this will display the images in top to bottom (then left to right) order instead of left to right (then top to bottom).
|
|
84
|
+
|
|
85
|
+
### Post Page Display Settings
|
|
86
|
+
|
|
87
|
+
Change settings for what information is displayed on post pages.
|
|
88
|
+
|
|
89
|
+
Edit the following field to display or hide post titles on the post page. The title is from the post markdown file name or the title variable in front matter of the post markdown file.
|
|
90
|
+
```yaml
|
|
91
|
+
post_settings:
|
|
92
|
+
show_title: true
|
|
93
|
+
```
|
|
94
|
+
true - Displays title of post.
|
|
95
|
+
false - Does not display title of post.
|
|
96
|
+
This setting can be overwritten in the frontmatter of individual post files with the show_title variable like below.
|
|
97
|
+
```
|
|
98
|
+
---
|
|
99
|
+
layout: post
|
|
100
|
+
title:
|
|
101
|
+
show_title: false
|
|
102
|
+
---
|
|
103
|
+
```
|
|
104
|
+
|
|
105
|
+
Edit the following field to display or hide post dates on the post page. The date is from post markdown file name.
|
|
106
|
+
```yaml
|
|
107
|
+
post_settings:
|
|
108
|
+
show_date: true
|
|
109
|
+
```
|
|
110
|
+
true - Displays date of post.
|
|
111
|
+
false - Does not show date of post.
|
|
112
|
+
|
|
113
|
+
## Built-in Style Customization
|
|
114
|
+
|
|
115
|
+
The following variables can be edited in the `_sass/style.scss` file to change colors of the website's design.
|
|
116
|
+
```sass
|
|
117
|
+
$body-bg-color: white; // background color
|
|
118
|
+
$header-title-color: blue; // color of title of website
|
|
119
|
+
$header-bg-color: white; // color of nav bar
|
|
120
|
+
$footer-color: silver; // color of footer icons
|
|
121
|
+
$post-title-color: gray; // color of post titles
|
|
122
|
+
$post-date-color: darkgray; // color of post dates
|
|
123
|
+
$page-title-color: gray; // color of page titles
|
|
124
|
+
```
|
|
125
|
+
|
|
126
|
+
For complete customization, add css to the `_sass/style.scss` file.
|
|
127
|
+
|
|
128
|
+
## License
|
|
129
|
+
|
|
130
|
+
The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
|
|
131
|
+
|
data/_config.yml
ADDED
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
title: image grid
|
|
2
|
+
author: author
|
|
3
|
+
email: your-email@example.com
|
|
4
|
+
description: A simple image grid theme. Add your site description here in the _config.yml file. It will appear in your document head meta (for
|
|
5
|
+
Google search results).
|
|
6
|
+
|
|
7
|
+
# generate social links in footer
|
|
8
|
+
social_links:
|
|
9
|
+
twitter: jirrian
|
|
10
|
+
github: jekyll
|
|
11
|
+
# facebook: jekyll
|
|
12
|
+
# instagram: jekyll
|
|
13
|
+
# linkedin: jekyll
|
|
14
|
+
# pinterest: jekyll
|
|
15
|
+
# youtube: jekyll
|
|
16
|
+
# youtube_channel: UC8CXR0-3I70i1tfPg1PAE1g
|
|
17
|
+
# youtube_channel_name: CloudCannon
|
|
18
|
+
|
|
19
|
+
# Mastodon instances
|
|
20
|
+
# mastodon:
|
|
21
|
+
# - username: jekyll
|
|
22
|
+
# instance: example.com
|
|
23
|
+
# - username: jekyll2
|
|
24
|
+
# instance: example.com
|
|
25
|
+
|
|
26
|
+
# settings for image grid homepage
|
|
27
|
+
grid_settings:
|
|
28
|
+
show_all_images: true #true - displays all images in grid page, false - only show first (file name of image sorted alphabetically) image of post in grid page
|
|
29
|
+
display: square-cropped #square-cropped - images displayed in square grid and cropped, #square-og - images displayed in square grid and with original aspect ratio, masonry - images displayed in original aspect ratio but staggered (please note this will display the images in top to bottom order instead of left to right)
|
|
30
|
+
|
|
31
|
+
# settings for post pages
|
|
32
|
+
post_settings:
|
|
33
|
+
show_title: true #true - shows title of post (post filename or title in front matter of post file), false - does not show title of post. this settings can be overwritten in the frontmatter of individual post files with the show_title variable.
|
|
34
|
+
show_date: true #true - shows date of post (from post filename), false - does not show date of post
|
|
35
|
+
|
|
36
|
+
plugins:
|
|
37
|
+
- jekyll-seo-tag
|
|
38
|
+
|
|
39
|
+
include:
|
|
40
|
+
- _images
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
<footer class='footer'>
|
|
2
|
+
<hr />
|
|
3
|
+
|
|
4
|
+
{%- assign social = site.social_links -%}
|
|
5
|
+
<ul class="social-media-list list-inline">
|
|
6
|
+
{%- if social.facebook -%}<li><a rel="me" href="https://www.facebook.com/{{ social.facebook | cgi_escape | escape }}" title="{{ social.facebook | escape }}" target="_blank"><svg class="svg-icon "><use xlink:href="{{ '/assets/minima-social-icons.svg#facebook' | relative_url }}"></use></svg></a></li>{%- endif -%}
|
|
7
|
+
{%- if social.github -%}<li><a rel="me" href="https://github.com/{{ social.github | cgi_escape | escape }}" title="{{ social.github | escape }}" target="_blank"><svg class="svg-icon "><use xlink:href="{{ '/assets/minima-social-icons.svg#github' | relative_url }}"></use></svg></a></li>{%- endif -%}
|
|
8
|
+
{%- if social.instagram -%}<li><a rel="me" href="https://www.instagram.com/{{ social.instagram | cgi_escape | escape }}" title="{{ social.instagram | escape }}" target="_blank"><svg class="svg-icon "><use xlink:href="{{ '/assets/minima-social-icons.svg#instagram' | relative_url }}"></use></svg></a></li>{%- endif -%}
|
|
9
|
+
{%- if social.linkedin -%}<li><a rel="me" href="https://www.linkedin.com/in/{{ social.linkedin | cgi_escape | escape }}" title="{{ social.linkedin | escape }}" target="_blank"><svg class="svg-icon "><use xlink:href="{{ '/assets/minima-social-icons.svg#linkedin' | relative_url }}"></use></svg></a></li>{%- endif -%}
|
|
10
|
+
{%- if social.pinterest -%}<li><a rel="me" href="https://www.pinterest.com/{{ social.pinterest | cgi_escape | escape }}" title="{{ social.pinterest | escape }}" target="_blank"><svg class="svg-icon "><use xlink:href="{{ '/assets/minima-social-icons.svg#pinterest' | relative_url }}"></use></svg></a></li>{%- endif -%}
|
|
11
|
+
{%- for mst in social.mastodon -%}{%- if mst.username and mst.instance -%}<li><a rel="me" href="https://{{ mst.instance | cgi_escape | escape}}/@{{mst.username}}" title="{{ mst.username | escape }}" target="_blank"><svg class="svg-icon "><use xlink:href="{{ '/assets/minima-social-icons.svg#mastodon' | relative_url }}"></use></svg></a></li>{%- endif -%}{%- endfor -%}
|
|
12
|
+
{%- if social.twitter -%}<li><a rel="me" href="https://twitter.com/{{ social.twitter | cgi_escape | escape }}" title="{{ social.twitter | escape }}" target="_blank"><svg class="svg-icon "><use xlink:href="{{ '/assets/minima-social-icons.svg#twitter' | relative_url }}"></use></svg></a></li>{%- endif -%}
|
|
13
|
+
{%- if social.youtube -%}<li><a rel="me" href="https://www.youtube.com/{{ social.youtube | cgi_escape | escape }}" title="{{ social.youtube | escape }}" target="_blank"><svg class="svg-icon "><use xlink:href="{{ '/assets/minima-social-icons.svg#youtube' | relative_url }}"></use></svg></a></li>{%- endif -%}
|
|
14
|
+
{%- if social.youtube_channel -%}<li><a rel="me" href="https://www.youtube.com/channel/{{ social.youtube_channel | cgi_escape | escape }}" title="{{ social.youtube_channel_name | escape | default: 'YouTube' }}" target="_blank"><svg class="svg-icon "><use xlink:href="{{ '/assets/minima-social-icons.svg#youtube' | relative_url }}"></use></svg></a></li>{%- endif -%}
|
|
15
|
+
</ul>
|
|
16
|
+
|
|
17
|
+
</footer>
|
data/_includes/head.html
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
<head>
|
|
2
|
+
<meta charset='utf-8'>
|
|
3
|
+
<meta name='viewport' content='width=device-width, initial-scale=1'>
|
|
4
|
+
|
|
5
|
+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
|
|
6
|
+
|
|
7
|
+
<link rel='stylesheet' href='{{ '/assets/style.css' | relative_url }}'>
|
|
8
|
+
|
|
9
|
+
{% seo %}
|
|
10
|
+
</head>
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
<header class='header'>
|
|
2
|
+
<nav class="navbar sticky-top navbar-expand-lg navbar-light">
|
|
3
|
+
<div class="container"><!-- remove this container class for a full width nav bar -->
|
|
4
|
+
<a class="navbar-brand" href="{{ '/' | relative_url }}">{{ site.title | escape }}</a>
|
|
5
|
+
{% if site.pages.size > 0 %}
|
|
6
|
+
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
|
7
|
+
<span class="navbar-toggler-icon"></span>
|
|
8
|
+
</button>
|
|
9
|
+
<div class="collapse navbar-collapse" id="navbarNav">
|
|
10
|
+
<div class="navbar-nav ml-auto">
|
|
11
|
+
{% for page in site.pages %}
|
|
12
|
+
{% if page.title and page.name != "404.md" %}
|
|
13
|
+
<li>
|
|
14
|
+
<a class="nav-item nav-link" href="{{ page.url | relative_url }}">{{ page.title | escape }}</a>
|
|
15
|
+
</li>
|
|
16
|
+
{% endif %}
|
|
17
|
+
{% endfor %}
|
|
18
|
+
</div>
|
|
19
|
+
</div>
|
|
20
|
+
{% endif %}
|
|
21
|
+
</div>
|
|
22
|
+
</nav>
|
|
23
|
+
</header>
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang='{{ page.lang | default: site.lang | default: 'en' }}'>
|
|
3
|
+
{% include head.html %}
|
|
4
|
+
<body>
|
|
5
|
+
<div class='layout'>
|
|
6
|
+
{% include header.html %}
|
|
7
|
+
<div class='container'>
|
|
8
|
+
{{ content }}
|
|
9
|
+
</div>
|
|
10
|
+
<div class='container'>
|
|
11
|
+
{% include footer.html %}
|
|
12
|
+
</div>
|
|
13
|
+
</div>
|
|
14
|
+
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
|
|
15
|
+
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
|
|
16
|
+
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
|
|
17
|
+
</body>
|
|
18
|
+
</html>
|
data/_layouts/grid.html
ADDED
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
<div class="grid">
|
|
6
|
+
{% if site.grid_settings.display == "masonry" %}
|
|
7
|
+
<div class='card-columns'>
|
|
8
|
+
{% elsif site.grid_settings.display == "square-cropped" or site.grid_settings.display == "square-og" %}
|
|
9
|
+
<div class='row'>
|
|
10
|
+
{% endif %}
|
|
11
|
+
{% for post in site.posts %}
|
|
12
|
+
{% assign post_filename = post.path | split: "." | first | remove_first: "_posts/" %}
|
|
13
|
+
{% capture post_images_folder %}/_images/post_images/{{ post_filename }}{% endcapture %}
|
|
14
|
+
{% assign post_images_array = "" | split: ',' %}
|
|
15
|
+
|
|
16
|
+
{% for image in site.static_files %}
|
|
17
|
+
{% assign image_folder = image.path | split: "/" | pop | join: "/" %}
|
|
18
|
+
{% if image_folder == post_images_folder %}
|
|
19
|
+
{% assign post_images_array = post_images_array | push: image %}
|
|
20
|
+
{% endif %}
|
|
21
|
+
{% endfor %}
|
|
22
|
+
|
|
23
|
+
{% for post_image in post_images_array %}
|
|
24
|
+
{% if site.grid_settings.display == "masonry" %}
|
|
25
|
+
<div class="card grid-masonry">
|
|
26
|
+
<a href="{{ post.url | relative_url }}"><img src="{{ post_image.path | relative_url }}" class="img-fluid" alt="{{ post.title }}"></a>
|
|
27
|
+
</div>
|
|
28
|
+
{% elsif site.grid_settings.display == "square-cropped" or site.grid_settings.display == "square-og" %}
|
|
29
|
+
<div class='col-sm-4 col- p-0'>
|
|
30
|
+
<div class="image-container">
|
|
31
|
+
<a href="{{ post.url | relative_url }}">
|
|
32
|
+
{% if site.grid_settings.display == "square-cropped" %}
|
|
33
|
+
<img src="{{ post_image.path | relative_url }}" class="img-fluid" alt="{{ post.title }}">
|
|
34
|
+
{% elsif site.grid_settings.display == "square-og" %}
|
|
35
|
+
<img src="{{ post_image.path | relative_url }}" class="img-fluid grid-square-og" alt="{{ post.title }}">
|
|
36
|
+
{% endif %}
|
|
37
|
+
</a>
|
|
38
|
+
</div>
|
|
39
|
+
</div>
|
|
40
|
+
{% endif %}
|
|
41
|
+
{% if site.grid_settings.show_all_images == false %}
|
|
42
|
+
{% break %}
|
|
43
|
+
{% endif %}
|
|
44
|
+
{% endfor %}
|
|
45
|
+
|
|
46
|
+
{% endfor %}
|
|
47
|
+
</div>
|
|
48
|
+
</div>
|
data/_layouts/page.html
ADDED
data/_layouts/post.html
ADDED
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
<div class="post">
|
|
5
|
+
<div class="row justify-content-center">
|
|
6
|
+
<div class="col-lg-6 col-md-6 col-">
|
|
7
|
+
|
|
8
|
+
{% assign post_filename = page.path | split: "." | first | remove_first: "_posts/" %}
|
|
9
|
+
{% capture post_images_folder %}/_images/post_images/{{ post_filename }}{% endcapture %}
|
|
10
|
+
{% assign post_images_array = "" | split: ',' %}
|
|
11
|
+
|
|
12
|
+
{% for image in site.static_files %}
|
|
13
|
+
{% assign image_folder = image.path | split: "/" | pop | join: "/" %}
|
|
14
|
+
{% if image_folder == post_images_folder %}
|
|
15
|
+
{% assign post_images_array = post_images_array | push: image %}
|
|
16
|
+
{% endif %}
|
|
17
|
+
{% endfor %}
|
|
18
|
+
|
|
19
|
+
{% for post_image in post_images_array %}
|
|
20
|
+
<img src="{{ post_image.path | relative_url }}" class="img-fluid" alt="{{ post.title }}">
|
|
21
|
+
{% endfor %}
|
|
22
|
+
|
|
23
|
+
</div>
|
|
24
|
+
{% assign content = page.content | strip_newlines %}
|
|
25
|
+
<!-- if there is post content -->
|
|
26
|
+
{% if content != "" %}
|
|
27
|
+
<div class="col-lg-6 col-md-6 col-">
|
|
28
|
+
<div class="post-text-container">
|
|
29
|
+
{% if site.post_settings.show_title and page.show_title != false %}
|
|
30
|
+
<div class="post-title">{{ page.title }}</div>
|
|
31
|
+
{% elsif site.post_settings.show_title == false and page.show_title %}
|
|
32
|
+
<div class="post-title">{{ page.title }}</div>
|
|
33
|
+
{% endif %}
|
|
34
|
+
{% if site.post_settings.show_date == true %}
|
|
35
|
+
<div class="post-date">{{ page.date | date: '%d %B %Y' }}</div>
|
|
36
|
+
{% endif %}
|
|
37
|
+
<div class="post-content">{{ content }}</div>
|
|
38
|
+
</div>
|
|
39
|
+
</div>
|
|
40
|
+
{% endif %}
|
|
41
|
+
</div>
|
|
42
|
+
<!-- if there is no post content but a post title -->
|
|
43
|
+
{% if content == "" %}
|
|
44
|
+
<div class="row justify-content-center">
|
|
45
|
+
<div class="col-lg-6 col-md-6 col-">
|
|
46
|
+
<div class="post-text-container">
|
|
47
|
+
{% if site.post_settings.show_title and page.show_title != false %}
|
|
48
|
+
<div class="post-title">{{ page.title }}</div>
|
|
49
|
+
{% elsif site.post_settings.show_title == false and page.show_title %}
|
|
50
|
+
<div class="post-title">{{ page.title }}</div>
|
|
51
|
+
{% endif %}
|
|
52
|
+
{% if site.post_settings.show_date == true %}
|
|
53
|
+
<div class="post-date">{{ page.date | date: '%d %B %Y' }}</div>
|
|
54
|
+
{% endif %}
|
|
55
|
+
</div>
|
|
56
|
+
</div>
|
|
57
|
+
</div>
|
|
58
|
+
{% endif %}
|
|
59
|
+
</div>
|
data/_sass/style.scss
ADDED
|
@@ -0,0 +1,114 @@
|
|
|
1
|
+
// colors (edit these to change the colors of parts of the site's design)
|
|
2
|
+
$body-bg-color: white; // background color
|
|
3
|
+
$header-title-color: blue; // color of title of website
|
|
4
|
+
$header-bg-color: white; // color of nav bar
|
|
5
|
+
$footer-color: silver; // color of footer icons
|
|
6
|
+
$post-title-color: gray; // color of post titles
|
|
7
|
+
$post-date-color: darkgray; // color of post dates
|
|
8
|
+
$page-title-color: gray; // color of page titles
|
|
9
|
+
|
|
10
|
+
body{
|
|
11
|
+
background-color: white;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.header .container {
|
|
15
|
+
padding-top: 1em; // edit to move nav bar up or down
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.navbar-light .navbar-brand{
|
|
19
|
+
color: $header-title-color;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.navbar {
|
|
23
|
+
background-color: white;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.footer{
|
|
27
|
+
margin-top: 4em;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.social-media-list li{
|
|
31
|
+
display: inline;
|
|
32
|
+
margin-right: 1em;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.svg-icon{
|
|
36
|
+
fill: $footer-color;
|
|
37
|
+
width: 1em;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.grid-square-og {
|
|
41
|
+
height: 100%;
|
|
42
|
+
object-fit: contain;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.grid-masonry {
|
|
46
|
+
border: none;
|
|
47
|
+
padding-top: 0.5em;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.image-container{
|
|
51
|
+
display: inline-block;
|
|
52
|
+
padding: 0.5em;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
@media (min-width: 576px){
|
|
56
|
+
.image-container {
|
|
57
|
+
height: 183px;
|
|
58
|
+
width: 183px;
|
|
59
|
+
overflow: hidden;
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
@media (min-width: 768px){
|
|
64
|
+
.image-container {
|
|
65
|
+
height: 240px;
|
|
66
|
+
width: 240px;
|
|
67
|
+
overflow: hidden;
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
@media (min-width: 992px){
|
|
72
|
+
.image-container {
|
|
73
|
+
height: 322px;
|
|
74
|
+
width: 322px;
|
|
75
|
+
overflow: hidden;
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
@media (min-width: 1200px){
|
|
80
|
+
.image-container {
|
|
81
|
+
height: 380px;
|
|
82
|
+
width: 380px;
|
|
83
|
+
overflow: hidden;
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
.post-title{
|
|
88
|
+
font-size: 1.5em;
|
|
89
|
+
color: $post-title-color;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
.post-date{
|
|
93
|
+
font-size: 0.9em;
|
|
94
|
+
color: $post-date-color;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
.post-content{
|
|
98
|
+
margin-top: 1em;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
.post img{
|
|
102
|
+
padding-top: 0.5em;
|
|
103
|
+
padding-bottom: 0.5em;
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
.post-text-container{
|
|
107
|
+
margin-top: 0.5em; // edit to move post title/date/content up or down
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
.page-title{
|
|
111
|
+
font-size: 2em;
|
|
112
|
+
color: $page-title-color;
|
|
113
|
+
margin-bottom: 0.5em;
|
|
114
|
+
}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
2
|
+
|
|
3
|
+
<symbol id="dribbble" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M8 16c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm6.747-6.905c-.234-.074-2.115-.635-4.257-.292.894 2.456 1.258 4.456 1.328 4.872 1.533-1.037 2.624-2.68 2.93-4.58zM10.67 14.3c-.102-.6-.5-2.688-1.46-5.18l-.044.014C5.312 10.477 3.93 13.15 3.806 13.4c1.158.905 2.614 1.444 4.194 1.444.947 0 1.85-.194 2.67-.543zm-7.747-1.72c.155-.266 2.03-3.37 5.555-4.51.09-.03.18-.056.27-.08-.173-.39-.36-.778-.555-1.16-3.413 1.02-6.723.977-7.023.97l-.003.208c0 1.755.665 3.358 1.756 4.57zM1.31 6.61c.307.005 3.122.017 6.318-.832-1.132-2.012-2.353-3.705-2.533-3.952-1.912.902-3.34 2.664-3.784 4.785zM6.4 1.368c.188.253 1.43 1.943 2.548 4 2.43-.91 3.46-2.293 3.582-2.468C11.323 1.827 9.736 1.176 8 1.176c-.55 0-1.087.066-1.6.19zm6.89 2.322c-.145.194-1.29 1.662-3.816 2.694.16.325.31.656.453.99.05.117.1.235.147.352 2.274-.286 4.533.172 4.758.22-.015-1.613-.59-3.094-1.543-4.257z"/></symbol>
|
|
4
|
+
|
|
5
|
+
<symbol id="facebook" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M15.117 0H.883C.395 0 0 .395 0 .883v14.234c0 .488.395.883.883.883h7.663V9.804H6.46V7.39h2.086V5.607c0-2.066 1.262-3.19 3.106-3.19.883 0 1.642.064 1.863.094v2.16h-1.28c-1 0-1.195.48-1.195 1.18v1.54h2.39l-.31 2.42h-2.08V16h4.077c.488 0 .883-.395.883-.883V.883C16 .395 15.605 0 15.117 0" fill-rule="nonzero"/></symbol>
|
|
6
|
+
|
|
7
|
+
<symbol id="flickr" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M0 8c0 2.05 1.662 3.71 3.71 3.71 2.05 0 3.713-1.66 3.713-3.71S5.76 4.29 3.71 4.29C1.663 4.29 0 5.95 0 8zm8.577 0c0 2.05 1.662 3.71 3.712 3.71C14.33 11.71 16 10.05 16 8s-1.662-3.71-3.71-3.71c-2.05 0-3.713 1.66-3.713 3.71z"/></symbol>
|
|
8
|
+
|
|
9
|
+
<symbol id="github" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M8 0C3.58 0 0 3.582 0 8c0 3.535 2.292 6.533 5.47 7.59.4.075.547-.172.547-.385 0-.19-.007-.693-.01-1.36-2.226.483-2.695-1.073-2.695-1.073-.364-.924-.89-1.17-.89-1.17-.725-.496.056-.486.056-.486.803.056 1.225.824 1.225.824.714 1.223 1.873.87 2.33.665.072-.517.278-.87.507-1.07-1.777-.2-3.644-.888-3.644-3.953 0-.873.31-1.587.823-2.147-.09-.202-.36-1.015.07-2.117 0 0 .67-.215 2.2.82.64-.178 1.32-.266 2-.27.68.004 1.36.092 2 .27 1.52-1.035 2.19-.82 2.19-.82.43 1.102.16 1.915.08 2.117.51.56.82 1.274.82 2.147 0 3.073-1.87 3.75-3.65 3.947.28.24.54.73.54 1.48 0 1.07-.01 1.93-.01 2.19 0 .21.14.46.55.38C13.71 14.53 16 11.53 16 8c0-4.418-3.582-8-8-8"/></symbol>
|
|
10
|
+
|
|
11
|
+
<symbol id="instagram" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M8 0C5.827 0 5.555.01 4.702.048 3.85.088 3.27.222 2.76.42c-.526.204-.973.478-1.417.923-.445.444-.72.89-.923 1.417-.198.51-.333 1.09-.372 1.942C.008 5.555 0 5.827 0 8s.01 2.445.048 3.298c.04.852.174 1.433.372 1.942.204.526.478.973.923 1.417.444.445.89.72 1.417.923.51.198 1.09.333 1.942.372.853.04 1.125.048 3.298.048s2.445-.01 3.298-.048c.852-.04 1.433-.174 1.942-.372.526-.204.973-.478 1.417-.923.445-.444.72-.89.923-1.417.198-.51.333-1.09.372-1.942.04-.853.048-1.125.048-3.298s-.01-2.445-.048-3.298c-.04-.852-.174-1.433-.372-1.942-.204-.526-.478-.973-.923-1.417-.444-.445-.89-.72-1.417-.923-.51-.198-1.09-.333-1.942-.372C10.445.008 10.173 0 8 0zm0 1.44c2.136 0 2.39.01 3.233.048.78.036 1.203.166 1.485.276.374.145.64.318.92.598.28.28.453.546.598.92.11.282.24.705.276 1.485.038.844.047 1.097.047 3.233s-.01 2.39-.05 3.233c-.04.78-.17 1.203-.28 1.485-.15.374-.32.64-.6.92-.28.28-.55.453-.92.598-.28.11-.71.24-1.49.276-.85.038-1.1.047-3.24.047s-2.39-.01-3.24-.05c-.78-.04-1.21-.17-1.49-.28-.38-.15-.64-.32-.92-.6-.28-.28-.46-.55-.6-.92-.11-.28-.24-.71-.28-1.49-.03-.84-.04-1.1-.04-3.23s.01-2.39.04-3.24c.04-.78.17-1.21.28-1.49.14-.38.32-.64.6-.92.28-.28.54-.46.92-.6.28-.11.7-.24 1.48-.28.85-.03 1.1-.04 3.24-.04zm0 2.452c-2.27 0-4.108 1.84-4.108 4.108 0 2.27 1.84 4.108 4.108 4.108 2.27 0 4.108-1.84 4.108-4.108 0-2.27-1.84-4.108-4.108-4.108zm0 6.775c-1.473 0-2.667-1.194-2.667-2.667 0-1.473 1.194-2.667 2.667-2.667 1.473 0 2.667 1.194 2.667 2.667 0 1.473-1.194 2.667-2.667 2.667zm5.23-6.937c0 .53-.43.96-.96.96s-.96-.43-.96-.96.43-.96.96-.96.96.43.96.96z"/></symbol>
|
|
12
|
+
|
|
13
|
+
<symbol id="linkedin" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M13.632 13.635h-2.37V9.922c0-.886-.018-2.025-1.234-2.025-1.235 0-1.424.964-1.424 1.96v3.778h-2.37V6H8.51v1.04h.03c.318-.6 1.092-1.233 2.247-1.233 2.4 0 2.845 1.58 2.845 3.637v4.188zM3.558 4.955c-.762 0-1.376-.617-1.376-1.377 0-.758.614-1.375 1.376-1.375.76 0 1.376.617 1.376 1.375 0 .76-.617 1.377-1.376 1.377zm1.188 8.68H2.37V6h2.376v7.635zM14.816 0H1.18C.528 0 0 .516 0 1.153v13.694C0 15.484.528 16 1.18 16h13.635c.652 0 1.185-.516 1.185-1.153V1.153C16 .516 15.467 0 14.815 0z" fill-rule="nonzero"/></symbol>
|
|
14
|
+
|
|
15
|
+
<symbol id="pinterest" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M8 0C3.582 0 0 3.582 0 8c0 3.39 2.108 6.285 5.084 7.45-.07-.633-.133-1.604.028-2.295.146-.625.938-3.977.938-3.977s-.24-.48-.24-1.188c0-1.11.646-1.943 1.448-1.943.683 0 1.012.513 1.012 1.127 0 .687-.436 1.713-.662 2.664-.19.797.4 1.445 1.185 1.445 1.42 0 2.514-1.498 2.514-3.662 0-1.91-1.376-3.25-3.342-3.25-2.276 0-3.61 1.71-3.61 3.47 0 .69.263 1.43.593 1.83.066.08.075.15.057.23-.06.25-.196.8-.223.91-.035.15-.115.18-.268.11C3.516 10.46 2.89 9 2.89 7.82c0-2.52 1.834-4.84 5.287-4.84 2.774 0 4.932 1.98 4.932 4.62 0 2.76-1.74 4.98-4.16 4.98-.81 0-1.57-.42-1.84-.92l-.5 1.9c-.18.698-.67 1.57-1 2.1.75.23 1.54.357 2.37.357 4.41 0 8-3.58 8-8s-3.59-8-8-8z" fill-rule="nonzero"/></symbol>
|
|
16
|
+
|
|
17
|
+
<symbol id="rss" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M12.8 16C12.8 8.978 7.022 3.2 0 3.2V0c8.777 0 16 7.223 16 16h-3.2zM2.194 11.61c1.21 0 2.195.985 2.195 2.196 0 1.21-.99 2.194-2.2 2.194C.98 16 0 15.017 0 13.806c0-1.21.983-2.195 2.194-2.195zM10.606 16h-3.11c0-4.113-3.383-7.497-7.496-7.497v-3.11c5.818 0 10.606 4.79 10.606 10.607z"/></symbol>
|
|
18
|
+
|
|
19
|
+
<symbol id="stackoverflow" class="svg-icon" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M12.658 14.577v-4.27h1.423V16H1.23v-5.693h1.42v4.27h10.006zm-8.583-1.423h7.16V11.73h-7.16v1.424zm.173-3.235l6.987 1.46.3-1.38L4.55 8.54l-.302 1.38zm.906-3.37l6.47 3.02.602-1.3-6.47-3.02-.602 1.29zm1.81-3.19l5.478 4.57.906-1.08L7.87 2.28l-.9 1.078zM10.502 0L9.338.863l4.27 5.735 1.164-.862L10.5 0z"/></symbol>
|
|
20
|
+
|
|
21
|
+
<symbol id="twitter" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M16 3.038c-.59.26-1.22.437-1.885.517.677-.407 1.198-1.05 1.443-1.816-.634.37-1.337.64-2.085.79-.598-.64-1.45-1.04-2.396-1.04-1.812 0-3.282 1.47-3.282 3.28 0 .26.03.51.085.75-2.728-.13-5.147-1.44-6.766-3.42C.83 2.58.67 3.14.67 3.75c0 1.14.58 2.143 1.46 2.732-.538-.017-1.045-.165-1.487-.41v.04c0 1.59 1.13 2.918 2.633 3.22-.276.074-.566.114-.865.114-.21 0-.41-.02-.61-.058.42 1.304 1.63 2.253 3.07 2.28-1.12.88-2.54 1.404-4.07 1.404-.26 0-.52-.015-.78-.045 1.46.93 3.18 1.474 5.04 1.474 6.04 0 9.34-5 9.34-9.33 0-.14 0-.28-.01-.42.64-.46 1.2-1.04 1.64-1.7z" fill-rule="nonzero"/></symbol>
|
|
22
|
+
|
|
23
|
+
<symbol id="youtube" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M0 7.345c0-1.294.16-2.59.16-2.59s.156-1.1.636-1.587c.608-.637 1.408-.617 1.764-.684C3.84 2.36 8 2.324 8 2.324s3.362.004 5.6.166c.314.038.996.04 1.604.678.48.486.636 1.588.636 1.588S16 6.05 16 7.346v1.258c0 1.296-.16 2.59-.16 2.59s-.156 1.102-.636 1.588c-.608.638-1.29.64-1.604.678-2.238.162-5.6.166-5.6.166s-4.16-.037-5.44-.16c-.356-.067-1.156-.047-1.764-.684-.48-.487-.636-1.587-.636-1.587S0 9.9 0 8.605v-1.26zm6.348 2.73V5.58l4.323 2.255-4.32 2.24z"/></symbol>
|
|
24
|
+
|
|
25
|
+
<symbol id="mastodon" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414">
|
|
26
|
+
<path transform="scale(0.07)" d="M211.80734 139.0875c-3.18125 16.36625-28.4925 34.2775-57.5625 37.74875-15.15875 1.80875-30.08375 3.47125-45.99875 2.74125-26.0275-1.1925-46.565-6.2125-46.565-6.2125 0 2.53375.15625 4.94625.46875 7.2025 3.38375 25.68625 25.47 27.225 46.39125 27.9425 21.11625.7225 39.91875-5.20625 39.91875-5.20625l.8675 19.09s-14.77 7.93125-41.08125 9.39c-14.50875.7975-32.52375-.365-53.50625-5.91875C9.23234 213.82 1.40609 165.31125.20859 116.09125c-.365-14.61375-.14-28.39375-.14-39.91875 0-50.33 32.97625-65.0825 32.97625-65.0825C49.67234 3.45375 78.20359.2425 107.86484 0h.72875c29.66125.2425 58.21125 3.45375 74.8375 11.09 0 0 32.975 14.7525 32.975 65.0825 0 0 .41375 37.13375-4.59875 62.915"/>
|
|
27
|
+
<path transform="scale(0.07)" fill="#FFF" d="M177.50984 80.077v60.94125h-24.14375v-59.15c0-12.46875-5.24625-18.7975-15.74-18.7975-11.6025 0-17.4175 7.5075-17.4175 22.3525v32.37625H96.20734V85.42325c0-14.845-5.81625-22.3525-17.41875-22.3525-10.49375 0-15.74 6.32875-15.74 18.7975v59.15H38.90484V80.077c0-12.455 3.17125-22.3525 9.54125-29.675 6.56875-7.3225 15.17125-11.07625 25.85-11.07625 12.355 0 21.71125 4.74875 27.8975 14.2475l6.01375 10.08125 6.015-10.08125c6.185-9.49875 15.54125-14.2475 27.8975-14.2475 10.6775 0 19.28 3.75375 25.85 11.07625 6.36875 7.3225 9.54 17.22 9.54 29.675"/>
|
|
28
|
+
</symbol>
|
|
29
|
+
|
|
30
|
+
<symbol id="microdotblog" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414">
|
|
31
|
+
<path d="M13.8958184,12.3539692 C13.7934913,12.5766333 13.7214973,12.7460692 13.6798363,12.8622768 C13.534018,13.2690171 13.4876062,13.5959963 13.4737723,13.8031622 C13.4047037,14.8374843 13.8695637,15.452098 13.9792411,15.6152902 C14.143626,15.8598834 14.2103299,15.996999 14.1793527,16.0266369 C14.1187128,16.1331597 13.9329861,16.1331597 13.6221726,16.0266369 C13.1559524,15.8668527 11.8671503,15.3666667 11.3815104,14.6616443 C11.1859547,14.3777486 11.0620507,14.2565499 10.9838025,14.2130531 C10.0617698,14.5547858 9.05472096,14.7428571 8,14.7428571 C3.581722,14.7428571 0,11.4425562 0,7.37142857 C0,3.30030099 3.581722,0 8,0 C12.418278,0 16,3.30030099 16,7.37142857 C16,9.29250872 15.2024583,11.041949 13.8958184,12.3539692 Z M7.94285714,9.78095238 C9.51605596,10.7990263 10.3706771,11.2483272 10.5067204,11.1288551 C10.6427638,11.0093829 10.4795457,10.0577483 10.0170661,8.27395135 C11.4827084,7.15954158 12.1741114,6.48559023 12.0912751,6.2520973 C12.0084388,6.01860437 11.0529434,5.87976276 9.22478879,5.83557246 C8.61970046,4.10392098 8.19238991,3.23809524 7.94285714,3.23809524 C7.69332437,3.23809524 7.26601382,4.10392098 6.6609255,5.83557246 C4.82960347,5.88951121 3.87410803,6.02835282 3.7944392,6.2520973 C3.71477036,6.47584178 4.40617335,7.14979313 5.86864817,8.27395135 C5.36780472,9.99753359 5.20458662,10.9491682 5.37899385,11.1288551 C5.55340109,11.308542 6.40802218,10.8592411 7.94285714,9.78095238 Z"></path>
|
|
32
|
+
</symbol>
|
|
33
|
+
|
|
34
|
+
<symbol id="telegram" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414" viewBox="0 0 1792 1792">
|
|
35
|
+
<path d="M1189 1307l147-693q9-44-10.5-63t-51.5-7l-864 333q-29 11-39.5 25t-2.5 26.5 32 19.5l221 69 513-323q21-14 32-6 7 5-4 15l-415 375-16 228q23 0 45-22l108-104 224 165q64 36 81-38zm603-411q0 182-71 348t-191 286-286 191-348 71-348-71-286-191-191-286-71-348 71-348 191-286 286-191 348-71 348 71 286 191 191 286 71 348z"/>
|
|
36
|
+
</symbol>
|
|
37
|
+
|
|
38
|
+
<symbol id="keybase" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414" viewBox="0 0 50 50">
|
|
39
|
+
<path d="M31.5 40A1.5 1.5 0 1 0 31.5 43 1.5 1.5 0 1 0 31.5 40zM20.5 40A1.5 1.5 0 1 0 20.5 43 1.5 1.5 0 1 0 20.5 40z"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M7.167 39c.289 2.14.955 4.157 1.91 6M19.25 13h-4.5C14.336 13 14 12.664 14 12.25v-4.5C14 7.336 14.336 7 14.75 7h4.5C19.664 7 20 7.336 20 7.75v3"/><path d="M25.5,23c-4.136,0-7.5-3.364-7.5-7.5c0-6.863,5.59-12.023,5.827-12.24c0.345-0.313,0.858-0.346,1.242-0.082c0.383,0.265,0.531,0.76,0.359,1.192C25,5.45,24.614,7.253,25.007,7.831C25.041,7.882,25.122,8,25.5,8c4.136,0,7.5,3.364,7.5,7.5S29.636,23,25.5,23z"/><path d="M44.938,34.942c-0.482-6.158-3.811-11.592-8.878-14.837c-0.041-0.026-0.081-0.054-0.122-0.08c-0.336-0.211-0.681-0.41-1.031-0.602c-0.123-0.068-0.244-0.137-0.369-0.202c-0.082-0.043-0.168-0.08-0.251-0.121c-0.63,1.531-1.649,2.862-2.932,3.871l3.352,3.352c0.391,0.391,0.391,1.023,0,1.414c-0.195,0.195-0.451,0.293-0.707,0.293s-0.512-0.098-0.707-0.293l-0.837-0.837l-1.808,1.808C30.453,28.902,30.197,29,29.941,29s-0.512-0.098-0.707-0.293c-0.391-0.391-0.391-1.023,0-1.414l1.808-1.808L30,24.443l-1.293,1.293c-0.195,0.195-0.451,0.293-0.707,0.293s-0.512-0.098-0.707-0.293c-0.236-0.236-0.311-0.557-0.263-0.862C26.532,24.955,26.021,25,25.5,25c-4.033,0-7.478-2.53-8.854-6.083C9.218,22.402,5,30.302,5,41v3l1.8-2.4c1.86-2.48,4.12-4.968,6.266-6.95c-0.528,1.41-0.882,2.821-1.058,4.226l-0.314,2.514l1.947-1.622C13.697,39.721,19.437,35,26,35c3.219,0,4.979,0.298,6.531,0.562C33.861,35.787,35.118,36,37,36c3.1,0,4.797-1.585,5.537-3.485c0.197,0.844,0.336,1.707,0.407,2.586C42.98,35.564,43,36.03,43,36.5c0,2.818-0.662,5.522-1.968,8.04c-0.254,0.49-0.063,1.094,0.427,1.348C41.606,45.964,41.764,46,41.919,46c0.361,0,0.711-0.196,0.889-0.54C44.263,42.656,45,39.642,45,36.5C45,35.977,44.979,35.457,44.938,34.942z"/>
|
|
40
|
+
</symbol>
|
|
41
|
+
|
|
42
|
+
<symbol id="devto" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414">
|
|
43
|
+
<path transform="scale(0.039)" d="M10.5 2.5C5.6 4.2 2.4 7.8 1 12.9.3 15.6.1 77.2.2 207.1.5 396.6.5 397.5 2.5 401c1.2 1.9 3.6 4.3 5.5 5.5 3.5 2 4.2 2 196 2s192.5 0 196-2c1.9-1.2 4.3-3.6 5.5-5.5 2-3.5 2-4.2 2-196s0-192.5-2-196c-1.2-1.9-3.6-4.3-5.5-5.5-3.5-2-4.4-2-194.5-2.2-162.9-.2-191.6 0-195 1.2zm96.8 124c9 1.9 15.5 5.6 22.2 12.6 6.1 6.4 9.9 13.7 11.5 21.9 1.3 6.9 1.3 81.1 0 88.1-3.4 18.2-18.9 32.4-38.1 34.9-4 .5-17.4 1-29.6 1H51V125h24.8c17.6 0 26.6.4 31.5 1.5zm130.7 13V154h-51v36h31v29h-31l.2 18.2.3 18.3 25.3.3 25.2.2v29h-29.5c-32.8 0-37.9-.6-43.1-5.2-7.3-6.4-6.9-2.3-7.2-72.6-.2-43.8.1-64.5.8-67.3 1.4-5.2 7.3-11.6 12.5-13.4 3.1-1.1 10.9-1.4 35.3-1.5H238v14.5zm48.9-12.3c.4 1.3 6.8 25.6 14.2 54 7.4 28.5 13.6 51.2 13.8 50.5.3-.7 6.6-24.8 14.1-53.7l13.7-52.5 15.6-.3c11.8-.2 15.7.1 15.7 1s-34.6 132.4-36.6 139c-1.4 4.6-8.9 14-13.1 16.5-5.3 3-13.1 3.5-17.9 1-4.3-2.2-10-8.8-12.9-15-1.8-3.8-31.2-112-38-140l-.7-2.7h15.6c15.3 0 15.7 0 16.5 2.2z"/>
|
|
44
|
+
<path transform="scale(0.039)" d="M80 205v51.2l10.3-.4c8.9-.3 10.8-.7 14.8-3 7.8-4.6 7.9-4.9 7.9-48.4 0-42.4 0-42.4-7.3-47.2-3.6-2.4-5.1-2.7-14.9-3.1l-10.8-.3V205z"/>
|
|
45
|
+
</symbol>
|
|
46
|
+
|
|
47
|
+
<symbol id="gitlab" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414" viewBox="0 0 1792 1792">
|
|
48
|
+
<path d="M104 706l792 1015-868-630q-18-13-25-34.5t0-42.5l101-308zm462 0h660l-330 1015zm-198-612l198 612h-462l198-612q8-23 33-23t33 23zm1320 612l101 308q7 21 0 42.5t-25 34.5l-868 630 792-1015zm0 0h-462l198-612q8-23 33-23t33 23z"/>
|
|
49
|
+
</symbol>
|
|
50
|
+
</svg>
|
data/assets/style.scss
ADDED
metadata
ADDED
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
--- !ruby/object:Gem::Specification
|
|
2
|
+
name: jekyll-theme-image-grid
|
|
3
|
+
version: !ruby/object:Gem::Version
|
|
4
|
+
version: 0.1.0
|
|
5
|
+
platform: ruby
|
|
6
|
+
authors:
|
|
7
|
+
- jirrian
|
|
8
|
+
autorequire:
|
|
9
|
+
bindir: bin
|
|
10
|
+
cert_chain: []
|
|
11
|
+
date: 2020-12-30 00:00:00.000000000 Z
|
|
12
|
+
dependencies:
|
|
13
|
+
- !ruby/object:Gem::Dependency
|
|
14
|
+
name: jekyll
|
|
15
|
+
requirement: !ruby/object:Gem::Requirement
|
|
16
|
+
requirements:
|
|
17
|
+
- - "~>"
|
|
18
|
+
- !ruby/object:Gem::Version
|
|
19
|
+
version: '4.1'
|
|
20
|
+
type: :runtime
|
|
21
|
+
prerelease: false
|
|
22
|
+
version_requirements: !ruby/object:Gem::Requirement
|
|
23
|
+
requirements:
|
|
24
|
+
- - "~>"
|
|
25
|
+
- !ruby/object:Gem::Version
|
|
26
|
+
version: '4.1'
|
|
27
|
+
- !ruby/object:Gem::Dependency
|
|
28
|
+
name: jekyll-seo-tag
|
|
29
|
+
requirement: !ruby/object:Gem::Requirement
|
|
30
|
+
requirements:
|
|
31
|
+
- - ">="
|
|
32
|
+
- !ruby/object:Gem::Version
|
|
33
|
+
version: '0'
|
|
34
|
+
type: :development
|
|
35
|
+
prerelease: false
|
|
36
|
+
version_requirements: !ruby/object:Gem::Requirement
|
|
37
|
+
requirements:
|
|
38
|
+
- - ">="
|
|
39
|
+
- !ruby/object:Gem::Version
|
|
40
|
+
version: '0'
|
|
41
|
+
description:
|
|
42
|
+
email:
|
|
43
|
+
- jillianzhong@yahoo.com
|
|
44
|
+
executables: []
|
|
45
|
+
extensions: []
|
|
46
|
+
extra_rdoc_files: []
|
|
47
|
+
files:
|
|
48
|
+
- LICENSE.txt
|
|
49
|
+
- README.md
|
|
50
|
+
- _config.yml
|
|
51
|
+
- _includes/footer.html
|
|
52
|
+
- _includes/head.html
|
|
53
|
+
- _includes/header.html
|
|
54
|
+
- _layouts/default.html
|
|
55
|
+
- _layouts/grid.html
|
|
56
|
+
- _layouts/page.html
|
|
57
|
+
- _layouts/post.html
|
|
58
|
+
- _sass/style.scss
|
|
59
|
+
- assets/minima-social-icons.svg
|
|
60
|
+
- assets/style.scss
|
|
61
|
+
homepage: https://github.com/jirrian/jekyll-theme-image-grid
|
|
62
|
+
licenses:
|
|
63
|
+
- MIT
|
|
64
|
+
metadata: {}
|
|
65
|
+
post_install_message:
|
|
66
|
+
rdoc_options: []
|
|
67
|
+
require_paths:
|
|
68
|
+
- lib
|
|
69
|
+
required_ruby_version: !ruby/object:Gem::Requirement
|
|
70
|
+
requirements:
|
|
71
|
+
- - ">="
|
|
72
|
+
- !ruby/object:Gem::Version
|
|
73
|
+
version: '0'
|
|
74
|
+
required_rubygems_version: !ruby/object:Gem::Requirement
|
|
75
|
+
requirements:
|
|
76
|
+
- - ">="
|
|
77
|
+
- !ruby/object:Gem::Version
|
|
78
|
+
version: '0'
|
|
79
|
+
requirements: []
|
|
80
|
+
rubygems_version: 3.0.8
|
|
81
|
+
signing_key:
|
|
82
|
+
specification_version: 4
|
|
83
|
+
summary: A simple responsive image grid theme for displaying image-based content with
|
|
84
|
+
various built-in customization options.
|
|
85
|
+
test_files: []
|