samhuri.net/public/tweets/index.html

90 lines
3.1 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="css/styles.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
</head>
<body>
<header></header>
<div id="main">
<nav></nav>
<ol id="tweet_history"></ol>
<section>
<ul id="tweet_list" class="hidden"></ul>
</section>
</div>
<footer>
Simplebird | ©2013 Joseph Schmitt | <a href="http://joe.sh">http://joe.sh</a>
</footer>
<script type="text/tim" id="tmpl_header">
<hgroup>
<h1><a class="atname" href="//twitter.com/{{screen_name}}">{{screen_name}}</a></h1>
<a href="https://twitter.com/intent/tweet" class="newtweet" data-icon>&#xe000;</a>
</hgroup>
</script>
<script type="text/tim" id="tmpl_nav">
{{#hasPrev}}
<button id="prev" data-icon>&#xe002;</button>
{{/hasPrev}}
<dl>
<dt>{{date}} <em>{{tweet_count}} tweets</em></dt>
</dl>
{{#hasNext}}
<button id="next" data-icon>&#xe005;</button>
{{/hasNext}}
<a href="#main" id="toggle_history" data-icon>&#xe008;</a>
</script>
<script type="text/tim" id="tmpl_history">
{{#tweet_history}}
<li class="tweet_year">
<h2>{{year}}</h2>
<ol class="tweet_months" data-max-tweet-count="{{max_tweet_count}}">
{{#months}}
<li class="bar" data-var-name="{{var_name}}">
{{#tweet_count}}
<a href="#main" title="{{calendar_month}} {{year}} — {{tweet_count}} tweets"><span data-tweet-count="{{tweet_count}}" class="count_bar"></span></a></li>
{{/tweet_count}}
{{^tweet_count}}
<span data-tweet-count="{{tweet_count}}" class="count_bar"></span>
{{/tweet_count}}
{{/months}}
</ol>
</li>
{{/tweet_history}}
</script>
<script type="text/tim" id="tmpl_tweet">
<li class="tweet">
<img class="avatar" src="{{user.profile_image_url_https}}" />
<div class="tweet_body">
<div class="tweet_info">
<div class="user">
<a href="//twitter.com/{{user.screen_name}}/">{{user.name}} <span class="atname">{{user.screen_name}}</span></a>
</div>
<a href="//twitter.com/{{user.screen_name}}/statuses/{{id_str}}" class="permalink">{{formatted_date}}</a>
</div>
<p class="content">{{{formatted_content}}}</p>
{{#retweeter}}
<div class="retweeted">Retweeted by <a class="atname" href="//twitter.com/{{retweeter}}/">{{retweeter}}</a></div>
{{/retweeter}}
<div class="tweet_footer">
<p class="metadata">
<span class="via">via {{{source}}}</span>
{{#in_reply_to_status_id_str}}
<a href="//twitter.com/{{in_reply_to_screen_name}}/statuses/{{in_reply_to_status_id_str}}" class="replyto">in reply to <span class="atname">{{in_reply_to_screen_name}}</span></a>
{{/in_reply_to_status_id_str}}
</p>
<p class="tweet_actions">
<a class="reply" href="//twitter.com/intent/tweet?in_reply_to={{id_str}}">&#xe006;</a>&nbsp;<a class="fav" href="//twitter.com/intent/favorite?tweet_id={{id_str}}">&#xe007;</a>
</p>
</div>
</div>
</li>
</script>
<script src="js/lib.js" type="text/javascript" charset="utf-8"></script>
<script src="js/simplebird.min.js" type="text/javascript" charset="utf-8"></script>
</body>