<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@ page import="java.util.List"%>
<%@ page import="twitter.TwitterDao"%>
<%@page import="twitter.Twitter"%>
<html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>

<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<meta content="en-us" http-equiv="Content-Language">
<link
	href="favicon.ico"
	rel="shortcut icon" type="image/x-icon" />
<link type="text/css" rel="stylesheet" href="stylesheets/main.css" />
<title id="page_title">Twitter / Home</title>


</head>
<body class="timeline firefox" id="home">


<div id="container" class="subpage"><span id="loader"
	style="display: none;"></span>
<div id="header"><a href="#" title="Twitter / Home" accesskey="1"
	id="logo"> <img alt="Twitter.com" src="stylesheets/logo.png"
	height="36" width="155"></a>
<form method="post" id="sign_out_form" action="#" style="display: none;">
<input name="authenticity_token"
	value="276c2a0d505df890ff2d490143215242f47a7b1c" type="hidden">
</form>
<ul class="top-navigation round">

	<li><a href="#" accesskey="h" id="home_link">Home</a></li>
	<li><a href="#" accesskey="p" id="profile_link">Profile</a></li>
	<li><a href="#" accesskey="=" id="find_people_link">Find
	People</a></li>
	<li><a href="#" accesskey="s" id="settings_link">Settings</a></li>
	<li><a href="#" accesskey="?" id="help_link">Help</a></li>
	<li><a id="sign_out_link" href="" accesskey="l">Sign out</a></li>

</ul>
</div>


<div class="content-bubble-arrow"></div>


