2013-08-02
A sample pattern for responsive "footer anchor" navigation.
A Pen by Oliver Pattison on CodePen.
Oliver Pattison opattison
opattison
/ Content-first-responsive-nav-(footer-anchor).markdown
Last active
August 29, 2015 13:56
A Pen by Oliver Pattison.
2014-01-31
CSS animation test, using an SVG jellyfish.
A Pen by Oliver Pattison on CodePen.
opattison
/ Twilight-Terrain-(MapBox-demo).markdown
Last active
August 29, 2015 13:56
A Pen by Oliver Pattison.
2014-02-22
Some of my photos on top of a custom MapBox terrain layer. This is a test for a photo gallery.
A Pen by Oliver Pattison on CodePen.
opattison
/ yaml-plus-liquid-loop.md
Created
February 21, 2014 21:28
A test for YAML front matter loading of image attributes.
image: 1: - url: image1.jpg - caption: 'caption 1' - alt: 'alt text 1' - coordinates: [0, 52] image: 2:
opattison
/ Preferences.sublime-settings
Last active
August 29, 2015 13:56
Sublime Text 3 user config
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Show hidden characters
| { | |
| "color_scheme": "Packages/Tomorrow Color Schemes/Tomorrow.tmTheme", | |
| "enable_tab_scrolling": false, | |
| "font_face": "Nitti Basic", | |
| "font_options": | |
| [ | |
| "no_italic" | |
| ], | |
| "font_size": 19, | |
| "ignored_packages": |
opattison
/ jekyll-css-yaml-includes.css
Last active
December 21, 2015 21:19
How to include multiple CSS sources in a compiled single CSS file (for example, resets, base styles, project-specific styles) using Liquid includes in Jekyll.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| --- | |
| # No YAML required. Blank front matter so that CSS files can be included via Liquid templating. | |
| # Make sure that the breaks are included at the start of the file so that Jekyll knows to process the Liquid includes. | |
| --- | |
| {% include reset.css %} | |
| {% include base.css %} | |
| {% include project.css %} |
opattison
/ jekyll-css-yaml-colors.css
Created
August 28, 2013 01:11
How to use YAML front matter variables in a CSS file to define colors using variables in Jekyll, using Liquid tags. This example uses HSL colors with hex fallback colors. The goal here is to create standardized CSS with a color palette that can easily be extended to a whole file and maintained easily with only a few variables. The same thing cou…
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| --- | |
| white: | |
| hsl: 'hsla(138, 10%, 98%, 1)' | |
| hex: '#f9fafa' | |
| black: | |
| hsl: 'hsla(138, 16%, 10%, 1)' | |
| hex: '#151e18' | |
| green: | |
| hsl: 'hsla(138, 39%, 54%, 1)' | |
| hex: '#5cb777' |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| require 'stringex' | |
| # rake command that generates a new post and opens in default text editor | |
| desc "Generates a new note" | |
| task :post, :title do |t, name| | |
| if name.title | |
| title = name.title | |
| else | |
| title = get_stdin("Enter a title: ") | |
| end |
opattison
/ aws-s3-policy-with-ip-limit.json
Last active
December 21, 2015 06:09
AWS S3 bucket with IP limits, for basic development testing on S3.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "Version": "2008-10-17", | |
| "Statement": [ | |
| { | |
| "Sid": "AddPermissions", | |
| "Effect": "Allow", | |
| "Principal": { | |
| "AWS": "*" | |
| }, | |
| "Action": "s3:GetObject", |
opattison
/ figure.rb
Last active
March 6, 2021 15:28
HTML <figure> tag Liquid tag plugin for Jekyll. Create figure/img HTML elements with optional classes and captions. This is a YAML-dependent Liquid tag plugin for Jekyll for those who fear link rot. The required bits are alt attributes and <img> tags. A unique feature for this method is a markdownified <figcaption>. This tag allows for optional …
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| # Title: Figure/image tag plugin for Jekyll | |
| # Author: Oliver Pattison | http://oliverpattison.org | |
| # Description: Create figure/img HTML blocks with optional classes and captions. This is a YAML-dependent Liquid tag plugin for Jekyll for those who fear link rot. | |
| # | |
| # Download/source/issues: https://github.com/opattison/jekyll-figure-image-tag | |
| # Documentation: https://github.com/opattison/jekyll-figure-image-tag/blob/master/README.md | |
| # | |
| # Note: designed specifically for implementations with YAML front matter-based images, captions and alt text. | |
| # Create YAML collections in a post like this: | |
| # |