Source

web2itter / views / layout.html

<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>web2itter &gt; {{=response.title}}</title>
<style type="text/css"><!--
* { margin: 0; padding: 0; }

body { background: #eee; font-family: sans-serif; font-size: 12px; text-align: center; }

a { text-decoration: none; color: #00f; }
a:hover { color: #008; }

#site{ background: #fff; border:1px solid #ccc; margin: 20px auto ; padding: 5px 5px 3px 5px; text-align: left; width: 650px; }

#header { vertical-align: middle; }
	#header h1 { font-size: 17px; font-weight: normal; }
	#header img { border: 0; vertical-align: top; }

#old_tweets, #tweets { list-style-type: none; margin-top: 10px; }
	#old_tweets li, #tweets li { border-bottom: 1px dashed #ccc; clear:left; font-size: 13px; height: 54px; margin-top: 5px; background-color: #eee; }
        #old_tweets li:hover, #tweets li:hover { background-color: #ccc; }
		#old_tweets li img, #tweets li img { float: left; margin-right: 10px; margin-top: 4px; border: 0; }
		#old_tweets li .msg, #tweets li .msg { color: #888; float: right; }
.tweet { height: 35px; }

#developers { color: #777; font-size: 11px; text-align: center; border-bottom: 1px dotted #aaa; padding-bottom: 2px; }
#loading, #loading_more { float: right; }
#loading_more { margin-top: -16px; }

#more { padding-bottom: 4px; text-align: center; }
#more_link { border: 1px dashed #ccc; padding: 3px; cursor: pointer; color: #00f; }
#more_link:hover { background-color: #eee; color: #008; }
--></style>
<script type="text/javascript" src="{{=URL(r=request, c='static', f='jquery.js')}}"></script>
<script type="text/javascript"><!--
{{if request.controller == 'tweets' and request.function == 'index':}}
function update_tweets() {
    jQuery('#loading').show();
    jQuery.get('update_tweets?q={{=response.q}}', function(data) {
        if (data != '' && data != '\r' && data != '\n' && data != '\r\n') {
            jQuery('.new_tweet').removeClass('new_tweet');
            jQuery('#tweets').html(data + jQuery('#tweets').html());
            jQuery('.new_tweet').hide();
            jQuery('.new_tweet').fadeIn(1000);
        }
        jQuery('#loading').hide();
    });
}
jQuery(document).ready(function() {
    update_tweets();
    jQuery('#loading_more').hide();
    jQuery('#more_link').click(function() {
        jQuery('#loading_more').show();
        jQuery.get('update_tweets?q={{=response.q}}&more=beer', function(data) {
            if (data != '' && data != '\r' && data != '\n' && data != '\r\n') {
                jQuery('.more_tweet').removeClass('more_tweet');
                jQuery('#tweets').html(jQuery('#tweets').html() + data);
                jQuery('.more_tweet').hide();
                jQuery('.more_tweet').fadeIn(1000);
                jQuery('html').scrollTop(jQuery('html').innerHeight());
            }
            jQuery('#loading_more').hide();
        });    
    });
    setInterval("update_tweets();", 30000);
});
{{elif request.controller == 'default' and request.function == 'index':}}
jQuery(document).ready(function() {
    jQuery('#loading').hide();
});
{{pass}}
--></script>
</head>
<body>
<div id="site">
    <div id="header">
        <h1>
	        <a href="{{=URL(r=request, c='default', f='index')}}"><strong>web2itter</strong></a> &gt; <a href="{{=URL(r=request, c='tweets', f='index?q=' + response.q)}}"><em>{{=response.title}}</em></a>
	        <a href="{{=URL(r=request, f='update_tweets.rss?q=' + response.q)}}"><img src="http://www.justen.eng.br/feed.png" width="20" height="20" alt="RSS logo" /></a>
	        <a href="{{=URL(r=request, f='update_tweets.json?q=' + response.q + '&store_session=false')}}"><img src="http://www.json.org/img/json160.gif" width="20" height="20" alt="JSON logo" /></a>
            <span id="loading">
                <img src="{{=URL(r=request, c='static', f='loading.gif')}}" alt="Loading" />
            </span>
        </h1>
    </div>
    <div id="developers">Developed by <a href="http://blog.justen.eng.br/">Álvaro Justen - Turicas</a> and <a href="http://pedromenezes.com">Pedro Menezes</a> using <a href="http://www.web2py.com/">web2py</a></div>
	
    {{include}}

</div>
</body>
</html>
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.