<table class="columns" cellspacing="0">
	<tbody>
		<tr>
			<td id="content" class="round-left column">
			<div class="wrapper">

			<div id="status_update_box">
			<form action="sing" class="status-update-form"
				id="status_update_form" method="post">
			<div style="margin: 0pt; padding: 0pt;"><input
				name="authenticity_token"
				value="276c2a0d505df890ff2d490143215242f47a7b1c" type="hidden"></div>
			<input id="tab_action" name="tab" value="index" type="hidden">
			<input id="authenticity_token" name="authenticity_token"
				value="276c2a0d505df890ff2d490143215242f47a7b1c" type="hidden">
			<input id="in_reply_to_status_id" name="in_reply_to_status_id"
				value="" type="hidden"> <input id="in_reply_to"
				name="in_reply_to" value="" type="hidden"> <input
				id="source" name="source" value="" type="hidden"> <input
				id="tab_action" name="tab" value="index" type="hidden">
			<fieldset class="common-form standard-form">
			<div class="bar">
			<h3><label for="status" class="doing">What are you
			doing?</label></h3>
			<span id="chars_left_notice" class="numeric"> <strong
				id="status-field-char-counter" class="char-counter"></strong> </span></div>
			<div class="info"><textarea cols="40" rows="2" id="status"
				name="status" accesskey="u" autocomplete="off" tabindex="1"></textarea>
			<div class="status-btn"><input name="update" value="update"
				id="update-submit" class="status-btn round-btn" tabindex="2"
				type="submit"></div>
			<div id="currently"><strong>Latest:</strong> <span
				id="latest_status"><span id="latest_text"><span
				class="status-text"></span><span id="latest_meta" class="entry-meta">
			about 1 month ago</span></span><span id="latest_text_full"><span
				class="status-text">开个博。<a href="#" rel="nofollow"
				target="_blank">http://www.kaiyannju.cn/</a></span> <span
				class="entry-meta"> <a href="#" class="entry-date"
				rel="bookmark"><span class="published"
				title="2009-08-25T11:11:08+00:00">7:11 PM Aug 25th</span></a> <span>from
			web</span> </span> </span> </span></div>
			</div>
			</fieldset>
			</form>

			</div>
			<div id="dm_update_box">
			<form action="#" class="status-update-form" id="direct_message_form"
				method="post">
			<div style="margin: 0pt; padding: 0pt;"><input
				name="authenticity_token"
				value="276c2a0d505df890ff2d490143215242f47a7b1c" type="hidden"></div>
			<fieldset class="common-form standard-form">
			<div class="bar">
			<h3><label for="doing"> Send <select name="user[id]"
				id="direct_message_user_id" accesskey="&gt;" tabindex="3"></select>
			a direct message. </label></h3>
			<span id="chars_left_notice" class="numeric"> <strong
				id="status-field-char-counter" class="char-counter"></strong> </span></div>
			<div class="info"><textarea accesskey="u" autocomplete="off"
				cols="15" id="text" name="text" rows="3" tabindex="4"></textarea></div>
			<div class="status-btn"><input name="update" value="send"
				id="dm-submit" class="round-btn dm-btn" tabindex="4" type="submit"><input
				id="direct_message_screen_name" name="screen_name" value=""
				type="hidden"><input id="tab_action" name="tab"
				value="index" type="hidden"></div>
			</fieldset>
			</form>
			</div>

			<div class="section">



			<div id="timeline_heading">
			<h1 id="heading">Home</h1>
			<ul id="dm_tabs" class="tabMenu">
				<li id="inbox_tab"><a href="#" class="in-page-link">Inbox</a></li>
				<li id="sent_tab"><a href="#" class="in-page-link">Sent</a></li>
			</ul>

			</div>
			<div class="trend-description-container">
			<div id="trend_description"><span></span><img alt="Trend Info"
				src="browse.php_files/browse_002.png"
				title="Twitter looks at every incoming tweet, then ranks the popularity of certain words or phrases in real time. Click any of the popular topics below to see what people are saying about them right now. Some topic descriptions are sourced from WhatTheTrend.com."
				height="16" width="16">
			<p></p>
			</div>
			</div>


			<div id="results_update" class="minor-notification"
				style="display: none;"><span id="new_results_count">0</span>
			more result since you started searching. <a href="#" title=""
				id="search_refresh_link">Refresh</a> to see them.</div>
			<ol class="statuses" id="timeline">
				<%
					TwitterDao dao = new TwitterDao();
					List<Twitter> lists = dao.list();
					if (lists.isEmpty()) {
				%>
				<p>has no messages.</p>
				<%
					} else {
						for (Twitter t : lists) {
				%>
				<li class="hentry u-iratao status" id="status_2529472480"><span
					class="thumb vcard author"><a href="#"
					class="tweet-url profile-pic url"><img alt="iratao"
					class="photo fn" src="stylesheets/iratao.jpeg" height="48"
					width="48"></a></span><span class="status-body"><strong><a
					href="#" class="tweet-url screen-name" title="iratao">iratao</a></strong><span
					class="entry-content"><%=t.getStatus()%></span><span
					class="meta entry-meta"><a href="#" class="entry-date"
					rel="bookmark"><span class="published"><%=t.dateShow()%></span></a>
				<span>from <a href="#" rel="nofollow">Web</a></span> </span></span><span
					class="actions">
				<div><a class="fav-action non-fav" id="status_star_2529472480"
					title="favorite this tweet">&nbsp;&nbsp;</a><a class="reply"
					href="#" title="reply to iratao">&nbsp;&nbsp;</a></div>
				</span></li>
				<%
					}
					}
				%>

			</ol>

			<div id="pagination">
			<div id="pagination"><a href="#" class="round more" id="more"
				rel="next">more</a></div>
			</div>


			</div>



			</div>
			</td>

			<td id="side_base" class="column round-right">

			<div id="side">
			<div id="profile" class="section">
			<div class="user_icon"><a href="#" class="url" rel="contact"
				title="iratao"><img alt="iratao" class="side_thumb photo fn"
				src="stylesheets/iratao.jpeg" height="48" width="48"><span
				id="me_name">iratao</span></a></div>

			<div class="stats">
			<table>
				<tbody>
					<tr>
						<td><a href="#" id="following_count_link"
							class="link-following_page" rel="me"
							title="See who you’re following"> <span id="following_count"
							class="stats_count numeric">3 </span> <span class="label">Following</span>
						</a></td>
						<td><a href="#" id="follower_count_link"
							class="link-followers_page" rel="me"
							title="See who’s following you"> <span id="follower_count"
							class="stats_count numeric">8 </span> <span class="label">Followers</span>
						</a></td>

						<td><a href="#" class="link-updates"
							title="See all your tweets" rel="me"><span id="update_count"
							class="stats_count numeric">4</span><span class="label">tweets</span>
						</a></td>

					</tr>
				</tbody>
			</table>
			</div>

			</div>

			<p class="promotion round"><a href="#" class="definition"><strong>Box·car</strong><em>n.</em>
			an app that pushes mentions and DMs right to your iPhone.</a></p>


			<ul id="primary_nav" class="sidebar-menu">
				<li id="home_tab"><a href="#" accesskey="h"
					class="in-page-link"><span>Home</span></a></li>
				<li id="direct_messages_tab"><a href="#" accesskey="d"
					class="in-page-link"><span id="message_count"
					class="stat_count">0</span><span>Direct Messages</span></a> <a href="#"
					accesskey="i" class="in-page-link" style="display: none;"></a> <a
					href="#" accesskey="o" class="in-page-link" style="display: none;"></a></li>
				<li id="favorites_tab"><a href="#" accesskey="f"
					class="in-page-link" id="favorites_link"><span>Favorites</span></a></li>
			</ul>


			<div id="custom_search">
			<form action="#" class="search" id="sidebar_search" method="post">
			<input name="convertGET" value="1" type="hidden"> <input
				id="sidebar_search_q" name="q" accesskey="/" class="round-left"
				title="Search" type="text"> <span id="sidebar_search_submit"
				class="submit round-right" title="Search">&nbsp;</span></form>
			</div>

			<div id="saved_searches" class="collapsible" style="display: none;">
			<h2 class="sidebar-title" id="ss_menu"><span>Saved
			Searches</span></h2>
			<ul class="sidebar-menu saved-search-links">

			</ul>
			<hr>
			</div>



			<div id="trends" class="collapsible">

			<h2 class="sidebar-title" id="tt_menu"><span>Trending
			Topics</span></h2>
			<ul class="sidebar-menu trends-links">

				<li class="link-title _cantlivewithout_tab"><a href="#"
					class="search_link" name="#cantlivewithout" rel="nofollow"
					title="#cantlivewithout">#cantlivewithout</a></li>

				<li class="link-title Follow_Friday_tab"><a href="#"
					class="search_link" name="&quot;Follow Friday&quot;" rel="nofollow"
					title="&quot;Follow Friday&quot;">Follow Friday</a><em>A meme
				wherein users recommend other users to follow on Fridays.</em></li>

				<li class="link-title Conan_O_Brien_tab"><a href="#"
					class="search_link" name="&quot;Conan O'Brien&quot;" rel="nofollow"
					title="&quot;Conan O'Brien&quot;">Conan O'Brien</a></li>

				<li class="link-title Dollhouse_tab"><a href="#"
					class="search_link" name="Dollhouse OR #Dollhouse" rel="nofollow"
					title="Dollhouse OR #Dollhouse">Dollhouse</a></li>

				<li class="link-title _LiveLikeWereDying_tab"><a href="#"
					class="search_link" name="#LiveLikeWereDying" rel="nofollow"
					title="#LiveLikeWereDying">#LiveLikeWereDying</a></li>

				<li class="link-title Goodnight_tab"><a href="#"
					class="search_link" name="Goodnight" rel="nofollow"
					title="Goodnight">Goodnight</a><em>People often say this when
				they go to sleep as a way of telling their followers that they won't
				be replying to anyone or tweeting until they wake up.</em></li>

				<li class="link-title ODST_tab"><a href="#" class="search_link"
					name="ODST" rel="nofollow" title="ODST">ODST</a><em>Halo 3:
				ODST was released September 22, 2009. (ODST stands for Orbital Drop
				Shock Trooper.)</em></li>

				<li class="link-title Fame_tab"><a href="#" class="search_link"
					name="Fame" rel="nofollow" title="Fame">Fame</a></li>

				<li class="link-title Jay_Z_tab"><a href="#"
					class="search_link" name="Jay-Z" rel="nofollow" title="Jay-Z">Jay-Z</a><em>He
				recently released his new album, The Blueprint 3 and is appearing on
				Oprah today (Sept 24, 2009).</em></li>

				<li class="link-title Iphone_tab"><a href="#"
					class="search_link" name="Iphone" rel="nofollow" title="Iphone">Iphone</a></li>

			</ul>
			<hr>
			</div>




			<div id="following" class="collapsible collapsed"><a href="#"
				class="fetch-contents"></a>
			<h2 class="sidebar-title" id="fm_menu"><span>Following</span></h2>

			</div>


			<div id="rssfeed">
			<hr>
			<a href="#" class="xref rss timeline-rss indented-link"
				rel="alternate" type="application/rss+xml">RSS feed</a> <a href="#"
				class="xref rss search-rss indented-link" rel="alternate"
				type="application/rss+xml">RSS feed for this query</a></div>

			</div>
			</td>

		</tr>
	</tbody>
</table>



<div id="footer" class="round">
<h3 class="offscreen">Footer</h3>


<ul>
	<li class="first">© 2009 Twitter</li>
	<li><a href="#">About Us</a></li>
	<li><a href="#">Contact</a></li>
	<li><a href="#">Blog</a></li>
	<li><a href="#">Status</a></li>
	<li><a href="#">Goodies</a></li>
	<li><a href="#">API</a></li>
	<li><a href="#">Business</a></li>
	<li><a href="#">Help</a></li>
	<li><a href="#">Jobs</a></li>
	<li><a href="#">Terms</a></li>
	<li><a href="#">Privacy</a></li>
</ul>
</div>



<hr />
</div>

<div id="notifications"></div>

</body>
</html>