jekyll-theme-collider 0.1.2 → 0.1.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 2c6cca56b5a53e3246bbe58c77ff4e4d9c968ac3
-  data.tar.gz: 0f0cbebbd0ea102f94eea33da80a91ad6e702085
+  metadata.gz: 769ec5b0deb9a4a6eb551d2a214f4e0814f28048
+  data.tar.gz: 45f005a8ae881b65a19c47e7c6cc345c11d0e052
 SHA512:
-  metadata.gz: e2d886d323734a7c98ec5f4c485ba3aa36637126ac9b56f2758bf8aa2ae7c0ca6c911f213b52aec726f32b68945b97d6c801d3ce2ff44a0850dcd076fbf9ec54
-  data.tar.gz: 3aa36249548b994ce9d78a207ab41a2ff0b53b08860bf7a7468ccc43449bd66bbaee17bc83e16ea7b5d80367e25410c3b73f2b3b79729d88d7fdc71285bcb6fd
+  metadata.gz: f977b23f1cca5b42de6e62c61ede46b87bdb30ed754184afa3659472151f99d77c8eba04b2442b45ccae13a2bec5cc6255f6f57d85bf45245c32fb573f53e003
+  data.tar.gz: cbeb0654df2ba0b2766762e88836d0617f44bc58ea73cc173d15377797263f983832ca625fb33e6cd05607514474818ed524be70bbddd8c283bae1da349b6f30

data/README.md

@@ -1,5 +1,21 @@
 # jekyll-theme-collider
 
