twisterarmy
/
twister-html
mirror of https://github.com/twisterarmy/twister-html.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

merge nin theme by @myleneb 

https://github.com/myleneb/twister-nin
master
Miguel Freitas 10 years ago
parent
c93499625c
commit
1122fefa94
10 changed files with 401 additions and 226 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 49
      following.html
  2. 55
      home.html
  3. 19
      js/interface_common.js
  4. 36
      js/interface_home.js
  5. 4
      js/mobile_abstract.js
  6. 43
      js/twister_following.js
  7. 16
      js/twister_io.js
  8. 14
      network.html
  9. 379
      options.html
  10. 12
      profile-edit.html

49
following.html
Unescape View File

@ -41,8 +41,8 @@
<nav class="userMenu"> <nav class="userMenu">
<ul> <ul>
<li class="userMenu-home"><a href="home.html"><span class="selectable_theme theme_original label">Home</span></a></li> <li class="userMenu-home"><a href="home.html"><span class="selectable_theme theme_original label">Home</span></a></li>
<li class="userMenu-network selectable_theme theme_original"><a class="label" href="network.html">Network</a></li> <li class="userMenu-network selectable_theme theme_original theme_nin"><a class="label" href="network.html">Network</a></li>
<li class="userMenu-profile selectable_theme theme_original"><a class="label" href="profile-edit.html">Profile</a></li> <li class="userMenu-profile selectable_theme theme_original theme_nin"><a class="label" href="profile-edit.html">Profile</a></li>
<li class="userMenu-config current"> <li class="userMenu-config current">
<a class="userMenu-config-dropdown" href="#"> <a class="userMenu-config-dropdown" href="#">
<div class="config-menu dialog-modal"> <div class="config-menu dialog-modal">
@ -105,10 +105,47 @@
<div class="wrapper"> <div class="wrapper">
<!-- LADO ESQUERDO DE MÓDULOS INIT -->
<div class="dashboard left">
<!-- PROFILE MODULE INIT -->
<div class="module mini-profile selectable_theme theme_nin">
<div class="mini-profile-info">
<!-- THEME NIN added user menu (mentions, messages and edit profile) -->
<ul class="mini-profile-indicators selectable_theme theme_nin">
<li class="userMenu-connections">
<a href="#" title="Mentions"><span class="messages-qtd" style="display:none;">0</span>Mentions</a>
</li>
<li class="userMenu-messages">
<a href="#" title="Direct Messages"><span class="messages-qtd" style="display:none;">0</span>Messages</a>
</li>
<li class="userMenu-user">
<a href="profile-edit.html" title="Edit profile">Edit profile</a>
</li>
</ul>
<div class="mini-profile-photo"><img src="img/grayed_avatar_placeholder_24.png" alt="user-photo"/></div>
<a href="#" class="mini-profile-name open-profile-modal"></a>
<span class="mini-profile-view">View</span>
</div>
<ul class="module profile-data">
<li><a href="#" class="open-profile-modal"><span class="posts-count">&nbsp;</span><span class="label">Posts</span></a></li>
<li class="current"><a href="following.html" class="open-following-page"><span class="following-count">&nbsp;</span><span class="label">Following</span></a></li>
<li><a href="#" class="open-followers"><span class="followers-count">&nbsp;</span><span class="label">Followers</span> *</a></li>
</ul>
</div>
<!-- PROFILE MODULE INIT -->
</div>
<!-- LADO ESQUERDO DE MÓDULOS INIT --> <!-- LADO ESQUERDO DE MÓDULOS INIT -->
<div class="following"> <div class="following">
<h2> Following </h2> <h2><span>Following</span></h2>
<div class="postboard-loading" style="display: none;"> <div class="postboard-loading" style="display: none;">
<div></div> <div></div>
@ -360,10 +397,10 @@
<div class="profile-bio"></div> <div class="profile-bio"></div>
<div id="msngrswr"> <div id="msngrswr">
<div id="toxbtnwr" class="profile-extra-contact"> <div id="toxbtnwr" class="profile-extra-contact">
<a class="profile-tox"></a><a class="tox-ctc"></a> <a class="profile-tox"><span class="selectable_theme theme_nin">TOX</span></a><a class="tox-ctc"></a>
</div> </div>
<div id="bmbtnwr" class="profile-extra-contact"> <div id="bmbtnwr" class="profile-extra-contact">
<a class="profile-bitmessage"></a><a class="bitmessage-ctc"></a> <a class="profile-bitmessage"><span class="selectable_theme theme_nin">BM</span></a><a class="bitmessage-ctc"></a>
</div> </div>
</div> </div>
</div> </div>
@ -385,7 +422,7 @@
<!-- ÁREA DE POSTS INIT --> <!-- ÁREA DE POSTS INIT -->
<div class="postboard"> <div class="postboard">
<h2> <h2>
Posts <span>Posts</span>
<!-- o botão de novas postagens deve ser ocultado quando o usuário clicá-lo via javascript --> <!-- o botão de novas postagens deve ser ocultado quando o usuário clicá-lo via javascript -->
<button class="postboard-news" style="display:none;"></button> <button class="postboard-news" style="display:none;"></button>
</h2> </h2>

