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
28
index.html
28
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">
|
||||||
<div class="inner">
|
<h3>Classical Object-Oriented<br />JavaScript Framework</h3>
|
||||||
Download <!--%curver-->
|
|
||||||
<div class="note">Released: <!--%curver-date--></div>
|
<a href="download.html" class="download btn large go">
|
||||||
</div>
|
<div class="inner">
|
||||||
</a>
|
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 “ease” the transition into
|
||||||
|
JavaScript from other Object-Oriented languages. Features include:
|
||||||
|
</p>
|
||||||
|
|
||||||
<ul class="features">
|
<ul class="features">
|
||||||
<li><a href="#class-dfn">Simple and intuitive class definitions</a></li>
|
<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><a href="#static">Static and constant members</a></li>
|
||||||
<li>Traits as mixins (under development)</li>
|
<li>Traits as mixins (under development)</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
<p class="info">
|
<p class="info">
|
||||||
ease.js is a framework, not a compiler. It may be used wherever JavaScript may
|
ease.js is a framework, not a compiler. It may be used wherever JavaScript may
|
||||||
|
|
44
style.css
44
style.css
|
@ -295,9 +295,45 @@ span.shell-start {
|
||||||
|
|
||||||
|
|
||||||
/** index **/
|
/** 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 {
|
.btn.download {
|
||||||
float: right;
|
float: right;
|
||||||
margin-top: 0.6em;
|
margin-top: 0.65em;
|
||||||
|
margin-right: 1em;
|
||||||
|
|
||||||
|
text-shadow: #4e9a06 1px 1px,
|
||||||
|
#4e9a06 -1px -1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn.download .note {
|
.btn.download .note {
|
||||||
|
@ -308,7 +344,6 @@ span.shell-start {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.btn.download .inner:before {
|
.btn.download .inner:before {
|
||||||
position: relative;
|
position: relative;
|
||||||
top: 0.25em;
|
top: 0.25em;
|
||||||
|
@ -406,8 +441,9 @@ pre.js, div.float {
|
||||||
#menu ul #whyfreejs {
|
#menu ul #whyfreejs {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
||||||
text-align: right;
|
text-align: right;
|
||||||
line-height: 1.25em;
|
line-height: 1.25em;
|
||||||
|
font-variant: small-caps;
|
||||||
|
|
||||||
right: 0em;
|
right: 0em;
|
||||||
width: 8em;
|
width: 8em;
|
||||||
|
|
Loading…
Reference in New Issue