+- [About](#about)  
+- [Installation](#installation)  
+  - [Jekyll requirements](#jekyll-requirements)
+  - [Create a local copy of the site](#create-a-local-copy-of-the-site)
+  - [Install theme using gem](#install-theme-using-gem)
+  - [Troubleshooting](#troubleshooting)
+- [Tags](#tags)  
+- [Colors](#colors)  
+  - [Page header colors](#page-header-colors)
+  - [Homepage background color](#homepage-background-color)
+- [About page customization](#about-page-customization)
+- [Customizing particles js](#customizing-particles-js)  
+- [Future projects](#future-projects)  
+- [Contributing](#contributing)  
+- [License](#license)  
+
 ## About
 This theme has two main nifty features, the use of [particles.js](https://vincentgarreau.com/particles.js/) and the [jekyll-paginate-v2 plugin](https://github.com/sverrirs/jekyll-paginate-v2/tree/master/examples). For those who don't know, the jekyll-paginate-v2 plugin allows you to do cool things like paginate within a given collection, which the current jekyll-paginate gem does not allow.
 
@@ -8,13 +24,13 @@ I'm also using the powers of [ITCSS](https://github.com/ahmadajmi/awesome-itcss)
 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.
 
 ## Installation
-**Jekyll requirements**
+#### Jekyll requirements
 * You must have Ruby installed:
     * https://www.ruby-lang.org/en/downloads/
 * Install Jekyll and Bundler:
     * `gem install jekyll bundler`
 
-**Create a local copy of the site**
+#### Create a local copy of the site
 * Download this site:
     * `git clone https://github.com/ryancolorcafe/jekyll-theme-collider.git`
 * Move into directory:
@@ -25,7 +41,7 @@ The font I'm using is a favorite of mine, [Operator Mono SSm](https://www.typogr
     * `bundle exec jekyll serve`
     * Browse to http://localhost:4000
 
-**Install theme using gem**
+#### Install theme using gem
 * Add this line to your Gemfile:
     * `gem "jekyll-theme-collider"`
 * Install running this command in your terminal:
@@ -63,7 +79,7 @@ linked_in_profile: [LinkedIn profile url]
 full_name: [Your username]
 user_description: [Your description]
 disqus:
-  shortname: [Your Disqus shortname]
+  shortname: [Your Disqus shortname] # https://disqus.com
 
 theme: jekyll-theme-collider
 
@@ -93,7 +109,7 @@ pagination:
 * Run your server and you should be good to go!  
   * `bundle exec jekyll serve`
 
-**Troubleshooting:**
+#### Troubleshooting:
 * 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.  
 * You may need to restart your server in order for your changes to take effect.
 
@@ -115,7 +131,7 @@ pagination:
 
 All posts tagged with _Jekyll_
 ```
-If you're familiar with Jekyll, most of this will look familiar. The parts unique to this theme are the color and the pagination configurations. The color configured here will determine the color of the tag page header and is based on SCSS color settings, meaning it's not just the default CSS purple color being used here. More on that in another section.
+If you're familiar with Jekyll [front matter](https://jekyllrb.com/docs/front-matter/), this configuration will be intuitive. The parts unique to this theme are the color and the pagination configurations. The color configured here will determine the color of the tag page header and is based on SCSS color settings, meaning it's not just the default CSS purple color being used here. More on that in the colors section below.
 
 The pagination settings are necessary to set for the jekyll-pagination-v2 plugin. The only one you'll likely want to ever modify here is the `tag:` setting, where you simply put the tag name you'd like to use in lowercase.
 
@@ -131,7 +147,7 @@ In order to configure the colors as above, and make your own custom colors, see
 
 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.
 
-**Page header colors**
+#### Page header colors
 
 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:
 
@@ -155,9 +171,9 @@ a.bg--orange:hover {
 
 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.
 
-**Home page background color**
+#### Homepage background color
 
-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:
+To change the background color of the particles.js canvas on the homepage, go to `components/_particles.scss` and change the background color here:
 ```
 #particles-js {
   background: $dark-sea-green;
@@ -174,20 +190,20 @@ layout: default
 ```
 You may put whatever HTML and text you'd like below.
 
-## Customizing particles.js
+## Customizing particles js
 
 To customize particles.js, such as the shape and size of the particles, you'll need to edit `assets/js/app.js`. If using the theme gem, you'll need to create this file and override with your own settings. Since this customization is outside the scope of this readme, I recommend learning more on the particles.js [GitHub page](https://github.com/VincentGarreau/particles.js/).
 
-## Contributing
-
-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.
-
 ## Future projects
 
 * A portfolio/work page using CSS Grid  
 * Search bar for articles in blog  
 * Modular scale typography  
 
+## Contributing
+
+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.
+
 ## License
 
 The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).

data/_sass/jekyll-theme-collider/generic/_normalize.scss

@@ -21,3 +21,7 @@ body {
   background-color: #000;
   color: $white;
 }
+
+img {
+  width: 100%;
+}

data/_sass/jekyll-theme-collider/helpers/_syntax-highlighting.scss

@@ -0,0 +1,81 @@
+/**
+ * Syntax highlighting styles
+ */
+
+pre {
+ white-space: pre-wrap;
+}
+
+.highlight {
+  background: whitesmoke;
+  padding: 8px 12px;
+  margin: 20px 0 0 0;
+
+  .highlighter-rouge & {
+    background: #eef;
+  }
+
+  .c     { color: #998; font-style: italic } // Comment
+  .err   { color: #a61717; background-color: #e3d2d2 } // Error
+  .k     { font-weight: bold } // Keyword
+  .o     { font-weight: bold } // Operator
+  .cm    { color: #998; font-style: italic } // Comment.Multiline
+  .cp    { color: #999; font-weight: bold } // Comment.Preproc
+  .c1    { color: #998; font-style: italic } // Comment.Single
+  .cs    { color: #999; font-weight: bold; font-style: italic } // Comment.Special
+  .gd    { color: #000; background-color: #fdd } // Generic.Deleted
+  .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
+  .ge    { font-style: italic } // Generic.Emph
+  .gr    { color: #a00 } // Generic.Error
+  .gh    { color: #999 } // Generic.Heading
+  .gi    { color: #000; background-color: #dfd } // Generic.Inserted
+  .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
+  .go    { color: #888 } // Generic.Output
+  .gp    { color: #555 } // Generic.Prompt
+  .gs    { font-weight: bold } // Generic.Strong
+  .gu    { color: #aaa } // Generic.Subheading
+  .gt    { color: #a00 } // Generic.Traceback
+  .kc    { font-weight: bold } // Keyword.Constant
+  .kd    { font-weight: bold } // Keyword.Declaration
+  .kp    { font-weight: bold } // Keyword.Pseudo
+  .kr    { font-weight: bold } // Keyword.Reserved
+  .kt    { color: #458; font-weight: bold } // Keyword.Type
+  .m     { color: #099 } // Literal.Number
+  .s     { color: #d14 } // Literal.String
+  .na    { color: #008080 } // Name.Attribute
+  .nb    { color: #0086B3 } // Name.Builtin
+  .nc    { color: #458; font-weight: bold } // Name.Class
+  .no    { color: #008080 } // Name.Constant
+  .ni    { color: #800080 } // Name.Entity
+  .ne    { color: #900; font-weight: bold } // Name.Exception
+  .nf    { color: #900; font-weight: bold } // Name.Function
+  .nn    { color: #555 } // Name.Namespace
+  .nt    { color: #000080 } // Name.Tag
+  .nv    { color: #008080 } // Name.Variable
+  .ow    { font-weight: bold } // Operator.Word
+  .w     { color: #bbb } // Text.Whitespace
+  .mf    { color: #099 } // Literal.Number.Float
+  .mh    { color: #099 } // Literal.Number.Hex
+  .mi    { color: #099 } // Literal.Number.Integer
+  .mo    { color: #099 } // Literal.Number.Oct
+  .sb    { color: #d14 } // Literal.String.Backtick
+  .sc    { color: #d14 } // Literal.String.Char
+  .sd    { color: #d14 } // Literal.String.Doc
+  .s2    { color: #d14 } // Literal.String.Double
+  .se    { color: #d14 } // Literal.String.Escape
+  .sh    { color: #d14 } // Literal.String.Heredoc
+  .si    { color: #d14 } // Literal.String.Interpol
+  .sx    { color: #d14 } // Literal.String.Other
+  .sr    { color: #009926 } // Literal.String.Regex
+  .s1    { color: #d14 } // Literal.String.Single
+  .ss    { color: #990073 } // Literal.String.Symbol
+  .bp    { color: #999 } // Name.Builtin.Pseudo
+  .vc    { color: #008080 } // Name.Variable.Class
+  .vg    { color: #008080 } // Name.Variable.Global
+  .vi    { color: #008080 } // Name.Variable.Instance
+  .il    { color: #099 } // Literal.Number.Integer.Long
+}
+
+.highlighter-rouge {
+   background-color: whitesmoke;
+ }

data/_sass/jekyll-theme-collider/jekyll-theme-collider.scss

@@ -23,3 +23,4 @@
 
 // Helpers
 @import "helpers/helpers";
+@import "helpers/syntax-highlighting";

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-collider
 version: !ruby/object:Gem::Version
-  version: 0.1.2
+  version: 0.1.3
 platform: ruby
 authors:
 - Ryan Brown
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-09-23 00:00:00.000000000 Z
+date: 2018-10-01 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -111,6 +111,7 @@ files:
 - _sass/jekyll-theme-collider/generic/_font.scss
 - _sass/jekyll-theme-collider/generic/_normalize.scss
 - _sass/jekyll-theme-collider/helpers/_helpers.scss
+- _sass/jekyll-theme-collider/helpers/_syntax-highlighting.scss
 - _sass/jekyll-theme-collider/jekyll-theme-collider.scss
 - _sass/jekyll-theme-collider/settings/_colors.scss
 - assets/css/main.scss