picklecore 0.9.0 → 0.10.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 88bdad539a4762bcc54d9b16da8b149a40330a9302c32300e4e87dff110b3436
-  data.tar.gz: 64bdcdf1edb2df97e557a61291fa0c473925aa49bdf171d47814b6bf0889a3f9
+  metadata.gz: 75712eed93fa12b6fbb4cd5ae3099da622efc2db8d4f44d18446696327f6844e
+  data.tar.gz: 648363d1a6b8158712399b33ace4251bbc4facb9d886b5b284fce8a4a9ab5e72
 SHA512:
-  metadata.gz: d59d4a5bd4c4b1fe791e3f62b6c30a420fb2a85eb9383aee2b6448f1e7e1730bb0a3e6add52f79dbdae71ffcf1a061952eba524daf3bd99dbd7b10f3a4c09e02
-  data.tar.gz: '009fc5344cfa0fd2780c88c71915fc8f6d1655b0344838ef4f00a78ba08edf2d5f0326e2e9ff2fc39f3d3cf0cd6493b7e99e7b9de32c80cf6941b6864a790b0e'
+  metadata.gz: 0a7ca4dfc5ffee0f595adeae510d9662cd23f88ac84ebe0c898f8ab000b2cf5325bb12d91a730d326dff2164e305b6e34ed1b1d2149a5471c8778b26fe722827
+  data.tar.gz: b4c214ce935c3db8b205de2d975fd06c5f17813e24dcf7adf3a0d3ae74b3db721b2e69b831a8bf4ac29cf028fa67205a8bee2a475d6370201289f99da998fb90

data/README.md

@@ -62,6 +62,7 @@ PickleCore is (probably) the most customizable theme out in the Jekyllverse. Her
 * `twitter` - Twitter meta dictionary
   * `username`: your Twitter username as a string (no `@`!)
 * `devto` - your [DEV](https://dev.to/) username (if you want it on the sidebar)
+* `no_extra_css` - prevent custom stylesheets (see below) from being loaded (defaults to `false`)
 
 Most of the favicons and images listed here can be made over at https://realfavicongenerator.net
 
@@ -70,6 +71,12 @@ Most of the favicons and images listed here can be made over at https://realfavi
 To change the base color, which defaults to `#303f9f`, you can add a file called `_includes/styling/theme-color.css`,
 and put the hex color on the first line. **Do not** add a newline at the end of the file, it will break the CSS!
 
+### Custom CSS
+
+To apply custom CSS, add a file called `_includes/styling/extra.css` and put styles in that file.
+
+Note: this will not work if you specify the `no_extra_css` key in your config.
+
 ## Applying Theme Components
 
 The PickleCore theme allows you to apply some nice looking components that match with the theme via `includes`.
@@ -81,7 +88,10 @@ The PickleCore theme allows you to apply some nice looking components that match
 A card (shown above) can be applied by adding the following to any page **with [Front Matter](https://jekyllrb.com/docs/front-matter/) on it**:
 
 ```html
-<!-- Note: you can put as many cards as you want in each card container, but all cards NEED to be in a container -->
+<!--
+    Note: you can put as many cards as you want in each card container,
+    but all cards NEED to be in a container (with the class 'cards').
+-->
 <div class="cards">
   <!-- In this container, render a card -->
   {% include components/card.html cardtitle="My Card" cardbody="The text of the card!" %}
@@ -92,7 +102,7 @@ A card (shown above) can be applied by adding the following to any page **with [
 
 The easiest way to apply the sidebar to your website is to use the `default-with-sidebar` layout via Jekyll:
 
-```html
+```yaml
 ---
 layout: default-with-sidebar
 ---
@@ -104,13 +114,11 @@ The second easiest way is to add it via the include:
 ---
 layout: default
 ---
-
 <!--
-    Anchor the sidebar opener to this location on the page
+    Anchor the sidebar opener to this location on the page.
     Note: trying to move it via CSS may prove difficult!
 -->
-
-{%- include components/binds/sidebar-anchor.html -%}
+{% include components/binds/sidebar-anchor.html %}
 
 <!-- Other content -->
 ```
@@ -119,3 +127,15 @@ But you should ***most certainly not*** simply use the `sidebar.html` component
 
 > *Help! My sidebar is blank when I open it - what do I do?*
 > Certain site config fields will populate the sidebar, so see the customization section above.
+
+### Solid Blocks
+
+Sometimes you need to group data, or show something off, and a card just doesn't work. That's alright, you can just use the solid block element.
+
+Example:
+
+```html
+<div class="block-solid">
+    <h2>I am in a block!</h2>
+</div>
+```

data/assets/css/main.css

@@ -271,3 +271,15 @@ button:hover:after {
 a {
   color: white
 }
+
+.block-solid {
+  display: block;
+  border: white solid 4px;
+  padding: 7.5px;
+  margin-top: -5px;
+  text-align: center
+}
+
+{% unless site.no_extra_css %}
+    {% include styling/extra.css %}
+{% endunless %}

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: picklecore
 version: !ruby/object:Gem::Version
-  version: 0.9.0
+  version: 0.10.0
 platform: ruby
 authors:
 - Reece Dunham
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-11-22 00:00:00.000000000 Z
+date: 2019-11-26 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -100,6 +100,7 @@ files:
 - _includes/components/card.html
 - _includes/components/sidebar.html
 - _includes/metadata/metadata.html
+- _includes/styling/extra.css
 - _includes/styling/font.css
 - _includes/styling/theme-color.css
 - _layouts/default-with-sidebar.html