Ind.ie is now Small Technology Foundation.
Commit 48c1279e authored by Aral Balkan's avatar Aral Balkan

Progress on App.net → Mastodon migration of examples

parent ac3ce573
......@@ -14,7 +14,7 @@ superagent = require 'superagent'
exports.route = (request, response) ->
superagent.get('https://mastodon.ar.al/api/v1/timelines/public')
superagent.get('https://mastodon.social/api/v1/timelines/public')
.end (error, globalTimelineResponse) ->
......
......@@ -81,6 +81,12 @@ p:last-child
}
div.postText, div.postText > p
{
display: inline;
}
.user, [itemprop='mention']
{
font-size: 0.75em; /* 12px/16px */
......
......@@ -2,7 +2,7 @@
<html lang='en'>
<head>
<meta charset='utf-8'>
<title>App.net Global Timeline</title>
<title>Aral’s Mastodon – Global Timeline</title>
<meta name='viewport' content='width=device-width'>
<link rel='stylesheet' type='text/css' href='css/posts.css'>
<link rel='stylesheet' href='https://ind.ie/assets/css/set-styles.css'/>
......@@ -47,62 +47,61 @@
<div class='main' role='main'>
<header class='set-header'>
<h1><a href='./'><img id='set-logo' src='images/set-logo.svg' alt='Tally logo'></a></h1>
<h1><a href='./'><img id='set-logo' src='images/set-logo.svg' alt='Set logo'></a></h1>
</header>
<h2>App.net Global Timeline</h2>
<p>The latest <span data-set-text='numberOfPosts'>NN</span> posts from <a href='http://join.app.net'>App.net</a>.</p>
<h2>Aral’s Mastodon – Global Timeline</h2>
<p>The latest <span data-set-text='data.length'>NN</span> posts from <a href='https://mastodon.ar.al'>mastodon.ar.al</a>.</p>
<ul>
<li data-set-if='not:error' data-set-repeat='post data'>
<img data-set-attribute='src post.user.avatar_image.url; alt post.user.name' src='http://placehold.it/100x100' alt=''>
<img data-set-attribute='src post.account.avatar_static; alt post.account.display_name' src='https://placehold.it/100x100' alt=''>
<p><a class='user' data-set-attribute='href post.user.canonical_url' data-set-text='post.user.name' href=''>User’s Name</a>
<p><a class='user' data-set-attribute='href post.account.url' data-set-text='post.account.display_name' href=''>Jane User</a>
<span class='postText' data-set-text='html post.html'>This is a prototypical list item. It will be repeated by the Tally engine to create the list of posts. The other posts are all samples&#8202;&#8202;containing real data&#8202;&#8202;to help you style the page without requiring access to the server.</span></p>
<span class='postText' data-set-text='text post.content'>This is a sample post. This list item will be the one that is used as the prototype for the final list. Working with actual content as a place‐holder means you can do things like add (and style) <a href='http://aralbalkan.com'>links</a>, like this one to <a href='https://ind.ie'>Ind.ie</a>.</span></p>
</li>
<li data-set-dummy>
<img src="https://files.mastodon.social/accounts/avatars/000/076/702/original/1c5cdbc2b762c5c9.jpeg" alt="FUBAR">
<img src="https://d2rfichhc2fb9n.cloudfront.net/image/5/OKiE6bmnN2m0P1JpVUzYnggEaEJ7InMiOiJzMyIsImIiOiJhZG4tdXNlci1hc3NldHMiLCJrIjoiYXNzZXRzL3VzZXIvODQvMGUvMTAvODQwZTEwMDAwMDAwMDAwMC5qcGciLCJvIjoiIn0" alt="Matthew Sanderson">
<p><a class="user" href="https://alpha.app.net/mksanderson">Matthew Sanderson</a>
<span class="postText"><span itemscope="https://app.net/schemas/Post">Just listened to the new Jimi Hendrix album on <span itemprop="mention" data-mention-id="47694" data-mention-name="rdio"><a href="http://alpha.app.net/rdio" alt="rdio on App.net.">@rdio</a></span> and now it’s times for the new David Bowie album. <span itemprop="hashtag" data-hashtag-name="thisis2013right">#thisis2013right</span> <span itemprop="hashtag" data-hashtag-name="notcomplaining">#notcomplaining</span></span></span></p>
<div class="postText"><a class="user" href="https://mastodon.cloud/@njp">FUBAR</a></div><div class="postText"><p>うむ</p></div>
</li>
<li data-set-dummy>
<img src="https://files.mastodon.social/accounts/avatars/000/115/212/original/ac2eb1905c47e5cf.png" alt="げそ">
<img src="https://d2rfichhc2fb9n.cloudfront.net/image/5/uKEHCz3tSIVIcl2HJkmrwlsfmQ97InMiOiJzMyIsImIiOiJhZG4tdXNlci1hc3NldHMiLCJrIjoiYXNzZXRzL3VzZXIvODgvOTQvMjAvODg5NDIwMDAwMDAwMDAwMC5wbmciLCJvIjoiIn0" alt="ChanChan">
<p><a class="user" href="https://alpha.app.net/chanchan">ChanChan</a>
<span class="postText" ><span itemscope="https://app.net/schemas/Post"><span itemprop="mention" data-mention-id="32315" data-mention-name="paradiseasin"><a href="http://alpha.app.net/paradiseasin" alt="paradiseasin on App.net.">@paradiseasin</a></span> <span itemprop="mention" data-mention-id="32316" data-mention-name="fredrica_fanfan"><a href="http://alpha.app.net/fredrica_fanfan" alt="fredrica_fanfan on App.net.">@fredrica_fanfan</a></span> 豆奶+雞肉,早晚能豐胸。</span></span></p>
<div class="postText"><a class="user" href="https://friends.nico/@geso2geso">げそ</a></div><div class="postText"><p>アキショーさんおっつおっつ</p></div>
</li>
<li data-set-dummy>
<img src="https://d2rfichhc2fb9n.cloudfront.net/image/5/h8z_zTR_SrZgtcbu42DSxPrFwqh7InMiOiJzMyIsImIiOiJhZG4tdXNlci1hc3NldHMiLCJrIjoiYXNzZXRzL3VzZXIvYWMvNDIvMjAvYWM0MjIwMDAwMDAwMDAwMC5wbmciLCJvIjoiIn0" alt="June Taylor">
<p><a class="user" href="https://alpha.app.net/jxune">June Taylor</a>
<span class="postText" ><span itemscope="https://app.net/schemas/Post">I would be a terrible window washer, I can’t even keep my glasses clean. </span></span></p>
<img src="https://files.mastodon.social/accounts/avatars/000/091/610/original/c4a1059f86d1be6b.jpg" alt="かるめ">
<div class="postText"><a class="user" href="https://mstdn.kemono-friends.info/@higahako">かるめ</a></div><div class="postText"><p>キツネになりたい</p></div>
</li>
<li data-set-dummy>
<img src="https://files.mastodon.social/accounts/avatars/000/093/190/original/122dcc2123481897.jpeg" alt="アナオ">
<img src="https://d2rfichhc2fb9n.cloudfront.net/image/5/7KKfqSMv6ZagiHeLnbVWoC1AcL57InMiOiJzMyIsImIiOiJhZG4tdXNlci1hc3NldHMiLCJrIjoiYXNzZXRzL3VzZXIvM2IvZmEvMDAvM2JmYTAwMDAwMDAwMDAwMC5qcGciLCJvIjoiIn0" alt="Seth Clifford">
<div class="postText"><a class="user" href="https://mstdn.jp/@annuifok">アナオ</a></div><div class="postText"><p>うににーでおなにー</p></div>
</li>
<li data-set-dummy>
<img src="https://files.mastodon.social/accounts/avatars/000/120/140/original/132a990f63691ceb.jpeg" alt="Shade Darker">
<p><a class="user" href="https://alpha.app.net/sethclifford">Seth Clifford</a>
<div class="postText"><a class="user" href="https://linuxrocks.online/@MATE_all_day">Shade Darker</a></div><div class="postText"><p>sudo apt FML</p><p>MATE Kernel panic </p><p>backup arch box in place</p><p>No worries I will fix you my little friend...</p></div>
</li>
<li data-set-dummy>
<img src="https://files.mastodon.social/accounts/avatars/000/084/207/original/c0a3dc82ab66f712.jpg" alt="山城📕マストドン本発売!">
<span class="postText"><span itemscope="https://app.net/schemas/Post">- Open Amazon app<br>- Find iPhone case I feel like trying<br>- Tap 1-day shipping<br>- Find out I was a minute too late on the order and it won’t arrive until Monday<br>- Re-open app, cancel order<br><br>This company has empowered and ruined me in equal parts. </span></span></p>
<div class="postText"><a class="user" href="https://mstdn.jp/@kurakake">山城📕マストドン本発売!</a></div><div class="postText"><p>最大の敵は毛穴だったなあいつらは無数に立ちふさがる上にスタンプツールで増える</p></div>
</li>
<li data-set-dummy>
<img src="https://files.mastodon.social/accounts/avatars/000/105/796/original/bcd23fdbb310f084.png" alt="μネ申 ">
<div class="postText"><a class="user" href="https://mstdn.jp/@vvvvvv1vvvvv">μネ申 </a></div><div class="postText"><p>マストドン始めてからリア友と通話することなかったけど、今日久々にしてる</p></div>
</li>
<!-- Display an error message for network & App.net errors -->
<li data-set-if='error'><span data-set-text='errorType'>(Error type)</span> error: <span data-set-text='error'>the network or App.net error message</span>.</li>
<li data-set-if='error'><span data-set-text='errorType'>(Error type)</span> error: <span data-set-text='error'>the network or Mastodon error message</span>.</li>
</ul>
<div data-set-dummy id='setControls'>
......
......@@ -2,7 +2,7 @@
<html lang='en'>
<head>
<meta charset='utf-8'>
<title>App.net Global Timeline</title>
<title>Aral’s Mastodon Global Timeline</title>
<meta name='viewport' content='width=device-width'>
<link rel='stylesheet' href='css/posts.css'>
<link data-set-dummy rel='stylesheet' href='css/set-highlights.css'>
......@@ -55,9 +55,7 @@
<li data-set-if='not:error' data-set-repeat='post data'>
<img data-set-attribute='src post.account.avatar_static; alt post.account.display_name' src='https://placehold.it/100x100' alt=''>
<p><a class='user' data-set-attribute='href post.account.url' data-set-text='post.account.display_name' href=''>Jane User</a>
<span class='postText' data-set-text='html post.content'>This is a sample post. This list item will be the one that is used as the prototype for the final list. Working with actual content as a place‐holder means you can do things like add (and style) <a href='http://aralbalkan.com'>links</a>, like this one to <a href='https://ind.ie'>Ind.ie</a>.</span></p>
<div class="postText"><a class='user' data-set-attribute='href post.account.url' data-set-text='post.account.display_name' href=''>Jane User</a></div><div class='postText' data-set-text='html post.content'>This is a sample post. This list item will be the one that is used as the prototype for the final list. Working with actual content as a place‐holder means you can do things like add (and style) <a href='http://aralbalkan.com'>links</a>, like this one to <a href='https://ind.ie'>Ind.ie</a>.</div>
</li>
......@@ -68,7 +66,7 @@
<li data-set-dummy><img src='http://placehold.it/100x100' alt='User name’s avatar'><p><a class='user' href=''>Yet A. Nother-Person</a> <span class='postText'>By using a range of copy&#8202;&#8202;and actual content&#8202;&#8202; you can get a better feel for the constraints of your design e.g., what happens with really long URLs like this: http://thisisareallylongurlohmyyourerightitisaverylongurlwhatlongurlsyouhavegrandma.com</p></li>
<!-- Display an error message for network & App.net errors -->
<li data-set-if='error'><span data-set-text='errorType'>(Error type)</span> error: <span data-set-text='error'>the network or App.net error message</span>.</li>
<li data-set-if='error'><span data-set-text='errorType'>(Error type)</span> error: <span data-set-text='error'>the network or Mastodon error message</span>.</li>
</ul>
<div data-set-dummy id='setControls'>
......
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