Permalink
Browse files

Cosmetics

  • Loading branch information...
1 parent 7a0e8c4 commit 7762c29c384c9b54a2560829f2a9f943a19afd76 @ttencate committed May 25, 2012
Showing with 35 additions and 14 deletions.
  1. +25 −12 public/style.css
  2. +10 −2 views/index.liquid
View
@@ -1,7 +1,5 @@
-@import url(http://fonts.googleapis.com/css?family=Droid+Serif);
-
body {
- font-family: "Droid Serif", serif;
+ font-family: sans-serif;
font-size: 16px;
background-color: #eeeeef;
padding: 0;
@@ -10,23 +8,31 @@ body {
}
h1 {
+ position: relative;
+ left: -32px;
font-size: 32px;
- letter-spacing: 2px;
+ letter-spacing: 1px;
color: #444455;
- text-shadow: 0 0 6px #888;
margin: 0 0 32px;
- padding: 0;
+ padding: 0 0 0 32px;
+ background-image: url(favicon.ico);
+ background-repeat: no-repeat;
+ background-position: center left;
}
p {
- margin: 0;
+ margin: 8px 0;
padding: 0;
+ color: #66666f;
+}
+
+tt {
+ background-color: #f8f8ff;
+ padding: 0 4px;
+ border-radius: 4px;
}
.results {
- border-top: 1px solid #ccd;
- margin: 8px 0;
- padding: 8px 0 0;
text-align: right
}
@@ -87,7 +93,14 @@ li {
font-size: 70%;
color: #889;
text-align: center;
- border-top: 1px solid #ccd;
margin: 32px 0 0;
- padding: 32px 0 0;
+ padding: 0;
+}
+
+a {
+ color: inherit;
+}
+
+a:hover {
+ color: #000;
}
View
@@ -9,7 +9,7 @@
<body>
<h1>Crossword Finder</h1>
<form>
- <p>Enter the letters you know, using a period (<tt>.</tt>) to indicate unknown letters (blanks). For example: &ldquo;<tt>a..w.r</tt>&rdquo;.</p>
+ <p>Enter the letters you know, using a period (<tt>.</tt>) to indicate unknown letters (blanks). For example: <tt>a..w.r</tt>.</p>
<fieldset>
<input id="q" type="text" name="q" value="{{ q }}" autofocus></input>
<select name="l">
@@ -23,7 +23,15 @@
</fieldset>
{% if results %}
<p class="results">
- Found <strong>{{ results | size }}</strong> results
+ {% case results.length %}
+ {% when 0 %}
+ Found <strong>no</strong> results
+ {% when 1 %}
+ Found <strong>1</strong> result
+ {% else %}
+ Found <strong>{{ results | size }}</strong> results
+ {% endcase %}
+ for <tt>{{ q }}</tt> ({{ q | size }} letters)
</p>
<ul>
{% for result in results %}

0 comments on commit 7762c29

Please sign in to comment.