Commit b924bc82 authored by Oskar Kalbag's avatar Oskar Kalbag

Updated the refresh button and progress indicator for the App.net client‐side updates example.

parent 171a0dfa
{
"name": "tally",
"description": "Tally is a simple, unobtrusive JavaScript template engine for Express/Node and browser.",
"version": "0.0.1-14",
"version": "0.0.1-15",
"author": "Aral Balkan <aral@aralbalkan.com>",
"repository": {
"type": "git",
......
......@@ -131,6 +131,16 @@ p:last-child
display:none;
}
button
{
display: block;
width: 200px;
height: 30px;
font-size: 16px;
margin: 12px auto;
}
@media all and (max-width:524px)
{
html {
......
views/images/ajax-loader.gif

673 Bytes | W: | H:

views/images/ajax-loader.gif

673 Bytes | W: | H:

views/images/ajax-loader.gif
views/images/ajax-loader.gif
views/images/ajax-loader.gif
views/images/ajax-loader.gif
  • 2-up
  • Swipe
  • Onion skin
......@@ -55,7 +55,7 @@
</head>
<body>
<h1>App.net Global Timeline</h1>
<p>The latest <span data-tally-text='numberOfPosts'>NN</span> posts from <a href='http://join.app.net'>App.net</a>.</p><button id='refresh-timeline'>Refresh timeline</button><img id='progress-indicator' class='hide' src='/images/ajax-loader.gif' alt=''>
<p>The latest <span data-tally-text='numberOfPosts'>NN</span> posts from <a href='http://join.app.net'>App.net</a>.</p><button id='refresh-timeline'>Refresh timeline <img id='progress-indicator' class='hide' src='/images/ajax-loader.gif' alt=''></button>
<ul>
<li data-tally-if='not:error' data-tally-repeat='post data'>
<img data-tally-attribute='src post.user.avatar_image.url; alt post.user.name' src='http://placehold.it/100x100' alt=''>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment