aclindsa/aclindsay.com
1
0
Fork 0
Code Releases Activity

First pass at wedding website

Browse Source
This commit is contained in:
Aaron Lindsay 2011-04-30 14:52:19 -06:00
parent b481613b51
commit 53ec496528
14 changed files with 252 additions and 166 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
wedding/.htaccess Normal file
View File

@ -0,0 +1,2 @@
# Use PHP5 Single php.ini as default
AddHandler application/x-httpd-php5s .php

17
wedding/asheville/index.php Normal file
View File

@ -0,0 +1,17 @@
<?php include("../header_top.php"); ?>
<title>The Wedding of Aaron Lindsay and Elizabeth Pressman</title>
<?php include("../header_bottom.php"); ?>
<h1>Asheville</h1>
<p>Most of the people who we're inviting to our wedding are already familiar with the Asheville area, but for those of you who aren't, here are a few suggestions places we think are top-notch.</p>
<h2>Restauraunts</h2>
<h2>Lodging</h2>
<h2>Attractions</h2>
<?php include("../footer.php"); ?>

33
wedding/ceremony/index.php Normal file
View File

@ -0,0 +1,33 @@
<?php include("../header_top.php"); ?>
<title>The Wedding of Aaron Lindsay and Elizabeth Pressman</title>
<?php include("../header_bottom.php"); ?>
<h1>Ceremony</h1>
<p>
The ceremony will be held at the church Aaron grep up in, <a href="http://stmarkslutheran.net">St. Mark's Lutheran Church</a>, and will be presided over by the Rev. Christopher Webb and the Rev. Jim Abbot.
</p>
<center>
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=st+mark's+lutheran+church,+asheville,+nc&amp;aq=&amp;sll=37.0625,-95.677068&amp;sspn=59.727033,135.087891&amp;ie=UTF8&amp;hq=st+mark's+lutheran+church,&amp;hnear=Asheville,+Buncombe,+North+Carolina&amp;t=h&amp;cid=3263496169167711352&amp;ll=35.608429,-82.551055&amp;spn=0.012212,0.018239&amp;z=15&amp;iwloc=A&amp;output=embed"></iframe><br /><small><a href="http://maps.google.com/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=st+mark's+lutheran+church,+asheville,+nc&amp;aq=&amp;sll=37.0625,-95.677068&amp;sspn=59.727033,135.087891&amp;ie=UTF8&amp;hq=st+mark's+lutheran+church,&amp;hnear=Asheville,+Buncombe,+North+Carolina&amp;t=h&amp;cid=3263496169167711352&amp;ll=35.608429,-82.551055&amp;spn=0.012212,0.018239&amp;z=15&amp;iwloc=A" style="color:#0000FF;text-align:left">View Larger Map</a></small>
</center>
<h1>Reception</h1>
<p>We are glad to be holding our reception at <a href="http://packstavern.com/centuryroom/">The Century Room</a> at Pack's Tavern in downtown Asheville. The Century Room is very close to St. Mark's, and should only take a few minutes to drive to after the ceremony. Here are <a href="http://maps.google.com/maps?f=d&source=s_d&saddr=10+North+Liberty+Street,+Asheville,+NC+28801-1889+(St+Mark's+Lutheran+Church+-+ELCA)&daddr=Pack's+Tavern+%4035.594986,-82.549612&geocode=FVhEHwId-VoU-yF47BaheURKLSnX1IBLr_RZiDHP7GQqtgpvjA%3BFeoiHwIdlGQU-w&hl=en&mra=pd&sll=35.441641,-82.511648&sspn=0.487809,1.055374&ie=UTF8&t=h&z=16">Google maps directions</a> from the church to Pack's Tavern.</p>
<p>According to their website: </p>
<blockquote>
The Asheville City government has generously provided free public parking on weekends for Pack Square Park visitors on Marjorie Street, adjacent to Pack's Tavern. You can also find the Pack Plaza Parking Deck on Biltmore Avenue - simply walk out the back onto Market Street, only a block from Pack's Tavern. Another option is the College Street Parking Deck, directly across from the Courthouse and only a block from Pack's.
</blockquote>
<p>These parking options are shown in the map below. Click on the link beneath it to bring up a larger map.</p>
<center>
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps/ms?oe=utf-8&amp;client=firefox-a&amp;ie=UTF8&amp;hl=en&amp;msa=0&amp;msid=218423404821479904523.000480490a5fbbd86c6cf&amp;source=embed&amp;t=h&amp;ll=35.599741,-82.548652&amp;spn=0.012213,0.018239&amp;z=15&amp;iwloc=000482f0cc506136d93f5&amp;output=embed"></iframe>
<br />
<small>View <a href="http://maps.google.com/maps/ms?oe=utf-8&amp;client=firefox-a&amp;ie=UTF8&amp;hl=en&amp;msa=0&amp;msid=218423404821479904523.000480490a5fbbd86c6cf&amp;source=embed&amp;t=h&amp;ll=35.599741,-82.548652&amp;spn=0.012213,0.018239&amp;z=15&amp;iwloc=000482f0cc506136d93f5" style="color:#0000FF;text-align:left">Pack's Tavern</a> in a larger map</small>
</center>
<?php include("../footer.php"); ?>

BIN
wedding/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 318 B

BIN
wedding/flowery.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 9.3 KiB

9
wedding/footer.php Normal file
View File

@ -0,0 +1,9 @@
</div>
<div id="footer">
<div id="footer-inner">
&copy; 2010 - 2011 <a href="http://aclindsay.com">Aaron Lindsay</a> and Elizabeth Pressman
</div>
</div>
</div>
</body>
</html>

32
wedding/header_bottom.php Normal file
View File

@ -0,0 +1,32 @@
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="en-US" />
<meta name="owner" content="Aaron Lindsay and Elizabeth Pressman" />
<meta name="author" content="Aaron Lindsay and Elizabeth Pressman" />
<meta name="copyright" content="Copyright 2010-2011 Aaron Lindsay and Elizabeth Pressman" />
<meta name="keywords" content="aaron charles lindsay, aaron lindsay, aaron, charles, lindsay, elizabeth snow pressman, elizabeth pressman, elizabeth, snow, pressman, elizabeth snow lindsay, elizabeth lindsay" />
<meta name="description" content="Aaron Lindsay and Elizabeth Pressman's wedding website. Here you will find pictures, information about the cermony and reception, registry information, directions, and general information about Asheville." />
<link rel="shortcut icon" href="http://wedding.aclindsay.com/favicon.ico" />
<link rel="stylesheet" href="http://aclindsay.com/wedding/stylesheet.css" type="text/css" media="screen" />
</head>
<body>
<div id="content">
<div id="header">
<img src="http://wedding.aclindsay.com/img/ae_onrocks.png" />
<div id="header-inner">
<div id="header-aaron">Aaron Charles Lindsay</div>
<div id="header-and">and</div>
<div id="header-elizabeth">Elizabeth Snow Pressman</div>
<div id="header-date">July 14, 2012</div>
</div>
</div>
<div id="nav">
<ul>
<li><a href="http://wedding.aclindsay.com">Home</a></li>
<li><a href="http://wedding.aclindsay.com/pictures">Pictures</a></li>
<li><a href="http://wedding.aclindsay.com/ceremony">Ceremony & Reception</a></li>
<li><a href="http://wedding.aclindsay.com/asheville">Asheville</a></li>
<li><a href="http://wedding.aclindsay.com/registries">Registries</a></li>
</ul>
</div>
<div id="main">

2
wedding/header_top.php Normal file
View File

@ -0,0 +1,2 @@
<html>
<head>

BIN
wedding/img/ae_onrocks.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 142 KiB

29
wedding/index.html
View File

@ -1,29 +0,0 @@
<html>
<head>
<title>Our Wedding</title>
<link rel="stylesheet" href="http://aclindsay.com/wedding/stylesheet.css" type="text/css" media="screen" />
</head>
<body>
<div id="header">
<div id="header-inner">
<div id="header-wedding">The wedding of...</div>
<div id="header-aaron">Aaron Charles Lindsay</div>
<div id="header-and">and</div>
<div id="header-elizabeth">Elizabeth Snow Pressman</div>
</div>
</div>
<div id="content">
<div id="main">
main
</div>
<div id="sidebar">
side
</div>
</div>
<div id="footer">
<div id="footer-inner">
&copy; 2010 - 2011 Aaron Lindsay and Elizabeth Pressman
</div>
</div>
</body>
</html>

12
wedding/index.php Normal file
View File

@ -0,0 +1,12 @@
<?php include("header_top.php"); ?>
<title>The Wedding of Aaron Lindsay and Elizabeth Pressman</title>
<?php include("header_bottom.php"); ?>
<h1>Welcome!</h1>
<p>Hello friends and family, and thank you for visiting our wedding website! We're looking forward to the big day, and hope that this site will help you</p>
<h2>How We Met</h2>
<h2>Our Proposal Story</h2>
<?php include("footer.php"); ?>

37
wedding/pictures/index.php Normal file
View File

@ -0,0 +1,37 @@
<?php include("../header_top.php"); ?>
<title>The Wedding of Aaron Lindsay and Elizabeth Pressman</title>
<?php include("../header_bottom.php"); ?>
<h1>Pictures</h1>
<p>Here are some pictures of us for you to enjoy. We'll keep adding to them as the big day gets nearer, and eventually passes.</p>
<h2>Engagement Pictures</h2>
<p>Below are some pictures we took ourselves on the day we got engaged! You can check out this entire album <a href="http://www.flickr.com/photos/aclindsay/sets/72157626388833485/">here</a>. We plan to put up the official engagement photos we had taken, but just haven't around to it yet.</p>
<!-- Start of Flickr Images -->
<style type="text/css">
/*
Images are wrapped in divs classed "flickr_badge_image" with ids "flickr_badge_imageX" where "X" is an integer specifying ordinal position. Below are some styles to get you started!
*/
#flickr_badge_uber_wrapper {text-align:center; width:750px;}
#flickr_badge_wrapper {padding:10px 0 10px 0;}
.flickr_badge_image {margin:0px; display: inline; padding: 30px; width: 242px;}
.flickr_badge_image img {border: 1px solid black !important;, margin: 0 auto;}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#fff !important;}
</style>
<div id="flickr_badge_uber_wrapper"><a href="http://www.flickr.com" id="flickr_www">www.<strong style="color:#3993ff">flick<span style="color:#ff1c92">r</span></strong>.com</a><div id="flickr_badge_wrapper">
<script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=4&display=random&size=m&layout=x&source=user_set&user=61823276%40N03&set=72157626388833485&context=in%2Fset-72157626388833485%2F"></script>
</div></div>
<!-- End of Flickr Images -->
<?php include("../footer.php"); ?>

9
wedding/registries/index.php Normal file
View File

@ -0,0 +1,9 @@
<?php include("../header_top.php"); ?>
<title>The Wedding of Aaron Lindsay and Elizabeth Pressman</title>
<?php include("../header_bottom.php"); ?>
<h1>Gift Registries</h1>
<p>We haven't registered anywhere, because as of this writing, we're still over a year away from our wedding! Check back with us later, and we'll update this page appropriately.</p>
<?php include("../footer.php"); ?>

236
wedding/stylesheet.css
View File

