index.html at Travelog - Free PHP Code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta name="generator" content=
    "HTML Tidy for Windows (vers 14 February 2006), see www.w3.org" />
    <title>
      Metaphorical Deep Breath - A Travel Blog
    </title><!-- JQuery Imports -->
<link rel="stylesheet" type="text/css" href="css/main.css" />
	<link   href="js/jquery/jquery.pwi/css/pwi.css" rel="stylesheet" type="text/css"/>
	<link   href="js/jquery/jquery.pwi/js/jquery.slimbox2/jquery.slimbox2.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" type="text/css" href="css/dark-hive/jquery-ui-1.8.custom.css" />
	<link rel="stylesheet" type="text/css" href="js/jquery/jwysiwyg/jquery.wysiwyg.css" />
    <script type="text/javascript" src="js/jquery/jquery-1.4.2.min.js">
</script>
	<script type="text/javascript" src="js/jquery/jquery.blockui.js">
	</script>
    <script type="text/javascript" src="js/jquery/jquery.layout.min-1.2.0.js">
</script>
    <script type="text/javascript" src="js/jquery/jquery-ui-1.8.custom.min.js">
</script>
		<script src="js/jquery/jquery.pwi/js/jquery.slimbox2/jquery.slimbox2.js" type="text/javascript"></script>

		<script src="js/jquery/jquery.pwi/js/jquery.pwi.js" type="text/javascript"></script>

	<script type="text/javascript" src=
    "http://maps.google.co.uk/maps?file=api&amp;v=2&amp;key=ABQIAAAAtN4hECGudqg6epgOA2ksuBRTuAA4jwnjEFdxJeOOthBDmzmzlBR2rYXU8_Qw4xI1UGWOcyhsHIuRKQ">
</script><!-- Local Application Javascript -->
    <script type="text/javascript" src="js/app/mdb.util.js">
</script>
    <script type="text/javascript" src="js/app/mdb.layout.js">
</script>
    <script type="text/javascript" src="js/app/mdb.map.js">
</script>
    <script type="text/javascript" src="js/app/mdb.locations.js">
</script>
    <script type="text/javascript" src="js/app/mdb.routes.js">
</script>
    <script type="text/javascript" src="js/app/mdb.journals.js">
</script>

    <script type="text/javascript" src="js/app/mdb.trips.js">
</script>
<!-- Style Sheets -->

 
    <script type="text/javascript">
//<![CDATA[
    $(document).ready(function(){	
        $.initialiseUtils();       
		$.initialiseMapPublic();	
		$.blockUI({message: 'Loading ...',css: blockUI_progress});	
		$.layoutPublicUI();
		$.initialiseTrips('public');		

	$('#save-comment')
				.button()
				.click(function() {
					// Add code to load trips
					$.saveComment();				
				});
			
		// $.loadJournals('public');			
        $.unblockUI();			
    });
    //]]>
    </script>
	 
    <style type="text/css">
    </style>
  </head>
  <body>
    <div class="ui-layout-north c1">
    <div class="upper-left-nav" >
      	Metaphorical Deep Breath<br/>
		<div id="trip-header"></div>
		</div>
		<div class="upper-right-nav">
			    Trip:&nbsp;<select id="trip-select" class="trip-select">	
			</select>
		</div>
    </div>    
	<div  class="ui-layout-center" style="padding: 10px; overflow: auto;" id="center-content">      
    <div id="journal_view" style="display: none; overflow: auto;">				
				<div id="journal_view_name"> </div>
				<div id="journal_view_posted"> </div>				
				<div id="photo_container"> </div>
				<div id="journal_map"> </div>				
				<div id="journal_view_journal"> </div>
				<div style="float: left; width: 100%;"><h4>Leave your comments below:</h4></div>
				<div id="journal_comments"> </div>
				<div id="journal_add_comment"> 
				  <form id="add-comment" action="comment/save" method="post" name="add-trip">
					<input type="hidden" name="journal_id" value="" id="journal_id" />	
					<div class="input">
					  <label for="name">Your Name</label> <input type="text" name="comment_name" id="comment_name" value="" />
					</div>

					<div class="input">
					  <label for="human">The "Are you a human?" Test:</label> <input type="text" name="human" id="human" value="" /><br/><smaller>Enter in the field above the city in which Clifton and Sally both normally live.</smaller>
					</div>
					<div class="input">
					  <label for="trip_date">Your Comment</label><textarea name="comment_comment" id="comment_comment" ></textarea>
					</div>
				 </form>
				 	<button id="save-comment">Add Comment</button>
				</div>
	  </div> 
	 <div id="journal_summary"> 
		<ul class='summary_list' id="journal_summary_list"></ul>
	  </div>
	  
    </div>	 	
	<div  class="ui-layout-west" style="padding: 10px;  overflow: auto;" id="east-content">      
		 <ul class='list' id="util_list"><li id="home_link"><a href="#">Home</a></li></ul>
		 <h4 style="color: #efefaf">Journal Entries:</h4>
		 <ul class='list' id="journal_list"></ul>
    </div>	 
  </body>
</html>