jekyll-theme-collider 0.1.0 → 0.1.1
Sign up to get free protection for your applications and to get access to all the features.
- 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
|