inital commit, landing page

UlmApi · Dec 15, 2011 · 6e85ed3 · 6e85ed3
1 parent 7e8dab1
commit 6e85ed3
Show file tree

Hide file tree

Showing 4 changed files with 519 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -1,2 +1,114 @@
-<html><head><meta http-equiv="Refresh" content="0; URL=http://wiki.ulmapi.de">
+<!DOCTYPE html>
-</head><body></body></html>
+<html lang="de">
+  <head>
+    <meta charset="utf-8">
+    <title>UlmAPI.de – Open Data in Ulm</title>
+    <meta name="description" content="">
+    <meta name="author" content="">
+
+    <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
+    <!--[if lt IE 9]>
+      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+    <![endif]-->
+
+    <!-- Le styles -->
+    <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>
+
+    <div class="container">
+
+     <div class="hero-unit">
+        <h1>UlmAPI.de</h1>
+        <p>Die Ulmer OpenData-Initiative.</p>
+      </div>  
+    </div>
+
+
+    <div class="darker" style="width:100%">
+
+    <div class="container darker">
+
+
+	  <div class="row">
+        <div class="span5">
+          <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>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">
+          <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>
+       </div>
+        <div class="span6">
+
+          <h2>Wie kann ich mitmachen?</h2>
+
+          <p>
+          <ul>
+              <li>Schreibe Ideen, welche Daten und Anwendungen Du gerne hättest: Hier ins Wiki oder auf die Mailingliste datalove "at" uni-ulm . de. Wir kümmern uns um die Zuordnung zu den zuständigen Stellen.</li>
+    <li>Triff Dich mit uns</li>
+    <li>Lies und schreibe hier im Wiki mit. Da es leider viele SEO-Spackos gibt, die mittels automatisierter Scripte Spamlinks in offenen Wikis hinterlassen, geht auf einigen Seiten die Bearbeitung nur für angemeldete Benutzer. Mittels zweier Klicks ist aber schnell ein Account erstellt :)</li>
+    <li>Nimm die Datenquellen unten und baue Tolle Neue Dinge[tm]</li>
+    <li>Falls Du Datenquellen hast: Erzähle uns davon! </li>
+    </ul>
+          </p>
+
+        </div>
+      </div>  
+
+      </div>  
+
+    </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>
+        <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>
+       </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>
+
+    </div> <!-- /container -->
+
+  </body>
+</html>
+