@ -2,167 +2,129 @@
* These styles handle importing the fonts
*/
@font-face {
font-family: 'Tangerine';
font-style: normal;
font-weight: bold;
src: local('Tangerine'), url('http://aclindsay.com/fonts/Tangerine_Bold.ttf') format('truetype');
font-family: 'Tangerine';
font-style: normal;
font-weight: bold;
src: local('Tangerine Bold'), local('Tangerine-Bold'), url('http://wedding.aclindsay.com/fonts/Tangerine_Bold.ttf') format('truetype');
}
@font-face {
font-family: 'Tangerine';
font-style: normal;
font-weight: normal;
src: local('Tangerine'), url('http://aclindsay.com/fonts/Tangerine_Regular.ttf') format('truetype');
font-family: 'Tangerine';
font-style: normal;
font-weight: normal;
src: local('Tangerine'), url('http://wedding.aclindsay.com/fonts/Tangerine_Regular.ttf') format('truetype');
}
@font-face {
font-family: 'IM Fell DW Pica';
font-style: normal;
font-weight: normal;
src: local('IM FELL DW Pica Roman'), local('IM_FELL_DW_Pica_Roman'), url('http://aclindsay.com/fonts/IMFePIrm28P.ttf') format('truetype');
font-family: 'Cardo';
font-style: normal;
font-weight: normal;
src: local('Cardo'), url('http://wedding.aclindsay.com/fonts/Cardo99s.ttf') format('truetype');
}
@font-face {
font-family: 'Reenie Beanie';
font-style: normal;
font-weight: normal;
src: local('Reenie Beanie'), url('http://aclindsay.com/fonts/ReenieBeanie.ttf') format('truetype');
}
/**
* These styles handle layout
*/
body {
font-family: Helvetica, Arial, sans-serif;
font: 12pt/18pt Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
font-family: 'Cardo', Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
font-family: 'Cardo', arial, serif;
margin: 0;
padding: 0;
background-color: #cfcde6;
}
#header-inner, #content, #footer-inner {
width: 80%;
min-width: 45em;
max-width: 60em;
margin: 0 auto;
a {
color: #c2bbdd !important;
text-decoration: underline;
}
#main, #sidebar {
position: relative;
}
#main {
float: left;
width: 73%;
}
#sidebar {
#header{
height: 250px;
background-color: #111;
}
#header img {
float: right;
width: 23%;
}
#footer {
clear: both;
}
/**
* These styles handle look
*/
body {
font: normal 100% Helvetica, Arial, sans-serif;
background-color: #eeeeee;
}
#header {
height: 150px;
width: 100%;
padding: .5em;
}
#header-inner {
position: relative;
background: #bb99bb url('flowery.png') 100% 90% no-repeat;
height: 100%;
-moz-border-radius-bottomleft: 15px;
-moz-border-radius-bottomright: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
border-left: 2px solid #664455;
border-right: 2px solid #664455;
border-bottom: 2px solid #664455;
color: #222;
top: 55px;
font-family: 'Tangerine', arial, serif;
font-size: 45px;
font-style: normal;
font-weight: bold;
}
#header-inner #header-wedding {
#header-inner div{
position: absolute;
font-family: 'Reenie Beanie', arial, serif;
font-color: #444;
font-size: 1.2em;
top: .8em;
left: 14em;
}
#header-inner #header-aaron {
position: absolute;
font-family: 'IM Fell DW Pica', arial, serif;
font-weight: bold;
font-size: 1.5em;
top: 2.5em;
left: 3em;
font-family: 'Tangerine', arial, serif;
top: 0;
left: 20px;
}
#header-inner #header-and {
position: absolute;
font-family: 'Reenie Beanie', arial, serif;
font-color: #444;
top: 5.5em;
left: 19.5em;
top: 52px;
left: 200px;
font-size: .75em;
}
#header-inner #header-elizabeth {
position: absolute;
font-family: 'Tangerine', arial, serif;
font-weight: bold;
font-size: 2em;
top: 3em;
left: 11em;
top: 110px;
right: 350px;
}
#header-inner #title {
margin: 0;
padding: 0;
position: absolute;
height: 53px;
top: 0em;
right: 0em;
font-weight: bold;
font-size: 1.2em;
background: url('graphics/cornerStripedLeft.png') no-repeat bottom left;
}
#header-inner #title a{
display: block;
margin: 0;
padding: 15px 20px 10px 20px;
text-decoration: none;
color: #666666;
background: url('graphics/cornerStripedRight.png') no-repeat top right;
}
#header-inner #title a:hover{
color: #FFFFFF;
}
#content {
padding: 1em 0 0 0;
}
#main {
padding: 0 0 2em 0;
margin: 0;
}
#sidebar {
background-color: #ffeeee;
margin: 1em 0 1em 0;
border: 2px solid #eebb88;
-moz-border-radius: 15px;
border-radius: 15px;
padding: 5px 0 5px 0;
}
#sidebar > * {
margin: .5em;
}
#footer {
margin: 0;
padding: 1em 0 1em 0;
#header-inner #header-date {
top: 0px;
left: 490px;
font-size: .7em;
text-shadow: #000 0.05em 0.05em 0.1em;
}
#footer-inner {
height: 25px;
padding: 1em 0 1em 0;
text-align: center;
background-color: #ccbbaa;
border: 2px solid #664455;
-moz-border-radius: 15px;
border-radius: 15px;
#content {
min-height: 100%;
width: 800px;
margin: 0 auto;
background-color: #222;
color: white;
border-left: 5px solid #000;
border-right: 5px solid #000;
}
#nav {
width: 100%;
padding: 0;
margin: 0;
}
#nav ul {
padding: 3px 0 2px 0;
margin: 0;
width: 100%;
list-style: none;
text-align: center;
background-color: #2c0635;
background-color: #3d2d53;
border-top: 5px solid #000;
border-bottom: 5px solid #060606;
}
#nav ul li{
padding: 0;
margin: 0 12px 0 12px;
display: inline;
}
#nav ul li a{
padding: 6px 12px 6px 12px;
margin: 0;
color: #fff;
text-decoration: none;
}
#nav ul li a:hover{
background-color: #1f0220;
background-color: #27183b;
color: #fff;
}
#header, #footer, #main {
position: relative;
padding: 1em;
}
#footer {
color: #9b8bb0;
text-align: center;
}
#footer a {
color: #9b8bb0;
}