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
parent
f091922861
commit
253249bbf6
20
index.html
20
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
|
||||
“ease” the transition into JavaScript from other Object-Oriented
|
||||
languages. Features include:
|
||||
</p>
|
||||
|
||||
<a href="download.html" class="download btn large go">
|
||||
<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>
|
||||
</a>
|
||||
|
||||
<p>
|
||||
GNU ease.js is a Classical Object-Oriented framework for JavaScript, intended
|
||||
to eliminate boilerplate code and “ease” 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
|
||||
|
|
40
style.css
40
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;
|
||||
|
@ -408,6 +443,7 @@ pre.js, div.float {
|
|||
|
||||
text-align: right;
|
||||
line-height: 1.25em;
|
||||
font-variant: small-caps;
|
||||
|
||||
right: 0em;
|
||||
width: 8em;
|
||||
|
|
Loading…
Reference in New Issue