Commits

Steve Losh committed ccd1dbb

Make a useful design to work with.

Comments (0)

Files changed (4)

+syntax: glob
+
+.DS_Store
     <div id="main-wrap">
         <h1>Swing Dance Club at RIT</h1>
         
-        <p>Thursdays from 8:30 PM to 10:30 PM</p>
-        <p>in the</p>
-        <p>SLC Dance Studio</p>
-        <p>No experience or partner necessary</p>
+        <div id="location">
+            <p id="location-prefix">in the</p>
+            <p id="location-place">SLC Dance Studio</p>
+        </div>
+        <div id="datetime">
+            <p id="day">Thursdays</p>
+            
+            <p class="time">
+                <span class="time-prefix">from</span>
+                Eight&ndash;Thirty
+                <span class="time-twelve-hour">PM</span>
+            </p>
+            <p class="time">
+                <span class="time-prefix">to</span>
+                Ten&ndash;Thirty
+                <span class="time-twelve-hour">PM</span>
+            </p>
+        </div>
+        
+        
+        <p id="caveats">
+            No <strong>experience</strong> or <strong>partner</strong> necessary
+        </p>
     </div>
 </body>
-body {
-    font-family: Palatino;
+* {
+    margin: 0;
+}
+html, body {
+    font-family: "Goudy Bookletter 1911", Helvetica;
+    background-color: #195EAB;
+    color: #eee;
+    text-shadow: #344D8F 0px 1px 1px;
+    
+    background-image:url('/bg.jpg');
+    background-repeat:no-repeat;
+    background-attachment:fixed;
+    background-position:50% 100%; 
 }
 div#main-wrap {
     width: 40em;
     text-align: center;
     margin: 3em auto;
 }
+
 h1 {
     font-size: 3em;
+    font-weight: bold;
+}
+
+div#datetime {
+    text-align: left;
+}
+p#day {
+    font-size: 2em;
+}
+
+p.time {
+    font-size: 2em;
+}
+span.time-prefix {
+    display: inline;
+    font-size: 0.5em;
+    display: inline-block;
+    width: 3em;
+}
+
+div#location {
+    float: right;
+    text-align: right;
+}
+p#location-place {
+    font-size: 2em;
+}
+
+p#caveats {
+    font-size: 2em;
+    margin-top: 1em;
+}
+p#caveats strong {
+    font-style: italic;
 }