More puns

_posts/14-08-23-brides.md

@@ -0,0 +1,6 @@
+---
+layout: pun
+color: "#fff"
+background: "hsl(103, 75%, 50%)"
+---
+Brides have a new name and ***a dress***.

_posts/14-08-23-when-time-is-hungry.md

@@ -1,7 +1,6 @@
 ---
 layout: pun
 color: "#fff"
-background: "hsl(287, 50%, 50%)"
-id: 1
+background: "hsl(287, 75%, 50%)"
 ---
-When time is hungry, it goes back four seconds.
+When time is hungry, it goes back ***four*** seconds.

_posts/14-08-24-broken-pen.md

@@ -0,0 +1,6 @@
+---
+layout: pun
+color: "#fff"
+background: "hsl(201, 75%, 50%)"
+---
+A broken pen is ***pointless***.

_posts/14-08-24-herb-dish.md

@@ -0,0 +1,6 @@
+---
+layout: pun
+color: "#fff"
+background: "hsl(320, 75%, 50%)"
+---
+I was going to make a herb dish, but I coulden't find the ***thyme***.

_posts/14-08-25-alloy.md

@@ -0,0 +1,6 @@
+---
+layout: pun
+color: "#fff"
+background: "hsl(239, 75%, 50%)"
+---
+Taking an alloy without permission is called ***steeling***.

_posts/14-08-25-brides.md

@@ -1,7 +0,0 @@
----
-layout: pun
-color: "#fff"
-background: "hsl(103, 50%, 50%)"
-id: 4
----
-Brides have a new name and *a dress*.

_posts/14-08-25-broken-pen.md

@@ -1,7 +0,0 @@
----
-layout: pun
-color: "#fff"
-background: "hsl(12, 50%, 50%)"
-id: 4
----
-A broken pen is pointless.

_posts/14-08-25-herb-dish.md

@@ -1,7 +0,0 @@
----
-layout: pun
-color: "#fff"
-background: "hsl(340, 50%, 50%)"
-id: 3
----
-I was going to make a herb dish, but I coulden't find the thyme.

_posts/14-08-25-midget-of-electricity.md

@@ -1,8 +1,7 @@
 ---
 layout: pun
 color: "#fff"
-background: "hsl(102, 50%, 50%)"
-id: 2
+background: "hsl(102, 75%, 50%)"
 ---
 Q: What's the midget of electricity?
 

_posts/14-08-26-car-crash.md

@@ -0,0 +1,6 @@
+---
+layout: pun
+color: "#fff"
+background: "hsl(87, 75%, 50%)"
+---
+You know the guy who lost his limbs in a car crash? He had to pay an arm and a leg for surgery.

_posts/14-08-26-italian-chef.md

@@ -0,0 +1,6 @@
+---
+layout: pun
+color: "#fff"
+background: "hsl(159, 75%, 50%)"
+---
+An italian chef died. I guess he ***pastaway***.

_posts/14-08-27-paper-sword.md

@@ -0,0 +1,6 @@
+---
+layout: pun
+color: "#fff"
+background: "hsl(63, 75%, 50%)"
+---
+What do you call a paper sword? A ***mache-te***.

_posts/14-08-27-sponge.md

@@ -0,0 +1,6 @@
+---
+layout: pun
+color: "#000"
+background: "hsl(58, 100%, 50%)"
+---
+The original blueprint for the sponge had ***holes*** in it.

_posts/14-08-28-sword.md

@@ -0,0 +1,6 @@
+---
+layout: pun
+color: "#fff"
+background: "hsl(150, 75%, 50%)"
+---
+Using a shortsword instead of a broadsword is a ***shortcut***.

_posts/14-08-28-time-is-indecisive.md

@@ -0,0 +1,7 @@
+---
+layout: pun
+color: "#fff"
+background: "hsl(302, 75%, 50%)"
+---
+Time is so indecisive. It always has ***second thoughts***.
+

_posts/14-08-29-broom.md

@@ -0,0 +1,6 @@
+---
+layout: pun
+color: "#fff"
+background: "hsl(183, 75%, 50%)"
+---
+The broom was the invention that ***swept*** the nation.

all/index.html

@@ -0,0 +1,11 @@
+---
+layout: page
+title: .all
+---
+<ul class="punnylisting">
+	{% for post in site.posts %}
+	<li>
+		<a href="{{ post.url }}">{{ post.title }}</a>
+	</li>
+	{% endfor %}
+</ul>

styles/main.css

@@ -42,8 +42,8 @@ a:not(.btn) {
 	text-decoration: inherit;
 	box-shadow: 0 10px 0 -8px #444;/*
 	box-shadow: 0 12px 0 -10px #444;*/
-	text-shadow:
-		1px 0 #fff, 0 1px #fff, -1px 0 #fff, 0 -1px #fff;/*,
+	/*text-shadow:
+		1px 0 #fff, 0 1px #fff, -1px 0 #fff, 0 -1px #fff;*//*,
 		1px 1px #fff, -1px 1px #fff, -1px 1px #fff, -1px -1px #fff*/
 	-webkit-transition: 0.5s box-shadow;
 }
@@ -75,6 +75,9 @@ a:hover, a:focus {
   box-shadow: 0 0 0 0 #444 inset;
   color: #444;
 }
+.noclick {
+	pointer-events: none;
+}
 
 .share {
 	padding: 20px;
@@ -86,6 +89,7 @@ a:hover, a:focus {
 }
 .share .btn {
 	font-size: 1.2em;
+	line-height: 1em;
 	font-family: "Shadows Into Light Two", sans-serif;
 }
 .btn * {
@@ -121,6 +125,12 @@ a:hover, a:focus {
 .next {
 	float: right;
 }
+.btn.next, .btn.previous {
+	opacity: 0;
+}
+.opaque, .btn.opaque {
+	opacity: 1;
+}
 
 .puncontent {
 	font-size: 2.5em;
@@ -332,6 +342,15 @@ th {
 	font-weight: 400;
 }
 
+.punnylisting {
+	text-align: center;
+	list-style: decimal;
+	padding: 0;
+	font-size: 1.2em;
+}
+.punnylisting li {
+	padding: 0.4em 0;
+}
 
 
 
@@ -379,4 +398,4 @@ footer {
 	.hidewhensmall {
 		display: none;
 	}
-}
+}