From 253249bbf637d9d4f57272fb1f2b7795d2a627b8 Mon Sep 17 00:00:00 2001
From: Mike Gerwitz <mikegerwitz@gnu.org>
Date: Sat, 15 Mar 2014 00:49:07 -0400
Subject: [PATCH] Homepage style change to draw attention

I don't think this will have much trouble doing so. It's a nice change,
right before the first GNU release; the release announcement will be hitting
a lot of people, so let's be inviting.
---
 index.html | 28 ++++++++++++++++------------
 style.css  | 44 ++++++++++++++++++++++++++++++++++++++++----
 2 files changed, 56 insertions(+), 16 deletions(-)

diff --git a/index.html b/index.html
index 11b82a0..2cc9703 100644
--- a/index.html
+++ b/index.html
@@ -1,16 +1,19 @@
-<p>
-  <span class="bigemph">GNU ease.js is a Classical Object-Oriented framework for
-  JavaScript,</span> intended to eliminate boilerplate code and
-  &ldquo;ease&rdquo; the transition into JavaScript from other Object-Oriented
-  languages. Features include:
-</p>
 
-<a href="download.html" class="download btn large go">
-  <div class="inner">
-    Download <!--%curver-->
-    <div class="note">Released: <!--%curver-date--></div>
-  </div>
-</a>
+<div class="headline">
+  <h3>Classical Object-Oriented<br />JavaScript Framework</h3>
+
+  <a href="download.html" class="download btn large go">
+    <div class="inner">
+      Download <!--%curver-->
+      <div class="note">Released: <!--%curver-date--></div>
+    </div>
+  </a>
+
+<p>
+  GNU ease.js is a Classical Object-Oriented framework for JavaScript, intended
+  to eliminate boilerplate code and &ldquo;ease&rdquo; the transition into
+  JavaScript from other Object-Oriented languages. Features include:
+</p>
 
 <ul class="features">
   <li><a href="#class-dfn">Simple and intuitive class definitions</a></li>
@@ -25,6 +28,7 @@
   <li><a href="#static">Static and constant members</a></li>
   <li>Traits as mixins (under development)</li>
 </ul>
+</div>
 
 <p class="info">
   ease.js is a framework, not a compiler. It may be used wherever JavaScript may
diff --git a/style.css b/style.css
index 930b3e1..78cad16 100644
--- a/style.css
+++ b/style.css
@@ -295,9 +295,45 @@ span.shell-start {
 
 
 /** index **/
+.headline {
+  background-image:  url( 'images/dvsup.png' );
+  padding: 1em 2em;
+  margin: -0.5em -2em 0em -2em;
+
+  border-width: 0px 2px 2px 2px;
+  border-color: #2e3436;
+  border-style: solid;
+
+  border-radius: 0em 0em 1em 1em;
+  color:       #d3d7cf;
+
+  font-variant: small-caps;
+}
+.headline ul a {
+  color: #488acf;
+}
+
+.headline h3 {
+  display: inline-block;
+  width:   400px;
+
+  text-align: center;
+  font-size:  2em;
+  font-weight: normal;
+  line-height: 1.5em;
+  color:       #f57900;
+  text-shadow: #f57900 1px 0px;  /* very slight bold effect */
+
+  margin: 0.5em 0em;
+}
+
 .btn.download {
   float: right;
-  margin-top: 0.6em;
+  margin-top: 0.65em;
+  margin-right: 1em;
+
+  text-shadow: #4e9a06 1px 1px,
+               #4e9a06 -1px -1px;
 }
 
 .btn.download .note {
@@ -308,7 +344,6 @@ span.shell-start {
   font-style: italic;
 }
 
-
 .btn.download .inner:before {
   position: relative;
   top:      0.25em;
@@ -406,8 +441,9 @@ pre.js, div.float {
 #menu ul #whyfreejs {
   position: absolute;
 
-  text-align:  right;
-  line-height: 1.25em;
+  text-align:   right;
+  line-height:  1.25em;
+  font-variant: small-caps;
 
   right:  0em;
   width:  8em;