jekyll-theme-collider 0.1.0 → 0.1.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/README.md +33 -10
- data/_layouts/default.html +1 -1
- data/_layouts/home.html +3 -3
- metadata +2 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 148d4b05588184639ec01b744fe7920155379aec
|
|
4
|
+
data.tar.gz: 8d30c0b7d0c7ed6390f5a77deed648d0dd24ed0d
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 00fce6b92817a421a9851ed6b61fd52db8649e9ee17e6c697a724e3a5f5fd4a4f4b68c6d4ce3a291ab3982026d670b0a2921ccc760ed872ad9a8882017cdec73
|
|
7
|
+
data.tar.gz: 808024120c45c96ed5b303da2d51df494e9c82d8cbbfd76ddf0319daf775679f65d209f8185091aa24ce0adc2968f54f07ae31b9c033ff34630e72881eece7bd
|
data/README.md
CHANGED
|
@@ -7,8 +7,6 @@ I'm also using the powers of [ITCSS](https://github.com/ahmadajmi/awesome-itcss)
|
|
|
7
7
|
|
|
8
8
|
The font I'm using is a favorite of mine, [Operator Mono SSm](https://www.typography.com/fonts/operator/styles/operatormonoscreensmart). Also notice the fun use of colors on tags and each page, these are easily customizable by design and is detailed below.
|
|
9
9
|
|
|
10
|
-
Please [contact me](https://www.ryandevelops.com/contact) if you are interested in contributing to this theme or have any ideas for improvement!
|
|
11
|
-
|
|
12
10
|
## Installation
|
|
13
11
|
**Jekyll requirements**
|
|
14
12
|
* You must have Ruby installed:
|
|
@@ -54,6 +52,17 @@ Please [contact me](https://www.ryandevelops.com/contact) if you are interested
|
|
|
54
52
|
* Finally, add the following to config.yml:
|
|
55
53
|
|
|
56
54
|
```
|
|
55
|
+
title: [Your site title here]
|
|
56
|
+
email: [Your email]
|
|
57
|
+
description: >
|
|
58
|
+
[Your site description]
|
|
59
|
+
baseurl: "" # the subpath of your site, e.g. /blog
|
|
60
|
+
url: "https://jekyll-theme-collider.netlify.com" # the base hostname & protocol for your site, e.g. http://example.com
|
|
61
|
+
github_username: [Your GitHub user name]
|
|
62
|
+
linked_in_profile: [LinkedIn profile url]
|
|
63
|
+
full_name: [Your username]
|
|
64
|
+
user_description: [Your description]
|
|
65
|
+
|
|
57
66
|
theme: jekyll-theme-collider
|
|
58
67
|
|
|
59
68
|
plugins:
|
|
@@ -86,13 +95,7 @@ pagination:
|
|
|
86
95
|
* The `curl -L -O` commands may not have fully downloaded each file. Even if it seems the file was fully downloaded, open each one to make sure that it doesn't just contain a 503 error inside. Delete the files with errors and retry the curl commands.
|
|
87
96
|
* You may need to restart your server in order for your changes to take effect.
|
|
88
97
|
|
|
89
|
-
##
|
|
90
|
-
|
|
91
|
-
**Config file:**
|
|
92
|
-
|
|
93
|
-
Be sure to add your own site title, email, github username, etc. in config.yml.
|
|
94
|
-
|
|
95
|
-
**Tags:**
|
|
98
|
+
## Tags
|
|
96
99
|
|
|
97
100
|
To create a new tag, make a new file in the `tags` directory with the name of the tag you'd like to use. The structure of each is the following:
|
|
98
101
|
|
|
@@ -120,11 +123,14 @@ You'll also want to create a new file in the `_blog_tags` directory that is also
|
|
|
120
123
|
color: purple
|
|
121
124
|
---
|
|
122
125
|
```
|
|
126
|
+
In order to configure the colors as above, and make your own custom colors, see the section on colors below.
|
|
123
127
|
|
|
124
|
-
|
|
128
|
+
## Colors
|
|
125
129
|
|
|
126
130
|
If using this theme as a gem, see [overriding theme defaults](https://jekyllrb.com/docs/themes/#overriding-theme-defaults) in the Jekyll docs as you will need to make a copy of the following files.
|
|
127
131
|
|
|
132
|
+
**Page header colors**
|
|
133
|
+
|
|
128
134
|
To set up a new color variable in the SCSS, you may do so in `settings/_color.scss`. To create a new reusable color class that can be used for tag pages and the tags themselves, go to `elements/_colors.scss`. The structure a new color classes should look like the following:
|
|
129
135
|
|
|
130
136
|
```
|
|
@@ -147,9 +153,26 @@ a.bg--orange:hover {
|
|
|
147
153
|
|
|
148
154
|
This is what would allow you to simply configure `color: orange` in your `tags` and `_blog_tags` directory files. For an example of what is happening under the hood, you can take a look at the `_includes/header.html` file, lines 1-15.
|
|
149
155
|
|
|
156
|
+
**Home page background color**
|
|
157
|
+
|
|
158
|
+
To change the background color of the particles.js canvas on the home page, go to `components/_particles.scss` and change the background color here:
|
|
159
|
+
```
|
|
160
|
+
#particles-js {
|
|
161
|
+
background: $dark-sea-green;
|
|
162
|
+
}
|
|
163
|
+
```
|
|
164
|
+
|
|
165
|
+
## Contributing
|
|
166
|
+
|
|
167
|
+
Bug reports and pull requests are welcome on GitHub at https://github.com/ryancolorcafe/jekyll-theme-collider. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
|
|
168
|
+
|
|
150
169
|
## Future projects
|
|
151
170
|
|
|
152
171
|
* Add comments to posts using Disqus
|
|
153
172
|
* A portfolio/work page using CSS Grid
|
|
154
173
|
* Search bar for articles in blog
|
|
155
174
|
* Modular scale typography
|
|
175
|
+
|
|
176
|
+
## License
|
|
177
|
+
|
|
178
|
+
The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
|
data/_layouts/default.html
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<meta property="og:image" content="{{ "/assets/images/theme-image.png" | prepend: site.baseurl }}">
|
|
7
7
|
<meta property="og:description" content="The Collider Jekyll Theme is a gem-based theme that helps makes use of the jekyll-paginate-v2 plugin and particles.js.">
|
|
8
8
|
<meta property="og:title" content="Collider Jekyll Theme">
|
|
9
|
-
<meta property="og:url" content="//{{site.
|
|
9
|
+
<meta property="og:url" content="//{{site.url}}">
|
|
10
10
|
<link rel="stylesheet" href="{{ "/assets/css/main.css" | prepend: site.baseurl }}">
|
|
11
11
|
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
|
|
12
12
|
</head>
|
data/_layouts/home.html
CHANGED
|
@@ -6,11 +6,11 @@ layout: default
|
|
|
6
6
|
{% include header.html %}
|
|
7
7
|
<div class="site-title__wrapper">
|
|
8
8
|
<h1>
|
|
9
|
-
<span class="site-title__text">{{site.
|
|
10
|
-
<span class="site-title__text--sub">{{site.
|
|
9
|
+
<span class="site-title__text">{{site.full_name}}</span>
|
|
10
|
+
<span class="site-title__text--sub">{{site.user_description}}</span>
|
|
11
11
|
</h1>
|
|
12
12
|
<a href="https://github.com/{{site.github_username}}" target="_blank"><i class="fab fa-github fa-3x"></i></a>
|
|
13
|
-
<a href="
|
|
13
|
+
<a href="{{site.linked_in_profile}}" target="_blank"><i class="fab fa-linkedin-in fa-3x"></i></a>
|
|
14
14
|
</div>
|
|
15
15
|
</div>
|
|
16
16
|
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: jekyll-theme-collider
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.1.
|
|
4
|
+
version: 0.1.1
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Ryan Brown
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2018-08-
|
|
11
|
+
date: 2018-08-29 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|