55
home.html
Unescape View File

@ -39,9 +39,12 @@
<!-- MENU SUPERIOR INIT --> <!-- MENU SUPERIOR INIT -->
<nav class="userMenu"> <nav class="userMenu">
<ul> <ul>
<li class="userMenu-home current"><a href="home.html"><span class="selectable_theme theme_original label">Home</span></a></li> <li class="userMenu-home current"><a href="home.html">
<li class="userMenu-network selectable_theme theme_original"><a class="label" href="network.html">Network</a></li> <span class="selectable_theme theme_original label">Home</span>
<li class="userMenu-profile selectable_theme theme_original"><a class="label" href="profile-edit.html">Profile</a></li> <span class="menu-news"></span>
</a></li>
<li class="userMenu-network selectable_theme theme_original theme_nin"><a class="label" href="network.html">Network</a></li>
<li class="userMenu-profile selectable_theme theme_original theme_nin"><a class="label" href="profile-edit.html">Profile</a></li>
<li class="userMenu-config"> <li class="userMenu-config">
<a class="userMenu-config-dropdown" href="#"> <a class="userMenu-config-dropdown" href="#">
<div class="config-menu dialog-modal"> <div class="config-menu dialog-modal">
@ -112,6 +115,19 @@
<!-- PROFILE MODULE INIT --> <!-- PROFILE MODULE INIT -->
<div class="module mini-profile"> <div class="module mini-profile">
<div class="mini-profile-info"> <div class="mini-profile-info">
<!-- THEME NIN added sub-menu (mentions, messages and edit profile) -->
<ul class="mini-profile-indicators selectable_theme theme_nin">
<li class="userMenu-connections">
<a href="#" title="Mentions"><span class="messages-qtd" style="display:none;">0</span>Mentions</a>
</li>
<li class="userMenu-messages">
<a href="#" title="Direct Messages"><span class="messages-qtd" style="display:none;">0</span>Messages</a>
</li>
<li class="userMenu-user">
<a href="profile-edit.html" title="Edit profile">Edit profile</a>
</li>
</ul>
<!--/sub-menu -->
<div class="mini-profile-photo"><img src="img/grayed_avatar_placeholder_24.png" alt="user-photo"/></div> <div class="mini-profile-photo"><img src="img/grayed_avatar_placeholder_24.png" alt="user-photo"/></div>
<a href="#" class="mini-profile-name open-profile-modal"></a> <a href="#" class="mini-profile-name open-profile-modal"></a>
<span class="mini-profile-view">View</span> <span class="mini-profile-view">View</span>
@ -163,10 +179,33 @@
<!-- ÁREA DE POSTS INIT --> <!-- ÁREA DE POSTS INIT -->
<div class="postboard"> <div class="postboard">
<h2> <h2>
Postboard <span>Postboard</span>
<!-- o botão de novas postagens deve ser ocultado quando o usuário clicá-lo via javascript --> <!-- o botão de novas postagens deve ser ocultado quando o usuário clicá-lo via javascript -->
<button class="postboard-news" style="display: none;"></button> <button class="postboard-news selectable_theme theme_original theme_calm" style="display: none;"></button>
</h2> </h2>
<!-- Tabs to switch between promoted post and normal posts-->
<ul class="promoted-posts-only promoted selectable_theme theme_nin">
<li class="normal-posts active">Normal posts</li>
<li class="promoted-posts disabled">Promoted posts</li>
</ul>
<!-- Post area on top of postboard -->
<div id="postboard-top" class=" selectable_theme theme_nin">
<div class="post-area">
<form class="post-area-new">
<textarea placeholder="New Post..."></textarea>
<div class="post-area-extras">
<span class="post-area-remaining">140</span>
<button class="undo-unicode disabled" disabled="true">undo</button>
<button class="post-submit disabled" disabled="true">post</button>
</div>
</form>
</div>
<!-- User's pic -->
<div class="profile-photo"><img src="img/genericPerson.png" alt="user-photo"/></div>
</div>
<div class="postboard-news" style="display:none"></div>
<!-- END postboard-top -->
<ol id="posts" class="postboard-posts"> <ol id="posts" class="postboard-posts">
<!-- use "post-template" here --> <!-- use "post-template" here -->
@ -388,10 +427,10 @@
<div class="profile-bio"></div> <div class="profile-bio"></div>
<div id="msngrswr"> <div id="msngrswr">
<div id="toxbtnwr" class="profile-extra-contact"> <div id="toxbtnwr" class="profile-extra-contact">
<a class="profile-tox"></a><a class="tox-ctc"></a> <a class="profile-tox"><span class="selectable_theme theme_nin">TOX</span></a><a class="tox-ctc"></a>
</div> </div>
<div id="bmbtnwr" class="profile-extra-contact"> <div id="bmbtnwr" class="profile-extra-contact">
<a class="profile-bitmessage"></a><a class="bitmessage-ctc"></a> <a class="profile-bitmessage"><span class="selectable_theme theme_nin">BitMessage</span></a><a class="bitmessage-ctc"></a>
</div> </div>
</div> </div>
</div> </div>
@ -433,7 +472,7 @@
<!-- ÁREA DE POSTS INIT --> <!-- ÁREA DE POSTS INIT -->
<div class="postboard"> <div class="postboard">
<h2> <h2>
Posts <span class="selectable_theme theme_original">Posts</span>
<!-- o botão de novas postagens deve ser ocultado quando o usuário clicá-lo via javascript --> <!-- o botão de novas postagens deve ser ocultado quando o usuário clicá-lo via javascript -->
<button class="postboard-news" style="display:none;"></button> <button class="postboard-news" style="display:none;"></button>
</h2> </h2>

