Use Bootstrap for the layout (#27)

This commit is contained in:
Olivier Ligot
2013-03-13 15:13:08 +01:00
parent 555214fb47
commit 0a9e59ba38
10 changed files with 180 additions and 91 deletions

52
community.html Normal file
View File

@@ -0,0 +1,52 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Eiffel Web Framework</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/main.css" rel="stylesheet">
<link href="css/bootstrap-responsive.min.css" rel="stylesheet">
</head>
<body>
<div class="container-narrow">
<div class="masthead">
<ul class="nav nav-pills pull-right">
<li><a href="index.html">Home</a></li>
<li><a href="getting-started.html">Getting Started</a></li>
<li class="active"><a href="community.html">Community</a></li>
</ul>
<h3 class="muted">Eiffel Web Framework</h3>
</div>
<hr>
<div class="row-fluid">
<div class="span4">
<h2>Development</h2>
<p>
Development takes place on <a href="https://github.com/EiffelWebFramework/EWF">Github</a>.
Come here for <a href="http://github.com/EiffelWebFramework/EWF/issues">issue tracking</a>, code reviews, and patches.
</p>
</div>
<div class="span4">
<h2>Mailing List</h2>
<p>
The <a href="http://groups.google.com/group/eiffel-web-framework">Google Group</a> is the preferred channel for EWF discussions so future users can learn from the archive. Support requests, suggestions, project announcements, and all other commentary related to EWF are welcome here.
</p>
</div>
<div class="span4">
<h2>Google+</h2>
<p>
We are also present on Google+ as a <a href="https://plus.google.com/u/0/110650349519032194479">user</a> and a
<a href="https://plus.google.com/communities/110457383244374256721">community</a>.
</p>
</div>
</div>
<hr>
<div class="footer">
<p>&copy; EiffelWebFramework 2013</p>
</div>
</div> <!-- /container -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>

9
css/bootstrap-responsive.min.css vendored Normal file

File diff suppressed because one or more lines are too long

9
css/bootstrap.min.css vendored Normal file

File diff suppressed because one or more lines are too long

25
css/main.css Normal file
View File

@@ -0,0 +1,25 @@
body {
padding-top: 20px;
padding-bottom: 20px;
}
.container-narrow {
margin: 0 auto;
max-width: 700px;
}
.container-narrow > hr {
margin: 30px 0;
}
.jumbotron {
margin: 60px 0;
text-align: center;
}
.jumbotron h1 {
font-size: 72px;
line-height: 1;
}
.jumbotron .btn {
font-size: 21px;
padding: 14px 24px;
}

38
getting-started.html Normal file
View File

@@ -0,0 +1,38 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Eiffel Web Framework</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/main.css" rel="stylesheet">
<link href="css/bootstrap-responsive.min.css" rel="stylesheet">
</head>
<body>
<div class="container-narrow">
<div class="masthead">
<ul class="nav nav-pills pull-right">
<li><a href="index.html">Home</a></li>
<li class="active"><a href="getting-started.html">Getting Started</a></li>
<li><a href="community.html">Community</a></li>
</ul>
<h3 class="muted">Eiffel Web Framework</h3>
</div>
<hr>
<div class="row-fluid">
<div class="span12">
<h1>Getting Started</h1>
<p>
...
</p>
</div>
</div>
<hr>
<div class="footer">
<p>&copy; EiffelWebFramework 2013</p>
</div>
</div> <!-- /container -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

View File

@@ -1,92 +1,37 @@
<html><head>
<meta charset="utf-8">
<title>EiffelWebFramework/EWF @ GitHub</title>
<style type="text/css">
body {
margin-top: 1.0em;
background-color: #ffffff;
font-family: Helvetica, Arial, FreeSans, san-serif;
color: #000000;
}
#container {
margin: 0 auto;
width: 700px;
}
h1 { font-size: 3.8em; color: #000000; margin-bottom: 3px; }
h1 .small { font-size: 0.4em; }
h1 a { text-decoration: none }
h2 { font-size: 1.5em; color: #000000; }
h3 { text-align: center; color: #000000; }
a { color: #000000; }
.description { font-size: 1.2em; margin-bottom: 30px; margin-top: 30px; font-style: italic;}
.download { float: right; }
pre { background: #000; color: #fff; padding: 15px;}
hr { border: 0; width: 80%; border-bottom: 1px solid #aaa}
.footer { text-align:center; padding-top:30px; font-style: italic; }
div#announce {
float: right;
border: solid 2px #99c;
padding: 10px;
margin: 10px;
font-size: 120%;
}
</style>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Eiffel Web Framework</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/main.css" rel="stylesheet">
<link href="css/bootstrap-responsive.min.css" rel="stylesheet">
</head>
<body>
<a href="http://github.com/EiffelWebFramework/EWF"><img style="position: absolute; top: 0; right: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub" class="quimby_search_image"></a>
<div id="container">
<div class="download">
<a href="http://github.com/EiffelWebFramework/EWF/zipball/master">
<img border="0" width="90" src="http://github.com/images/modules/download/zip.png" class="quimby_search_image"></a>
<a href="http://github.com/EiffelWebFramework/EWF/tarball/master">
<img border="0" width="90" src="http://github.com/images/modules/download/tar.png" class="quimby_search_image"></a>
</div>
<h1><a href="http://github.com/EiffelWebFramework/EWF">EWF</a>
<span class="small">by <a href="http://github.com/EiffelWebFramework">EiffelWebFramework</a></span></h1>
<div class="description">
Framework to build web server application in Eiffel
Compliant with EWSGI specification (spec in-progress)
</div>
<div id="announce">
Please visit the <a href="https://github.com/EiffelWebFramework/EWF/wiki">wiki</a><br/>
And subscribe to the <a href="http://groups.google.com/group/eiffel-web-framework">mailing list <br/><img src="https://a248.e.akamai.net/assets.github.com/img/bafcfb9334b52ba8762b69dd79301a2455751bee/687474703a2f2f67726f7570732e676f6f676c652e636f6d2f696e746c2f656e2f696d616765732f6c6f676f732f67726f7570735f6c6f676f5f736d2e676966"/></a><br/>
</div>
<h2>License</h2>
<p>Eiffel Forum V2</p>
<h2>Authors</h2>
Jocelyn Fiat<br/>
Javier Velilla<br/>
<h2>Contributors</h2>
Paul Cohen<br/>
Berend de Boer<br/>
Alexander Kogtenkov<br/>
Daniel Rodriguez<br/>
other by code reviews, questions, discussion
<br>
<h2>Download</h2>
<p>
You can download this project in either
<a href="http://github.com/EiffelWebFramework/EWF/zipball/master">zip</a> or
<a href="http://github.com/EiffelWebFramework/EWF/tarball/master">tar</a> formats.
</p>
<p>
You can also download archive of the whole project (including submodules) at <a href="https://bitbucket.org/jocelyn/ewf/downloads">archives</a>.
</p>
<p>You can also clone the project with <a href="http://git-scm.com">Git</a>
by running:
</p><pre>$ git clone git://github.com/EiffelWebFramework/EWF</pre>
<p></p>
<div class="footer">
get the source code on GitHub : <a href="http://github.com/EiffelWebFramework/EWF">EiffelWebFramework/EWF</a>
</div>
</div>
</body></html>
<div class="container-narrow">
<div class="masthead">
<ul class="nav nav-pills pull-right">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="getting-started.html">Getting Started</a></li>
<li><a href="community.html">Community</a></li>
</ul>
<h3 class="muted">Eiffel Web Framework</h3>
</div>
<hr>
<div class="jumbotron">
<h1>Eiffel Web Framework</h1>
<p class="lead">
Framework to build web applications in Eiffel
</p>
<a class="btn btn-large btn-primary" href="http://github.com/EiffelWebFramework/EWF/zipball/release-0.2">Download</a>
</div>
<hr>
<div class="footer">
<p>&copy; EiffelWebFramework 2013</p>
</div>
</div> <!-- /container -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>

6
js/bootstrap.min.js vendored Normal file

File diff suppressed because one or more lines are too long

5
js/jquery.min.js vendored Normal file

File diff suppressed because one or more lines are too long