Skip to content
Browse files

changed landingpage template

  • Loading branch information...
1 parent 6e85ed3 commit 3d7ce35f215d6254d5011f6ddb8d07657a6832c6 @berb berb committed Dec 19, 2011
Showing with 60 additions and 41 deletions.
  1. BIN images/twitter_follow.png
  2. BIN images/ulmapi.png
  3. +36 −35 index.html
  4. +24 −6 style/ulmapi.css
View
BIN images/twitter_follow.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN images/ulmapi.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
71 index.html
@@ -12,50 +12,52 @@
<![endif]-->
<!-- Le styles -->
- <link href="style/bootstrap.min.css" rel="stylesheet">
+ <link href='http://fonts.googleapis.com/css?family=Open+Sans:700' rel='stylesheet' type='text/css'>
+ <link href="style/bootstrap.min.css" rel="stylesheet">
<link href="style/ulmapi.css" rel="stylesheet">
</style>
</head>
<body>
- <div class="darker" style="width:100%; height:10px">
+ <div class="darker" style="width:100%; height:10px;background:#1A2929">
</div>
- <div class="container">
-
- <div class="hero-unit">
- <h1>UlmAPI.de</h1>
- <p>Die Ulmer OpenData-Initiative.</p>
- </div>
+ <div class="box">
+
+
+ <div class="container" style="text-align:center">
+ <p><img src="images/ulmapi.png"/></p>
</div>
- <div class="darker" style="width:100%">
-
- <div class="container darker">
+ <div class="darkcontainer">
+ <h1>Die Ulmer Open Data Initiative.</h1>
+ </div>
+ <div class="container">
<div class="row">
- <div class="span5">
+ <div class="span-one-third">
<h2>Was ist das hier?</h2>
- <p>Unter ulmapi.de sollen alle Ideen und Projekte zusammenlaufen, die sich mit Open Data in und um Ulm beschäftigen. Das, was Du hier liest, ist das Wiki dazu -- quasi die Wissenssammlung über alles, was der Arbeitsgruppe bei ihren Bemühungen über den Weg gelaufen ist, und gleichzeitig die Dokumentation, wie die eigentliche API funktioniert.</p>
-
- <p>Ziel ist es, gemeinsam diverse Datensätze unter offener Lizenz zu erhalten und anschließend per API für Drittanwendungen verfügbar zu machen.</p>
+ <p>Unter ulmapi.de sollen alle Ideen und Projekte zusammenlaufen, die sich mit Open Data in und um Ulm beschäftigen Ziel ist es, gemeinsam diverse Datensätze unter offener Lizenz zu erhalten und anschließend per API für Drittanwendungen verfügbar zu machen.</p>
<p>Diese Plattform ist bewusst nur eine Übergangslösung -- im Idealfall könnte zum Beispiel die Stadt (mit der wir bereits im Austausch stehen) eine "offizielle" Daten-API bereitstellen. Bis das soweit ist, gibt es uns ;) </p>
</div>
- <div class="span5">
+
+ <div class="span-one-third">
<h2>Wer steckt dahinter?</h2>
<p>Eine Gruppe einzelner Personen aus Ulm -- dies ist kein offizielles Projekt der Stadt oder einer Firma.</p>
<p>Für die wissenschaftliche und praktische Bearbeitung des Themas "Open Data" wurde im Frühjahr 2011 die studentische datalove-Hochschulgruppe an der Universität Ulm gegründet und von der Studierendenvertretung sowie dem AStA anerkannt. Die datalove-Gruppe sorgt für ein zweites wichtiges Arbeitswerkzeug neben diesem Wiki: Die gemeinsame Mailingliste datalove "at" uni-ulm . de</p>
<p>Wir bedienen außerdem einen Twitter-Account. </p>
+ <p><a href="https://twitter.com/UlmAPI"><img src="images/twitter_follow.png"></a></p>
</div>
- <div class="span6">
+
+ <div class="span-one-third">
<h2>Wie kann ich mitmachen?</h2>
@@ -72,43 +74,42 @@
</div>
</div>
- </div>
</div>
+ <div class="darkcontainer" style="height:12px;">
+ </div>
+
+
<div class="container">
<!-- Main hero unit for a primary marketing message or call to action -->
<!-- Example row of columns -->
<div class="row">
- <div class="span6">
- <h2>Heading</h2>
- <p>Etiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</p>
- <p><a class="btn" href="#">View details &raquo;</a></p>
-
+ <div class="span11">
+ <h2>Willkommen</h2>
+ <p>In Kürze hier mehr.</p>
</div>
<div class="span5">
- <h2>Heading</h2>
- <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
- <p><a class="btn" href="#">View details &raquo;</a></p>
+ <h2>Quicklinks</h2>
+ <ul>
+ <li><a href="http://wiki.ulmapi.de/">Wiki</a></li>
+ <li><a href="https://github.com/UlmAPI">GitHub</a></li>
+ <li><a href="https://twitter.com/UlmAPI">@UlmAPI</a></li>
+ </ul>
+
</div>
- <div class="span5">
-
- <h2>Heading</h2>
- <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
- <p><a class="btn" href="#">View details &raquo;</a></p>
- </div>
</div>
- <footer>
- <p>&copy; Company 2011</p>
+ <footer style="text-align:center">
+ <p>UlmAPI.de / datalove Uni Ulm</p>
</footer>
</div> <!-- /container -->
-
+ </div>
</body>
</html>
View
30 style/ulmapi.css
@@ -3,24 +3,42 @@ body{
}
.hero-unit{
- background: #DDD;
+ background: #FFF;
text-align:center;
}
.container{
- background: #DDD;
+ background: #FFF;
padding:0px;
}
.darker {
background: #666;
color: #EEE;
+ border-left: 10px #666;
}
-.darker h2 {
- color: #DDD;
+li{
+color:#404040;
}
-.darker li{
- color: #DDD;
+
+
+
+
+
+.box{width:970px;margin-left:auto;margin-right:auto;zoom:1;;background-color:#fff;height:100%; min-height:100%}
+.box:before,.box:after{display:table;content:"";zoom:1}
+
+.darkcontainer{width:970px;margin-left:auto;margin-right:auto;zoom:1;;background-color:#CCC; text-align:center;margin-top:10px;margin-bottom:15px;}
+.darkcontainer:before,.darkcontainer:after{display:table;content:"";zoom:1}
+
+.darkcontainer h1{
+ font-family: 'Open Sans', sans-serif;
+ font-variant:small-caps;
+ color:#333;
+ font-size:3em;
+ text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8), 0 0 10px #999;
+ padding:5px;
+ margin-top: 6px;
}

0 comments on commit 3d7ce35

Please sign in to comment.
Something went wrong with that request. Please try again.