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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: e43b46ed2c9fd039a2764d588a90ffb2e35b9240
4
- data.tar.gz: c877eb77514601161e9dca36e55fcbf119efbaf4
3
+ metadata.gz: 148d4b05588184639ec01b744fe7920155379aec
4
+ data.tar.gz: 8d30c0b7d0c7ed6390f5a77deed648d0dd24ed0d
5
5
  SHA512:
6
- metadata.gz: d4e67c2da8d0b68d28a7dbe9db897cc6ba1ffeeaabbdf0d7f94192feb2709b97e2242e01c0ba7aa444cf461f00514a202cb5c7f775348e979e6cd8308c2f354f
7
- data.tar.gz: b15d24054352e11d78e2359d07f9f01516344f1a00a8da68862283dc227767309186b01d569ed4295d6696615ae75edda61a149aa92c13e9b3a8ae79f83a55ec
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
- ## Site configuration
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
- **Colors**
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).
@@ -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.hosted_url}}">
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.username}}</span>
10
- <span class="site-title__text--sub">{{site.user_title}}</span>
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="https://www.linkedin.com/in/{{site.linked_in_profile_name}}/" target="_blank"><i class="fab fa-linkedin-in fa-3x"></i></a>
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.0
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-25 00:00:00.000000000 Z
11
+ date: 2018-08-29 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll