|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
|
|
|
|
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
|
|
|
|
|
|
|
<html>
|
|
|
|
<head>
|
|
|
|
<meta charset="utf-8" />
|
|
|
|
|
|
|
|
<title>twister mobile</title>
|
|
|
|
|
|
|
|
<meta name="viewport" content="width=device-width, user-scalable=no"/>
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="css/jquery.mobile-1.3.2.min.css" />
|
|
|
|
<script src="js/jquery-1.12.4.min.js"></script>
|
|
|
|
<script src="js/jquery.mobile.router.min.js"></script>
|
|
|
|
<script src="js/jquery.mobile-1.3.2.min.js"></script>
|
|
|
|
|
|
|
|
<script src="js/jQueryPlugins.js"></script>
|
|
|
|
<script src="js/jquery.jsonrpcclient.js"></script>
|
|
|
|
<script src="js/jquery.storageapi.js"></script>
|
|
|
|
<script src="js/options.js?vr=10"></script>
|
|
|
|
<script src="js/franc.js"></script>
|
|
|
|
<script src="js/notify.js"></script>
|
|
|
|
<script src="js/mobile_abstract.js?vr=10"></script>
|
|
|
|
<script src="js/twister_io.js?vr=10"></script>
|
|
|
|
<script src="js/polyglot.min.js?vr=10"></script>
|
|
|
|
<script src="js/interface_localization.js?vr=10"></script>
|
|
|
|
<script src="js/twister_network.js?vr=10"></script>
|
|
|
|
<script src="js/twister_user.js?vr=10"></script>
|
|
|
|
<script src="js/twister_formatpost.js?vr=10"></script>
|
|
|
|
<script src="js/twister_following.js?vr=10"></script>
|
|
|
|
<script src="js/twister_timeline.js?vr=10"></script>
|
|
|
|
<script src="js/twister_newmsgs.js?vr=10"></script>
|
|
|
|
<script src="js/twister_actions.js?vr=10"></script>
|
|
|
|
<script src="js/twister_directmsg.js?vr=10"></script>
|
|
|
|
<script src="js/interface_common.js?vr=10"></script>
|
|
|
|
<script src="js/tmobile.js?vr=10"></script>
|
|
|
|
<script src="js/jpeg_encoder_basic.js"></script>
|
|
|
|
<script src="js/twister-crypto-bundle.js"></script>
|
|
|
|
|
|
|
|
<link rel="shortcut icon" type="image/png" href="img/twisterarmy.png" />
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
|
|
|
|
<style>
|
|
|
|
.ui-li-heading { margin: 0em 0 0.6em 0; }
|
|
|
|
.ui-li-desc { margin: -.5em 0 .6em; text-overflow: ellipsis; overflow: visible; white-space: pre-line; }
|
|
|
|
.ui-li-thumb, .ui-li-icon { top: 13px; }
|
|
|
|
|
|
|
|
.ui-input-search { width: 50% !important;}
|
|
|
|
|
|
|
|
.ui-btn-icon-right .ui-icon { position: absolute; top: 30%; margin-top: -9px; }
|
|
|
|
|
|
|
|
.no-ellipsis {text-overflow: initial !important; overflow: visible !important;
|
|
|
|
white-space: normal !important; }
|
|
|
|
|
|
|
|
img.avatar {
|
|
|
|
-webkit-border-radius: 10px;
|
|
|
|
-mox-border-radius:10px;
|
|
|
|
border-radius: 10px;
|
|
|
|
width: 50px; height: 50px;
|
|
|
|
}
|
|
|
|
.avatar.tiny {
|
|
|
|
width: 24px;
|
|
|
|
height: 24px;
|
|
|
|
border-radius: 100%;
|
|
|
|
}
|
|
|
|
#profile-edit img.avatar {display:block; margin-left: auto; margin-right: auto; width: 64px; height: 64px;}
|
|
|
|
|
|
|
|
.ui-listview .post a{ color: #0030ff; }
|
|
|
|
|
|
|
|
#post li.original { background: #fff; /*top:5px; border-width:5px !important;*/}
|
|
|
|
#post li.related .post-interactions { display:none; }
|
|
|
|
|
|
|
|
#new-user-modal .text { margin: 0 0 15px 0; }
|
|
|
|
#new-user-modal .emphasis { font-size: 18px; text-align: center; }
|
|
|
|
#new-user-modal .secret-key { font-weight: bold; word-break:break-all; }
|
|
|
|
#profile-edit .secret-key { word-break:break-all; }
|
|
|
|
|
|
|
|
.header {position:fixed;z-index:10;top:0;width:100%}
|
|
|
|
.content {padding:15px 20px 20px 20px;}
|
|
|
|
.footer {position:fixed;z-index:10;bottom:0;width:100%}
|
|
|
|
|
|
|
|
.post-textarea-edit-bar {
|
|
|
|
font-weight: lighter;
|
|
|
|
font-size: 12px;
|
|
|
|
margin: 2px 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.post-area-new .post-textarea-edit-bar > * {
|
|
|
|
margin: 2px 4px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.post-info-time {
|
|
|
|
font-weight: lighter;
|
|
|
|
font-size: 12px;
|
|
|
|
color: #555 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.post-stats {
|
|
|
|
height: 34px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.post-stats > div {
|
|
|
|
display: inline-block;
|
|
|
|
line-height: 16px;
|
|
|
|
vertical-align: middle;
|
|
|
|
}
|
|
|
|
|
|
|
|
.post-stats .stat-count {
|
|
|
|
font-size: 80%;
|
|
|
|
color: rgba(0, 0, 0, .5);
|
|
|
|
padding-right: 4px;
|
|
|
|
border-right: solid 1px rgba(69, 71, 77, .1);
|
|
|
|
}
|
|
|
|
|
|
|
|
.post-stats .stat-count .stat-count-value {
|
|
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
|
|
|
|
.post-stats .avatar-row {
|
|
|
|
padding: 4px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.post-stats .avatar-row a {
|
|
|
|
display: inline-block;
|
|
|
|
position: relative;
|
|
|
|
margin-right: 2px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.post-stats .avatar-row .user-name-tooltip {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.post-rt-by {
|
|
|
|
font-size: 60%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.post-rt-by div {
|
|
|
|
display: inline;
|
|
|
|
}
|
|
|
|
|
|
|
|
.post-rt-by .prep:before,
|
|
|
|
.post-rt-by .prep:after {
|
|
|
|
content: ' ';
|
|
|
|
}
|
|
|
|
|
|
|
|
.post-rt-reference {
|
|
|
|
background-color: #FAFAFA;
|
|
|
|
border: 1px solid #ccc;
|
|
|
|
padding: 4px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.post-rt-reference:hover {
|
|
|
|
background-color: #FFF;
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
|
|
|
|
.post-rt-reference .post-photo {
|
|
|
|
float: left;
|
|
|
|
width: 24px;
|
|
|
|
height: 24px;
|
|
|
|
margin-right: 4px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.post-rt-reference .post-photo img {
|
|
|
|
width: 24px;
|
|
|
|
height: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.post-rt-reference .post-info-name {
|
|
|
|
font-size: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.post-rt-reference .post-text {
|
|
|
|
font-size: 10px;
|
|
|
|
margin: 2px 10px 4px 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.post-rt-reference .post-info-time {
|
|
|
|
font-size: 9px;
|
|
|
|
float: right;
|
|
|
|
}
|
|
|
|
|
|
|
|
.direct-messages-list .post-info {
|
|
|
|
position: absolute;
|
|
|
|
top: 4px;
|
|
|
|
left: 72px;
|
|
|
|
width: 90%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.direct-messages-list .post-text {
|
|
|
|
position: absolute;
|
|
|
|
top: 32px;
|
|
|
|
left: 72px;
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
|
|
|
|
<div id="index" data-role="page">
|
|
|
|
<div class="content" data-role="content" style="">
|
|
|
|
<div>twister mobile</div>
|
|
|
|
<a href="#login">login</a>
|
|
|
|
<a href="#network">network</a>
|
|
|
|
<a href="#home">home</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="login" data-role="page">
|
|
|
|
<div class="myheader" data-role="header" data-position="fixed" data-tap-toggle="false" data-nobackbtn="true">
|
|
|
|
<h1 class="rtitle">twister login</h1>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="content" data-role="content" style=""></div>
|
|
|
|
|
|
|
|
<div class="footer" data-role="footer" data-position="fixed" data-tap-toggle="false">
|
|
|
|
<a href="#home" data-role="button">Home</a>
|
|
|
|
<a href="#network" data-role="button">Network</a>
|
|
|
|
<a href="#directmsg" data-role="button" class="newdms-count">Direct Msg</a>
|
|
|
|
<a href="#profile-edit" data-role="button">Profile</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div id="home" data-role="page">
|
|
|
|
|
|
|
|
<div class="myheader" data-role="header" data-position="fixed" data-tap-toggle="false" data-nobackbtn="true">
|
|
|
|
<div class="ui-btn-left" data-role="controlgroup" data-type="horizontal">
|
|
|
|
<a data-role="button" data-icon="refresh" class="timeline-refresh" rel="external">
|
|
|
|
Refresh
|
|
|
|
</a>
|
|
|
|
<a data-role="button" href="#mentions" class="mentions-count">
|
|
|
|
<!-- <span style="font-weight:normal; font-size: 15px;">@</span> -->
|
|
|
|
@
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<h1 class="rtitle"></h1>
|
|
|
|
|
|
|
|
<a href="#newmsg" class="ui-btn-right" style="">New post</a>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="content" data-role="content">
|
|
|
|
<div class="timeline">
|
|
|
|
<ul class="posts" data-role="listview">
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="footer" data-role="footer" data-position="fixed" data-tap-toggle="false">
|
|
|
|
<a href="#login" data-role="button">Login</a>
|
|
|
|
<a href="#network" data-role="button">Network</a>
|
|
|
|
<a href="#directmsg" data-role="button" class="newdms-count">Direct Msg</a>
|
|
|
|
<a href="#profile-edit" data-role="button">Profile</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div id="post" data-role="page">
|
|
|
|
|
|
|
|
<div class="myheader" data-role="header" data-position="fixed" data-tap-toggle="false" data-nobackbtn="true">
|
|
|
|
<a href="#search" class="ui-btn-left" style="">Search</a>
|
|
|
|
<h1 class="rtitle">twister</h1>
|
|
|
|
<a href="#newmsg" class="ui-btn-right" style="">New post</a>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="content" data-role="content">
|
|
|
|
<ul class="posts" data-role="listview">
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="footer" data-role="footer" data-position="fixed" data-tap-toggle="false">
|
|
|
|
<a href="#home" data-role="button">Home</a>
|
|
|
|
<a href="#network" data-role="button">Network</a>
|
|
|
|
<a href="#directmsg" data-role="button" class="newdms-count">Direct Msg</a>
|
|
|
|
<a href="#profile-edit" data-role="button">Profile</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="mentions" data-role="page">
|
|
|
|
|
|
|
|
<div class="myheader" data-role="header" data-position="fixed" data-tap-toggle="false" data-nobackbtn="true">
|
|
|
|
<a href="#search" class="ui-btn-left" style="">Search</a>
|
|
|
|
<h1 class="rtitle"></h1>
|
|
|
|
<a href="#newmsg" class="mention-newmsg ui-btn-right" style="">New post</a>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="content" data-role="content">
|
|
|
|
<ul class="posts" data-role="listview">
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="footer" data-role="footer" data-position="fixed" data-tap-toggle="false">
|
|
|
|
<a href="#home" data-role="button">Home</a>
|
|
|
|
<a href="#network" data-role="button">Network</a>
|
|
|
|
<a href="#directmsg" data-role="button" class="newdms-count">Direct Msg</a>
|
|
|
|
<a href="#profile-edit" data-role="button">Profile</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div id="hashtag" data-role="page">
|
|
|
|
|
|
|
|
<div class="myheader" data-role="header" data-position="fixed" data-tap-toggle="false" data-nobackbtn="true">
|
|
|
|
<a href="#search" class="ui-btn-left" style="">Search</a>
|
|
|
|
<h1 class="rtitle"></h1>
|
|
|
|
<a href="#newmsg" class="hashtag-newmsg ui-btn-right" style="">New post</a>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="content" data-role="content">
|
|
|
|
<ul class="posts" data-role="listview">
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="footer" data-role="footer" data-position="fixed" data-tap-toggle="false">
|
|
|
|
<a href="#home" data-role="button">Home</a>
|
|
|
|
<a href="#network" data-role="button">Network</a>
|
|
|
|
<a href="#directmsg" data-role="button" class="newdms-count">Direct Msg</a>
|
|
|
|
<a href="#profile-edit" data-role="button">Profile</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="newmsg" data-role="page">
|
|
|
|
|
|
|
|
<div class="myheader" data-role="header" data-position="fixed" data-tap-toggle="false">
|
|
|
|
<h1 class="rtitle">New post</h1>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="content" data-role="content">
|
|
|
|
|
|
|
|
<div class="tbox" style="">
|
|
|
|
<div style="padding-left:5px; width:300px; margin-bottom: 30px;">
|
|
|
|
|
|
|
|
<form class="post-area-new open">
|
|
|
|
<textarea placeholder="New Post..." style="height:85px; width:270px;"></textarea>
|
|
|
|
<div class="post-area-extras">
|
|
|
|
<span class="post-area-remaining">140</span>
|
|
|
|
<button class="post-submit disabled" disabled
|
|
|
|
style="float:right; height:44px; font-weight: bold; font-size: 115%%; margin-bottom: 5px; margin-right: 5px;">
|
|
|
|
Send</button>
|
|
|
|
</div>
|
|
|
|
</form>
|
|
|
|
</div>
|
|
|
|
<hr/>
|
|
|
|
<ul class="reply-original-post" data-role="listview">
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="footer" data-role="footer" data-position="fixed" data-tap-toggle="false">
|
|
|
|
<a href="#home" data-role="button">Home</a>
|
|
|
|
<a href="#network" data-role="button">Network</a>
|
|
|
|
<a href="#directmsg" data-role="button" class="newdms-count">Direct Msg</a>
|
|
|
|
<a href="#profile-edit" data-role="button">Profile</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div id="rt" data-role="page">
|
|
|
|
|
|
|
|
<div class="myheader" data-role="header" data-position="fixed" data-tap-toggle="false">
|
|
|
|
<h1 class="rtitle">Retransmit</h1>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="content" data-role="content">
|
|
|
|
<div>
|
|
|
|
<h3>Retransmit this post to your followers? </h3>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div>
|
|
|
|
<hr/>
|
|
|
|
<ul class="rt-original-post" data-role="listview">
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
<div> </div>
|
|
|
|
<button class="retransmit-confirm" href="#">Confirm</button>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="footer" data-role="footer" data-position="fixed" data-tap-toggle="false">
|
|
|
|
<a href="#home" data-role="button">Home</a>
|
|
|
|
<a href="#network" data-role="button">Network</a>
|
|
|
|
<a href="#directmsg" data-role="button" class="newdms-count">Direct Msg</a>
|
|
|
|
<a href="#profile-edit" data-role="button">Profile</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="profile" data-role="page">
|
|
|
|
|
|
|
|
<div class="myheader" data-role="header" data-position="fixed" data-tap-toggle="false">
|
|
|
|
<a href="#search" class="ui-btn-left" style="">Search</a>
|
|
|
|
<h1 class="rtitle">Profile</h1>
|
|
|
|
<a href="#newmsg" class="profile-newmsg ui-btn-right" style="">New post</a>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="content" data-role="content">
|
|
|
|
|
|
|
|
<div class="profile-card" data-screen-name="">
|
|
|
|
<!-- Coloquei a imagem de fundo do card do usuário como background da div
|
|
|
|
abaixo inline na tag para poder ser alterada dinamicamente
|
|
|
|
style="background: url(img/imgBack.png) no-repeat center center;"-->
|
|
|
|
<div class="profile-card-main">
|
|
|
|
<img class="profile-card-photo avatar" src="img/genericPerson.png"/>
|
|
|
|
<h1 class="profile-name"></h1>
|
|
|
|
<h2 class="profile-screen-name">@<b></b></h2>
|
|
|
|
<div>
|
|
|
|
<span class="profile-location"></span>
|
|
|
|
<a class="profile-url" rel="nofollow noreferrer" target="_blank"></a>
|
|
|
|
</div>
|
|
|
|
<div class="profile-bio">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<ul class="module profile-data">
|
|
|
|
<li><a href="#"><span class="posts-count"> </span>Posts</a></li>
|
|
|
|
<li><a href="#"><span class="following-count"> </span>Following</a></li>
|
|
|
|
<li><a href="#"><span class="followers-count"> </span>Followers</a></li>
|
|
|
|
</ul>
|
|
|
|
<a data-role="button" data-mini="true" class="follow" href="#following">Follow</a>
|
|
|
|
<a data-role="button" data-mini="true" class="direct-messages-with-user" href="#dmchat">Direct Message</a>
|
|
|
|
<a data-role="button" data-mini="true" class="mentions-from-user" href="#mentions">Mentions</a>
|
|
|
|
<div> </div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div>
|
|
|
|
<ul class="posts postboard-posts" data-role="listview">
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="footer" data-role="footer" data-position="fixed" data-tap-toggle="false">
|
|
|
|
<a href="#home" data-role="button">Home</a>
|
|
|
|
<a href="#network" data-role="button">Network</a>
|
|
|
|
<a href="#directmsg" data-role="button" class="newdms-count">Direct Msg</a>
|
|
|
|
<a href="#profile-edit" data-role="button">Profile</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div id="profile-edit" data-role="page">
|
|
|
|
|
|
|
|
<div class="myheader" data-role="header" data-position="fixed" data-tap-toggle="false">
|
|
|
|
<a href="#login" class="ui-btn-left" style="">Login</a>
|
|
|
|
<h1 class="rtitle">Edit profile</h1>
|
|
|
|
<a href="#following" class="ui-btn-right" style="">Following</a>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="content" data-role="content">
|
|
|
|
<input type="file" id="avatar-file"/>
|
|
|
|
<div class="profile-card forEdition">
|
|
|
|
<!-- Coloquei a imagem de fundo do card do usuário como background da div abaixo inline na tag para poder ser alterada dinamicamente -->
|
|
|
|
<div class="profile-card-main" style="background: url(img/img.png) no-repeat center center #b43e34;">
|
|
|
|
<img class="profile-card-photo forEdition avatar" src="img/genericPerson.png"/>
|
|
|
|
<input type="text" class="input-name" placeholder="Full name here"/>
|
|
|
|
<h2></h2>
|
|
|
|
<input type="text" class="input-bio" placeholder="Describe yourself"/>
|
|
|
|
<input type="text" class="input-location" placeholder="Location"/>
|
|
|
|
<input type="text" class="input-url" placeholder="website"/>
|
|
|
|
</div>
|
|
|
|
<div class="profile-edition-buttons">
|
|
|
|
<button class="cancel-changes" href="#">Cancel</button>
|
|
|
|
<button class="submit-changes" href="#">Save Changes</button>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div style="font-size:80%;text-align: center;">
|
|
|
|
<span class="label">Secret key:</span> <span class="secret-key"></span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="footer" data-role="footer" data-position="fixed" data-tap-toggle="false">
|
|
|
|
<a href="#home" data-role="button">Home</a>
|
|
|
|
<a href="#network" data-role="button">Network</a>
|
|
|
|
<a href="#directmsg" data-role="button" class="newdms-count">Direct Msg</a>
|
|
|
|
<a href="#profile-edit" data-role="button">Profile</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="following" data-role="page">
|
|
|
|
|
|
|
|
<div class="myheader" data-role="header" data-position="fixed" data-tap-toggle="false">
|
|
|
|
<a href="#search" class="ui-btn-left" style="">Search</a>
|
|
|
|
<h1 class="rtitle">Following</h1>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="content" data-role="content"></div>
|
|
|
|
|
|
|
|
<div class="footer" data-role="footer" data-position="fixed" data-tap-toggle="false">
|
|
|
|
<a href="#home" data-role="button">Home</a>
|
|
|
|
<a href="#network" data-role="button">Network</a>
|
|
|
|
<a href="#directmsg" data-role="button" class="newdms-count">Direct Msg</a>
|
|
|
|
<a href="#profile-edit" data-role="button">Profile</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="network" data-role="page">
|
|
|
|
|
|
|
|
<div class="myheader" data-role="header" data-position="fixed" data-tap-toggle="false">
|
|
|
|
<a href="#login" class="ui-btn-left" style="">Login</a>
|
|
|
|
<h1 class="rtitle">twister</h1>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="content" data-role="content">
|
|
|
|
<div class="network singleBlock">
|
|
|
|
<h2> Network status </h2>
|
|
|
|
|
|
|
|
<div class="module">
|
|
|
|
<h3> General information</h3>
|
|
|
|
<ul style="background: center center #ffff00; font-weight:bold">
|
|
|
|
<div> </div>
|
|
|
|
<div>
|
|
|
|
<span class="network-status highlight connection-status">Updating status...</span>
|
|
|
|
</div>
|
|
|
|
<div> </div>
|
|
|
|
</ul>
|
|
|
|
<button class="terminate-daemon">Terminate Daemon</button>
|
|
|
|
|
|
|
|
<h3> Detailed information </h3>
|
|
|
|
<ul>
|
|
|
|
<li class="connections">
|
|
|
|
<label>Connections: </label>
|
|
|
|
<span class="connection-count">1</span>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<label>Known peers: </label>
|
|
|
|
<span class="known-peers">6</span>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<label>Active DHT nodes: </label>
|
|
|
|
<span class="dht-nodes">0</span>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<label>Force connection to peer:</label>
|
|
|
|
<input class="new-peer-addr" type="textbox" placeholder="peer address" size="20"/>
|
|
|
|
<button class="add-peer disabled" disabled>Add peer</button>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<label>DNS to obtain list of peers:</label>
|
|
|
|
<input class="new-dns-addr" type="textbox" placeholder="dns address" size="20"/>
|
|
|
|
<button class="add-dns disabled" disabled>Add DNS</button>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
|
|
|
|
<h3> Block chain information </h3>
|
|
|
|
<ul>
|
|
|
|
<li>
|
|
|
|
<label>Number of blocks in block chain:</label>
|
|
|
|
<span class="blocks">2813</span>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<label>Time of the last block:</label>
|
|
|
|
<span class="last-block-time">Fri Nov 08 2013 08:32:48 </span>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<h2>Configure block generation</h2>
|
|
|
|
|
|
|
|
<div class="module">
|
|
|
|
<h3> Generate blocks (send promoted messages)</h3>
|
|
|
|
<ul>
|
|
|
|
<li>
|
|
|
|
<label> Block generation </label>
|
|
|
|
<select class="genblock">
|
|
|
|
<option value="disable">Disable</option>
|
|
|
|
<option value="enable">Enable</option>
|
|
|
|
</select>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<label> Number of CPUs to use </label>
|
|
|
|
<input class="genproclimit" type="textbox" value="1" size="3"/>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<label> Post to promote: </label>
|
|
|
|
<textarea class="spam-msg" placeholder="Type message here"></textarea>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<label> Send post with username </label>
|
|
|
|
<select class="local-usernames spam-user">
|
|
|
|
<option value="nobody">nobody</option>
|
|
|
|
</select>
|
|
|
|
<div class="character-limit">
|
|
|
|
<span class="post-area-remaining">140</span>
|
|
|
|
<button class="update-spam-msg enabled">Update</button>
|
|
|
|
</div>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="footer" data-role="footer" data-position="fixed" data-tap-toggle="false">
|
|
|
|
<a href="#home" data-role="button">Home</a>
|
|
|
|
<a href="#network" data-role="button">Network</a>
|
|
|
|
<a href="#directmsg" data-role="button" class="newdms-count">Direct Msg</a>
|
|
|
|
<a href="#profile-edit" data-role="button">Profile</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div id="directmsg" data-role="page">
|
|
|
|
<div class="myheader" data-role="header" data-position="fixed" data-tap-toggle="false" data-nobackbtn="true">
|
|
|
|
<h1 class="rtitle">Direct Messages</h1>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="content" data-role="content">
|
|
|
|
<ul class="direct-messages-list" data-role="listview"></ul>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="footer" data-role="footer" data-position="fixed" data-tap-toggle="false">
|
|
|
|
<a href="#home" data-role="button">Home</a>
|
|
|
|
<a href="#network" data-role="button">Network</a>
|
|
|
|
<a href="#directmsg" data-role="button" class="newdms-count">Direct Msg</a>
|
|
|
|
<a href="#profile-edit" data-role="button">Profile</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div id="dmchat" data-role="page">
|
|
|
|
<div class="myheader" data-role="header" data-position="fixed" data-tap-toggle="false" data-nobackbtn="true">
|
|
|
|
<h1 class="rtitle">Chat with</h1>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="content" data-role="content">
|
|
|
|
<ul class="direct-messages-thread" data-role="listview"></ul>
|
|
|
|
|
|
|
|
<div class="dm-form" style="padding:15px 20px 20px 20px;">
|
|
|
|
<form class="post-area-new open">
|
|
|
|
<textarea placeholder="New direct message..."></textarea>
|
|
|
|
<div class="post-area-extras">
|
|
|
|
<span class="post-area-remaining">140</span>
|
|
|
|
<button class="dm-submit disabled" disabled>send</button>
|
|
|
|
</div>
|
|
|
|
</form>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="footer" data-role="footer" data-position="fixed" data-tap-toggle="false">
|
|
|
|
<a href="#home" data-role="button">Home</a>
|
|
|
|
<a href="#network" data-role="button">Network</a>
|
|
|
|
<a href="#directmsg" data-role="button" class="newdms-count">Direct Msg</a>
|
|
|
|
<a href="#profile-edit" data-role="button">Profile</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div id="search" data-role="page">
|
|
|
|
<div class="myheader" data-role="header" data-position="fixed" data-tap-toggle="false" data-nobackbtn="true">
|
|
|
|
<h1 class="rtitle">Search users</h1>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="content" data-role="content">
|
|
|
|
<div>
|
|
|
|
<input type="text" class="userMenu-search-field" placeholder="Type partial username here"/>
|
|
|
|
</div>
|
|
|
|
<div> </div>
|
|
|
|
<div>
|
|
|
|
<ul class="userMenu-search-profiles" data-role="listview"></ul>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="footer" data-role="footer" data-position="fixed" data-tap-toggle="false">
|
|
|
|
<a href="#home" data-role="button">Home</a>
|
|
|
|
<a href="#network" data-role="button">Network</a>
|
|
|
|
<a href="#directmsg" data-role="button" class="newdms-count">Direct Msg</a>
|
|
|
|
<a href="#profile-edit" data-role="button">Profile</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="new-user-modal" data-role="page" style="max-width:400px;" class="ui-corner-all">
|
|
|
|
<div data-role="header" class="ui-corner-top">
|
|
|
|
<h1>New user created</h1>
|
|
|
|
</div>
|
|
|
|
<div role="main" class="ui-corner-bottom ui-content">
|
|
|
|
<div class="text">
|
|
|
|
A new user was created and it is being propagated to the network.
|
|
|
|
Please do not close this window, this might take a few minutes.
|
|
|
|
</div>
|
|
|
|
<div class="text emphasis">
|
|
|
|
Your secret key is:
|
|
|
|
<div class="secret-key"></div>
|
|
|
|
</div>
|
|
|
|
<div class="text">
|
|
|
|
It is highly recommended that you take this time to save your secret key.
|
|
|
|
Print it, do a screenshot, use the camera in your phone or write it down
|
|
|
|
to a piece of paper.
|
|
|
|
</div>
|
|
|
|
<div class="text">
|
|
|
|
The secret key will be needed to use this account from different computers.
|
|
|
|
If you ever lose your secret key (remember: this is alpha software and it may
|
|
|
|
crash, causing loss of data) your nickname will be locked forever.
|
|
|
|
There is no way to recover a lost key for twister accounts.
|
|
|
|
</div>
|
|
|
|
<div class="text"></div>
|
|
|
|
<div class="text">
|
|
|
|
Please wait. This page will be refreshed automatically.
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- <a href="#" data-role="button" data-inline="true" data-rel="back">Ok</a> -->
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="dialog_page" data-role="page" style="background:gray;">
|
|
|
|
|
|
|
|
<div class="myheader" data-role="header" data-position="fixed" data-tap-toggle="false">
|
|
|
|
<a class="back-btn" href="#home" data-icon="arrow-l" data-rel="back">Back</a>
|
|
|
|
|
|
|
|
<h1 class="page-title"></h1>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="content" data-role="content" style="">
|
|
|
|
|
|
|
|
<div class="ui-body-c" style="padding:10px; border-radius: 10px;">
|
|
|
|
<div class="dialog-title" style="font-size: 105%; font-weight:bold; margin-bottom:10px; text-align:center;"></div>
|
|
|
|
<div class="dialog-description" style="width:100%; margin-bottom:20px; text-align:center;"></div>
|
|
|
|
|
|
|
|
<div class="dialog-buttons" style="width:100%;"></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="footer" data-role="footer" data-position="fixed" data-tap-toggle="false">
|
|
|
|
<a href="#" data-role="button" class="logoutButton">Logout</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div id="anywhere"></div>
|
|
|
|
|
|
|
|
<div id="templates" style="display:none;">
|
|
|
|
<div id="search-profile-template">
|
|
|
|
<li>
|
|
|
|
<a class="mini-profile-info open-profile-modal" data-screen-name="">
|
|
|
|
<img class="mini-profile-photo avatar" src="img/genericPerson.png" alt="user-photo" />
|
|
|
|
<span class="mini-screen-name">@<b></b></span>
|
|
|
|
<span class="mini-profile-name"></span>
|
|
|
|
<!-- <button class="follow">Follow</button> -->
|
|
|
|
</a>
|
|
|
|
</li>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div id="template-post">
|
|
|
|
<li class="post-li module post" data-time="">
|
|
|
|
<img class="avatar" src="img/genericPerson.png" alt="user-photo"/>
|
|
|
|
<div class="post-data" data-userpost="" data-content_to_rt="" data-content_to_sigrt=""
|
|
|
|
data-screen-name="" data-id="" data-text="" data-text-mentions="">
|
|
|
|
<h4 class="post-info">
|
|
|
|
<a href="#" class="post-info-name open-profile-modal status_reply"></a>
|
|
|
|
<span class="post-info-tag"></span>
|
|
|
|
<a class="post-info-time ui-li-aside"><span class="post-info-sent"></span> <span></span></a>
|
|
|
|
</h4>
|
|
|
|
<p class="post-text no-ellipsis"></p>
|
|
|
|
<div class="post-context" style="display: none;"></div>
|
|
|
|
</div>
|
|
|
|
</li>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div id="post-preview-template">
|
|
|
|
<div id="post-preview">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div id="template-post-textarea-edit-bar">
|
|
|
|
<div class="post-textarea-edit-bar"></div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div id="template-shorten-uri">
|
|
|
|
<a class="shorten-uri">shorten URL</a>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div id="template-post-full">
|
|
|
|
<li class="module post" data-time="">
|
|
|
|
<img class="avatar" src="img/genericPerson.png" alt="user-photo"/>
|
|
|
|
<div class="post-data" data-userpost="" data-content_to_rt="" data-content_to_sigrt=""
|
|
|
|
data-screen-name="" data-id="" data-text="" data-text-mentions="">
|
|
|
|
<h4 class="post-info">
|
|
|
|
<a href="#" class="post-info-name open-profile-modal"></a>
|
|
|
|
<span class="post-info-tag"></span>
|
|
|
|
<a class="post-info-time ui-li-aside"><span class="post-info-sent"></span> <span></span></a>
|
|
|
|
</h4>
|
|
|
|
<p class="post-text no-ellipsis"></p>
|
|
|
|
<div class="post-context" style="display: none;"></div>
|
|
|
|
<!-- elementos de interação com o post que são exibidos no hover -->
|
|
|
|
<fieldset class="post-interactions ui-grid-a" data-role="fieldcontain">
|
|
|
|
<div class="ui-block-a">
|
|
|
|
<button class="post-reply" data-mini="true">Reply</button>
|
|
|
|
</div>
|
|
|
|
<div class="ui-block-b">
|
|
|
|
<button class="post-propagate" data-mini="true">RT</button>
|
|
|
|
</div>
|
|
|
|
</fieldset>
|
|
|
|
<div class="expanded-content">
|
|
|
|
<div class="post-stats">
|
|
|
|
<div class="stat-count">
|
|
|
|
<div class="stat-count-value"></div>
|
|
|
|
<div>Retransmits</div>
|
|
|
|
</div>
|
|
|
|
<div class="avatar-row"></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div> <!-- post-data -->
|
|
|
|
</li>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div id="template-post-rt-reference">
|
|
|
|
<div class="post-rt-reference">
|
|
|
|
<div class="post-photo"><img class="avatar" src="img/genericPerson.png" alt="user-photo" /></div>
|
|
|
|
<div class="post-info">
|
|
|
|
<a href="#" class="post-info-name open-profile-modal"></a>
|
|
|
|
<span class="post-info-tag"></span>
|
|
|
|
<a class="post-info-time"><span></span></a>
|
|
|
|
</div>
|
|
|
|
<p class="post-text"></p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div id="template-post-rt-by">
|
|
|
|
<div class="post-rt-sign">
|
|
|
|
<span class="prep">twisted again by</span><a class="open-profile-modal"></a>
|
|
|
|
</div>
|
|
|
|
<div class="post-rt-time">
|
|
|
|
<span class="prep">at</span><span class="time"></span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- template for user links in message (open profile modal) -->
|
|
|
|
<a id="msg-user-link-template" class="open-profile-modal"></a>
|
|
|
|
<!-- template for user links in message (open profile modal) -->
|
|
|
|
<a id="external-page-link-template" rel="nofollow noreferrer" target="_blank"></a>
|
|
|
|
<!-- template for user links in message (open profile modal) -->
|
|
|
|
<a id="hashtag-link-template" class="open-hashtag-modal"></a>
|
|
|
|
<div id="template-link-shortened">
|
|
|
|
<a class="link-shortened" rel="nofollow noreferrer" target="_blank"></a>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div id="template-avatar-tiny">
|
|
|
|
<a class="open-profile-modal" href="">
|
|
|
|
<img class="avatar tiny" src="img/genericPerson.png" alt="user-photo"/>
|
|
|
|
<span class="user-name-tooltip"></span>
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div id="template-direct-messages-list-item">
|
|
|
|
<li class="module post message" data-icon="arrow-r">
|
|
|
|
<div class="post-photo"><img class="avatar" src="img/genericPerson.png" alt="user-photo"/></div>
|
|
|
|
<div class="post-info">
|
|
|
|
<a class="post-info-name"></a>
|
|
|
|
<span class="post-info-tag">@</span>
|
|
|
|
<a class="post-info-time ui-li-aside"><span></span></a>
|
|
|
|
</div>
|
|
|
|
<p class="post-text"></p>
|
|
|
|
</li>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- template for each dm (chat window) -->
|
|
|
|
<li id="dm-chat-template" class="module post message">
|
|
|
|
<h4 class="post-photo">
|
|
|
|
<img class="avatar" src="img/genericPerson.png" alt="user-photo"/>
|
|
|
|
<a class="post-info-time ui-li-aside"><span class="post-info-sent"></span> <span></span></a>
|
|
|
|
</h4>
|
|
|
|
<p class="post-text no-ellipsis"></p>
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<div id="template-following-list">
|
|
|
|
<ul class="following-list" data-role="listview"></ul>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div id="template-following-peer">
|
|
|
|
<li>
|
|
|
|
<div class="mini-profile-info">
|
|
|
|
<a href="#" class="open-profile-modal">
|
|
|
|
<img class="mini-profile-photo avatar" src="img/genericPerson.png" alt="user-photo"/>
|
|
|
|
<span class="mini-profile-name">Fulano da Silva</span>
|
|
|
|
<span> </span>
|
|
|
|
<span class="mini-screen-name">@
|
|
|
|
<b class="following-screen-name"></b>
|
|
|
|
</span>
|
|
|
|
</a>
|
|
|
|
<div>
|
|
|
|
<a data-role="button" data-mini="true" class="unfollow">Unfollow</a>
|
|
|
|
<a data-role="button" data-mini="true" class="direct-messages-with-user" href="#dmchat">Direct Message</a>
|
|
|
|
<!-- <a data-role="button" data-mini="true" class="public-following">Public</button> -->
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
<span class="swarm-status" style="display: none;"></span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</li>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div id="template-login-modal">
|
|
|
|
<div class="module">
|
|
|
|
<span>Existing local users</span>
|
|
|
|
<div class="ui-grid-a">
|
|
|
|
<div class="ui-block-a">
|
|
|
|
<select class="local-usernames"></select>
|
|
|
|
</div>
|
|
|
|
<div class="ui-block-b">
|
|
|
|
<button class="login">Login</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<hr/>
|
|
|
|
<span> Or... </span>
|
|
|
|
|
|
|
|
<div class="module create-account">
|
|
|
|
<span>Create a new user</span>
|
|
|
|
<div>
|
|
|
|
<input class="alias" type="textbox" placeholder="Type nickname here" cols="16" rows="1"></input>
|
|
|
|
<span class="availability"></span>
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
<button class="check" disabled>Check availability</button>
|
|
|
|
<button class="create" disabled>Create this nickname</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<hr/>
|
|
|
|
<span> Or... </span>
|
|
|
|
|
|
|
|
<div class="module import-account">
|
|
|
|
<div>
|
|
|
|
<span>Import secret key</span>
|
|
|
|
<input class="secret-key" type="textbox" placeholder="52-characters secret" size="52" rows="1"></input>
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
<span>With nickname</span>
|
|
|
|
<input class="alias" type="textbox" placeholder="Type nickname here" size="16" rows="1"></input>
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
<button class="import" disabled>Import key</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div> <!-- templates -->
|
|
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
</html>
|