mirror of
https://github.com/kremalicious/blog.git
synced 2025-01-02 18:13:10 +01:00
content fixes
This commit is contained in:
parent
1f840830dd
commit
a89c0c23a2
GPG Key ID:
606EEEF3C479A91F
@ -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.
|
||||
|
||||
<p class="content-download">
|
||||
<a class="icon-download" href="/media/aperturefiletypes_by_kremalicious.zip">Download</a>
|
||||
<a class="icon-download" href="../media/aperturefiletypes_by_kremalicious.zip">Download</a>
|
||||
</p>
|
||||
|
||||
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/).
|
||||
|
||||
@ -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.
|
||||
|
||||
<p class="content-download">
|
||||
<a class="icon-download" href="/media/chives_by_kremalicious.zip">Download Chives Wallpaper</a>
|
||||
<a class="icon-download" href="../media/chives_by_kremalicious.zip">Download Chives Wallpaper</a>
|
||||
</p>
|
||||
|
||||
Beside that, this image is [available for print on deviantArt in various sizes](http://www.deviantart.com/print/3347544/).
|
||||
|
||||
@ -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:
|
||||
|
||||
<p class="content-download">
|
||||
<a class="btn icon-download" href="/media/niepces_camera_obscura_by_kremalicious.zip">Download</a>
|
||||
<a class="btn icon-download" href="../media/niepces_camera_obscura_by_kremalicious.zip">Download</a>
|
||||
</p>
|
||||
|
||||
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/).
|
||||
|
||||
@ -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).
|
||||
|
||||
<p class="content-download">
|
||||
<a class="icon-download" href="/media/niepces_camera_obscura_wallpaper_pack_by_kremalicious.zip">Download Niépce's Camera Obscura Wallpaper</a>
|
||||
<a class="icon-download" href="../media/niepces_camera_obscura_wallpaper_pack_by_kremalicious.zip">Download Niépce's Camera Obscura Wallpaper</a>
|
||||
</p>
|
||||
|
||||
Here are the details:
|
||||
|
||||
@ -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:
|
||||
|
||||
<p class="content-download">
|
||||
<a class="icon-download" href="/media/server_displays_by_kremalicious.zip">Download Server Display Icons <span>zip</span></a>
|
||||
<a class="icon-download" href="../media/server_displays_by_kremalicious.zip">Download Server Display Icons <span>zip</span></a>
|
||||
</p>
|
||||
|
||||
# How to use the icons
|
||||
|
||||
@ -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!
|
||||
|
||||
<p class="content-download">
|
||||
<a class="icon-download" href="/media/{{ page.download }}">Download Icy Box Icons <span>zip</span></a>
|
||||
<a class="icon-download" href="../media/icybox_by_kremalicious.zip">Download Icy Box Icons <span>zip</span></a>
|
||||
</p>
|
||||
|
||||
* Replacement icons for the silver and black Icy Box external aluminium case with USB interface
|
||||
|
||||
@ -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.
|
||||
|
||||
<p class="content-download">
|
||||
<a class="icon-download" href="/media/mars-u-wall-by-kremalicious.zip">Download Futurama Mars U Wallpaper <span>zip</span></a>
|
||||
<a class="icon-download" href="../media/mars-u-wall-by-kremalicious.zip">Download Futurama Mars U Wallpaper <span>zip</span></a>
|
||||
</p>
|
||||
|
||||
@ -24,5 +24,5 @@ I’ve just released my own coffee cup icon, enjoy:
|
||||
## Download
|
||||
|
||||
<p class="content-download">
|
||||
<a class="icon-download" href="/media/coffee_cup_by_kremalicious.zip">Download Coffee Cup Icons</a>
|
||||
<a class="icon-download" href="../media/coffee_cup_by_kremalicious.zip">Download Coffee Cup Icons</a>
|
||||
</p>
|
||||
|
||||
@ -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.
|
||||
|
||||
<p class="content-download">
|
||||
<a class="icon-download" href="/media/out-of-whale-oil-wall-by-kremalicious.zip">Download</a>
|
||||
<a class="icon-download" href="../media/out-of-whale-oil-wall-by-kremalicious.zip">Download</a>
|
||||
</p>
|
||||
|
||||
@ -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:
|
||||
|
||||
<a class="btn btn-primary icon icon-download" href="/media/share-link-bonanza-coda-clips.zip" title="Download Share Links Coda Clips">Download Share Links Coda Clips</a>
|
||||
<a class="btn btn-primary icon icon-download" href="../media/share-link-bonanza-coda-clips.zip" title="Download Share Links Coda Clips">Download Share Links Coda Clips</a>
|
||||
|
||||
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:
|
||||
|
||||
|
||||
@ -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.
|
||||
|
||||
<p class="content-download">
|
||||
<a class="icon-download" href="/media/twitter-crisp-by-kremalicious.zip">Download</a>
|
||||
<a class="icon-download" href="../media/twitter-crisp-by-kremalicious.zip">Download</a>
|
||||
</p>
|
||||
|
||||
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!
|
||||
|
||||
@ -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.
|
||||
|
||||
<p class="content-download">
|
||||
<a class="icon-download" href="/media/adiumeetie-by-kremalicious.zip">Download</a>
|
||||
<a class="icon-download" href="../media/adiumeetie-by-kremalicious.zip">Download</a>
|
||||
</p>
|
||||
|
||||
## Adium Icon Usage
|
||||
|
||||
@ -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.
|
||||
|
||||
<p class="content-download">
|
||||
<a class="icon-download" href="/media/delibar-by-kremalicious.zip">Download</a>
|
||||
<a class="icon-download" href="../media/delibar-by-kremalicious.zip">Download</a>
|
||||
</p>
|
||||
|
||||
## Icon Usage
|
||||
|
||||
@ -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:
|
||||
|
||||
<p class="content-download">
|
||||
<a class="icon-download" href="/media/ipixelpad_by_kremalicious.zip">Download</a>
|
||||
<a class="icon-download" href="../media/ipixelpad_by_kremalicious.zip">Download</a>
|
||||
</p>
|
||||
|
||||
## License
|
||||
|
||||
@ -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:
|
||||
|
||||
<p class="content-download">
|
||||
<a class="btn-primary icon-download" href="/media/momcorp_wall_by_kremalicious.zip">Download</a>
|
||||
<a class="btn-primary icon-download" href="../media/momcorp_wall_by_kremalicious.zip">Download</a>
|
||||
<a href="http://krlc.us/givecoffee" class="icon-heart">Donate</a>
|
||||
</p>
|
||||
|
||||
@ -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",
|
||||
|
||||
@ -1,7 +1,8 @@
|
||||
import React from 'react'
|
||||
import PropTypes from 'prop-types'
|
||||
import Layout from '../components/Layout'
|
||||
|
||||
const NotFound = () => (
|
||||
const NotFound = ({ location }) => (
|
||||
<Layout location={location}>
|
||||
<div className="hal-9000" />
|
||||
|
||||
@ -14,4 +15,8 @@ const NotFound = () => (
|
||||
</Layout>
|
||||
)
|
||||
|
||||
NotFound.propTypes = {
|
||||
location: PropTypes.object.isRequired
|
||||
}
|
||||
|
||||
export default NotFound
|
||||
|
||||
@ -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
|
||||
|
||||
@ -96,3 +96,16 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Goodies download
|
||||
/////////////////////////////////////
|
||||
|
||||
.goodie-actions {
|
||||
text-align: center;
|
||||
max-width: 640px;
|
||||
|
||||
.btn {
|
||||
margin-bottom: 0;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
@ -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
|
||||
}
|
||||
|
||||
|
||||
@ -44,16 +44,3 @@
|
||||
.hentry__lead {
|
||||
@include lead();
|
||||
}
|
||||
|
||||
// Goodies download
|
||||
/////////////////////////////////////
|
||||
|
||||
.goodie-actions {
|
||||
text-align: center;
|
||||
max-width: 640px;
|
||||
|
||||
.btn {
|
||||
margin-bottom: 0;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
@ -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 = '<!-- more -->'
|
||||
|
||||
// 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 (
|
||||
<div
|
||||
className={styles.hentry__lead}
|
||||
dangerouslySetInnerHTML={{ __html: lead }}
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
||||
// 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 (
|
||||
<div className="content" dangerouslySetInnerHTML={{ __html: content }} />
|
||||
)
|
||||
}
|
||||
|
||||
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
|
||||
|
||||
Loading…
Reference in New Issue
Block a user