1
0
Fork 0

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.
website
Mike Gerwitz 2014-03-15 00:49:07 -04:00
parent f091922861
commit 253249bbf6
No known key found for this signature in database
GPG Key ID: F22BB8158EE30EAB
2 changed files with 56 additions and 16 deletions

View File

@ -1,9 +1,6 @@
<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>
<div class="headline">
<h3>Classical Object-Oriented<br />JavaScript Framework</h3>
<a href="download.html" class="download btn large go">
<div class="inner">
@ -12,6 +9,12 @@
</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>
<li><a href="#inheritance">Classical inheritance</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

View File

@ -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;
@ -408,6 +443,7 @@ pre.js, div.float {
text-align: right;
line-height: 1.25em;
font-variant: small-caps;
right: 0em;
width: 8em;