Adding some style and some class.

Julia Elman · Julia Elman · commit 589bccf66dd3 · 2011-08-13T13:28:46.000-05:00
diff --git a/pythonkc_site/media/screen.css b/pythonkc_site/media/screen.css
@@ -1,2 +1,3 @@
-RESET
------------
+html { height: 100% }
+body { height: 100%; margin: 0; padding: 0 }
+#map_canvas { position: absolute; height: 100% }
diff --git a/pythonkc_site/templates/index.html b/pythonkc_site/templates/index.html
@@ -1 +1,46 @@
-Hello world!
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+    <meta name="description" content="PythonKC groups website. For all things Python in Kansas City." />
+    <meta name="keywords" content="python, kansas city" />
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
+    <title>PythonKC || For all things Python in Kansas City.</title>
+    <link rel="stylesheet" href="{{ STATIC_URL }}screen.css">
+    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
+    <script type="text/javascript">
+        function initialize() {
+            var latlng = new google.maps.LatLng(-34.397, 150.644);
+            var myOptions = {
+                zoom: 8,
+                center: latlng,
+                mapTypeId: google.maps.MapTypeId.ROADMAP
+            };
+            var map = new google.maps.Map(document.getElementById("map_canvas"),
+            myOptions);
+        }
+    </script>
+</head>
+<body onload="initialize()">
+    <header>
+    </header>
+    
+<section>
+    <article>
+        <header>
+        <time>
+            <h1>[upcoming date]</h1>
+            <p>[upcoming time]</p>
+        </time>
+        </header>
+        <h2>[Event title]</h2>
+        <p>[Event descriptiopn]</p>
+        <p class="rsvp">RSVP at</p>
+    </article>
+    <div id="map_canvas" style="width:100%; height:100%"></div>
+</section>
+
+<footer></footer>
+
+</body>
+</html>
