Basic Launch layout

diff --git a/basic.css b/basic.css
new file mode 100644 (file)
index 0000000..dc7a8e4
--- /dev/null
+++ b/basic.css
@@ -0,0 +1,67 @@
+img {
+       display: block; 
+       margin: 0 auto;
+       text-align: center;
+}
+
+
+h1 {
+       display: block;
+       margin-top: 0.5em;
+       margin-bottom: 0.4em;
+       text-align: center;
+}
+
+body {
+       margin: 2em;
+       padding: 0;
+       margin-top: 0;
+}
+
+div.main {
+       width: 70%;
+       margin-left: 15%;
+       margin-right: 15%;
+       overflow: auto;
+}
+
+div.main div {
+       width: 50%;
+       float: left;
+}
+
+div.main div#president {
+       width: 100%;
+}
+
+div.main div h2 {
+       font-size: 1.5em;
+       text-align: center;
+       margin: 0.4em;
+}
+
+div.main div p {
+       text-align: center;
+       line-height: 1.5em;
+       margin: 0.2em;
+}
+
+div.main div p a {
+       color: black;
+       text-decoration: none;
+}
+
+div.main div p a em {
+       color: #777777;
+}
+
+div.main div p a:hover em {
+       color: #000000;
+}
+
+div.footer {
+       margin-top: 2em;
+       font-size: 0.7em;
+       text-align: center;
+}
+

diff --git a/bwlogo.png b/bwlogo.png
new file mode 100644 (file)
index 0000000..a63d276
Binary files /dev/null and b/bwlogo.png differ

diff --git a/circle.css b/circle.css
deleted file mode 100644 (file)
index 5d77cdf..0000000
--- a/circle.css
+++ /dev/null
@@ -1,164 +0,0 @@
-img {
-       display: block; 
-       margin: 0 auto;
-       text-align: center;
-}
-
-
-h1 {
-       color: #0a0a66;
-       display: block;
-       margin-top: 0.5em;
-       margin-bottom: 0.25em;
-       text-align: center;
-}
-
-h3 {
-       color: #0a0a66;
-       text-align: center;
-       display: block;
-       font-size: 1.4em;
-       margin-top: 0.25em;
-       margin-bottom: 0.7em;
-}
-
-body {
-       margin: 1.8em;
-       padding: 0;
-       margin-top: 0;
-}
-
-div.main {
-       width: 100%;
-       margin: 0;
-       position: relative;
-       left: 0;
-       height: 34em;
-       overflow: auto;
-}
-
-div.main div {
-       width: 15em;
-       position: absolute;
-}
-
-div.main div h2 {
-       color: #8b323d;
-       font-size: 1.5em;
-       text-align: center;
-       margin: 0.2em;
-}
-
-div.main div p {
-       text-align: center;
-       line-height: 1.2em;
-       margin: 0.2em;
-}
-
-div.main div p a {
-       color: black;
-       text-decoration: none;
-}
-
-div.main div p a em {
-       color: #555555;
-       font-size: 90%;
-}
-
-div.main div p a strong {
-       color: #0a0a66;
-}
-
-div.main div p a:hover strong {
-       color: #8b323d;
-       text-decoration: underline;
-}
-
-div.main div p a:hover em {
-       color: #000000;
-}
-
-div.footer {
-       margin-top: 1.1em;
-       font-size: 0.7em;
-       text-align: center;
-}
-
-div.main img {
-       position: absolute;
-       left: 50%;
-       top: 50%;
-       margin-left: -100px;
-       margin-top: -100px;
-}
-
-div.main div {
-       width: 15em;
-       position: absolute;
-}
-
-div.main div#president {
-       top: 0;
-       right: 50%;
-}
-
-div.main div#vice {
-       top: 0;
-       left: 50%;
-}
-
-div.main div#treasurer {
-       top: 5em;
-       right: 63%;
-}
-
-div.main div#secretary {
-       top: 5em;
-       left: 63%;
-}
-
-div.main div#ents {
-       top: 10.5em;
-       right: 72%;
-}
-
-div.main div#security {
-       top: 10.5em;
-       left: 72%;
-}
-
-div.main div#marketing {
-       top: 16em;
-       right: 72%;
-}
-
-div.main div#designer {
-       top: 16em;
-       left: 72%;
-}
-
-div.main div#food {
-       top: 21em;
-       right: 65%;
-}
-
-div.main div#person {
-       top: 21em;
-       left: 65%;
-}
-
-div.main div#safety {
-       top: 26em;
-       right: 57%;
-}
-
-div.main div#sponsor {
-       top: 27em;
-       left: 40.5%;
-}
-
-div.main div#web {
-       top: 26em;
-       left: 57%;
-}
-

diff --git a/hc_crest.png b/hc_crest.png
new file mode 100644 (file)
index 0000000..28fa4e8
Binary files /dev/null and b/hc_crest.png differ

