Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Added gradients.

  • Loading branch information...
commit 00c23ff9f58962fe582fe510b26c29292e641806 1 parent 91e77b4
@jamessanders jamessanders authored
View
BIN  resources/path4774.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  static/media/css/DroidSans.ttf
Binary file not shown
View
115 static/media/css/main.css
@@ -1,4 +1,12 @@
@font-face {
+ font-family: "Droid Sans";
+ src: url("DroidSans.ttf") format("truetype");
+}
+@font-face {
+ font-family: "Droid Serif";
+ src: url("DroidSerif-Regular.ttf") format("truetype");
+}
+@font-face {
font-family: "PT Sans";
src: url("PT_Sans.ttf") format("truetype");
}
@@ -14,7 +22,7 @@
------------------------------------------------------------------------*/
body,html{
font-size: 13pt;
- font-family: "Georgia", "Arial", "Helvetica", sans-serif;
+ font-family: "Droid Sans", "Georgia", "Arial", "Helvetica", sans-serif;
line-height: 1.7em;
color:#0c1a30;
/*background:#fff url(holy-light.png) scroll repeat-x top left;*/
@@ -68,6 +76,9 @@ li:before {
content: "» ";
}
+img {
+ border:0;
+}
/*--------------------------------------------------------------------------
* styling for css classes
@@ -134,43 +145,50 @@ li:before {
/*--------------------------------------------------------------------------
* styling for divs with ids
------------------------------------------------------------------------*/
-#content {
+.content {
width: 960px;
margin: 0 auto;
+ overflow:hidden;
+ position: relative;
}
#main{
margin: 0;
padding: 0;
width:100%;
+ background: url("holy-light.png") repeat-x scroll left -30px #FFFFFF;
}
#splash{
width: 100%;
- width: 720px;
- margin: 32px auto 16px auto;
-/* background: url(sun-spots.png) scroll no-repeat center;*/
-}
-
-#splash .logo {
- text-align: center;
- font-size: 16pt;
- width: 350px;
- margin-right: 20px;
- float: left;
-}
-
-#splash .blurb {
- margin-top: 38px;
- width: 350px;
- font-size: 20pt;
- float: left;
+ overflow:hidden;
+ background:#2e5d9c;
+ padding: 0;
+ background: url(splash-back.png) scroll repeat-x top left;
+ position:relative;
+ }
+#splash .logo img {
+ width: 800px;
+ margin: 0 auto;
+ display: block;
}
+#splash .blurb{
+ position:absolute;
+ top: 35%;
+ right: 75px;
+ font-size: 1.7em;
+ width: 50%;
+ line-height: 1.2em;
+ font-family: "PT Sans";
+ font-style: italic;
+ letter-spacing: 0.01em;
+ text-shadow: 1px 1px #DAE6F5;
+ color: #1f4986;
+ }
#triptych {
- /*background: #2C558A;*/
- background: #C4E7FF;
+ background: #f1f1f1;
/*background: #D6EFFF;*/
color: #000;
width: 100%;
@@ -246,17 +264,45 @@ li:before {
}
-#nav {
+
+
+#heading{
width: 100%;
- background: #231C69;
+ background: #132742 url(nav-back.png) scroll repeat-x bottom left;
color: #C4E7FF;
padding: 3px 0;
+ padding-left:0em;
+ padding-top:45px;
+ margin:0;
+ overflow:hidden;
+ border-bottom: 10px #2e5d9c solid;
+}
+#heading .inner{
+ width: 960px;
+ margin:0 auto;
+ overflow:hidden;
+ line-height: 1em;
+ padding-bottom:5px;
+}
+#heading h1{
+ margin:0;
+ padding:0;
+ float:left;
+ margin: 0 auto;
+ line-height:0.1em;
}
-#nav .heading {
- float: left;
- margin: 0 0 0 1em;
- font-family: "Gill Sans", "PT Sans", "Arial", sans-serif;
+#nav{
+
+ /* background:#513c1e;*/
+
+ overflow:hidden;
+ color: #C4E7FF;
+ padding:2px;
+ padding-left:0;
+ padding-right:0;
+ padding-bottom: 4px;
+ float:right;
}
#nav .heading span {
@@ -264,8 +310,7 @@ li:before {
}
#nav .navlist {
- float: right;
- margin: 0 1em 0 0;
+float:left;
}
#nav a:link, #nav a:visited {
@@ -280,11 +325,19 @@ li:before {
padding: 0;
margin: 0;
display: inline;
+
}
#nav li {
list-style-type: none;
- display: inline;
+ float:left;
+ letter-spacing: -0.01em;
+ margin:0 20px;
+ font-family: "Droid Sans";
+ text-shadow: 1px 1px #142845;
}
+#nav li:before {
+ content: "";
+}
View
BIN  static/media/css/menu-arrow.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  static/media/css/nav-back.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  static/media/css/splash-back.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  static/media/img/Untitled.xcf
Binary file not shown
View
BIN  static/media/img/head-logo.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  static/media/img/nav-back.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  static/media/img/splash-2.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  static/media/img/splash-img.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
44 templates/index.tpl
@@ -1,4 +1,7 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+ "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+
<head>
<title>Snap: Haskell Web Framework</title>
<meta name="author" content="The Snap Framework Team"/>
@@ -7,48 +10,31 @@
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8"/>
<meta http-equiv="content-style-type" content="text/css"/>
</head>
+
<body>
+
<div id="main">
+
<apply template="nav"/>
<div id="splash">
- <div class="logo">
- <img src="/media/img/logo-alt.png" title="Snap Framework" /><br/>
- </div>
-
- <div class="blurb">
- <em>a super-fast web framework for the
- <a href="http://www.haskell.org">Haskell</a> programming language.</em>
+ <div class="content">
+ <img src="/media/img/splash-img.png" title="Snap Framework" />
+ <div class="blurb">
+ a super-fast web framework for the
+ <a href="http://www.haskell.org"><strong>Haskell</strong></a>
+ programming language.
+ </div>
</div>
-
- <div class="clear"></div>
</div>
<div id="triptych">
<div class="triptych-content">
- <div class="panel">
- <a href="/download">
- <img src="/media/img/snap-dialog-logo.png" /><br/>
- Easy to get started: no-hassle installation
- </a>
- </div>
- <div class="panel">
- <a href="/FIXME">
- <img src="/media/img/placeholder.png"/><br/>
- Ships with a super-fast HTTP server
- </a>
- </div>
- <div class="panel">
- <a href="/FIXME">
- <img src="/media/img/placeholder.png"/><br/>
- Well-documented and tested
- </a>
- </div>
- <div class="clear"></div>
+ <img src="/media/img/splash-2.png" />
</div>
</div>
- <div id="content">
+ <div class="content">
<div class="newspaper">
<div id="about" class="section left">
<div class="inner">
View
56 templates/nav.tpl
@@ -1,25 +1,33 @@
-<div id="nav" class="nav">
- <div class="heading">
- <span>SNAP</span>FRAMEWORK
+<div id="heading">
+
+ <div class="inner">
+
+ <h1>
+ <a href="/" ><img src="/media/img/head-logo.png" title="Snap Framwork" /></a>
+ </h1>
+
+
+ <div id="nav" class="nav">
+ <div class="navlist">
+ <ul class="nav">
+ <li>
+ <a href="/">Home</a>
+ </li>
+ <li>
+ <a href="/download">Download</a>
+ </li>
+ <li>
+ <a href="/docs">Docs</a>
+ </li>
+ <li>
+ <a href="/contribute">Contribute</a>
+ </li>
+ <li>
+ <a href="/about">About</a>
+ </li>
+ </ul>
+ </div>
+ </div>
+
</div>
- <div class="navlist">
- <ul class="nav">
- <li>
- <a href="/">Home</a>
- </li>
- <li>
- <a href="/download">Download</a>
- </li>
- <li>
- <a href="/docs">Docs</a>
- </li>
- <li>
- <a href="/contribute">Contribute</a>
- </li>
- <li>
- <a href="/about">About</a>
- </li>
- </ul>
- </div>
- <div class="clear"></div>
-</div>
+</div>
Please sign in to comment.
Something went wrong with that request. Please try again.