<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<title>{$CONFIG.site_title} | Live Feed</title>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<link rel="stylesheet" type="text/css" href="templates/css/all.css" />
		<!--[if lte IE 6]><link rel="stylesheet" type="text/css" media="screen" href="templates/css/ie.css" /><![endif]-->
		<link rel="icon" href="templates/img/favicon.ico" type="image/x-icon" />
		<link rel="alternate" href="/rss/photos" type="application/rss+xml" title="{$CONFIG.site_title} | Latest Popular Photos" id="gallery" />
		<link rel="alternate" href="/rss/videos" type="application/rss+xml" title="{$CONFIG.site_title} | Latest Popular Videos" />
		<link rel="alternate" href="/rss/comments" type="application/rss+xml" title="{$CONFIG.site_title} | Latest Comments" />
		<link rel="alternate" href="/rss/albums" type="application/rss+xml" title="{$CONFIG.site_title} | All Albums" />
                <link rel="alternate" href="/rss/rolls" type="application/rss+xml" title="{$CONFIG.site_title} | All Rolls" />
	</head>
	<body>
		<div id="pagebody">
			<div id="content_container">
				{include file="$TEMPLATES/includes/header.tpl"}
				<div id="content">
					<div class="main">
					{if !$new_site}
						<div class="left_side">
							<div class="featured_photo">
								<div class="title">
									<p>FEATURED PHOTO</p>
								</div>
								<div class="featured_image">
									<a href="{$featured_photo.url}"><img src="{$featured_photo.featured_url}" alt="" height="{$CONFIG.main_featured_height}" width="{$CONFIG.main_featured_width}" /></a>
									<div class="featured_label">
										<div class="featured_name">
											<p>{$featured_photo.title|upper|truncate:60:"..."}</p>
										</div>
										<div class="featured_date">
										{if $featured_photo.EXIF_DateTimeOriginal === '0000-00-00 00:00:00'}
											<p>{$featured_photo.timestamp_original_ctime|date_format:"%Y %b %d"|upper}</p>
										{else}
											<p>{$featured_photo.EXIF_DateTimeOriginal|date_format:"%Y %b %d"|upper}</p> 
										{/if}
										</div>

										<div class="featured_comments">
											<a href="{$featured_photo.url}">{$featured_photo.comments}</a>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="right_side">
							<div class="recent_albums">
								<div class="title">
									<p><span class="tab">RECENT ALBUMS</span>-<a href="/albums">View All Albums</a></p>
								</div>
								{section name=row loop=$album_list}
								<div class="album">
									{if $album_list[row].is_new}
									<div class="new"></div>
									{/if}
									<a href="{$album_list[row].url}"><img src="{$album_list[row].thumb_url}" alt="" height="{$CONFIG.main_album_height}" width="{$CONFIG.main_album_width}" /></a>
									<div class="album_label">
										<p>{$album_list[row].title|upper}</p>
									</div>
								</div>
								{/section}
							</div>
						</div>
						{if $event_list}
						<div class="recent_events">
							<div class="title">
								<p><span class="tab">RECENT ROLLS</span>-<a href="/rolls">View All Rolls</a></p>
							</div>
							{section name=row loop=$event_list}
							<div class="event">
								<img src="{$event_list[row].thumb_url}" alt="" height="{$CONFIG.main_event_height}" width="{$CONFIG.main_event_width}" />
								<div class="event_descript">
									<a href="{$event_list[row].url}" class="link">
										<span class="event_year">{$event_list[row].title_date|date_format:"%Y"}</span>
										<span class="event_date">{$event_list[row].title_date|date_format:"%b %d"|upper}</span>
										<span class="event_name">{$event_list[row].title_nodate|upper}</span>
									</a>
								</div>
							</div>
							{/section}
						</div>				
						{/if}
				
						{if $comment_list}
                                                <div class="recent_comments">
                                                        <div class="title">
                                                                <p>RECENT COMMENTS - <a href="/comments">View More Comments</a></p>
                                                        </div>
                                                        {section name=row loop=$comment_list}
                                                        <div class="comment">
                                                                <a href="{$comment_list[row].url}"><img src="{$comment_list[row].recent_url}" alt="" height="{$CONFIG.main_recent_height}" width="{$CONFIG.main_recent_width}"/></a>
                                                                <div class="comment_descript">
                                                                        <div class="label">
                                                                                <p>{$comment_list[row].title|truncate:30:"..."|upper}</p>
                                                                                <div class="comments">
                                                                                        <a href="{$comment_list[row].url}">{$comment_list[row].comments}</a>
                                                                                </div>
                                                                        </div>
                                                                        <div class="comment_data">
                                                                                <p class="comment_date">{$comment_list[row].timestamp_created|date_format:"%b %d, %Y"|upper}</p>
                                                                                <a href="{$comment_list[row].url}">{$comment_list[row].text|truncate:200:"..."}</a>
                                                                        </div>
                                                                        <div class="comm_author_small">
                                                                                <a href="/search/?query={$comment_list[row].first}%20{$comment_list[row].last}">{$comment_list[row].first|upper}&nbsp;{$comment_list[row].last|upper}</a>
                                                                        </div>
                                                                </div>
                                                        </div>
                                                        {/section}
                                                </div>
                                                {/if}
	
						{if $popular_photo_list}
						<div class="popular_photos">
                                                        <div class="title">
                                                                <p>MY RECENTLY POPULAR PHOTOS - <a href="/photos">View More Popular Photos</a></p>
                                                        </div>
                                                        {section name=row loop=$popular_photo_list}
                                                        <div class="photo">
                                                                <a href="{$popular_photo_list[row].url}"><img src="{$popular_photo_list[row].recent_url}" height="{$CONFIG.main_recent_height}" width="{$CONFIG.main_recent_width}" alt="" /></a>
                                                                        <div class="label_photo">
                                                                                <p>{$popular_photo_list[row].title|truncate:30:"..."|upper}</p>
                                                                                <div class="comments">
                                                                                        <a href="{$popular_photo_list[row].url}">{$popular_photo_list[row].comments}</a>
                                                                                </div>
                                                                        </div>
                                                        </div>
                                                        {/section}
                                                </div>
						{/if}

						{if $popular_video_list}
						<div class="popular_videos">
                                                        <div class="title">
                                                                <p>MY RECENTLY POPULAR VIDEOS - <a href="/videos">View More Popular Videos</a></p>
                                                        </div>
                                                        {section name=row loop=$popular_video_list}
                                                        <div class="photo">
                                                                <a href="{$popular_video_list[row].url}"><img src="{$popular_video_list[row].recent_url}" alt="" height="{$CONFIG.main_recent_height}" width="{$CONFIG.main_recent_width}"/></a>
                                                                        <div class="label_photo">
                                                                                <p>{$popular_video_list[row].title|truncate:30:"..."|upper}</p>
                                                                                <div class="comments">
                                                                                        <a href="{$popular_video_list[row].url}">{$popular_video_list[row].comments}</a>
                                                                                </div>
                                                                        </div>
                                                        </div>
                                                        {/section}
                                                </div>
						{/if}

					</div>
					{else}
					<div id="welcome">
						<h1>Congratulations, your lifebox is up !</h1>
						<p>The next step is to tell lifebox to start indexing your photos and videos.  To do this, create folders in your media directory:</p>
						<p class="code">{$CONFIG.media_path}</p>
						<p>with each folder corresponding to a roll.  Lifebox can read folders of any name, but it's designed to read folders in the format YYYY-MM-DD TITLE such as:</p>
						<p class="code">{$CONFIG.media_path}/<span>{$smarty.now|date_format:"%Y"}</span>/<span>{$smarty.now|date_format:"%Y-%m-%d"} San Jose del Cabo<span>/</p>
						<p>If you have modified versions of your original files, you must store them in a parallel structure to the original, except in a modified directory.  Lifebox will always check if a modified photo exists before displaying the original.  If a modified version doesn't exist, it'll just display the original.
						<p class="code">{$CONFIG.media_path_modified}/<span>{$smarty.now|date_format:"%Y"}</span>/<span>{$smarty.now|date_format:"%Y-%m-%d"} San Jose del Cabo<span>/</p>
						<p>Once your photos and videos are uploaded, you have to tell lifebox to index them.  To do this, enter the configuration panel by clicking "CONFIG" to the right of your username.  Then click "Scan Media."  depending on the size of your library, the initial scan can take some time as Lifebox extracts as much information from the photo as it can and stores it in the database</p>
						<p>The administration panel is where most site configuration happens.  It's where you can add users, rename albums, perform maintenence operations, and check site activity.</p>
						<p>Hope you enjoy, take some great photos, and be sure to let us know if you experience any problems so we can help in the <a href="http://www.getlifebox.org/forums">forums</a>.</p>
						<p>Adam</p>
						<p>PS -- To get rid of this message just upload something.</p>
					</div>
					{/if}
				</div>
			{include file="$TEMPLATES/includes/footer.tpl"}
			</div>
		</div>
	</body>
</html>
