From 64bea6af6e419537167de11da38b0e07dc9f2888 Mon Sep 17 00:00:00 2001
From: Haacked <haacked@gmail.com>
Date: Mon, 26 Nov 2012 09:34:26 -0800
Subject: [PATCH] Make situation images link to license

---
 css/application.css |  9 +++++++--
 index.html          | 12 ++++++------
 2 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/css/application.css b/css/application.css
index b33496c..43d9d9b 100644
--- a/css/application.css
+++ b/css/application.css
@@ -184,14 +184,19 @@ ul#situations li.reciprocity {
   margin-top: 3px;
 }
 ul#situations li h3 {
+  margin: 0 auto 20px auto;
+  width: 200px;
+}
+
+ul#situations li h3 a {
+  text-decoration: none;
   color: #443a33;
   font-family: 'Chivo', 'Helvetica Neue', Helvetica, Arial, serif;
   font-size: 22px;
   font-weight: 900;
   line-height: 1.1;
-  margin: 0 auto 20px auto;
-  width: 200px;
 }
+
 ul#situations li a.button {
   margin-top: 20px;
 }
diff --git a/index.html b/index.html
index ab1c352..7877e65 100644
--- a/index.html
+++ b/index.html
@@ -23,8 +23,8 @@
   </h2>
   <ul id='situations'>
     <li class='whatever'>
-      <img height='57' src='/images/three-arrows@2x.png' width='72' />
-      <h3>Do what you like with my code.</h3>
+      <a href="license.html"><img height='57' src='/images/three-arrows@2x.png' width='72' /></a>
+      <h3><a href="license.html">Do what you like with my code.</a></h3>
       <p>
         The <a href="license.html">MIT License</a> is a permissive license that is short and to the point. It lets people do anything with your code with proper attribution and without warranty.
       </p>
@@ -36,8 +36,8 @@
       </p>
     </li>
     <li class='patents'>
-      <img height='72' src='/images/lightbulb@2x.png' width='43' />
-      <h3>I'm concerned about patents.</h3>
+      <a href="license.html"><img height='72' src='/images/lightbulb@2x.png' width='43' /></a>
+      <h3><a href="license.html">I'm concerned about patents.</a></h3>
       <p>
         The <a href="license.html">Apache License</a> is a permissive license similar to the MIT License, but it provides a patent license for any code that infringes on a contributor’s patents.
       </p>
@@ -49,8 +49,8 @@
       </p>
     </li>
     <li class='reciprocity'>
-      <img height='69' src='/images/circular@2x.png' width='72' />
-      <h3>I care about reciprocity.</h3>
+      <a href="license.html"><img height='69' src='/images/circular@2x.png' width='72' /></a>
+      <h3><a href="license.html">I care about reciprocity.</a></h3>
       <p>
         The GPL (<a href="license.html">V2</a> or <a href="license.html">V3</a>) requires that folks who modify your code also license their changes under the GPL. V3 is similar to V2, but adds a restriction restricting use in hardware that forbids software alterations.
       </p>