diff --git a/content/posts/2008-04-04-aperture-file-types.md b/content/posts/2008-04-04-aperture-file-types.md index fdc8dd72..8b534abe 100644 --- a/content/posts/2008-04-04-aperture-file-types.md +++ b/content/posts/2008-04-04-aperture-file-types.md @@ -26,7 +26,7 @@ These icons are free for your personal use and include icons for all file types Get them from [the goodies-page](https://kremalicious.com/goodies/) and have fun.

- Download + Download

And don't forget to read my article about [how to change the generic image icons in Mac OS X Leopard](https://kremalicious.com/2008/04/changing-the-image-icons-in-mac-os-x-leopard/). diff --git a/content/posts/2008-06-01-chives.md b/content/posts/2008-06-01-chives.md index 2e72b692..9f53a2e3 100644 --- a/content/posts/2008-06-01-chives.md +++ b/content/posts/2008-06-01-chives.md @@ -23,7 +23,7 @@ I have added my first wallpaper to the Goodies section on this website. It's a s You can get the wallpaper by browsing [my Goodies section](http://www.kremalicious.com/goodies/) and clicking on the download link for the wallpaper. The download package also includes a custom folder icon (512px as .icns, .png, .ico) with the Chives wallpaper on it.

- Download Chives Wallpaper + Download Chives Wallpaper

Beside that, this image is [available for print on deviantArt in various sizes](http://www.deviantart.com/print/3347544/). diff --git a/content/posts/2008-06-03-niepces-camera-obscura-and-the-history-of-the-first-photograph.md b/content/posts/2008-06-03-niepces-camera-obscura-and-the-history-of-the-first-photograph.md index 09e796b4..bbf17767 100644 --- a/content/posts/2008-06-03-niepces-camera-obscura-and-the-history-of-the-first-photograph.md +++ b/content/posts/2008-06-03-niepces-camera-obscura-and-the-history-of-the-first-photograph.md @@ -96,7 +96,7 @@ Brief description of Daguerres role in the invention of photography process by T This icon package was exclusively announced first on [MacThemes](http://macthemes2.net) and you can download it from the [Goodies section on this website](/goodies/) or directly via this link:

- Download + Download

In addition to these icons you can download the [associated wallpapers for your desktop or your iPhone](http://www.kremalicious.com/2008/06/new-goodie-niepces-camera-obscura-wallpaper-pack/). diff --git a/content/posts/2008-06-03-niepces-camera-obscura-wallpaper-pack.md b/content/posts/2008-06-03-niepces-camera-obscura-wallpaper-pack.md index 91bcf36f..e7cfc3ef 100644 --- a/content/posts/2008-06-03-niepces-camera-obscura-wallpaper-pack.md +++ b/content/posts/2008-06-03-niepces-camera-obscura-wallpaper-pack.md @@ -23,7 +23,7 @@ In addition to my Niépce's Camera Obscura icons for Aperture and iPhoto I have All Wallpapers are using a custom designed background which imitates the look of a metal plate like it was used in Niépce's experiments although it wasn't golden. To make it more Mac style I have added a stenciled dots pattern (which is a commonly used reference to the front design of the MacPro).

- Download Niépce's Camera Obscura Wallpaper + Download Niépce's Camera Obscura Wallpaper

Here are the details: diff --git a/content/posts/2008-06-19-ubuntu-as-mac-file-server-and-time-machine-volume.md b/content/posts/2008-06-19-ubuntu-as-mac-file-server-and-time-machine-volume.md index 323aca4a..711c4543 100644 --- a/content/posts/2008-06-19-ubuntu-as-mac-file-server-and-time-machine-volume.md +++ b/content/posts/2008-06-19-ubuntu-as-mac-file-server-and-time-machine-volume.md @@ -391,7 +391,7 @@ Here you can see the icons included in the Server Displays icon pack: Because I've just modified Apple's standard icons these icons are just available via this blog post and they will not show up in my Goodies section. Just download the whole package directly via this link:

- Download Server Display Icons zip + Download Server Display Icons zip

# How to use the icons diff --git a/content/posts/2008-08-26-icy-box-icons.md b/content/posts/2008-08-26-icy-box-icons.md index 0a9c847c..fbaffd16 100644 --- a/content/posts/2008-08-26-icy-box-icons.md +++ b/content/posts/2008-08-26-icy-box-icons.md @@ -18,12 +18,12 @@ redirect_from: A friend of mine asked me to craft an icon for his external hard drive case and I would like to share those with you too. These desktop icons show the the silver and black Icy Box external aluminium case with USB interface and are intended as a replacement for the generic external hard disk icon in Mac OS X Leopard. -As always these desktop icons are free for you personal and non-commercial use. All other usage of this copyrighted material [require my written permission](http://www.kremalicious.com/about/contact/). +As always these desktop icons are free for you personal and non-commercial use. All other usage of this copyrighted material require my written permission. -The whole package includes 7 icons either packed in a nice tagged iContainer for use with Candybar or in Mac + Win + Linux compatible formats. If you have such an Icy Box case grab the icons [from my Goodies page.](http://www.kremalicious.com/goodies/#icons) Have fun! +The whole package includes 7 icons either packed in a nice tagged iContainer for use with Candybar or in Mac + Win + Linux compatible formats. If you have such an Icy Box case grab the icons. Have fun!

- Download Icy Box Icons zip + Download Icy Box Icons zip

* Replacement icons for the silver and black Icy Box external aluminium case with USB interface diff --git a/content/posts/2008-09-23-futurama-mars-university-wallpaper.md b/content/posts/2008-09-23-futurama-mars-university-wallpaper.md index be26eba6..0d08dc27 100644 --- a/content/posts/2008-09-23-futurama-mars-university-wallpaper.md +++ b/content/posts/2008-09-23-futurama-mars-university-wallpaper.md @@ -23,5 +23,5 @@ Show your geeky love for extraterrestrial universities! This is a simple Futuram As usual you can [grab the whole zip package from my Goodies page](http://www.kremalicious.com/goodies/#wall) and have fun.

- Download Futurama Mars U Wallpaper zip + Download Futurama Mars U Wallpaper zip

diff --git a/content/posts/2008-10-23-coffee-cup-icon.md b/content/posts/2008-10-23-coffee-cup-icon.md index ef5dc9aa..815c7d76 100644 --- a/content/posts/2008-10-23-coffee-cup-icon.md +++ b/content/posts/2008-10-23-coffee-cup-icon.md @@ -24,5 +24,5 @@ I’ve just released my own coffee cup icon, enjoy: ## Download

- Download Coffee Cup Icons + Download Coffee Cup Icons

diff --git a/content/posts/2009-02-17-out-of-whale-oil.md b/content/posts/2009-02-17-out-of-whale-oil.md index 3dd048dd..aede6c64 100644 --- a/content/posts/2009-02-17-out-of-whale-oil.md +++ b/content/posts/2009-02-17-out-of-whale-oil.md @@ -36,5 +36,5 @@ Simple, high-resolution Futurama tribute wallpaper pack inspired by the latest F Seriously, the pink versions are burning my eyes but the pink is a good reference to the events in the recent movie.

- Download + Download

diff --git a/content/posts/2009-03-29-ultimate-coda-wordpress-share-link-bonanza.md b/content/posts/2009-03-29-ultimate-coda-wordpress-share-link-bonanza.md index 840cd6ed..718f7dcc 100644 --- a/content/posts/2009-03-29-ultimate-coda-wordpress-share-link-bonanza.md +++ b/content/posts/2009-03-29-ultimate-coda-wordpress-share-link-bonanza.md @@ -31,7 +31,7 @@ But I think you don't want to load tons of scripts on your websites if you inclu To make this a bit more straightforward I provide these links compiled within two Coda Clip files for use with [Panic's Coda](http://panic.com/coda). While the first clip group contains all the plain link snippets the second group includes those snippets for use with Wordpress. Just download and add them to your Coda Clips collection: -Download Share Links Coda Clips +Download Share Links Coda Clips Included are a **total of 40 share links per clip group** for the following social/bookmark sites. This list uses the links provided in the Coda clips so you can test them out here with this article: diff --git a/content/posts/2009-06-04-twitter-crisp.md b/content/posts/2009-06-04-twitter-crisp.md index fb88baf6..cff2f347 100644 --- a/content/posts/2009-06-04-twitter-crisp.md +++ b/content/posts/2009-06-04-twitter-crisp.md @@ -18,7 +18,7 @@ Here's a quick twitter icon for use on your websites which is kind of a by-produ This icon comes in various formats (PNG, ICNS, iContainer) and in 4 different sizes (128px, 48px, 32px, 16px) with each icon size redrawn (of course). Just head over [to my Goodies page](http://www.kremalicious.com/goodies/) or click the following download button and grab these icons while they're hot.

- Download + Download

Use them on any web project you like and/or [convert them into a send to twitter link](http://kremalicious.com/ultimate-coda-wordpress-share-link-bonanza/). Have fun! diff --git a/content/posts/2009-06-24-adiumeetie.md b/content/posts/2009-06-24-adiumeetie.md index 40be2744..08fece79 100644 --- a/content/posts/2009-06-24-adiumeetie.md +++ b/content/posts/2009-06-24-adiumeetie.md @@ -31,7 +31,7 @@ The icon comes in various formats (iContainer, icns, png) in sizes from 512px-16 Just head over [to my Goodies page](http://www.kremalicious.com/goodies/) or click the following download button and grab this icon while it's hot.

- Download + Download

## Adium Icon Usage diff --git a/content/posts/2009-09-05-delibar.md b/content/posts/2009-09-05-delibar.md index 74435b20..6de926c3 100644 --- a/content/posts/2009-09-05-delibar.md +++ b/content/posts/2009-09-05-delibar.md @@ -22,7 +22,7 @@ tags: Just head over [to my Goodies page](http://www.kremalicious.com/goodies/) or click the following download button and grab these replacement icons.

- Download + Download

## Icon Usage diff --git a/content/posts/2010-02-04-ipixelpad.md b/content/posts/2010-02-04-ipixelpad.md index 19d36b4e..1a71363b 100644 --- a/content/posts/2010-02-04-ipixelpad.md +++ b/content/posts/2010-02-04-ipixelpad.md @@ -30,7 +30,7 @@ The homescreen icons pixels in the 16px version needed all more vivid colors to The icons come in various formats: iContainer, ICNS, ICO and PNG files for each size. Just click the following download button to grab the whole pack:

- Download + Download

## License diff --git a/content/posts/2010-07-03-momcorp.md b/content/posts/2010-07-03-momcorp.md index d55076ed..aecb83fb 100644 --- a/content/posts/2010-07-03-momcorp.md +++ b/content/posts/2010-07-03-momcorp.md @@ -27,6 +27,6 @@ The wallpaper comes in four versions with two color variations and two text vari You can grab the full zip-package with versions for Desktop, iPad, iPhone & Android included:

- Download + Download Donate

diff --git a/package.json b/package.json index ebd4c11a..74d1f02c 100644 --- a/package.json +++ b/package.json @@ -23,7 +23,7 @@ "dependencies": { "clipboard": "^2.0.1", "exif-js": "^2.3.0", - "gatsby": "^2.0.0-beta.53", + "gatsby": "^2.0.0-beta.54", "gatsby-image": "^2.0.0-beta.6", "gatsby-plugin-catch-links": "^1.0.24", "gatsby-plugin-matomo": "^0.4.1", diff --git a/src/pages/404.jsx b/src/pages/404.jsx index 5b934f56..81e096d8 100644 --- a/src/pages/404.jsx +++ b/src/pages/404.jsx @@ -1,7 +1,8 @@ import React from 'react' +import PropTypes from 'prop-types' import Layout from '../components/Layout' -const NotFound = () => ( +const NotFound = ({ location }) => (
@@ -14,4 +15,8 @@ const NotFound = () => ( ) +NotFound.propTypes = { + location: PropTypes.object.isRequired +} + export default NotFound diff --git a/src/pages/index.jsx b/src/pages/index.jsx index 9796c980..99489298 100644 --- a/src/pages/index.jsx +++ b/src/pages/index.jsx @@ -3,7 +3,7 @@ import PropTypes from 'prop-types' import { Link, graphql } from 'gatsby' import Layout from '../components/Layout' -const IndexPage = ({ data }) => { +const IndexPage = ({ data, location }) => { const edges = data.allMarkdownRemark.edges const Posts = edges // .filter(edge => !!edge.node.frontmatter.date) @@ -21,7 +21,8 @@ const IndexPage = ({ data }) => { } IndexPage.propTypes = { - data: PropTypes.object.isRequired + data: PropTypes.object.isRequired, + location: PropTypes.object.isRequired } export default IndexPage diff --git a/src/pages/styleguide.md b/src/pages/styleguide/index.md similarity index 100% rename from src/pages/styleguide.md rename to src/pages/styleguide/index.md diff --git a/src/styles/_content.scss b/src/styles/_content.scss index 0650a6fd..bc856236 100644 --- a/src/styles/_content.scss +++ b/src/styles/_content.scss @@ -96,3 +96,16 @@ } } } + +// Goodies download +///////////////////////////////////// + +.goodie-actions { + text-align: center; + max-width: 640px; + + .btn { + margin-bottom: 0; + display: block; + } +} diff --git a/src/templates/Archive.jsx b/src/templates/Archive.jsx index 4278edb2..f24f15ad 100644 --- a/src/templates/Archive.jsx +++ b/src/templates/Archive.jsx @@ -4,7 +4,7 @@ import { Link, graphql } from 'gatsby' import Layout from '../components/Layout' import styles from './Archive.module.scss' -const Archive = ({ data, pageContext }) => { +const Archive = ({ data, location, pageContext }) => { let posts let archiveTitle @@ -32,6 +32,7 @@ const Archive = ({ data, pageContext }) => { Archive.propTypes = { data: PropTypes.object.isRequired, + location: PropTypes.object.isRequired, pageContext: PropTypes.object.isRequired } diff --git a/src/templates/Post.module.scss b/src/templates/Post.module.scss index d8d1cc6e..1875b5ad 100644 --- a/src/templates/Post.module.scss +++ b/src/templates/Post.module.scss @@ -44,16 +44,3 @@ .hentry__lead { @include lead(); } - -// Goodies download -///////////////////////////////////// - -.goodie-actions { - text-align: center; - max-width: 640px; - - .btn { - margin-bottom: 0; - display: block; - } -} diff --git a/src/templates/post.jsx b/src/templates/post.jsx index 72d1ecc5..ceff24bb 100644 --- a/src/templates/post.jsx +++ b/src/templates/post.jsx @@ -8,7 +8,53 @@ import PostTitle from '../components/atoms/PostTitle' import PostMeta from '../components/molecules/PostMeta' import styles from './Post.module.scss' -const Post = ({ data }) => { +const separator = '' + +// Extract lead paragraph from content +// Grab everything before more tag, or just first paragraph +const PostLead = ({ post }) => { + let lead + const content = post.html + + if (post.frontmatter.type === 'post') { + if (content.includes(separator)) { + lead = content.split(separator)[0] + } else { + lead = content.split('\n')[0] + } + } else { + return null + } + + return ( +
+ ) +} + +// Remove lead paragraph from content +const PostContent = ({ post }) => { + let content + + content = post.html + + if (post.frontmatter.type === 'post') { + if (content.includes(separator)) { + content = content.split(separator)[1] + } else { + const lead = content.split('\n')[0] + content = content.replace(lead, '') + } + } + + return ( +
+ ) +} + +const Post = ({ data, location }) => { const { markdownRemark: post } = data const { contentYaml: meta } = data const { title, image, type, linkurl } = post.frontmatter @@ -38,7 +84,8 @@ const Post = ({ data }) => { } Post.propTypes = { - data: PropTypes.object.isRequired + data: PropTypes.object.isRequired, + location: PropTypes.object.isRequired } export default Post