Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Fetching contributors…

Cannot retrieve contributors at this time

executable file 1380 lines (1207 sloc) 60.091 kb
<!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" xmlns:spry="http://ns.adobe.com/spry">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Spaz</title>
<link rel="stylesheet" href="css/init.css" type="text/css" media="screen" charset="utf-8" />
<script type="text/javascript" src="http://scripts.embed.ly/embedly.js"></script>
<!-- The AIR aliases definitions -->
<script src="vendors/air/AIRAliases.js" type="text/javascript" charset="utf-8"></script>
<!-- JazzRecord DB lib -->
<script src="vendors/jazz_record.js" type="text/javascript" charset="utf-8"></script>
<!-- Lawnchair -->
<script src="vendors/lawnchair/adaptors/AIRSqliteAsyncAdaptor.js" type="text/javascript" charset="utf-8"></script>
<script src="vendors/lawnchair/Lawnchair.js" type="text/javascript" charset="utf-8"></script>
<script src="vendors/lawnchair/adaptors/LawnchairAdaptorHelpers.js" type="text/javascript" charset="utf-8"></script>
<!-- Timer lib for benchmarking -->
<script src="vendors/time.js" type="text/javascript" charset="utf-8"></script>
<!-- Keyboard shortcuts handling http://www.openjs.com/scripts/events/keyboard_shortcuts/ -->
<script src="vendors/shortcut.js" type="text/javascript" charset="utf-8"></script>
<!-- Showdown, the Markdown parser -->
<script src="vendors/showdown.js" type="text/javascript" charset="utf-8"></script>
<!-- Pixel Bender libraries from BlackBookSafe -->
<script src="vendors/BlenderEffect.js" type="text/javascript" charset="utf-8"></script>
<script src="vendors/Tween.js" type="text/javascript" charset="utf-8"></script>
<!-- jsOAuth -->
<script src="vendors/jsOAuth-1.1.js" type="text/javascript" charset="utf-8"></script>
<!-- jQuery libs -->
<script src="vendors/jquery/jquery-1.4.2.js" type="text/javascript" charset="utf-8"></script>
<script src="vendors/jquery/jquery.scrollTo.js" type="text/javascript"></script>
<script src="vendors/jquery/jquery.array.js" type="text/javascript" charset="utf-8"></script>
<script src="vendors/jquery/jquery.intercept.js" type="text/javascript" charset="utf-8"></script>
<script src="vendors/jquery/jquery.positionBy.js" type="text/javascript" charset="utf-8"></script>
<script src="vendors/jquery/jquery.ajaxQueue.js" type="text/javascript" charset="utf-8"></script>
<script src="vendors/jquery/jquery.highlight-2.js" type="text/javascript" charset="utf-8"></script>
<script src="vendors/jquery/jquery.contextmenu.r2.js" type="text/javascript" charset="utf-8"></script>
<script src="vendors/jquery/jquery-ui-personalized-1.5.2.js" type="text/javascript" charset="utf-8"></script>
<script src="vendors/jquery/jquery.hint.js" type="text/javascript" charset="utf-8"></script>
<script src="vendors/jquery/jquery.menu.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="vendors/jquery/menu/style.css" type="text/css" media="screen" charset="utf-8" />
<script src="vendors/jquery/jquery.center.js" type="text/javascript" charset="utf-8"></script>
<script src="vendors/jquery/tag.js" type="text/javascript" charset="utf-8"></script>
<script src="vendors/jquery/jqXMLUtils.js" type="text/javascript" charset="utf-8"></script>
<script src="vendors/jquery/jquery.DOMWindow.js" type="text/javascript" charset="utf-8"></script>
<script src="vendors/jquery/jquery.tinysort.js" type="text/javascript" charset="utf-8"></script>
<script src="vendors/jquery/jquery.embedly.js" type="text/javascript" charset="utf-8"></script>
<script src="vendors/jquery/jquery.mustache.js" type="text/javascript" charset="utf-8"></script>
<!-- HTML notification library -->
<script src="vendors/purrjs.js" type="text/javascript" charset="utf-8"></script>
<script src="vendors/SpazGrowl.js" type="text/javascript" charset="utf-8"></script>
<!-- username completion lib -->
<script src="vendors/usernameCompleter.js" type="text/javascript" charset="utf-8"></script>
<!-- Notification popups libs -->
<script src="vendors/library.swf" type="application/x-shockwave-flash"></script>
<script src="vendors/as3growl.swf" type="application/x-shockwave-flash"></script>
<!-- Network service monitor -->
<script src="vendors/servicemonitor.swf" type="application/x-shockwave-flash"></script>
<!-- Spry Widgets -->
<script language="JavaScript" type="text/javascript" src="vendors/spry/widgets/tabbedpanels/SpryTabbedPanels.js"></script>
<script language="JavaScript" type="text/javascript" src="vendors/spry/widgets/collapsiblepanel/SpryCollapsiblePanel.js"></script>
<link rel="stylesheet" type="text/css" href="vendors/spry/widgets/tabbedpanels/SpryTabbedPanels.css" />
<!-- SpazCore -->
<script src="spazcore/spazcore-air.js" type="text/javascript" charset="utf-8"></script>
<script src="spazcore/spazmenu.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
/*
set your dump level now to get dumps asap
*/
sc.setDumpLevel(1); // 1 shows errors, nothing else; 5 is everything
</script>
<!-- JazzRecord models -->
<script src="app/models/Tweets.js" type="text/javascript" charset="utf-8"></script>
<script src="app/models/TwUserModel.js" type="text/javascript" charset="utf-8"></script>
<script src="app/models/DraftModel.js" type="text/javascript" charset="utf-8"></script>
<!-- auth config -->
<script src="app/auth_config.js" type="text/javascript" charset="utf-8"></script>
<!-- app init lib -->
<script src="app/spaz.js" type="text/javascript"></script>
<!-- app model -->
<script src="app/models/spaz.db.js" type="text/javascript"></script>
<script src="app/models/spaz.data.js" type="text/javascript"></script>
<script src="app/models/spaz.autocomplete.js" type="text/javascript"></script>
<script src="app/models/spaz.prefs.js" type="text/javascript"></script>
<!-- app libraries -->
<script src="app/libs/spaz.const.js" type="text/javascript"></script>
<script src="app/libs/spaz.timers.js" type="text/javascript"></script>
<script src="app/libs/spaz.sys.js" type="text/javascript"></script>
<script src="app/libs/spaz.update.js" type="text/javascript"></script>
<script src="app/libs/spaz.debug.js" type="text/javascript"></script>
<script src="app/libs/spaz.hooks.js" type="text/javascript" charset="utf-8"></script>
<!-- Emoticons lib developed by Graeme Dunlop -->
<script src="app/libs/Emoticons.js" type="text/javascript" charset="utf-8"></script>
<script src="app/libs/Emoticons.SimpleSmileys.js" type="text/javascript" charset="utf-8"></script>
<script src="app/libs/Emoticons.GMailChat.js" type="text/javascript" charset="utf-8"></script>
<!-- app helpers -->
<script src="app/helpers/spaz.js" type="text/javascript" charset="utf-8"></script>
<!-- app controller -->
<script src="app/controllers/spaz.controller.js" type="text/javascript" charset="utf-8"></script>
<script src="app/controllers/spaz.handlers.js" type="text/javascript" charset="utf-8"></script>
<!-- app view -->
<script src="app/views/spaz.ui.js" type="text/javascript"></script>
<script src="app/views/spaz.usermenu.js" type="text/javascript"></script>
<script src="app/views/spaz.sharemenu.js" type="text/javascript" charset="utf-8"></script>
<script src="app/views/spaz.replymenu.js" type="text/javascript" charset="utf-8"></script>
<script src="app/views/spaz.themes.js" type="text/javascript"></script>
<script src="app/views/spaz.cssfilters.js" type="text/javascript" charset="utf-8"></script>
<!-- <script src="app/views/spaz.notify.js" type="text/javascript" charset="utf-8"></script> -->
<script src="app/views/spaz.section.js" type="text/javascript" charset="utf-8"></script>
<script src="app/views/spaz.keyboard.js" type="text/javascript" charset="utf-8"></script>
<script src="app/views/spaz.editor.js" type="text/javascript" charset="utf-8"></script>
<script src="app/views/spaz.tpl.js" type="text/javascript" charset="utf-8"></script>
<script src="app/views/spaz.sounds.js"></script>
<script src="app/views/spaz.timelines.js" type="text/javascript" charset="utf-8"></script>
<script src="app/views/timelines/spaz.timelines.friends.js" type="text/javascript" charset="utf-8"></script>
<script src="app/views/timelines/spaz.timelines.favorites.js" type="text/javascript" charset="utf-8"></script>
<script src="app/views/timelines/spaz.timelines.search.js" type="text/javascript" charset="utf-8"></script>
<script src="app/views/timelines/spaz.timelines.user.js" type="text/javascript" charset="utf-8"></script>
<script src="app/views/timelines/spaz.timelines.userlists.js" type="text/javascript" charset="utf-8"></script>
<script src="app/views/timelines/spaz.timelines.public.js" type="text/javascript" charset="utf-8"></script>
<script src="app/views/timelines/spaz.timelines.followers.js" type="text/javascript" charset="utf-8"></script>
<script src="app/views/spaz.timelinefilters.js" type="text/javascript" charset="utf-8"></script>
<script src="app/views/spaz.postpanel.js" type="text/javascript" charset="utf-8"></script>
<script src="app/views/spaz.shortlink.js" type="text/javascript" charset="utf-8"></script>
<script src="app/views/spaz.dock.js" type="text/javascript"></script>
<script src="app/views/spaz.tooltip.js" type="text/javascript" charset="utf-8"></script>
<script src="app/views/spaz.menus.js" type="text/javascript" charset="utf-8"></script>
<script src="app/views/spaz.windows.js" type="text/javascript" charset="utf-8"></script>
<script src="app/views/spaz.accountprefs.js" type="text/javascript" charset="utf-8"></script>
<script src="app/views/spaz.conversation.js" type="text/javascript" charset="utf-8"></script>
<script src="app/views/spaz.drafts.js" type="text/javascript" charset="utf-8"></script>
<script src="app/views/spaz.imageuploader.js" type="text/javascript" charset="utf-8"></script>
<script src="app/views/spaz.profile.js" type="text/javascript" charset="utf-8"></script>
<script src="app/views/spaz.newspopup.js" type="text/javascript" charset="utf-8"></script>
<!-- theme scripts -->
<script type="text/javascript" charset="utf-8" id="themeinfo"></script>
<script type="text/javascript" charset="utf-8" id="themejs"></script>
<!-- user js script -->
<script type="text/javascript" charset="utf-8" id="userjs"></script>
<script type="text/javascript">
// stuff to load when this doc loads
$(document).ready( function() {
Spaz.initialize();
})
$(document).load( function() {
// hi
})
</script>
<style type="text/css" media="screen" title="custom-timeline-filters">
</style>
</head>
<body class="active" id="home" onclick="$('#linkContextMenu').hide()">
<div id="container">
<img src="images/beta-ribbon.png" id="beta-ribbon">
<h1 id="header" onmousedown="Spaz.Windows.windowMove();">
<div id="window-buttons">
<span id="minimize" class="window-button" onclick="Spaz.Windows.windowMinimize()" title="Minimize">&ndash;</span>
<span id="close" class="window-button" onclick="Spaz.Windows.windowClose()" title="Close">&times;</span>
</div>
<div id="header-label">Spaz</div>
</h1>
<!-- Tools -->
<div id="tools-menu-toggle" title="Tools"
onmouseover="Spaz.UI.showTooltip(this, this.title)"
onmouseout="Spaz.UI.hideTooltips()">
<span class="tab-icon"></span>
</div>
<div id="tabs" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup" id="timeline-tabs">
<!-- YOUR TIMELINE -->
<li class="TabbedPanelsTab" tabindex="2" title="Your timeline"
onmouseover="Spaz.UI.showTooltip(this, this.title)"
onmouseout="Spaz.UI.hideTooltips()"
id="tab-friends" onclick="Spaz.UI.setSelectedTab(this)">
<span class="tab-icon"></span>
</li>
<!-- SENT STATUSES -->
<li class="TabbedPanelsTab" tabindex="3" title="Tweets you've sent"
onmouseover="Spaz.UI.showTooltip(this, this.title)"
onmouseout="Spaz.UI.hideTooltips()"
id="tab-user" onclick="Spaz.UI.setSelectedTab(this)">
<span class="tab-icon"></span>
</li>
<!-- FAVORITES STATUSES -->
<li class="TabbedPanelsTab" tabindex="3" title="Your favorites"
onmouseover="Spaz.UI.showTooltip(this, this.title)"
onmouseout="Spaz.UI.hideTooltips()"
id="tab-favorites" onclick="Spaz.UI.setSelectedTab(this)">
<span class="tab-icon"></span>
</li>
<!-- LISTS STATUSES -->
<li class="TabbedPanelsTab" tabindex="3" title="Your user lists"
onmouseover="Spaz.UI.showTooltip(this, this.title)"
onmouseout="Spaz.UI.hideTooltips()"
id="tab-userlists" onclick="Spaz.UI.setSelectedTab(this)">
<span class="tab-icon"></span>
</li>
<!-- PUBLIC -->
<li class="TabbedPanelsTab" tabindex="4" title="Public timeline"
onmouseover="Spaz.UI.showTooltip(this, this.title)"
onmouseout="Spaz.UI.hideTooltips()"
id="tab-public" onclick="Spaz.UI.setSelectedTab(this);">
<span class="tab-icon"></span>
</li>
<!-- SEARCH -->
<li class="TabbedPanelsTab" tabindex="5" title="Search timeline"
onmouseover="Spaz.UI.showTooltip(this, this.title)"
onmouseout="Spaz.UI.hideTooltips()"
id="tab-search" onclick="Spaz.UI.setSelectedTab(this);">
<span class="tab-icon"></span>
</li>
<!-- Friendslist -->
<li class="TabbedPanelsTab" tabindex="6" title="Following/Followers"
onmouseover="Spaz.UI.showTooltip(this, this.title)"
onmouseout="Spaz.UI.hideTooltips()"
id="tab-followerslist" onclick="Spaz.UI.setSelectedTab(this)">
<span class="tab-icon"></span>
</li>
<!-- Followerslist -->
<!-- <li class="TabbedPanelsTab" tabindex="7" title="Followers"
onmouseover="Spaz.UI.showTooltip(this, this.title)"
onmouseout="Spaz.UI.hideTooltips()"
id="tab-followerslist" onclick="Spaz.UI.setSelectedTab(this)">
<span class="tab-icon"></span>
</li> -->
<!-- Prefs (hidden) -->
<li class="TabbedPanelsTab" id="tab-prefs" tabindex="8"></li>
</ul>
<!-- BEGIN CONTENT TABS -->
<div class="TabbedPanelsContentGroup" id="timeline-tabs-content">
<!-- FRIENDS AND YOU TIMELINE -->
<div class="TabbedPanelsContent" id="panel-friends">
<div id="menu-friends" class="panelmenu">
<form onsubmit="return false;">
<button id="refresh-friends" class="refresh" title="Refresh this timeline">Refresh</button>
<button id="markread-friends" class="markread" title="Mark all as read">Mark</button>
<button id="view-friends" title="Filter mentions, DMs, unread tweets, etc.">View</button>
<input type="text" name="filter-friends" value="" id="filter-friends" title="Enter text to filter this timeline" placeholder="Filter" />
</form>
</div>
<div id="timelinewrapper-friends" class="timeline-wrapper">
<div id="timeline-friends" class="timeline"></div>
<div class="loading">Loading&hellip;</div>
<div class="new-user">
<span class="add-account">Set up your account</span>
</div>
</div>
</div>
<!-- YOUR SENT MESSAGES -->
<div class="TabbedPanelsContent" id="panel-user">
<div id="menu-user" class="panelmenu">
<form onsubmit="return false;">
<button id="refresh-user" class="refresh" title="Refresh this timeline">Refresh</button>
<button id="markread-user" class="markread" title="Mark all as read">Mark</button>
<input type="text" name="filter-user" value="" id="filter-user" title="Enter text to filter this timeline" placeholder="Filter" />
</form>
</div>
<div id="timelinewrapper-user" class="timeline-wrapper">
<div id="timeline-user" class="timeline"></div>
<div class="loading">Loading&hellip;</div>
<div class="new-user">
<span class="add-account">Set up your account</span>
</div>
</div>
</div>
<!-- FAVORITES TIMELINE -->
<div class="TabbedPanelsContent" id="panel-favorites">
<div id="menu-favorites" class="panelmenu">
<form onsubmit="return false;">
<button id="refresh-favorites" class="refresh" title="Refresh this timeline">Refresh</button>
<button id="markread-favorites" class="markread" title="Mark all as read">Mark</button>
<input type="text" name="filter-favorites" value="" id="filter-favorites" title="Enter text to filter this timeline" placeholder="Filter" />
</form>
</div>
<div id="timelinewrapper-favorites" class="timeline-wrapper">
<div id="timeline-favorites" class="timeline"></div>
<div class="loading">Loading&hellip;</div>
<div class="new-user">
<span class="add-account">Set up your account</span>
</div>
</div>
</div>
<!-- USERLISTS TIMELINE -->
<div class="TabbedPanelsContent" id="panel-userlists">
<div id="menu-userlists" class="panelmenu">
<form onsubmit="return false;">
<button id="refresh-userlists" class="refresh" title="Refresh this timeline">Refresh</button>
<button id="markread-userlists" class="markread" title="Mark all as read">Mark</button>
<button id="view-userlists" title="Choose a list to view">Lists</button>
<input type="text" name="filter-userlists" value="" id="filter-userlists" title="Enter text to filter this timeline" placeholder="Filter" />
</form>
</div>
<div id="timelinewrapper-userlists" class="timeline-wrapper">
<div id="timeline-userlists-full-name" class="timeline-subtitle"></div>
<div id="timeline-userlists" class="timeline"></div>
<div class="loading">Loading&hellip;</div>
<div class="new-user">
<span class="add-account">Set up your account</span>
</div>
<div class="intro">
Select a list from the &ldquo;Lists&rdquo; menu above.
</div>
</div>
</div>
<!-- PUBLIC TIMELINE -->
<div class="TabbedPanelsContent" id="panel-public">
<div id="menu-public" class="panelmenu">
<form onsubmit="return false;">
<button id="refresh-public" class="refresh" title="Refresh this timeline">Refresh</button>
<button id="markread-public" class="markread" title="Mark all as read">Mark</button>
<!-- <button id="trends-public" title="Trending worldwide (N/A)">Trends</button> -->
<input type="text" name="filter-public" value="" id="filter-public" title="Enter text to filter this timeline" placeholder="Filter" />
</form>
</div>
<div id="timelinewrapper-public" class="timeline-wrapper">
<div id="timeline-public" class="timeline"></div>
<div class="loading">Loading&hellip;</div>
<div class="new-user">
<span class="add-account">Set up your account</span>
</div>
</div>
</div>
<!-- SEARCH TIMELINE -->
<div class="TabbedPanelsContent" id="panel-search">
<div id="menu-search" class="panelmenu">
<form onsubmit="return false;">
<button id="refresh-search" class="refresh" title="Refresh this timeline">Refresh</button>
<button id="search-saved" title="Saved searches">Saved</button>
<input type="text" name="search-for" value="" id="search-for" title="Enter search" placeholder="Search" />
<button id="search-go" title="Submit search">Search</button>
<button id="search-help" title="Search help">?</button>
</form>
</div>
<div id="timelinewrapper-search" class="timeline-wrapper">
<div id="timeline-search" class="timeline"></div>
<div class="loading">Loading&hellip;</div>
<div class="intro">
Enter your search terms above.
</div>
<div class="empty">
There are no results matching your search.
</div>
</div>
</div>
<!-- LIST OF PEOPLE YOU ARE FOLLOWING -->
<div class="TabbedPanelsContent" id="panel-followerslist">
<div id="menu-followerslist" class="panelmenu">
<form onsubmit="return false;">
<button id="refresh-followerslist" class="refresh" title="Refresh">Refresh</button>
<button id="view-followerslist" title="Choose a list to view">View</button>
<input type="text" name="filter-followers" value="" id="filter-followers" title="Enter text to filter this list" placeholder="Filter" />
</form>
</div>
<div id="timelinewrapper-followerslist" class="timeline-wrapper">
<div id="timeline-followerslist-full-name" class="timeline-subtitle"></div>
<div id="timeline-followerslist" class="timeline"></div>
<div id="timeline-loadmore-panel" class="loadmore-panel">
<input type="button" class="load-more" id="load-more-followers" name="load-more-followers" value="Load more&hellip;" id="load-more-followers" />
</div>
<div class="loading">Loading&hellip;</div>
<div class="new-user">
<span class="add-account">Set up your account</span>
</div>
</div>
</div>
<!-- PREFS -->
<div class="TabbedPanelsContent" id="panel-prefs">
<div id="timelinewrapper-prefs" class="timeline-wrapper prefs">
<div class="timeline" id="timeline-prefs">
<form id="prefs-form" onsubmit="Spaz.Prefs.setPrefs(); return false;">
<div id="prefsCPG" class="CollapsiblePanelGroup">
<div id="prefs-user-fieldset" class="CollapsiblePanel">
<h2 class="CollapsiblePanelTab" tabindex="0">
<strong>Accounts</strong>
</h2>
<div class="CollapsiblePanelContent">
<fieldset id="account-list-fieldset">
<div class="formrow cta">
<input type="button" class="add-account"
name="add-account" value="Set up your account" />
</div>
<div class="formrow">
<ul id="account-list"></ul>
</div>
<div class="formrow controls">
<input type="hidden" name="current-account-id" id="current-account-id" />
<input type="button" name="add-account" value="+" class="add-account" />
<input type="button" name="del-account" value="-" id="del-account" />
<input type="button" name="edit-account" value="Edit" id="edit-account" />
<input type="button" name="switch-account" value="Switch" id="switch-account" />
</div>
</fieldset>
<fieldset id="account-details">
<div class="popbox-content prefs" id="popbox-content-account-details">
<h1>
Account Details
<span class="closeDOMWindow">close</span>
</h1>
<div class="content">
<!-- a place to store the ID we're editing -->
<input type="hidden" name="id_edit" value="" id="id_edit" />
<div class="formrow reauthorize-twitter-controls">
<h2 id="twitter-username"></h2>
<button id="twitter-reauthorize" class="primary">Re-Authorize</button>
</div>
<div class="formrow reauthorize-twitter-controls" id="twitter-pin-row">
<label for="twitter-pin">PIN</label>
<input type="text" name="twitter-pin" id="twitter-pin" value="" />
<button id="twitter-pin-ok" class="primary">OK</button>
</div>
<div class="formrow username-password-controls">
<label for="username">Username</label>
<input type="text" name="username" id="username" value="" />
</div>
<div class="formrow username-password-controls">
<label for="password">Password</label>
<input type="password" name="password" id="password" value="" />
</div>
<div class="formrow">
<label for="account-type">Type</label>
<select name="account-type" id="account-type">
<option value="twitter">Twitter</option>
<option value="identi.ca">identi.ca</option>
<option value="StatusNet">StatusNet</option>
<option value="custom">Custom&hellip;</option>
</select>
</div>
<div class="formrow" id='twitter-api-base-url-row'>
<label for="twitter-api-base-url">Base API URL </label>
<input type="text" name="twitter-api-base-url" id="twitter-api-base-url" value="" />
</div>
<div class="formrow">
<input type="checkbox" name="twitter-disable-direct-posting" id="twitter-disable-direct-posting" value="1" />
<label for="twitter-disable-direct-posting" class="checkbox">
Disable direct posting (will only post via <strong>Other Services</strong>)
</label>
</div>
<fieldset>
<legend>Ping.FM</legend>
<div class="formrow">
<strong>Ping.FM support is currently disabled</strong>
</div>
<div style="display:none">
<div class="formrow">
<label for="services-pingfm-userappkey">
Ping.fm app key (<a id="pingfm-getkey" href="http://ping.fm/key" class="clickable">Find</a>)
</label>
<input type="text" name="services-pingfm-userappkey" id="services-pingfm-userappkey" value="" />
</div>
<!-- <div class="formrow">
<label for="base-theme">Update type</label>
<select id="services-pingfm-updatetype" name="services-pingfm-updatetype">
<option value="default">default</option>
<option value="microblog">microblog</option>
<option value="status">status</option>
</select>
</div> -->
<div class="formrow">
<input type="checkbox" name="services-pingfm-enabled" id="services-pingfm-enabled" value="1" />
<label for="services-pingfm-enabled" class="checkbox">Enable posting</label>
</div>
<div class="formrow">
<input type="checkbox" name="services-pingfm-sendreplies" id="services-pingfm-sendreplies" value="1" />
<label for="services-pingfm-sendreplies" class="checkbox">Post @replies</label>
</div>
</div>
</fieldset>
<fieldset>
<legend>Bit.ly API</legend>
<div class="formrow">
<label for="services-bitly-login">Bit.ly login (<a href="http://bit.ly/account/register">Get an account</a>)</label>
<input type="text" name="services-bitly-login" id="services-bitly-login" value="" />
</div>
<div class="formrow">
<label for="services-bitly-apikey">
Bit.ly API key
</label>
<input type="text" name="services-bitly-apikey" id="services-bitly-apikey" value="" />
</div>
</fieldset>
<fieldset>
<legend>Image Hosting</legend>
<div class="formrow">
<input type="checkbox" name="services-twitpic-sharepassword" id="services-twitpic-sharepassword" value="1" />
<label for="services-twitpic-sharepassword" class="checkbox">
Don't warn about password sharing
</label>
</div>
</fieldset>
</div> <!-- div.content -->
<div class="controls">
<button id="account-save" class="primary">Save</button>
<button id="account-cancel">Cancel</button>
</div>
</div> <!-- div#popbox-content-account-details -->
</fieldset>
</div>
</div>
<div id="prefs-style-fieldset" class="CollapsiblePanel">
<h2 class="CollapsiblePanelTab" tabindex="0">
<strong>Interface</strong>
</h2>
<div class="CollapsiblePanelContent">
<fieldset>
<legend>Theme</legend>
<div class="formrow">
<label>User CSS Overrides</label>
<div>
<!-- <input disabled="disabled" type="text" name="user-stylesheet" value="" id="prefs-user-stylesheet" /> -->
<input type="button" name="user-stylesheet-button" value="Load from file" id="prefs-user-stylesheet-button" onclick="Spaz.Themes.browseForUserCss()" />
<input type="button" name="user-stylesheet-edit" value="Edit User CSS" id="prefs-user-stylesheet-edit" onclick="Spaz.UI.showCSSEdit()" />
<!-- <input type="button" name="user-stylesheet-clear" value="&times;" id="prefs-user-stylesheet-clear" onclick="Spaz.Themes.clearUserStyleSheet()" /> -->
</div>
</div>
<div class="formrow">
<label for="theme-basetheme">Theme</label>
<select id="theme-basetheme" name="base-theme">
<!-- stuff goes here -->
</select> <span class="relaunch-required">*</span>
</div>
<div class="formrow">
<label for="window-alpha">Opacity</label>
<input type="text"
name="opacity-percentage" id="window-alpha"
value="100" maxlength="3" size="3" />%
</div>
<div class="formrow">
<input type="checkbox" name="window-dropshadow" value="1"
id="window-dropshadow" />
<label for="window-dropshadow" class="checkbox">Use drop shadow</label>
</div>
</fieldset>
<fieldset>
<legend>Dock</legend>
<div class="formrow">
<input type="checkbox" name="dock-display-unread-badge" value="1"
id="dock-displayunreadbadge" />
<label for="dock-displayunreadbadge" class="checkbox">Display unread badge</label>
</div>
<div class="formrow">
<label for="dock-unreadbadgecolor">Unread badge color</label>
<select id="dock-unreadbadgecolor" name="dock-unread-badge-color">
<option value="red">Red</option>
<option value="blue">Blue</option>
<option value="yellow">Yellow</option>
<option value="green">Green</option>
<option value="cyan">Cyan</option>
<option value="magenta">Magenta</option>
</select>
</div>
<div class="formrow">
<label for="dock-unreadbadgeshape">Unread badge shape</label>
<select id="dock-unreadbadgeshape" name="dock-unread-badge-shape">
<option value="classic">Classic</option>
<option value="star">Star</option>
</select>
</div>
</fieldset>
<fieldset>
<legend>Message Load Counts</legend>
<div class="formrow">
<label for="timeline-home-pager-count">Home Tweets</label>
<select id="timeline-home-pager-count" name="timeline-home-pager-count">
</select>
</div>
<div class="formrow">
<label for="timeline-direct-pager-count">Direct Tweets</label>
<select id="timeline-direct-pager-count" name="timeline-direct-pager-count">
</select>
</div>
<div class="formrow">
<label for="timeline-replies-pager-count">Mentions</label>
<select id="timeline-replies-pager-count" name="timeline-replies-pager-count">
</select>
</div>
</fieldset>
<fieldset>
<legend>Other options</legend>
<div class="formrow">
<input type="checkbox" name="markdown-enabled" value="1" id="usemarkdown" />
<label for="usemarkdown" class="checkbox">Parse Markdown</label>
<span class="relaunch-required">*</span>
</div>
<div class="formrow">
<input type="checkbox" name="minimize-systray" value="1"
id="window-minimizetosystray" />
<label for="window-minimizetosystray" class="checkbox">Minimize to Systray</label>
<span class="relaunch-required">*</span>
</div>
<div class="formrow">
<input type="checkbox" name="minimize-atstartup" value="1"
id="window-minimizeatstartup" />
<label for="window-minimizeatstartup" class="checkbox">Minimize at Startup</label>
<span class="relaunch-required">*</span>
</div>
<div class="formrow">
<input type="checkbox" name="minimize-background" value="1"
id="window-minimizeonbackground" />
<label for="window-minimizeonbackground" class="checkbox">Minimize in background</label>
<span class="relaunch-required">*</span>
</div>
<div class="formrow">
<input type="checkbox" name="maximize-foreground" value="1"
id="window-restoreonactivate" />
<label for="window-restoreonactivate" class="checkbox">Restore in foreground</label>
<span class="relaunch-required">*</span>
</div>
<div class="formrow">
<input type="checkbox" name="timeline-scrollonupdate" value="1"
id="timeline-scrollonupdate" />
<label for="timeline-scrollonupdate" class="checkbox">
Scroll to first new item on refresh
</label>
</div>
<div class="formrow">
<input type="checkbox" name="timeline-keyboardnavwrap" value="1"
id="timeline-keyboardnavwrap" />
<label for="timeline-keyboardnavwrap" class="checkbox">Wraparound keyboard nav.</label>
</div>
<div class="formrow">
<input type="checkbox" name="keyboard-enterInsertsNewline" value="1"
id="keyboard-enterInsertsNewline" />
<label for="keyboard-enterInsertsNewline" class="checkbox">ENTER key inserts newline.</label>
</div>
</fieldset>
</div>
</div>
<div id="prefs-notifications-fieldset" class="CollapsiblePanel">
<h2 class="CollapsiblePanelTab" tabindex="0">
<strong>Notifications</strong>
</h2>
<div class="CollapsiblePanelContent">
<fieldset>
<div class="formrow">
<input type="checkbox" name="notification-popups" value="1"
id="window-shownotificationpopups" />
<label for="window-shownotificationpopups" class="checkbox">Show notifications</label>
</div>
<div class="formrow">
<label for="window-notificationmethod">Method</label>
<select id="window-notificationmethod" name="window-notificationmethod">
<option value="internal">Internal</option>
<!-- <option value="growl" >Growl (OS X-only –&nbsp;experimental)</option> -->
</select>
</div>
<div class="formrow">
<label for="window-notificationposition">Position</label>
<select id="window-notificationposition" name="window-notificationposition">
<option value="topRight">Top-right</option>
<option value="topLeft" >Top-left</option>
<option value="bottomRight">Bottom-right</option>
<option value="bottomLeft" >Bottom-left</option>
</select>
</div>
</fieldset>
<fieldset>
<legend>Show notifications for</legend>
<div class="formrow">
<input type="checkbox" name="notify-messages" value="1" id="notify-messages" />
<label for="notify-messages" class="checkbox">
New messages (not @mentions or DMs)
</label>
</div>
<div class="formrow">
<input type="checkbox" name="notify-mentions" value="1" id="notify-mentions" />
<label for="notify-mentions" class="checkbox">@Mentions</label>
</div>
<div class="formrow">
<input type="checkbox" name="notify-dms" value="1" id="notify-dms" />
<label for="notify-dms" class="checkbox">Direct messages</label>
</div>
<div class="formrow">
<input type="checkbox" name="notify-totals" value="1" id="notify-totals" />
<label for="notify-totals" class="checkbox">New totals</label>
</div>
<!--
<div class="formrow">
<input type="checkbox" name="notify-searchresults" value="1" id="notify-searchresults" />
<label for="notify-searchresults" class="checkbox">Search results (N/A)</label>
</div>
<div class="formrow">
<input type="checkbox" name="notify-listmessages" value="1" id="notify-listmessages" />
<label for="notify-listmessages" class="checkbox">List messages (N/A)</label>
</div>
-->
</fieldset>
</div>
</div>
<div id="prefs-sound-fieldset" class="CollapsiblePanel">
<h2 class="CollapsiblePanelTab" tabindex="0">
<strong>Sound</strong>
</h2>
<div class="CollapsiblePanelContent">
<fieldset>
<div class="formrow">
<input type="checkbox" name="sound-enabled" value="1" id="sound-enabled" />
<label for="sound-enabled" class="checkbox">Play sounds</label>
</div>
<div class="formrow">
<input type="checkbox" name="wilhelm-enabled" value="1" id="wilhelm-enabled" />
<label for="wilhelm-enabled" class="checkbox">Wilhelm can scream</label>
</div>
</fieldset>
</div>
</div>
<div id="prefs-upgrades-fieldset" class="CollapsiblePanel">
<h2 class="CollapsiblePanelTab" tabindex="0">
<strong>Upgrades</strong>
</h2>
<div class="CollapsiblePanelContent">
<fieldset>
<div class="formrow">
<input type="checkbox" name="checkupdate-enabled" value="1" id="checkupdate" />
<label for="checkupdate" class="checkbox">Check on startup</label>
<span class="relaunch-required">*</span>
</div>
<div class="formrow">
<input type="checkbox" name="checkupdate-testversions-enabled" value="1" id="checkupdate-testversions" />
<label for="checkupdate-testversions" class="checkbox">Check for test versions</label>
</div>
<div class="formrow">
<input type="button" name="checkupdate-button" value="Check Now"
id="prefs-checkupdate-button" onclick="Spaz.Update.go()" />
</div>
</fieldset>
</div>
</div>
<div id="prefs-network-fieldset" class="CollapsiblePanel">
<h2 class="CollapsiblePanelTab" tabindex="0">
<strong>Networking</strong>
</h2>
<div class="CollapsiblePanelContent">
<fieldset>
<legend>Refresh interval</legend>
<div class="formrow">
<input type="text" name="refresh-interval" id="network-refreshinterval"
value="5" maxlength="2" size="2" /> minutes
<span id="refreshRateInfo">
– <span id="refreshRateInfoValue">##</span> API reqs/hour
</span>
</div>
<div class="formrow">
<input type="button" name="autosetrefresh-button" value="Get rate from Twitter"
id="prefs-autosetrefresh-button" />
</div>
<div class="formrow">
<input type="checkbox" name="autoadjust-refresh-interval" value="1"
id="network-autoadjustrefreshinterval" />
<label for="network-autoadjustrefreshinterval" class="checkbox">
Auto-adjust refresh interval
</label>
<!-- <span class="relaunch-required">*</span> -->
</div>
</fieldset>
<fieldset>
<div class="formrow">
<input type="checkbox" name="twitter-enable-userstream" value="1"
id="twitter-enable-userstream" />
<label for="twitter-enable-userstream" class="checkbox">
Enable Twitter User Stream
</label>
<span class="relaunch-required">*</span>
</div>
</fieldset>
<fieldset>
<div class="formrow">
<input type="checkbox" name="handle-http-auth" value="1"
id="network-airhandlehttpauth" />
<label for="network-airhandlehttpauth" class="checkbox">
Enable HTTP auth handling
</label>
<!-- <span class="relaunch-required">*</span> -->
</div>
</fieldset>
</div>
</div>
<!--
<div id="prefs-dock-fieldset" class="CollapsiblePanel">
<h2 class="CollapsiblePanelTab" tabindex="0">
<strong>Dock</strong>
</h2>
<div class="CollapsiblePanelContent"></div>
</div>
-->
<div id="prefs-debugging-fieldset" class="CollapsiblePanel">
<h2 class="CollapsiblePanelTab" tabindex="0">
<strong>Debugging</strong>
</h2>
<div class="CollapsiblePanelContent">
<fieldset>
<div class="formrow">
<input type="checkbox" name="debugging-enabled" value="1" id="debug-enabled" />
<label class="checkbox" for="debug-enabled">Enable detailed logging</label>
<span class="relaunch-required">*</span>
</div>
<div class="formrow">
<input type="checkbox" name="inspector-enabled" value="1" id="inspector-enabled" />
<label class="checkbox" for="inspector-enabled">Enable Inspector (open with F12)</label>
<span class="relaunch-required">*</span>
</div>
<div class="formrow">
<input type="button" id="prefs-openlogfile-button" name="open-logfile" value="View Log File" onclick="Spaz.Debug.openLogFile()" />
</div>
<div class="formrow">
<input type="button" id="prefs-dumphtml-button" name="dump-html" value="Dump HTML" onclick="Spaz.Debug.dumpHTML()" />
</div>
</fieldset>
</div>
</div>
</div> <!-- div#prefsCPG -->
<div class="formrow footer">
<p class="prefs-relaunch">
<span class="relaunch-required">*</span>
<span class="prefs-relaunch-msg">Relaunch required</span>
</p>
<p class="prefs-update">
<input type="button" id="prefs-update-button"
name="update" value="Save Preferences"
onclick="Spaz.Prefs.setPrefs()" />
</p>
<p class="prefs-open-folder">
<input type="button" id="prefs-open-folder"
value="Open Prefs Folder&hellip;" />
</p>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- ENTRYFORM -->
<form id="entryform" onsubmit="return false;">
<!-- <textarea id="entrybox" onfocus='Spaz.UI.showEntryboxTip()' onblur='Spaz.UI.resetStatusBar(); $("body").focus(); return false;' tabindex="0"></textarea> -->
<textarea id="entrybox" tabindex="1"></textarea>
<div id="entrybox-popup">
<div class="entrybox-popup-content">
<div id="irt" style="display:none">
<span id="irt-dismiss" class="clickable" title="Clear the 'in-reply-to:' setting for this update">x</span>
<span id="irt-content">
<strong>Re:</strong>
<span id="irt-message" data-status-id="0"></span>
</span>
</div>
<span id="chars-left">
<span id="chars-left-count"></span> <span id="chars-left-description">left</span>
</span>
<div id="entrybox-actions">
<button id="entrybox-attach" title="Upload image"><span>Upload Image</span></button>
<button id="entrybox-shorten">Shorten &#x25BE;</button>
<button id="entrybox-saveDraft">Save New Draft</button>
</div>
</div>
</div>
<input type="button" onclick="Spaz.UI.sendUpdate()" id="updateButton" value="Send &raquo;" />
<div id="entryform-drafts">
You have <span class="count">0 drafts</span> saved.
<input type="button" id="view-drafts" value="View drafts" />
</div>
</form>
<!-- STATUSBAR -->
<div id="statusbar" onmousedown="Spaz.Windows.windowMove();">
<!-- LOADING -->
<span id='loading'><!-- <img src='{theme-dir}/images/loading.gif' /> --></span>
<span id='statusbar-text'>Ready</span>
</div>
<div id="resize-sw" onmousedown="Spaz.Windows.windowResize()">
</div>
<div id="updateCheckWindow" class="popupWindow" style="display:none;">
Checking for updates&hellip;
</div>
<!-- the context menu container -->
<div id="linkContextMenu" class="context-menu">
<ul>
<li id="linkContextMenu-copyLink" class="clickable menuitem">Copy Link Address</li>
</ul>
</div>
<!-- User context menu -->
<div id="userContextMenu" class="context-menu">
<ul>
<li id="userContextMenu-sendReply" class="clickable menuitem">Send @Reply</li>
<li id="userContextMenu-sendDM" class="clickable menuitem">Send Direct Message</li>
<li id="userContextMenu-searchForUser" class="clickable menuitem">Search For User</li>
<li id="userContextMenu-filterByUser" class="clickable menuitem">Filter Timeline by User</li>
<li id="userContextMenu-viewProfile" class="clickable menuitem">View Profile</li>
<li id="userContextMenu-follow" class="clickable menuitem">Follow</li>
<li id="userContextMenu-unfollow" class="clickable menuitem">Stop Following</li>
<!-- <li id="userContextMenu-block" class="clickable">Block</li> -->
</ul>
</div>
<!-- The tooltip container -->
<div id="tooltip">
<div class="tooltip-msg"></div>
<div class="preview" style='display:none; overflow:hidden; margin-top:.7em'></div>
</div>
<!-- Suggestions menu -->
<div id="suggestions"></div>
<!--
About window
-->
<div class="popbox-content-wrapper" id="aboutWindow">
<div class="popbox-content info" id="popbox-content-about">
<h1>About <span class="closeDOMWindow">close</span></h1>
<div class="content">
<h2>A microblogging client for Twitter, Identi.ca and StatusNet</h2>
<p><a class="clickable" onclick="sc.helpers.openInBrowser('http://getspaz.com/desktop/whatsnew')"><span id="about-version"></span> – What's new</a></p>
<p>Created by <a class="clickable" onclick="sc.helpers.openInBrowser('http://funkatron.com')">Ed Finkler, Funkatron Productions</a></p>
<ul>
<li><a class="clickable" onclick="sc.helpers.openInBrowser('http://twitter.com/spaz')">@Spaz on Twitter</a></li>
<li><a class="clickable" onclick="sc.helpers.openInBrowser('http://getspaz.com')">Spaz Homepage</a></li>
<li><a class="clickable" onclick="sc.helpers.openInBrowser('http://help.getspaz.com')">Spaz User Support</a></li>
<li><a class="clickable" onclick="sc.helpers.openInBrowser('http://webchat.freenode.net/">Spaz on IRC</a>: Freenode, channel #spaz</li>
<li><a class="clickable" onclick="sc.helpers.openInBrowser('http://groups.google.com/group/spaz-users')">Spaz-Users discussion group</a></li>
<li><a class="clickable" onclick="sc.helpers.openInBrowser('http://github.com/funkatron/spaz-desktop-air')">Spaz Source Code</a></li>
<li><a class="clickable" onclick="sc.helpers.openInBrowser('http://funkatron.com/apps/spaz/AIR/LICENSE.txt')">Spaz License</a></li>
</ul>
<h3>Please Support Spaz!</h3>
<p><a href='http://www.pledgie.com/campaigns/8477'><img alt='Click here to lend your support to: Spaz: An open source microblogging client and make a donation at www.pledgie.com !' src='http://www.pledgie.com/campaigns/8477.png?skin_name=chrome' border='0' /></a></p>
<h3>Media sets used</h3>
<ul>
<li><a class="clickable" onclick="sc.helpers.openInBrowser('http://leobolin.net/simplesmileys/')">Simple Smileys emoticons by Leo Bolin</a></li>
<li><a class="clickable" onclick="sc.helpers.openInBrowser('http://www.adiumxtras.com/index.php?a=xtras&amp;xtra_id=602')">Tokyo Train Station soundset by Dominik Dimaano</a></li>
<li><a class="clickable" onclick="sc.helpers.openInBrowser('http://glyphish.com')">Glyphish icons by Joseph Wain</a></li>
</ul>
</div>
</div>
</div>
<!--
Help window
-->
<div class="popbox-content-wrapper" id="helpWindow">
<div class="popbox-content info" id="popbox-content-help">
<h1>Help <span class="closeDOMWindow">close</span></h1>
<div class="content">
<h2>Online resources</h2>
<ul id="resources">
<li><a class="clickable" onclick="sc.helpers.openInBrowser('http://twitter.com/spaz')">@Spaz on Twitter</a></li>
<li><a class="clickable" onclick="sc.helpers.openInBrowser('http://help.getspaz.com')">Spaz User Support</a></li>
<li><a class="clickable" onclick="sc.helpers.openInBrowser('http://webchat.freenode.net/">Spaz on IRC</a>: Freenode, channel #spaz</li>
<li><a class="clickable" onclick="sc.helpers.openInBrowser('http://groups.google.com/group/spaz-users')">Spaz-Users discussion group</a></li>
</ul>
<h2>Keyboard shortcuts</h2>
<p><em>Note: Windows &amp; Linux users should use CTRL instead of CMD</em></p>
<table id="help-shortcuts" class="data">
<thead>
<tr>
<th>keystroke</th>
<th>command</th>
</tr>
</thead>
<tbody>
<!-- composing -->
<tr>
<td class="section-header" colspan="2">Composing</td>
</tr>
<tr>
<td class="label">CMD+T</td>
<td class="value">Jump to message entry box</td>
</tr>
<tr>
<td class="label">CMD+SHIFT+2</td>
<td class="value">Respond to sender of currently selected message</td>
</tr>
<tr>
<td class="label">CMD+B</td>
<td class="value">Markdown: <strong>bold</strong></td>
</tr>
<tr>
<td class="label">CMD+I</td>
<td class="value">Markdown: <em>italic</em></td>
</tr>
<tr>
<td class="label">CMD+U</td>
<td class="value">Markdown: <a>link&raquo;</a></td>
</tr>
<tr>
<td class="label">CMD+R</td>
<td class="value">Markdown: <code>code</code></td>
</tr>
<!-- Timeline Nav -->
<tr>
<td class="section-header" colspan="2">Timeline Nav</td>
</tr>
<tr>
<td class="label">&#x2191; <em>or</em> K <em>or</em> CMD+K</td>
<td class="value">Up one message</td>
</tr>
<tr>
<td class="label">&#x2193; <em>or</em> J <em>or</em> CMD+J</td>
<td class="value">Down one message</td>
</tr>
<tr>
<td class="label">CMD+&#x2191;</td>
<td class="value">Up one reply</td>
</tr>
<tr>
<td class="label">CMD+&#x2193;</td>
<td class="value">Down one reply</td>
</tr>
<tr>
<td class="label">CMD+SHIFT+&#x2191;</td>
<td class="value">Up one dm</td>
</tr>
<tr>
<td class="label">CMD+SHIFT+&#x2193;</td>
<td class="value">Down one dm</td>
</tr>
<tr>
<td class="label">CMD+HOME</td>
<td class="value">Select first message</td>
</tr>
<tr>
<td class="label">CMD+END</td>
<td class="value">Select last message</td>
</tr>
<tr>
<td class="label">CMD+F</td>
<td class="value"><strong>toggle</strong> between showing all tweets and only @replies &amp; dms</td>
</tr>
<tr>
<td class="label">CMD+SHIFT+M</td>
<td class="value"><strong>Mark</strong> all messages as read in current view</td>
</tr>
<tr>
<td class="label">F5</td>
<td class="value">Reload current view</td>
</tr>
<tr>
<td class="label">SHIFT+F5</td>
<td class="value">Clear and reload current view</td>
</tr>
<!-- App Nav -->
<tr>
<td class="section-header" colspan="2">Application Nav</td>
</tr>
<tr>
<td class="label">CMD+,</td>
<td class="value">View Preferences</td>
</tr>
<tr>
<td class="label">CMD+SHIFT+,</td>
<td class="value">Open preferences folder</td>
</tr>
<tr>
<td class="label">CMD+{1-7}</td>
<td class="value">Switch to Tab 1-7</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!--
Short Link window
-->
<div class="popbox-content-wrapper" id="shortLinkWindow">
<div class="popbox-content" id="popbox-content-short-link">
<h1>Shorten Link <span class="closeDOMWindow">close</span></h1>
<div class="content">
<form id="shortenLink-form" onsubmit="return false;">
<div class="formrow">
<label for="url-shortener">Service</label>
<select id="url-shortener" name="url-shortener">
<!-- stuff goes here -->
</select>
</div>
<div class="formrow">
<label for="shorten-original-link">Link</label>
<input type="text" name="original-link" id="shorten-original-link" value="http://" />
</div>
<div class="formrow" id="shorten-custom-hidden" style="display: none; visibility: hidden;">
<label for="shorten-custom-link">Custom</label>
<input type="text" name="custom-link" id="shorten-custom-link" value="" />
</div>
<div class="formrow">
<label for="shorten-short-link">Short</label>
<input type="text" name="short-link" id="shorten-short-link" value="" />
</div>
<div class="formrow" style="text-align:right; margin-top:15px">
<input type="submit" id="shorten-button" name="update" value="Shorten" />
</div>
<div id="verification-result" align="center">&nbsp;</div>
</form>
</div>
</div>
</div>
<!--
Image Upload window
-->
<div class="popbox-content-wrapper" id="imageUploadWindow">
<div class="popbox-content" id="popbox-content-image-upload">
<h1>Upload Image <span class="closeDOMWindow">close</span></h1>
<div class="content">
<div id="imageupload-droplet" title="Click to upload">&#x21E7;</div>
<form id="imageupload-form" onsubmit="return false;">
<div class="formrow">
<label for="imageupload-file-uploader">Service</label>
<select id="imageupload-file-uploader" name="imageupload-file-uploader">
</select>
</div>
<div class="formrow">
<label for="imageupload-file-url">File</label>
<input type="text" name="imageupload-file-url" id="imageupload-file-url" disabled='disabled' />
</div>
<!-- <div class="formrow">
<label for="imageupload-post-message">Message</label>
<textarea name="imageupload-post-message" id="imageupload-post-message"></textarea>
</div> -->
<div style="text-align:center">
<input type="button" id="imageupload-button" name="imageupload-button" value="Upload" />
</div>
<!-- <div id="extra-twitpic" class="formrow service-extras" style="text-align:center; margin-top:15px">
<input type="button" id="imageupload-button" name="upload" value="Upload" disabled="disabled" style="font-size:24pt" />
</div> -->
<div id="imageupload-verification-result" align="center">
<span id='imageupload-loading'></span>
<span id="imageupload-status-text"></span>
</div>
</form>
</div>
</div>
</div>
<!--
Conversation window
-->
<div class="popbox-content-wrapper" id="conversationWindow">
<div class="popbox-content" id="popbox-content-conversation">
<h1>Conversation <span class="closeDOMWindow">close</span></h1>
<div class="content">
<div id="timeline-conversation" class="timeline"></div>
</div>
</div>
</div>
<!--
News/updates window
-->
<div class="popbox-content-wrapper" id="newsWindow">
<div class="popbox-content info" id="popbox-content-news">
<h1>News &amp; Updates <span class="closeDOMWindow">close</span></h1>
<div class="content">
<div id="news-content"></div>
</div>
</div>
</div>
<!--
Drafts window
-->
<div class="popbox-content-wrapper" id="draftsWindow">
<div class="popbox-content" id="popbox-content-drafts">
<h1>Drafts <span class="closeDOMWindow">close</span></h1>
<div class="content">
<ul></ul>
</div>
</div>
</div>
<!--
Profile window
-->
<div class="popbox-content-wrapper" id="profileWindow">
<div class="popbox-content" id="popbox-content-profile">
<h1>Profile <span class="closeDOMWindow">close</span></h1>
<div class="content loading">
<div class="loading">Loading&hellip;</div>
<div class="header">
<div class="profile-user-image clickable" title="View large"></div>
<p class="name clickable" title="View full profile in browser">
<strong class="real-name"></strong>
<span class="username"></span>
</p>
</div>
<div class="body">
<p class="website clickable" title="View in browser"></p>
<p class="location">
<span class="label">Location:</span>
<span class="value clickable" title="View map in browser"></span>
</p>
<p class="bio"></p>
<ul class="counts">
<li class="tweets clickable" title="View in browser">
<em></em> <span class="label">tweets</span>
</li>
<li class="following clickable" title="View in browser">
<em></em> <span class="label">following</span>
</li>
<li class="followers clickable" title="View in browser">
<em></em> <span class="label">followers</span>
</li>
<li class="listed clickable" title="View in browser">
<em></em> <span class="label">listed</span>
</li>
</ul>
<p class="faves clickable">View favorites</p>
</div>
</div> <!-- div.content -->
<div class="controls">
<button class="follow-toggle follow" style="display:none">Follow</button>
<button class="follow-toggle unfollow" style="display:none">Unfollow</button>
<button class="tools"><span>Tools</span></button>
<!-- <button class="lists" title="N/A">Lists</button> -->
</div>
</div> <!-- div.popbox-content -->
</div>
</div> <!-- End #container -->
<span id="wilhelm">
WILHELM!!!
</span>
<div id="spaz-dialog"></div>
</body>
</html>
Jump to Line
Something went wrong with that request. Please try again.