Skip to content
Browse files

remove page border

  • Loading branch information...
1 parent 05b2431 commit 679092361eda4f5baf56c0567690477b6397d60d @drtoast committed Mar 3, 2012
View
4 _includes/post.html
@@ -1,6 +1,6 @@
<div id="post">
- <h3 class='entry-title'>{{ page.title }}</h3>
- <span class='entry-meta'>{{ page.date | date: "%B %-d, %Y" }} | {{ page.tags | category_links }}</span><br />
+ <h2 class='entry-title'>{{ page.title }}</h2>
+ <small>{{ page.date | date: "%B %-d, %Y" }} | {{ page.tags | category_links }}</small><br />
<p>{{ content }}</p>
</div>
View
4 _site/2008/06/29/color-rules.html
@@ -23,8 +23,8 @@
<!-- main content -->
<div id="content" class="narrowcolumn">
<div id="post">
- <h3 class='entry-title'>Color Rules</h3>
- <span class='entry-meta'>June 29, 2008 | <a href="/tag/color/">color</a></span><br />
+ <h2 class='entry-title'>Color Rules</h2>
+ <small>June 29, 2008 | <a href="/tag/color/">color</a></small><br />
<p><p style="text-align: center;"><span style="color: #0000ee; text-decoration: underline;"><a href="/uploads/2008/06/color-rules.png"></a><a href="/uploads/2008/07/color-harmony.png"><img class="aligncenter size-full wp-image-18" title="color-harmony" src="/uploads/2008/07/color-harmony.png" alt="" width="400" height="400" /></a>
</span></p>
View
4 _site/2008/06/30/color-parsing.html
@@ -23,8 +23,8 @@
<!-- main content -->
<div id="content" class="narrowcolumn">
<div id="post">
- <h3 class='entry-title'>Color Parsing</h3>
- <span class='entry-meta'>June 30, 2008 | <a href="/tag/color/">color</a>, <a href="/tag/images/">images</a></span><br />
+ <h2 class='entry-title'>Color Parsing</h2>
+ <small>June 30, 2008 | <a href="/tag/color/">color</a>, <a href="/tag/images/">images</a></small><br />
<p><p style="text-align: center;"><img class="size-full wp-image-16" title="color-parsing" src="/uploads/2008/07/color-parsing.png" alt="" width="400" height="400" /></p>
<p style="text-align: left;">You can load an image, grab an array of colors from it, and then apply those colors to other objects on the canvas.</p>
View
4 _site/2008/06/30/gradients.html
@@ -23,8 +23,8 @@
<!-- main content -->
<div id="content" class="narrowcolumn">
<div id="post">
- <h3 class='entry-title'>Gradients</h3>
- <span class='entry-meta'>June 30, 2008 | <a href="/tag/color/">color</a></span><br />
+ <h2 class='entry-title'>Gradients</h2>
+ <small>June 30, 2008 | <a href="/tag/color/">color</a></small><br />
<p><p style="text-align: center;"><a href="/uploads/2008/06/color-gradients.png"><img class="size-full wp-image-13" title="color-gradients" src="/uploads/2008/06/color-gradients.png" alt="" width="400" height="400" /></a></p>
Radial or linear gradients may be drawn by first specifying their main constituent colors, then applying to the canvas with a start and endpoint. (warning: crashes in MacRuby 0.4)
View
4 _site/2008/07/02/drawing-hair.html
@@ -23,8 +23,8 @@
<!-- main content -->
<div id="content" class="narrowcolumn">
<div id="post">
- <h3 class='entry-title'>Drawing Hair</h3>
- <span class='entry-meta'>July 2, 2008 | <a href="/tag/drawing/">drawing</a></span><br />
+ <h2 class='entry-title'>Drawing Hair</h2>
+ <small>July 2, 2008 | <a href="/tag/drawing/">drawing</a></small><br />
<p><p style="text-align: center;"><a href="/uploads/2008/07/drawing-hair.png"><img class="size-full wp-image-30 aligncenter" title="drawing-hair" src="/uploads/2008/07/drawing-hair.png" alt="" width="400" height="400" /></a></p>
Applying the "hair" method to a Rope object will render organic flowing threads to the canvas.
View
4 _site/2008/07/02/drawing-ribbons.html
@@ -23,8 +23,8 @@
<!-- main content -->
<div id="content" class="narrowcolumn">
<div id="post">
- <h3 class='entry-title'>Drawing Ribbons</h3>
- <span class='entry-meta'>July 2, 2008 | <a href="/tag/drawing/">drawing</a></span><br />
+ <h2 class='entry-title'>Drawing Ribbons</h2>
+ <small>July 2, 2008 | <a href="/tag/drawing/">drawing</a></small><br />
<p><p style="text-align: center;"><a href="/uploads/2008/07/drawing-ribbons.png"><img class="size-full wp-image-28 aligncenter" title="drawing-ribbons" src="/uploads/2008/07/drawing-ribbons.png" alt="" width="400" height="400" /></a></p>
Applying the "ribbon" method to a Rope object will render smooth, flowing ribbons to the canvas.
View
4 _site/2008/07/02/image-blend-modes.html
@@ -23,8 +23,8 @@
<!-- main content -->
<div id="content" class="narrowcolumn">
<div id="post">
- <h3 class='entry-title'>Image Blend Modes</h3>
- <span class='entry-meta'>July 2, 2008 | <a href="/tag/images/">images</a></span><br />
+ <h2 class='entry-title'>Image Blend Modes</h2>
+ <small>July 2, 2008 | <a href="/tag/images/">images</a></small><br />
<p><a href="/uploads/2008/07/image-blendmodes.png"><img class="aligncenter size-full wp-image-20" title="image-blendmodes" src="/uploads/2008/07/image-blendmodes.png" alt="" width="400" height="730" /></a>
View
4 _site/2008/07/02/image-color-adjustments.html
@@ -23,8 +23,8 @@
<!-- main content -->
<div id="content" class="narrowcolumn">
<div id="post">
- <h3 class='entry-title'>Image Color Adjustments</h3>
- <span class='entry-meta'>July 2, 2008 | <a href="/tag/color/">color</a>, <a href="/tag/images/">images</a></span><br />
+ <h2 class='entry-title'>Image Color Adjustments</h2>
+ <small>July 2, 2008 | <a href="/tag/color/">color</a>, <a href="/tag/images/">images</a></small><br />
<p><a style="text-decoration: none;" href="/uploads/2008/07/image-colors.png"><span style="color: #000000;">
</span><img class="aligncenter size-full wp-image-21" style="text-decoration: underline;" title="image-colors" src="/uploads/2008/07/image-colors.png" alt="" width="400" height="400" /></a>
View
4 _site/2008/07/02/image-effects.html
@@ -23,8 +23,8 @@
<!-- main content -->
<div id="content" class="narrowcolumn">
<div id="post">
- <h3 class='entry-title'>Image Effects</h3>
- <span class='entry-meta'>July 2, 2008 | <a href="/tag/images/">images</a></span><br />
+ <h2 class='entry-title'>Image Effects</h2>
+ <small>July 2, 2008 | <a href="/tag/images/">images</a></small><br />
<p><a href="/uploads/2008/07/image-effects.png"><img class="aligncenter size-full wp-image-24" title="image-effects" src="/uploads/2008/07/image-effects.png" alt="" width="400" height="400" /></a>
View
4 _site/2008/07/02/image-moving-and-scaling.html
@@ -23,8 +23,8 @@
<!-- main content -->
<div id="content" class="narrowcolumn">
<div id="post">
- <h3 class='entry-title'>Image Moving and Scaling</h3>
- <span class='entry-meta'>July 2, 2008 | <a href="/tag/images/">images</a></span><br />
+ <h2 class='entry-title'>Image Moving and Scaling</h2>
+ <small>July 2, 2008 | <a href="/tag/images/">images</a></small><br />
<p><a href="/uploads/2008/07/image-moving.png"><img class="aligncenter size-full wp-image-26" title="image-moving" src="/uploads/2008/07/image-moving.png" alt="" width="400" height="400" /></a>
View
4 _site/2008/07/02/iterating-paths.html
@@ -23,8 +23,8 @@
<!-- main content -->
<div id="content" class="narrowcolumn">
<div id="post">
- <h3 class='entry-title'>Iterating Paths</h3>
- <span class='entry-meta'>July 2, 2008 | <a href="/tag/drawing/">drawing</a></span><br />
+ <h2 class='entry-title'>Iterating Paths</h2>
+ <small>July 2, 2008 | <a href="/tag/drawing/">drawing</a></small><br />
<p><a href="/uploads/2008/07/paths-iterating.png"></a><a href="http://rcg.drtoast.com/wp-content/uploads/2008/06/paths-iterating.png"> </a>
<p style="text-align: center;"><img class="size-full wp-image-17" title="paths-iterating" src="/uploads/2008/07/paths-iterating.png" alt="" width="400" height="400" /></p>
View
4 _site/2008/07/02/particlesflowers.html
@@ -23,8 +23,8 @@
<!-- main content -->
<div id="content" class="narrowcolumn">
<div id="post">
- <h3 class='entry-title'>Particles/Flowers</h3>
- <span class='entry-meta'>July 2, 2008 | <a href="/tag/drawing/">drawing</a></span><br />
+ <h2 class='entry-title'>Particles/Flowers</h2>
+ <small>July 2, 2008 | <a href="/tag/drawing/">drawing</a></small><br />
<p><p style="text-align: center;"><a href="/uploads/2008/07/drawing-particles1.png"><img class="size-full wp-image-36 aligncenter" title="drawing-particles1" src="/uploads/2008/07/drawing-particles1.png" alt="" width="400" height="400" /></a></p>
View
4 _site/2008/07/02/randomizing-paths.html
@@ -23,8 +23,8 @@
<!-- main content -->
<div id="content" class="narrowcolumn">
<div id="post">
- <h3 class='entry-title'>Randomizing Paths</h3>
- <span class='entry-meta'>July 2, 2008 | <a href="/tag/drawing/">drawing</a></span><br />
+ <h2 class='entry-title'>Randomizing Paths</h2>
+ <small>July 2, 2008 | <a href="/tag/drawing/">drawing</a></small><br />
<p><p style="text-align: center;"><a href="/uploads/2008/06/paths-randomizing1.png"><img class="size-full wp-image-9" title="paths-randomizing1" src="/uploads/2008/06/paths-randomizing1.png" alt="" width="400" height="400" /></a></p>
By applying the "randomize" method to a Path object, you can specify attributes that should be randomized each time the object is drawn to the canvas.
View
4 _site/2008/07/02/substrate.html
@@ -23,8 +23,8 @@
<!-- main content -->
<div id="content" class="narrowcolumn">
<div id="post">
- <h3 class='entry-title'>Substrate</h3>
- <span class='entry-meta'>July 2, 2008 | <a href="/tag/drawing/">drawing</a></span><br />
+ <h2 class='entry-title'>Substrate</h2>
+ <small>July 2, 2008 | <a href="/tag/drawing/">drawing</a></small><br />
<p><a href="/uploads/2008/07/drawing-substrate.png"><img class="aligncenter size-full wp-image-32" title="drawing-substrate" src="/uploads/2008/07/drawing-substrate.png" alt="" width="400" height="400" /></a>
View
4 _site/2008/07/02/text-spirograph.html
@@ -23,8 +23,8 @@
<!-- main content -->
<div id="content" class="narrowcolumn">
<div id="post">
- <h3 class='entry-title'>Text Spirograph</h3>
- <span class='entry-meta'>July 2, 2008 | <a href="/tag/text/">text</a></span><br />
+ <h2 class='entry-title'>Text Spirograph</h2>
+ <small>July 2, 2008 | <a href="/tag/text/">text</a></small><br />
<p><a href="/uploads/2008/07/text-spirograph.png"><img class="aligncenter size-full wp-image-34" title="text-spirograph" src="/uploads/2008/07/text-spirograph.png" alt="" width="400" height="400" /></a>
View
4 _site/2011/04/27/standalone-library.html
@@ -23,8 +23,8 @@
<!-- main content -->
<div id="content" class="narrowcolumn">
<div id="post">
- <h3 class='entry-title'>Standalone Library</h3>
- <span class='entry-meta'>April 27, 2011 | <a href="/tag/news/">news</a></span><br />
+ <h2 class='entry-title'>Standalone Library</h2>
+ <small>April 27, 2011 | <a href="/tag/news/">news</a></small><br />
<p>A little history and an update: after <a href="http://www.infoether.com">Rich Kilmer</a> integrated my graphics library into Apple's MacRuby project as part of the "HotCocoa" library, the HotCocoa project was split out from MacRuby into its own gem at <a href="https://github.com/richkilmer/hotcocoa">github.com/richkilmer/hotcocoa</a>. Then, <a href="http://merbist.com">Matt Aimonetti</a> extracted the graphics library out of HotCocoa into its OWN standalone library, MacRuby Graphics. Here's my fork of that project, where future development efforts will be directed: <a href="https://github.com/drtoast/macruby_graphics">github.com/drtoast/macruby_graphics</a>
</p>
View
3 _site/css/wordpress.css
@@ -30,7 +30,7 @@ body {
#page {
background-color: white;
- border: 1px solid #959596;
+ border: none;
text-align: left;
}
@@ -218,7 +218,6 @@ body {
margin: 20px auto;
padding: 0;
width: 760px;
- border: 1px solid #959596;
}
#header {
View
62 _site/index.html
@@ -2,7 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-us">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
- <title>toast haiku</title>
+ <title>HotCocoa::Graphics</title>
<meta name="author" content="James Reynolds" />
<!--<link rel="stylesheet" href="/css/screen.css" type="text/css" media="screen, projection" />-->
<link rel="stylesheet" href="/css/wordpress.css" type="text/css" media="screen, projection" />
@@ -24,15 +24,15 @@
<div id="content" class="narrowcolumn">
<div class='post'>
- <h3 class='entry-title'><a href="/2011/04/27/standalone-library">Standalone Library</a></h3>
- <span class='entry-meta'>April 27, 2011 | <a href="/tag/news/">news</a></span>
+ <h2 class='entry-title'><a href="/2011/04/27/standalone-library">Standalone Library</a></h2>
+ <small>April 27, 2011 | <a href="/tag/news/">news</a></small>
<p>A little history and an update: after <a href="http://www.infoether.com">Rich Kilmer</a> integrated my graphics library into Apple's MacRuby project as part of the "HotCocoa" library, the HotCocoa project was split out from MacRuby into its own gem at <a href="https://github.com/richkilmer/hotcocoa">github.com/richkilmer/hotcocoa</a>. Then, <a href="http://merbist.com">Matt Aimonetti</a> extracted the graphics library out of HotCocoa into its OWN standalone library, MacRuby Graphics. Here's my fork of that project, where future development efforts will be directed: <a href="https://github.com/drtoast/macruby_graphics">github.com/drtoast/macruby_graphics</a>
</p>
</div>
<div class='post'>
- <h3 class='entry-title'><a href="/2008/07/02/particlesflowers">Particles/Flowers</a></h3>
- <span class='entry-meta'>July 2, 2008 | <a href="/tag/drawing/">drawing</a></span>
+ <h2 class='entry-title'><a href="/2008/07/02/particlesflowers">Particles/Flowers</a></h2>
+ <small>July 2, 2008 | <a href="/tag/drawing/">drawing</a></small>
<p><p style="text-align: center;"><a href="/uploads/2008/07/drawing-particles1.png"><img class="size-full wp-image-36 aligncenter" title="drawing-particles1" src="/uploads/2008/07/drawing-particles1.png" alt="" width="400" height="400" /></a></p>
This example uses a system of particles that travel upwards from the bottom of the canvas.  The paths taken by the particles are rendered as stems, and a "flower" is drawn at each endpoint.
@@ -109,8 +109,8 @@ <h3 class='entry-title'><a href="/2008/07/02/particlesflowers">Particles/Flowers
</div>
<div class='post'>
- <h3 class='entry-title'><a href="/2008/07/02/text-spirograph">Text Spirograph</a></h3>
- <span class='entry-meta'>July 2, 2008 | <a href="/tag/text/">text</a></span>
+ <h2 class='entry-title'><a href="/2008/07/02/text-spirograph">Text Spirograph</a></h2>
+ <small>July 2, 2008 | <a href="/tag/text/">text</a></small>
<p><a href="/uploads/2008/07/text-spirograph.png"><img class="aligncenter size-full wp-image-34" title="text-spirograph" src="/uploads/2008/07/text-spirograph.png" alt="" width="400" height="400" /></a>
Text can be positioned and scaled arbitrarily on the canvas, rendered using any font that is installed on your system.
@@ -148,8 +148,8 @@ <h3 class='entry-title'><a href="/2008/07/02/text-spirograph">Text Spirograph</a
</div>
<div class='post'>
- <h3 class='entry-title'><a href="/2008/07/02/iterating-paths">Iterating Paths</a></h3>
- <span class='entry-meta'>July 2, 2008 | <a href="/tag/drawing/">drawing</a></span>
+ <h2 class='entry-title'><a href="/2008/07/02/iterating-paths">Iterating Paths</a></h2>
+ <small>July 2, 2008 | <a href="/tag/drawing/">drawing</a></small>
<p><a href="/uploads/2008/07/paths-iterating.png"></a><a href="http://rcg.drtoast.com/wp-content/uploads/2008/06/paths-iterating.png"> </a>
<p style="text-align: center;"><img class="size-full wp-image-17" title="paths-iterating" src="/uploads/2008/07/paths-iterating.png" alt="" width="400" height="400" /></p>
By sending the "increment" method to a Path object, you can specify changes that will continue to add up or "drift" each time the path is drawn to the canvas.
@@ -193,8 +193,8 @@ <h3 class='entry-title'><a href="/2008/07/02/iterating-paths">Iterating Paths</a
</div>
<div class='post'>
- <h3 class='entry-title'><a href="/2008/07/02/randomizing-paths">Randomizing Paths</a></h3>
- <span class='entry-meta'>July 2, 2008 | <a href="/tag/drawing/">drawing</a></span>
+ <h2 class='entry-title'><a href="/2008/07/02/randomizing-paths">Randomizing Paths</a></h2>
+ <small>July 2, 2008 | <a href="/tag/drawing/">drawing</a></small>
<p><p style="text-align: center;"><a href="/uploads/2008/06/paths-randomizing1.png"><img class="size-full wp-image-9" title="paths-randomizing1" src="/uploads/2008/06/paths-randomizing1.png" alt="" width="400" height="400" /></a></p>
By applying the "randomize" method to a Path object, you can specify attributes that should be randomized each time the object is drawn to the canvas.
@@ -241,8 +241,8 @@ <h3 class='entry-title'><a href="/2008/07/02/randomizing-paths">Randomizing Path
</div>
<div class='post'>
- <h3 class='entry-title'><a href="/2008/07/02/substrate">Substrate</a></h3>
- <span class='entry-meta'>July 2, 2008 | <a href="/tag/drawing/">drawing</a></span>
+ <h2 class='entry-title'><a href="/2008/07/02/substrate">Substrate</a></h2>
+ <small>July 2, 2008 | <a href="/tag/drawing/">drawing</a></small>
<p><a href="/uploads/2008/07/drawing-substrate.png"><img class="aligncenter size-full wp-image-32" title="drawing-substrate" src="/uploads/2008/07/drawing-substrate.png" alt="" width="400" height="400" /></a>
This example is based on "Substrate" by Jared Tarbell (<a href="http://complexification.net" target="_blank">complexification.net</a>). Some modifications were made to the color rendering algorithm.
@@ -457,8 +457,8 @@ <h3 class='entry-title'><a href="/2008/07/02/substrate">Substrate</a></h3>
</div>
<div class='post'>
- <h3 class='entry-title'><a href="/2008/07/02/drawing-hair">Drawing Hair</a></h3>
- <span class='entry-meta'>July 2, 2008 | <a href="/tag/drawing/">drawing</a></span>
+ <h2 class='entry-title'><a href="/2008/07/02/drawing-hair">Drawing Hair</a></h2>
+ <small>July 2, 2008 | <a href="/tag/drawing/">drawing</a></small>
<p><p style="text-align: center;"><a href="/uploads/2008/07/drawing-hair.png"><img class="size-full wp-image-30 aligncenter" title="drawing-hair" src="/uploads/2008/07/drawing-hair.png" alt="" width="400" height="400" /></a></p>
Applying the "hair" method to a Rope object will render organic flowing threads to the canvas.
<pre><span class="comment">#!/usr/local/bin/macruby</span>
@@ -505,8 +505,8 @@ <h3 class='entry-title'><a href="/2008/07/02/drawing-hair">Drawing Hair</a></h3>
</div>
<div class='post'>
- <h3 class='entry-title'><a href="/2008/07/02/drawing-ribbons">Drawing Ribbons</a></h3>
- <span class='entry-meta'>July 2, 2008 | <a href="/tag/drawing/">drawing</a></span>
+ <h2 class='entry-title'><a href="/2008/07/02/drawing-ribbons">Drawing Ribbons</a></h2>
+ <small>July 2, 2008 | <a href="/tag/drawing/">drawing</a></small>
<p><p style="text-align: center;"><a href="/uploads/2008/07/drawing-ribbons.png"><img class="size-full wp-image-28 aligncenter" title="drawing-ribbons" src="/uploads/2008/07/drawing-ribbons.png" alt="" width="400" height="400" /></a></p>
Applying the "ribbon" method to a Rope object will render smooth, flowing ribbons to the canvas.
<pre><span class="comment">#!/usr/local/bin/macruby</span>
@@ -553,8 +553,8 @@ <h3 class='entry-title'><a href="/2008/07/02/drawing-ribbons">Drawing Ribbons</a
</div>
<div class='post'>
- <h3 class='entry-title'><a href="/2008/07/02/image-moving-and-scaling">Image Moving and Scaling</a></h3>
- <span class='entry-meta'>July 2, 2008 | <a href="/tag/images/">images</a></span>
+ <h2 class='entry-title'><a href="/2008/07/02/image-moving-and-scaling">Image Moving and Scaling</a></h2>
+ <small>July 2, 2008 | <a href="/tag/images/">images</a></small>
<p><a href="/uploads/2008/07/image-moving.png"><img class="aligncenter size-full wp-image-26" title="image-moving" src="/uploads/2008/07/image-moving.png" alt="" width="400" height="400" /></a>
Various scaling and moving operations are available for images. You can scale an image proportionally by a percentage, scale it to fit proportionally within a bounding box, or scale width and height to fit exactly within a bounding box.
@@ -623,8 +623,8 @@ <h3 class='entry-title'><a href="/2008/07/02/image-moving-and-scaling">Image Mov
</div>
<div class='post'>
- <h3 class='entry-title'><a href="/2008/07/02/image-effects">Image Effects</a></h3>
- <span class='entry-meta'>July 2, 2008 | <a href="/tag/images/">images</a></span>
+ <h2 class='entry-title'><a href="/2008/07/02/image-effects">Image Effects</a></h2>
+ <small>July 2, 2008 | <a href="/tag/images/">images</a></small>
<p><a href="/uploads/2008/07/image-effects.png"><img class="aligncenter size-full wp-image-24" title="image-effects" src="/uploads/2008/07/image-effects.png" alt="" width="400" height="400" /></a>
You can apply various Photoshop-style filters to images, then render them to the canvas.
@@ -752,8 +752,8 @@ <h3 class='entry-title'><a href="/2008/07/02/image-effects">Image Effects</a></h
</div>
<div class='post'>
- <h3 class='entry-title'><a href="/2008/07/02/image-color-adjustments">Image Color Adjustments</a></h3>
- <span class='entry-meta'>July 2, 2008 | <a href="/tag/color/">color</a>, <a href="/tag/images/">images</a></span>
+ <h2 class='entry-title'><a href="/2008/07/02/image-color-adjustments">Image Color Adjustments</a></h2>
+ <small>July 2, 2008 | <a href="/tag/color/">color</a>, <a href="/tag/images/">images</a></small>
<p><a style="text-decoration: none;" href="/uploads/2008/07/image-colors.png"><span style="color: #000000;">
</span><img class="aligncenter size-full wp-image-21" style="text-decoration: underline;" title="image-colors" src="/uploads/2008/07/image-colors.png" alt="" width="400" height="400" /></a>
@@ -868,8 +868,8 @@ <h3 class='entry-title'><a href="/2008/07/02/image-color-adjustments">Image Colo
</div>
<div class='post'>
- <h3 class='entry-title'><a href="/2008/07/02/image-blend-modes">Image Blend Modes</a></h3>
- <span class='entry-meta'>July 2, 2008 | <a href="/tag/images/">images</a></span>
+ <h2 class='entry-title'><a href="/2008/07/02/image-blend-modes">Image Blend Modes</a></h2>
+ <small>July 2, 2008 | <a href="/tag/images/">images</a></small>
<p><a href="/uploads/2008/07/image-blendmodes.png"><img class="aligncenter size-full wp-image-20" title="image-blendmodes" src="/uploads/2008/07/image-blendmodes.png" alt="" width="400" height="730" /></a>
You can use various Photoshop-style blend modes to composite two or more images by applying the "blend" method to an Image object.
@@ -916,8 +916,8 @@ <h3 class='entry-title'><a href="/2008/07/02/image-blend-modes">Image Blend Mode
</div>
<div class='post'>
- <h3 class='entry-title'><a href="/2008/06/30/gradients">Gradients</a></h3>
- <span class='entry-meta'>June 30, 2008 | <a href="/tag/color/">color</a></span>
+ <h2 class='entry-title'><a href="/2008/06/30/gradients">Gradients</a></h2>
+ <small>June 30, 2008 | <a href="/tag/color/">color</a></small>
<p><p style="text-align: center;"><a href="/uploads/2008/06/color-gradients.png"><img class="size-full wp-image-13" title="color-gradients" src="/uploads/2008/06/color-gradients.png" alt="" width="400" height="400" /></a></p>
Radial or linear gradients may be drawn by first specifying their main constituent colors, then applying to the canvas with a start and endpoint. (warning: crashes in MacRuby 0.4)
<pre><span class="comment">#!/usr/local/bin/macruby</span>
@@ -956,8 +956,8 @@ <h3 class='entry-title'><a href="/2008/06/30/gradients">Gradients</a></h3>
</div>
<div class='post'>
- <h3 class='entry-title'><a href="/2008/06/30/color-parsing">Color Parsing</a></h3>
- <span class='entry-meta'>June 30, 2008 | <a href="/tag/color/">color</a>, <a href="/tag/images/">images</a></span>
+ <h2 class='entry-title'><a href="/2008/06/30/color-parsing">Color Parsing</a></h2>
+ <small>June 30, 2008 | <a href="/tag/color/">color</a>, <a href="/tag/images/">images</a></small>
<p><p style="text-align: center;"><img class="size-full wp-image-16" title="color-parsing" src="/uploads/2008/07/color-parsing.png" alt="" width="400" height="400" /></p>
<p style="text-align: left;">You can load an image, grab an array of colors from it, and then apply those colors to other objects on the canvas.</p>
@@ -995,8 +995,8 @@ <h3 class='entry-title'><a href="/2008/06/30/color-parsing">Color Parsing</a></h
</div>
<div class='post'>
- <h3 class='entry-title'><a href="/2008/06/29/color-rules">Color Rules</a></h3>
- <span class='entry-meta'>June 29, 2008 | <a href="/tag/color/">color</a></span>
+ <h2 class='entry-title'><a href="/2008/06/29/color-rules">Color Rules</a></h2>
+ <small>June 29, 2008 | <a href="/tag/color/">color</a></small>
<p><p style="text-align: center;"><span style="color: #0000ee; text-decoration: underline;"><a href="/uploads/2008/06/color-rules.png"></a><a href="/uploads/2008/07/color-harmony.png"><img class="aligncenter size-full wp-image-18" title="color-harmony" src="/uploads/2008/07/color-harmony.png" alt="" width="400" height="400" /></a>
</span></p>
<p style="text-align: left;">Various sets of colors can be generated from a single starting color by using the various classical color harmony schemes.  For more information, see <a href="http://en.wikipedia.org/wiki/Color_theory" target="_blank">Color Theory</a> on Wikipedia.</p>
View
3 css/wordpress.css
@@ -30,7 +30,7 @@ body {
#page {
background-color: white;
- border: 1px solid #959596;
+ border: none;
text-align: left;
}
@@ -218,7 +218,6 @@ body {
margin: 20px auto;
padding: 0;
width: 760px;
- border: 1px solid #959596;
}
#header {
View
6 index.html
@@ -1,12 +1,12 @@
---
layout: default
-title: toast haiku
+title: HotCocoa::Graphics
---
{% for post in paginator.posts %}
<div class='post'>
- <h3 class='entry-title'><a href="{{ post.url }}">{{ post.title }}</a></h3>
- <span class='entry-meta'>{{ post.date | date: "%B %-d, %Y" }} | {{ post.tags | category_links }}</span>
+ <h2 class='entry-title'><a href="{{ post.url }}">{{ post.title }}</a></h2>
+ <small>{{ post.date | date: "%B %-d, %Y" }} | {{ post.tags | category_links }}</small>
<p>{{ post.content }}</p>
</div>
{% endfor %}

0 comments on commit 6790923

Please sign in to comment.
Something went wrong with that request. Please try again.