-
Notifications
You must be signed in to change notification settings - Fork 130
Hometweetview
johanv edited this page Sep 14, 2012
·
3 revisions
Here is some example html-code from the 'home tweetview', which I manually formatted for readability. The statuses shown come from an identi.ca-account.
<div id="home_tweetview" name="home" class="listview scrollbar_container tweetview system_view" style="width: 460px; ">
<div class="scrollbar_track" style="height: 907px; display: block; ">
<div class="scrollbar_slot">
<div class="scrollbar_handle" style="height: 392.52521008403363px; top: 0px; "></div>
</div>
</div>
<div class="scrollbar_content listview _content" style="">
<div class="listview_header">
<div class="header_content">
<div class="column_settings">
<ul class="mochi_list dark">
<li class="mochi_list_item dark">
<input type="checkbox" href="#use_auto_update" class="mochi_toggle dark widget">
<label class="label" data-i18n-text="auto_update">Auto Update</label>
</li>
<li class="mochi_list_item dark">
<input type="checkbox" href="#use_notify" class="mochi_toggle dark widget">
<label class="label" data-i18n-text="notify">Notify</label>
</li>
<li class="mochi_list_item dark">
<input type="checkbox" href="#use_notify_sound" class="mochi_toggle dark widget">
<label class="label" data-i18n-text="sound">Sound</label>
</li>
</ul>
</div>
</div>
</div>
<ul class="listview_body">
<li id="home-96493203" tweet_id="96493203" class="card normal " type="tweet" retweet_id="" reply_id="96492724" in_thread="false" reply_name="mbjunior" screen_name="laurelrusswurm" retweetable="true" deletable="false" link="" style="font-family: 'Droid Sans Fallback', 'WenQuanYi Micro Hei', Simhei, Simsun, sans-serif;">
<div class="tweet_color_label" style="background-color:transparent"></div>
<div class="tweet_selected_indicator"></div>
<div class="tweet_fav_indicator"></div>
<div class="deleted_mark"></div>
<div class="tweet_retweet_indicator"></div>
<div class="profile_img_wrapper" title="laurelrusswurm Laurel L. Russwurm's debut novel <E2><87><92>" inconstant="" moon"<E2><87><90>#amwriting<E2><80><94>"the="" girl="" in="" the="" blue="" flame="" cafe"="" <E2> <87><91>="" <E2><99><BB>="" <E2><99><BA>="" <E2><99><A5>="" <E2><99><AA>="" <E2><99><AB>="" <E2><88><B4><E3><83><84>="" <E2><89><A0>="" <C2><A9>="" <E2><84><A2>="" http:="" libreleft.com="" <E2><80><A6>"="" style="background-image: url(http://avatar3.status.net/i/identica/77558-48-20120606091925.jpeg)"> </div>
<ul class="tweet_bar">
<li><a class="tweet_bar_btn tweet_reply_btn" title="Reply this tweet" href="#reply" data-i18n-title="reply"></a></li>
<li><a class="tweet_bar_btn tweet_fav_btn" title="Fav/Un-fav this tweet" href="#fav" data-i18n-title="fav_or_unfav"></a></li>
<li><a class="tweet_bar_btn tweet_retweet_btn" title="Official retweet/un-retweet this tweet" href="#retweet" data-i18n-title="retweet"></a></li>
<li><a class="tweet_bar_btn tweet_more_menu_trigger" href="#more"></a></li>
</ul>
<div class="card_body">
<div class="who ">
<a class="who_href" href="#laurelrusswurm" title="laurelrusswurm Laurel L. Russwurm's debut novel <E2><87><92>" inconstant="" moon"<E2><87><90>#amwriting<E2><80><94>"the="" girl="" in="" the="" blue="" flame="" cafe"="" <E2> <87><91>="" <E2><99><BB>="" <E2><99><BA>="" <E2><99><A5>="" <E2><99><AA>="" <E2><99><AB>="" <E2><88><B4><E3><83><84>="" <E2><89><A0>="" <C2><A9>="" <E2><84><A2>="" http:="" libreleft.com="" <E2><80><A6>"=""> laurelrusswurm </a>
</div>
<div class="text" alt="@mbjunior although Orwell's vision is commonly held to be undesirable, we seem to be rushing on the path to that dystopia like lemmings" style="font-size:12pt;line-height:1.4">
<div class="text_inner">@<a class="who_href" href="#mbjunior">mbjunior</a> although Orwell's vision is commonly held to be undesirable, we seem to be rushing on the path to that dystopia like lemmings</div>
<div class="preview"></div>
</div>
<div class="tweet_meta">
<div class="tweet_thread_info" style="display:block">
<a class="btn_tweet_thread" href="#"></a> antwoord naar <a class="who_href" href="#mbjunior">mbjunior</a>
</div>
<div class="tweet_source">
<span class="tweet_timestamp">
<a class="tweet_link" target="_blank" href="https://identi.ca/notice/96493203" title="9:10:06 AM GMT+02:00 September 4, 2012">09:10:06</a>
</span> via: web
</div>
<div class="status_bar"></div>
</div>
</div>
<span class="shape"></span>
<span class="shape_mask"></span>
<div class="tweet_thread_wrapper">
<div class="tweet_thread_hint">Laden... </div>
<ul class="tweet_thread"></ul>
<a class="btn_tweet_thread_more">Bekijk rest converatie</a>
</div>
</li>
<li id="home-96493105" tweet_id="96493105" class="card normal " type="tweet" retweet_id="" reply_id="" in_thread="false" reply_name="" screen_name="tekk" retweetable="true" deletable="false" link="" style="font-family: 'Droid Sans Fallback', 'WenQuanYi Micro Hei', Simhei, Simsun, sans-serif;">
<div class="tweet_color_label" style="background-color:transparent"></div>
<div class="tweet_selected_indicator"></div>
<div class="tweet_fav_indicator"></div>
<div class="deleted_mark"></div>
<div class="tweet_retweet_indicator"></div>
<div class="profile_img_wrapper" title="tekk null" style="background-image: url(http://avatar3.status.net/i/identica/594425-48-20120822071442.png)"> </div>
<ul class="tweet_bar">
<li> <a class="tweet_bar_btn tweet_reply_btn" title="Reply this tweet" href="#reply" data-i18n-title="reply"></a> </li>
<li> <a class="tweet_bar_btn tweet_fav_btn" title="Fav/Un-fav this tweet" href="#fav" data-i18n-title="fav_or_unfav"></a> </li>
<li> <a class="tweet_bar_btn tweet_retweet_btn" title="Official retweet/un-retweet this tweet" href="#retweet" data-i18n-title="retweet"></a> </li>
<li> <a class="tweet_bar_btn tweet_more_menu_trigger" href="#more"></a> </li>
</ul>
<div class="card_body">
<div class="who ">
<a class="who_href" href="#tekk" title="tekk null"> tekk </a>
</div>
<div class="text" alt="the ghostbusters theme would take very well to a ska-punk remix, I think. #ThinkingTooLate" style="font-size:12pt;line-height:1.4">
<div class="text_inner">the ghostbusters theme would take very well to a ska-punk remix, I think. <a class="hash_href" href="#ThinkingTooLate">#ThinkingTooLate</a></div>
<div class="preview"></div>
</div>
<div class="tweet_meta">
<div class="tweet_thread_info" style="display:none"><a class="btn_tweet_thread" href="#"></a></div>
<div class="tweet_source"><span class="tweet_timestamp"><a class="tweet_link" target="_blank" href="https://identi.ca/notice/96493105" title="9:02:36 AM GMT+02:00 September 4, 2012">09:02:36</a></span> via: ostatus</div>
<div class="status_bar"></div>
</div>
</div>
<span class="shape"></span>
<span class="shape_mask"></span>
<div class="tweet_thread_wrapper">
<div class="tweet_thread_hint">Laden... </div>
<ul class="tweet_thread"></ul>
<a class="btn_tweet_thread_more">Bekijk rest converatie</a>
</div>
</li>
<!-- more list items here -->
</ul>
</div>
<!-- probably even more stuff here -->
</div>
Statuses from Twitter sometimes contain more info (as e.g. the full name of usernames, see #421). Here is how an example tweet is shown:
<div class="tweet_color_label" style="background-color:transparent"></div>
<div class="tweet_selected_indicator"></div>
<div class="tweet_fav_indicator"></div>
<div class="deleted_mark"></div>
<div class="tweet_retweet_indicator"></div>
<div class="profile_img_wrapper" title="Johan Vervloet
#linux #beer #opensource #chiro" style="background-image: url(http://a0.twimg.com/profile_images/2479474742/wcuz1v8ujz3w3wfs43ta_normal.png)">
</div>
<ul class="tweet_bar">
<li><a class="tweet_bar_btn tweet_reply_btn" title="Reply this tweet" href="#reply" data-i18n-title="reply"></a></li>
<li><a class="tweet_bar_btn tweet_fav_btn" title="Fav/Un-fav this tweet" href="#fav" data-i18n-title="fav_or_unfav"></a></li>
<li><a class="tweet_bar_btn tweet_retweet_btn" title="Official retweet/un-retweet this tweet" href="#retweet" data-i18n-title="retweet"></a></li>
<li><a class="tweet_bar_btn tweet_more_menu_trigger" href="#more"></a></li>
</ul>
<div class="card_body">
<div class="who ">
<a class="who_href" href="#vohanj" title="Johan Vervloet
#linux #beer #opensource #chiro"> vohanj </a>
</div>
<div class="text" alt="@vohanj #test http://ur1.ca/a44vt" style="font-size:11pt;line-height:1.4">
<div class="text_inner">@<a class="who_href" href="#vohanj" title="Johan Vervloet">vohanj</a> <a class="hash_href" href="#test">#test</a> <a href="http://ur1.ca/a44vt" target="_blank">http://ur1.ca/a44vt</a>
</div>
<div class="preview"></div>
</div>
<div class="tweet_meta">
<div class="tweet_thread_info" style="display:none">
<a class="btn_tweet_thread" href="#"></a>
</div>
<div class="tweet_source">
<span class="tweet_timestamp">
<a class="tweet_link" target="_blank" href="https://twitter.com/vohanj/status/246577156019347457" title="1:52:29 PM GMT+02:00 September 14, 2012">13:52:29</a>
</span>
via: <a target="_blank" href="http://hotot.org" rel="nofollow">Hotot</a>
</div>
<div class="status_bar"></div>
</div>
</div>
<span class="shape"></span>
<span class="shape_mask"></span>
<div class="tweet_thread_wrapper">
<div class="tweet_thread_hint">Laden... </div>
<ul class="tweet_thread"></ul>
<a class="btn_tweet_thread_more">Bekijk rest converatie</a>
</div>