19
js/interface_common.js
Unescape View File

@ -1246,15 +1246,26 @@ var retweetSubmit = function(e)
function changeStyle() { function changeStyle() {
var style, profile, menu; var style, profile, menu;
var theme = $.Options.getTheme(); var theme = $.Options.getTheme();
if(theme == 'original')
if(theme == 'nin')
{ {
style = 'css/style.css'; style = 'theme_nin/css/style.css';
profile = 'css/profile.css'; profile = 'theme_nin/css/profile.css';
}else $.getScript('theme_nin/js/theme_option.js');
}
if(theme == 'calm')
{ {
style = 'theme_calm/css/style.css'; style = 'theme_calm/css/style.css';
profile = 'theme_calm/css/profile.css'; profile = 'theme_calm/css/profile.css';
} }
if(theme == 'original')
{
style = 'css/style.css';
profile = 'css/profile.css';
}
$('#stylecss').attr('href', style); $('#stylecss').attr('href', style);
$('#profilecss').attr('href', profile); $('#profilecss').attr('href', profile);
$("<style type='text/css'> .selectable_theme{display:none!important;}\n" + $("<style type='text/css'> .selectable_theme{display:none!important;}\n" +

36
js/interface_home.js
Unescape View File

@ -15,13 +15,37 @@ var InterfaceFunctions = function()
{ {
$( ".wrapper .postboard-news").click(function() { $( ".wrapper .postboard-news").click(function() {
requestTimelineUpdate("latest",postsPerRefresh,followingUsers,promotedPostsOnly);}); requestTimelineUpdate("latest",postsPerRefresh,followingUsers,promotedPostsOnly);});
$( ".promoted-posts-only").click(function() {
/*$( ".promoted-posts-only").click(function() {
promotedPostsOnly = !promotedPostsOnly; promotedPostsOnly = !promotedPostsOnly;
$(this).text( promotedPostsOnly ? "Switch to Normal posts" : "Switch to Promoted posts" ); $(this).text( promotedPostsOnly ? "Switch to Normal posts" : "Switch to Promoted posts" );
timelineChangedUser(); timelineChangedUser();
$.MAL.getStreamPostsParent().empty(); $.MAL.getStreamPostsParent().empty();
requestTimelineUpdate("latestFirstTime",postsPerRefresh,followingUsers,promotedPostsOnly); requestTimelineUpdate("latestFirstTime",postsPerRefresh,followingUsers,promotedPostsOnly);
}); });*/
// Add refresh posts for home link in menu
$( ".userMenu-home.current a").click(function() {
requestTimelineUpdate("latest",postsPerRefresh,followingUsers,promotedPostsOnly);});
// modified the way promoted posts are shown
$( ".promoted-posts-only").click(function() {
promotedPostsOnly = !promotedPostsOnly;
//active promoted posts tab
$(this).children('.promoted-posts').addClass(promotedPostsOnly ? "active" : "disabled");
$(this).children('.normal-posts').addClass(promotedPostsOnly ? "disabled" : "active");
$('#postboard-top').removeClass(promotedPostsOnly ? "show" : "hide");
//active normal posts
$(this).children('.promoted-posts').removeClass(promotedPostsOnly ? "disabled" : "active");
$(this).children('.normal-posts').removeClass(promotedPostsOnly ? "active" : "disabled");
$('#postboard-top').addClass(promotedPostsOnly ? "hide" : "show");
timelineChangedUser();
$.MAL.getStreamPostsParent().empty();
requestTimelineUpdate("latestFirstTime",postsPerRefresh,followingUsers,promotedPostsOnly);
});
initInterfaceCommon(); initInterfaceCommon();
initUserSearch(); initUserSearch();
@ -77,6 +101,8 @@ var InterfaceFunctions = function()
$miniProfile.find(".mini-profile-name").text(defaultScreenName); $miniProfile.find(".mini-profile-name").text(defaultScreenName);
getFullname( defaultScreenName, $miniProfile.find(".mini-profile-name") ); getFullname( defaultScreenName, $miniProfile.find(".mini-profile-name") );
getAvatar( defaultScreenName, $miniProfile.find(".mini-profile-photo").find("img") ); getAvatar( defaultScreenName, $miniProfile.find(".mini-profile-photo").find("img") );
// add avatar in postboard-top
getAvatar( defaultScreenName, $("#postboard-top").find("img") );
getPostsCount( defaultScreenName, $miniProfile.find(".posts-count") ); getPostsCount( defaultScreenName, $miniProfile.find(".posts-count") );
getFollowers( defaultScreenName, $miniProfile.find(".followers-count") ); getFollowers( defaultScreenName, $miniProfile.find(".followers-count") );
@ -123,6 +149,10 @@ var InterfaceFunctions = function()
if( args.cbFunc ) if( args.cbFunc )
args.cbFunc(args.cbArg); args.cbFunc(args.cbArg);
}, {cbFunc:cbFunc, cbArg:cbArg}); }, {cbFunc:cbFunc, cbArg:cbArg});
} }
} }
}; };
@ -143,5 +173,5 @@ function fixDiv()
else else
$cache.removeClass( "fixed" ); $cache.removeClass( "fixed" );
} }
$(window).scroll(fixDiv); $(window).scroll(fixDiv);

