Permalink
Browse files

Add teaser.

  • Loading branch information...
1 parent 70eb67c commit a4cdb3f8afd313936a925d2c298483593b7032a2 @jbarnette jbarnette committed Sep 17, 2011
View
@@ -12,15 +12,55 @@
<body>
<header>
- <img src="/img/header/southern-societe.png">
- <img src="/img/header/coat-of-arms.png">
- <img src="/img/header/computational-libationists.png">
- <img src="/img/header/left-wrap.png">
- <img src="/img/header/right-wrap.png">
- <img src="/img/header/present.png">
- <img src="/img/header/block-party.png">
- <img src="/img/header/dapper-left.png">
- <img src="/img/header/dapper-right.png">
+ <section id="culprit">
+ <div class="content">
+ <img id="name-left" src="/img/header/southern-societe.png">
+ <img id="name-right" src="/img/header/computational-libationists.png">
+ <img src="/img/header/coat-of-arms.png">
+ </div>
+ </section>
+
+ <section id="presentation">
+ <img id="flair-left" src="/img/header/left-wrap.png">
+ <img id="flair-right" src="/img/header/right-wrap.png">
+ <img src="/img/header/present.png">
+ </section>
+
+ <section>
+ <img src="/img/header/block-party.png">
+ </section>
+
+ <section id="invitation">
+ <img id="dapper-left" src="/img/header/dapper-left.png">
+ <img id="dapper-right" src="/img/header/dapper-right.png">
+
+ <p>
+ The pleasure of your company is respectfully requested for a
+ delightful evening of imbibing, colourful conversation, and
+ musickal merriment. The convocation commences <br> at half
+ past six post meridiem on the day of Thor, 26<sup>th</sup>
+ Septembre.
+ </p>
+ </section>
+
+ <section id="teasers">
+ <ul>
+ <li>
+ <img src="/img/concert.jpg">
+ <p>Two Live Concerts (and Disc Jockey)</p>
+ </li>
+
+ <li>
+ <img src="/img/dining.jpg">
+ <p>A Refined Dinner for the Refined Palette</p>
+ </li>
+
+ <li>
+ <img src="/img/libations.jpg">
+ <p>A Carefully Computed Array of Libations</p>
+ </li>
+ </ul>
+ </section>
</header>
<article>
View
@@ -16,8 +16,6 @@ article h2 {
}
article p {
- font-size : 18px;
- line-height : 33px;
margin-bottom : 18px;
text-align : justify;
}
@@ -28,6 +26,8 @@ b {
body {
font-family : "IM Fell French Canon", serif;
+ font-size : 18px;
+ line-height : 33px;
}
footer {
@@ -43,6 +43,100 @@ header {
position: relative;
}
+header section {
+ margin : 0 auto;
+ position : relative;
+}
+
+header .content {
+ margin : 0 auto;
+ position : relative;
+ width : 1024px;
+}
+
+#culprit {
+ height : 81px;
+ box-shadow : 0px 1px 4px 2px #eee;
+ -moz-box-shadow : 0px 1px 4px 2px #eee;
+ -webkit-box-shadow : 0px 1px 4px 2px #eee;
+}
+
+#name-left, #name-right {
+ position : absolute;
+ top : 25px;
+}
+
+#name-left {
+ left: 250px;
+}
+
+#name-right {
+ left: 595px;
+}
+
+#presentation {
+ height : 142px;
+ line-height : 94px;
+ margin-top : 3px;
+ width : 800px;
+}
+
+#presentation img {
+ vertical-align: bottom;
+}
+
+#flair-left, #flair-right {
+ position : absolute;
+ top : 0;
+}
+
+#flair-left {
+ left: 0;
+}
+
+#flair-right {
+ right: 0;
+}
+
+#invitation {
+ margin-top: 18px;
+}
+
+#dapper-left, #dapper-right {
+ position : absolute;
+ top : 0;
+}
+
+#dapper-left {
+ left: 180px;
+}
+
+#dapper-right {
+ right: 180px;
+}
+
+#invitation p {
+ margin: 0 auto;
+ font-style: italic;
+ width: 640px;
+}
+
+#teasers {
+ margin: 56px auto;
+}
+
+#teasers img {
+ border: 10px solid #e1e0e0;
+}
+
+#teasers li {
+ display : inline-block;
+ font-size : 16px;
+ font-style : italic;
+ line-height : 18px;
+ width : 320px;
+}
+
i {
font-style: italic;
}
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit a4cdb3f

Please sign in to comment.