diff --git a/index.html b/index.html
index 093b440d12dc6014f2e892994d5251af0bafe4e0..a92c33833e4ad4d002b9420bcb9ea112a17f18dc 100644 (file)
--- a/index.html
+++ b/index.html
@@ -2,16 +2,14 @@
 <html> 
        <head> 
                <title>Homerton College May Ball 2011</title> 
-               <link rel="stylesheet" type="text/css" href="circle.css?v2"> 
+               <link rel="stylesheet" type="text/css" href="basic.css"> 
        </head> 
        <body> 
+               <img height="200" src="bwlogo.png"> 
                <h1> 
                        Homerton College May Ball 2011
                </h1> 
-               <h3>
-                       23rd June 2011
-               </h3>
-               <div class="main">
+               <div class="main"> 
                        <div id="president"> 
                                <h2>President</h2>
                                <p>
@@ -25,7 +23,7 @@
                                        </a>
                                </p> 
                        </div>  
-                       <div id="vice"> 
+                       <div> 
                                <h2>Vice President</h2> 
                                 <p> 
                                         <a href="mailto:vicepresident@homertonball.com">
@@ -38,7 +36,7 @@
                                         </a>
                                 </p> 
                        </div> 
-                        <div id="treasurer"> 
+                        <div> 
                                 <h2>Treasurer</h2> 
                                 <p>
                                         <a href="mailto:treasurer@homertonball.com">
@@ -51,7 +49,7 @@
                                         </a>
                                 </p>
                         </div> 
-                        <div id="secretary"> 
+                        <div> 
                                 <h2>Secretary</h2>
                                 <p>
                                         <a href="mailto:secretary@homertonball.com">
@@ -64,7 +62,7 @@
                                         </a>
                                 </p>
                         </div> 
-                       <div id="ents">
+                       <div>
                                <h2>Entertainment</h2>
                                <p>
                                        <a href="mailto:ents@homertonball.com">
@@ -77,7 +75,7 @@
                                        </a>
                                </p>
                        </div>
-                        <div id="security">
+                        <div>
                                 <h2>Security</h2>
                                 <p> 
                                         <a href="mailto:security@homertonball.com">
@@ -90,7 +88,7 @@
                                         </a>
                                 </p>
                         </div>
-                        <div id="marketing"> 
+                        <div> 
                                 <h2>Marketing</h2> 
                                 <p>
                                         <a href="mailto:marketing@homertonball.com">
@@ -103,7 +101,7 @@
                                         </a>
                                 </p>
                         </div> 
-                        <div id="designer"> 
+                        <div> 
                                 <h2>Designer</h2>
                                 <p>
                                         <a href="mailto:designer@homertonball.com">
@@ -116,7 +114,7 @@
                                         </a>
                                 </p>
                         </div>  
-                        <div id="food"> 
+                        <div> 
                                 <h2>Food and Drinks</h2> 
                                 <p>
                                         <a href="mailto:food@homertonball.com">
@@ -129,11 +127,11 @@
                                         </a>
                                 </p>
                         </div>
-                       <div id="person">
+                       <div>
                                <h2>Personnel</h2>
                                <p>
                                        <a href="mailto:personnel@hometonball.com">
-                                               Douglas Thomson
+                                               A. Person
                                        </a>
                                </p>
                                <p>
@@ -142,16 +140,11 @@
                                        </a>
                                </p>
                        </div>
-                       <div id="sponsor">
+                       <div>
                                <h2>Sponsorship</h2>
                                <p>
                                        <a href="mailto:sponsorship@homertonball.com">
-                                               Asmita Singh
-                                       </a>
-                               </p>
-                               <p>
-                                       <a href="sponsorship.pdf">
-                                               <strong>Sponsorship Brochure</strong>
+                                               &nbsp;
                                        </a>
                                </p>
                                <p>
@@ -160,7 +153,7 @@
                                        </a>
                                </p>
                        </div>
-                        <div id="safety"> 
+                        <div> 
                                 <h2>Health and Safety</h2> 
                                 <p>
                                         <a href="mailto:safety@homertonball.com">
@@ -173,7 +166,7 @@
                                         </a>
                                 </p>
                         </div>
-                       <div id="web">
+                       <div>
                                <h2>Website</h2>
                                 <p>
                                         <a href="mailto:web@homertonball.com">
@@ -186,7 +179,6 @@
                                         </a>
                                 </p>
                        </div>
-                       <img src="logo.png" alt="" title="Homerton May Ball 2011">
                </div> 
                <div class="footer"> 
                        &copy; Homerton May Ball 2011 Committee. All rights reserved.

diff --git a/logo.jpg b/logo.jpg
new file mode 100644 (file)
index 0000000..dad9d32
Binary files /dev/null and b/logo.jpg differ

diff --git a/logo.png b/logo.png
deleted file mode 100644 (file)
index e3ed7fb..0000000
Binary files a/logo.png and /dev/null differ