4
js/mobile_abstract.js
Unescape View File

@ -95,12 +95,16 @@ var MAL = function()
} }
} else { } else {
var newTweetsBar = $(".wrapper").find(".postboard-news"); var newTweetsBar = $(".wrapper").find(".postboard-news");
var newTweetsBarMenu = $(".userMenu").find(".menu-news"); // added for home menu entry
if( newPosts ) { if( newPosts ) {
document.title = "(" + String(newPosts) + ") twister"; document.title = "(" + String(newPosts) + ") twister";
newTweetsBar.text(String(newPosts) + " new posts"); newTweetsBar.text(String(newPosts) + " new posts");
newTweetsBar.fadeIn("slow"); newTweetsBar.fadeIn("slow");
newTweetsBarMenu.text(String(newPosts));
newTweetsBarMenu.addClass("show");
} else { } else {
newTweetsBar.hide(); newTweetsBar.hide();
newTweetsBarMenu.removeClass("show");
document.title = "twister"; document.title = "twister";
} }
} }

43
js/twister_following.js
Unescape View File

@ -528,7 +528,7 @@ function showFollowingUsers(){
resItem.find("button").hide(); resItem.find("button").hide();
} }
resItem.appendTo($followingList); resItem.prependTo($followingList);
} }
$.MAL.followingListLoaded(); $.MAL.followingListLoaded();
} }
@ -787,3 +787,44 @@ function initInterfaceFollowing() {
initDMsCount(); initDMsCount();
}); });
} }
var InterfaceFunctions = function()
{
this.init = function()
{
initUser(initFollowing_);
};
function initFollowing_(cbFunc, cbArg) {
var $miniProfile = $(".left .mini-profile");
if(!defaultScreenName)
{
}
else
{
$miniProfile.find("a.mini-profile-name").attr("href",$.MAL.userUrl(defaultScreenName));
$miniProfile.find("a.open-profile-modal").attr("href",$.MAL.userUrl(defaultScreenName));
$miniProfile.find(".mini-profile-name").text(defaultScreenName);
getFullname( defaultScreenName, $miniProfile.find(".mini-profile-name") );
getAvatar( defaultScreenName, $miniProfile.find(".mini-profile-photo").find("img") );
getPostsCount( defaultScreenName, $miniProfile.find(".posts-count") );
getFollowers( defaultScreenName, $miniProfile.find(".followers-count") );
loadFollowing( function(args) {
$(".left .following-count").text(followingUsers.length-1);
initMentionsCount();
initDMsCount();
}, {cbFunc:cbFunc, cbArg:cbArg});
}
}
};
//***********************************************
//******************* INIT **************
//***********************************************
var interfaceFunctions = new InterfaceFunctions;
$( document ).ready( interfaceFunctions.init );

16
js/twister_io.js
Unescape View File

@ -255,11 +255,11 @@ function getBio( username, item ){
// get tox address and store it in item.text // get tox address and store it in item.text
function getTox( username, item ){ function getTox( username, item ){
getProfileResource( username, "tox", false, function(item, text){ getProfileResource( username, "tox", false, function(item, text){
item.empty(); //item.empty();
if(text) { if(text) {
item.attr('href', 'tox:'+text); item.attr('href', 'tox:'+text);
item.next().attr('data', text); item.next().attr('data', text).attr('title', 'Copy to clipboard');
item.parent().show().parent().show(); item.parent().css('display','inline-block').parent().show();
} }
}, item); }, item);
} }
@ -267,11 +267,11 @@ function getTox( username, item ){
// get bitmessage address and store it in item.text // get bitmessage address and store it in item.text
function getBitmessage( username, item ){ function getBitmessage( username, item ){
getProfileResource( username, "bitmessage", false, function(item, text){ getProfileResource( username, "bitmessage", false, function(item, text){
item.empty(); //item.empty();
if(text) { if(text) {
item.attr('href', 'bitmsg:'+text+'?action=add&label='+username); item.attr('href', 'bitmsg:'+text+'?action=add&label='+username);
item.next().attr('data', text); item.next().attr('data', text).attr('title', 'Copy to clipboard');
item.parent().show().parent().show(); item.parent().css('display','inline-block').parent().show();
} }
}, item); }, item);
} }
@ -320,8 +320,10 @@ function _putResourceIntoStorage(locator, data) {
// get avatar and set it in img.attr("src") // get avatar and set it in img.attr("src")
function getAvatar( username, img ){ function getAvatar( username, img ){
var theme = $.Options.getTheme();
if( username == "nobody" ) { if( username == "nobody" ) {
img.attr('src', "img/tornado_avatar.png"); if(theme == 'nin') {img.attr('src', "theme_nin/img/tornado_avatar.png");}
else {img.attr('src', "img/tornado_avatar.png");}
return; return;
} }

14
network.html
Unescape View File

@ -38,8 +38,8 @@
<nav class="userMenu"> <nav class="userMenu">
<ul> <ul>
<li class="userMenu-home"><a href="home.html"><span class="selectable_theme theme_original label">Home</span></a></li> <li class="userMenu-home"><a href="home.html"><span class="selectable_theme theme_original label">Home</span></a></li>
<li class="userMenu-network current selectable_theme theme_original"><a class="label" href="network.html">Network</a></li> <li class="userMenu-network current selectable_theme theme_original theme_nin"><a class="label" href="network.html">Network</a></li>
<li class="userMenu-profile selectable_theme theme_original"><a class="label" href="profile-edit.html">Profile</a></li> <li class="userMenu-profile selectable_theme theme_original theme_nin"><a class="label" href="profile-edit.html">Profile</a></li>
<li class="userMenu-config"> <li class="userMenu-config">
<a class="userMenu-config-dropdown" href="#"> <a class="userMenu-config-dropdown" href="#">
<div class="config-menu dialog-modal"> <div class="config-menu dialog-modal">
@ -57,9 +57,6 @@
</a> </a>
</li> </li>
<li class="userMenu-dhtindicator selectable_theme theme_calm"><a href="network.html"></a></li> <li class="userMenu-dhtindicator selectable_theme theme_calm"><a href="network.html"></a></li>
<li class="userMenu-search">
<input type="text" class="userMenu-search-field" placeholder="search"/>
</li>
</ul> </ul>
</nav> </nav>
<!-- MENU SUPERIOR END --> <!-- MENU SUPERIOR END -->
@ -67,9 +64,9 @@
<div class="wrapper"> <div class="wrapper">
<div class="network singleBlock"> <div class="network singleBlock">
<h2> Network status </h2> <h2 class="selectable_theme theme_original theme_calm"> Network status </h2>
<div class="module"> <div class="module">
<h2 class="selectable_theme theme_nin"> Network status </h2>
<h3> General information</h3> <h3> General information</h3>
<ul> <ul>
<li> <li>
@ -129,9 +126,10 @@
</div> </div>
<h2>Configure block generation</h2> <h2 class="selectable_theme theme_original theme_calm">Configure block generation</h2>
<div class="module"> <div class="module">
<h2 class="selectable_theme theme_nin">Configure block generation</h2>
<h3> Generate blocks (send promoted messages)</h3> <h3> Generate blocks (send promoted messages)</h3>
<ul> <ul>
<li> <li>

379
options.html
Unescape View File

@ -46,85 +46,106 @@
</ul> </ul>
</nav> </nav>
<div class="wrapper options"> <div class="wrapper">
<div class="options">
<div class="language"> <input id="tab_language" name="option_tab" type="radio" checked="checked" class="selectable_theme theme_nin"/>
<label for="tab_language" class="tabs selectable_theme theme_nin">Language</label>
<input id="t-2" name="option_tab" type="radio" class="selectable_theme theme_nin"/>
<label for="t-2" class="tabs selectable_theme theme_nin">Theme</label>
<input id="t-3" name="option_tab" type="radio" class="selectable_theme theme_nin"/>
<label for="t-3" class="tabs selectable_theme theme_nin">Sound</label>
<input id="t-4" name="option_tab" type="radio" class="selectable_theme theme_nin"/>
<label for="t-4" class="tabs selectable_theme theme_nin">Keys</label>
<input id="t-5" name="option_tab" type="radio" class="selectable_theme theme_nin"/>
<label for="t-5" class="tabs selectable_theme theme_nin">Postboard</label>
<input id="t-6" name="option_tab" type="radio" class="selectable_theme theme_nin" />
<label for="t-6" class="tabs selectable_theme theme_nin">Users</label>
<div class="module"> <div class="tab-content">
<p class="label"> Use language </p>
<div> <div class="language">
<form action="" id="selectLanguage">
<select name="" id="language"> <div class="module">
<option value="auto">Auto</option> <p class="label"> Use language </p>
<option value="pt-BR">Brazilian Portuguese</option> <div>
<option value="zh">Chinese</option> <form action="" id="selectLanguage">
<option value="nl">Dutch</option> <select name="" id="language">
<option value="en">English</option> <option value="auto">Auto</option>
<option value="fr">French</option> <option value="pt-BR">Brazilian Portuguese</option>
<option value="de">German</option> <option value="zh">Chinese</option>
<option value="it">Italian</option> <option value="nl">Dutch</option>
<option value="ja">Japanese</option> <option value="en">English</option>
<option value="ru">Russian</option> <option value="fr">French</option>
<option value="es">Spanish</option> <option value="de">German</option>
<option value="tr">Turkish</option> <option value="it">Italian</option>
</select> <option value="ja">Japanese</option>
</form> <option value="ru">Russian</option>
<option value="es">Spanish</option>
<option value="tr">Turkish</option>
</select>
</form>
</div>
</div>
</div> </div>
</div>
</div>
<div class="language">
<div class="module"> <div class="theme">
<p class="label"> Theme </p> <div class="module">
<div> <p class="label"> Theme </p>
<form action="" id="selectTheme"> <div>
<select name="" id="theme"> <form action="" id="selectTheme">
<option value="original">Original</option> <select name="" id="theme">
<option value="calm">Calm</option> <option value="original">Original</option>
</select> <option value="calm">Calm</option>
</form> <option value="nin">Nin</option>
<span class="selectable_theme theme_calm"> </select>
</form>
<span class="selectable_theme theme_calm">
For new features check <a href="https://github.com/iHedgehog/twister-calm">twister-calm repository</a>! For new features check <a href="https://github.com/iHedgehog/twister-calm">twister-calm repository</a>!
</span> </span>
</div>
</div>
</div> </div>
</div>
</div>
<div class="sounds"> <div class="sounds">
<div class="module"> <div class="module">
<p class="label"> Sound notifications </p> <p class="label"> Sound notifications </p>
<div> <div>
<form action="" id="notifyForm"> <form action="" id="notifyForm">
<p class="label">Mentions</p> <div>
<select name="" id="sndMention" class="sndOpt"> <p class="label">Mentions</p>
<option value="false">none</option> <select name="" id="sndMention" class="sndOpt">
<option value="1">beat</option> <option value="false">none</option>
<option value="2">pip</option> <option value="1">beat</option>
<option value="3">vibro</option> <option value="2">pip</option>
<option value="4">flip</option> <option value="3">vibro</option>
<option value="5">click</option> <option value="4">flip</option>
</select><br> <option value="5">click</option>
<p class="label">Direct Messages</p> </select>
<select name="" id="sndDM" class="sndOpt"> </div>
<option value="false">none</option> <div>
<option value="1">beat</option> <p class="label">Direct Messages</p>
<option value="2">pip</option> <select name="" id="sndDM" class="sndOpt">
<option value="3">vibro</option> <option value="false">none</option>
<option value="4">flip</option> <option value="1">beat</option>
<option value="5">click</option> <option value="2">pip</option>
</select> <option value="3">vibro</option>
<input type="range" name="playerVol" id="playerVol" min="0" max="1" step="0.01"><span class="volValue">0</span> <option value="4">flip</option>
</form> <option value="5">click</option>
<audio id="player"></audio> </select>
</div>
<input type="range" name="playerVol" id="playerVol" min="0" max="1" step="0.01"><span class="volValue">0</span>
</form>
<audio id="player"></audio>
</div>
</div>
</div> </div>
</div>
</div>
<div class="keys"> <div class="keys">
<div class="module"> <div class="module">
<p class="label"> Keys </p> <p class="label"> Keys </p>
<div> <div>
<form action="" id="keysOpt"> <form action="" id="keysOpt">
<p class="label">Send key</p> <p class="label">Send key</p>
<select name="" id="keysSend"> <select name="" id="keysSend">
@ -132,55 +153,48 @@
<option value="ctrlenter">Ctrl/Cmd+Enter</option> <option value="ctrlenter">Ctrl/Cmd+Enter</option>
</select> </select>
</form> </form>
</div>
</div> </div>
</div> </div>
</div>
<div class="postboard-display"> <div class="postboard-display">
<div class="module"> <div class="module">
<p class="label"> Postboard displays </p> <p class="label"> Postboard displays </p>
<br/> <div>
<div> <form action="" id="hideRepliesOpt">
<form action="" id="hideRepliesOpt"> <p class="label">Posts that begin with mention</p>
<p class="label">Posts that begin with mention</p> <select name="" id="hideReplies">
<select name="" id="hideReplies"> <option value="disable">Show all</option>
<option value="disable">Show all</option> <option value="only-me">Show only if I am in</option>
<option value="only-me">Show only if I am in</option> <option value="following">Show if it's between users I follow</option>
<option value="following">Show if it's between users I follow</option> </select>
</select> </form>
</form> </div>
</div> <div>
<br/> <form action="" id="hideCloseRTsOpt">
<div> <p class="label">RTs those are close to original twist</p>
<form action="" id="hideCloseRTsOpt"> <select name="" id="hideCloseRTs">
<p class="label">RTs those are close to original twist</p> <option value="disable">Show all</option>
<select name="" id="hideCloseRTs"> <option value="show-if">Show if the original is older than</option>
<option value="disable">Show all</option> </select>
<option value="show-if">Show if the original is older than</option> <div id="hideCloseRTsDesc">
</select> <input name="" id="hideCloseRtsHour" maxlength="2" size="3"/> <span class="label">hour(s)</span>
<div id="hideCloseRTsDesc"> </div>
<input name="" id="hideCloseRtsHour" maxlength="2" size="3"/> <span class="label">hour(s)</span> </form>
</div>
</div> </div>
</form> <div class="module">
</div> <p class="label"> Posts display </p>
</div> <div>
</div> <form action="" id="lineFeedsOpt">
<p>Line feeds</p>
<div class="posts-display"> <select name="" id="displayLineFeeds">
<div class="module"> <option value="disable">Ignore</option>
<p class="label"> Posts display </p> <option value="enable">Display</option>
<br/> </select>
<div> </form>
<form action="" id="lineFeedsOpt"> </div>
<p>Line feeds</p> <div>
<select name="" id="displayLineFeeds">
<option value="disable">Ignore</option>
<option value="enable">Display</option>
</select>
</form>
</div>
<br/>
<div>
<form action="" id="showPreviewOpt"> <form action="" id="showPreviewOpt">
<p class="label">Inline image preview</p> <p class="label">Inline image preview</p>
<select name="" id="displayPreview"> <select name="" id="displayPreview">
@ -188,87 +202,84 @@
<option value="enable">Display</option> <option value="enable">Display</option>
</select> </select>
</form> </form>
</div> </div>
<br/> <div>
<div>
<form action="" id="useProxyOpt"> <form action="" id="useProxyOpt">
<p class="label">Use external links behind a proxy</p> <p class="label">Use external links behind a proxy</p>
<select name="" id="useProxy"> <select name="" id="useProxy">
<option value="disable">none</option> <option value="disable">none</option>
<option value="ssl-proxy-my-addr">ssl-proxy.my-addr.org</option> <option value="ssl-proxy-my-addr">ssl-proxy.my-addr.org</option>
<option value="anonymouse">anonymouse.org</option> <option value="anonymouse">anonymouse.org</option>
</select> </select>
<input name="" id="useProxyForImgOnly" type="checkbox" /> <span class="label">Use proxy for image preview only</span> <input name="" id="useProxyForImgOnly" type="checkbox" /> <span class="label">Use proxy for image preview only</span>
</form> </form>
</div>
</div> </div>
</div> <div class="post-editor">
</div> <div class="module">
<div class="post-editor">
<div class="module">
<p class="label"> Post editor</p> <p class="label"> Post editor</p>
<br/>
<div>
<form action="" id="unicodeConversionOpt">
<p class="label">Automatic unicode conversion options</p>
<select name="" id="unicodeConversion">
<option value="disable">Ignore</option>
<option value="enable">Convert all</option>
<option value="custom">Custom</option>
</select>
<div class="suboptions">
<input name="" id="convertPunctuationsOpt" type="checkbox" /> <span class="label">Convert punctuations to unicode</span><br/>
<div>
<label class="label">Supported punctuations: </label>
<span>‥ … ⁇ ⁈ ⁉ ‼ — ⁓</span>
</div>
<br/>
<input name="" id="convertEmotionsOpt" type="checkbox" /> <span class="label">Convert emotions codes to unicode symbols</span><br/>
<div>
<label class="label">Supported emotions: </label>
<span>😃 😇 🍺 😈 ❤ 😕 😢 😞 😎 😊 😊 😗 😆 😛 😉 😉 😮 😱 😐</span>
</div>
<br/>
<input name="" id="convertSignsOpt" type="checkbox" /> <span class="label">Convert common signs to unicode</span><br/>
<div>
<label class="label">Supported signs:</label>
<span>℡ ℻</span>
</div>
<br/>
<input name="" id="convertFractionsOpt" type="checkbox" /> <span class="label">Convert fractions to unicode</span><br/>
<div>
<label class="label">Supported fractions:</label>
<span>½ ⅓ ⅔ ¼ ¾ ⅕ ⅖ ⅗ ⅘ ⅙ ⅚ ⅐ ⅛ ⅜ ⅝ ⅞ ⅑ ⅒</span>
</div>
</div>
</form>
</div>
<br/>
<div> <div>
<form action="" id="splitPostsOpt"> <form action="" id="unicodeConversionOpt">
<p class="label">Split long posts</p> <p class="label">Automatic unicode conversion options</p>
<select name="" id="splitPosts"> <select name="" id="unicodeConversion">
<option value="disable">Don't split</option> <option value="disable">Ignore</option>
<option value="enable">Split all</option> <option value="enable">Convert all</option>
<option value="only-new">Split only new post</option> <option value="custom">Custom</option>
</select> </select>
<div class="suboptions">
<input name="" id="convertPunctuationsOpt" type="checkbox" /> <span class="label">Convert punctuations to unicode</span><br/>
<div>
<label class="label">Supported punctuations: </label>
<span>‥ … ⁇ ⁈ ⁉ ‼ — ⁓</span>
</div>
<input name="" id="convertEmotionsOpt" type="checkbox" /> <span class="label">Convert emotions codes to unicode symbols</span>
<div>
<label class="label">Supported emotions: </label>
<span>😃 😇 🍺 😈 ❤ 😕 😢 😞 😎 😊 😊 😗 😆 😛 😉 😉 😮 😱 😐</span>
</div>
<input name="" id="convertSignsOpt" type="checkbox" /> <span class="label">Convert common signs to unicode</span><br/>
<div>
<label class="label">Supported signs:</label>
<span>℡ ℻</span>
</div>
<input name="" id="convertFractionsOpt" type="checkbox" /> <span class="label">Convert fractions to unicode</span><br/>
<div>
<label class="label">Supported fractions:</label>
<span>½ ⅓ ⅔ ¼ ¾ ⅕ ⅖ ⅗ ⅘ ⅙ ⅚ ⅐ ⅛ ⅜ ⅝ ⅞ ⅑ ⅒</span>
</div>
</div>
</form>
</div>
<div>
<form action="" id="splitPostsOpt">
<p class="label">Split long posts</p>
<select name="" id="splitPosts">
<option value="disable">Don't split</option>
<option value="enable">Split all</option>
<option value="only-new">Split only new post</option>
</select>
</form> </form>
</div>
</div> </div>
</div>
</div> </div>
</div>
<div class="users"> <div class="users">
<div class="module"> <div class="module">
<form action="" id="isFollowingMeOpt"> <form action="" id="isFollowingMeOpt">
<p class="label">Show if a user follows me</p> <p class="label">Show if a user follows me</p>
<select name="" id="isFollowingMe"> <select name="" id="isFollowingMe">
<option value="in-profile">Show at profile modal only</option> <option value="in-profile">Show at profile modal only</option>
<option value="everywhere">Show with every user name</option> <option value="everywhere">Show with every user name</option>
</select> </select>
</form> </form>
</div>
</div> </div>
</div>
</div> </div><!-- /tab-content -->
</body> </div><!-- /options -->
</div><!-- /options -->
</body>
</html> </html>

12
profile-edit.html
Unescape View File

@ -37,10 +37,13 @@
<!-- MENU SUPERIOR INIT --> <!-- MENU SUPERIOR INIT -->
<nav class="userMenu"> <nav class="userMenu">
<ul> <ul>
<li class="userMenu-home"><a href="home.html"><span class="selectable_theme theme_original label">Home</span></a></li> <li class="userMenu-home"><a href="home.html">
<li class="userMenu-network selectable_theme theme_original"><a class="label" href="network.html">Network</a></li> <span class="selectable_theme theme_original label">Home</span>
<li class="userMenu-profile current selectable_theme theme_original"><a class="label" href="profile-edit.html">Profile</a></li> <span class="menu-news"></span>
<li class="userMenu-config"> </a></li>
<li class="userMenu-network selectable_theme theme_original theme_nin"><a class="label" href="network.html">Network</a></li>
<li class="userMenu-profile selectable_theme theme_original theme_nin"><a class="label" href="profile-edit.html">Profile</a></li>
<li class="userMenu-config current">
<a class="userMenu-config-dropdown" href="#"> <a class="userMenu-config-dropdown" href="#">
<div class="config-menu dialog-modal"> <div class="config-menu dialog-modal">
<div class="mini-profile-info selectable_theme theme_original"> <div class="mini-profile-info selectable_theme theme_original">
@ -66,7 +69,6 @@
<div class="wrapper"> <div class="wrapper">
<!-- ÁREA DE PROFILE PHOTO INIT --> <!-- ÁREA DE PROFILE PHOTO INIT -->
<div class="profile-card forEdition"> <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 --> <!-- Coloquei a imagem de fundo do card do usuário como background da div abaixo inline na tag para poder ser alterada dinamicamente -->

Write Preview
Loading…
Cancel
Save