hyperzlib
/
nodebb-theme-persona
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

some cleanup on profile, starting redesign of the rest of the page

Browse Source
main
psychobunny 9 years ago
parent f29f067e4b
commit fcbdef474a
3 changed files with 141 additions and 137 deletions
Show Stats Download Patch File Download Diff File

18
less/account.less
Unescape Escape View File

@ -3,6 +3,12 @@
margin-bottom: 30px;
}
> .row {
max-width: @screen-sm-min;
margin-left: auto;
margin-right: auto;
}
.cover {
background-size: cover;
background-repeat: no-repeat;
@ -153,6 +159,15 @@
}
.posts-list .posts-list-item {
// temp global, port to groups/fav/account
border-bottom: 1px solid @gray-lighter;
margin-bottom: 25px !important;
padding-bottom: 40px;
}
//
.account-picture-block{
@ -207,4 +222,5 @@
font-size:16px;
width:100px;
}
}
}

216
templates/account/profile.tpl
Unescape Escape View File

@ -2,139 +2,133 @@
<!-- IMPORT partials/account/header.tpl -->
<div class="row">
<div class="col-md-5 account-block">
<div class="col-xs-12 account-block">
<div class="account-picture-block text-center">
<span>
<span class="account-username"> {username}</span>
</span>
<!-- IF !isSelf -->
<br/>
<!-- IF !config.disableChat -->
<a id="chat-btn" href="#" class="btn btn-primary btn-sm">[[user:chat]]</a>
<!-- ENDIF !config.disableChat -->
<a id="follow-btn" href="#" class="btn btn-success btn-sm <!-- IF isFollowing -->hide<!-- ENDIF isFollowing -->">[[user:follow]]</a>
<a id="unfollow-btn" href="#" class="btn btn-warning btn-sm <!-- IF !isFollowing -->hide<!-- ENDIF !isFollowing -->">[[user:unfollow]]</a>
<!-- IF isAdmin -->
<br/><br/>
<a id="banAccountBtn" href="#" class="btn btn-danger btn-sm <!-- IF banned -->hide<!-- ENDIF banned -->">[[user:ban_account]]</a>
<a id="unbanAccountBtn" href="#" class="btn btn-danger btn-sm <!-- IF !banned -->hide<!-- ENDIF !banned -->">[[user:unban_account]]</a>
<a id="deleteAccountBtn" href="#" class="btn btn-danger btn-sm">[[user:delete_account]]</a><br/><br/>
<!-- ENDIF isAdmin -->
<!-- ENDIF !isSelf -->
<div class="account-picture-block panel panel-default">
<div class="panel-body">
<div>
<div class="text-center">
<span>
<span class="account-username"> {username}</span>
</span>
<!-- IF !isSelf -->
<br/>
<!-- IF !config.disableChat -->
<a id="chat-btn" href="#" class="btn btn-primary btn-sm">[[user:chat]]</a>
<!-- ENDIF !config.disableChat -->
<a id="follow-btn" href="#" class="btn btn-success btn-sm <!-- IF isFollowing -->hide<!-- ENDIF isFollowing -->">[[user:follow]]</a>
<a id="unfollow-btn" href="#" class="btn btn-warning btn-sm <!-- IF !isFollowing -->hide<!-- ENDIF !isFollowing -->">[[user:unfollow]]</a>
<!-- IF isAdmin -->
<br/><br/>
<a id="banAccountBtn" href="#" class="btn btn-danger btn-sm <!-- IF banned -->hide<!-- ENDIF banned -->">[[user:ban_account]]</a>
<a id="unbanAccountBtn" href="#" class="btn btn-danger btn-sm <!-- IF !banned -->hide<!-- ENDIF !banned -->">[[user:unban_account]]</a>
<a id="deleteAccountBtn" href="#" class="btn btn-danger btn-sm">[[user:delete_account]]</a><br/><br/>
<!-- ENDIF isAdmin -->
<!-- ENDIF !isSelf -->
</div>
<div id="banLabel" class="text-center <!-- IF !banned -->hide<!-- ENDIF !banned -->">
<span class="label label-danger">[[user:banned]]</span>
</div>
<!-- IF aboutme -->
<hr/>
<div component="aboutme" class="text-center">
{aboutme}
</div>
<!-- ENDIF aboutme -->
<hr/>
<div class="text-center account-stats">
<!-- IF reputation -->
<div class="inline-block text-center">
<span class="human-readable-number" title="{reputation}">{reputation}</span>
<span class="account-bio-label">[[global:reputation]]</span>
</div>
<!-- ENDIF reputation -->
<div class="inline-block text-center">
<span class="human-readable-number" title="{postcount}">{postcount}</span>
<span class="account-bio-label">[[global:posts]]</span>
</div>
<div class="inline-block text-center">
<span class="human-readable-number" title="{profileviews}">{profileviews}</span>
<span class="account-bio-label">[[user:profile_views]]</span>
</div>
</div>
</div>
</div>
<div id="banLabel" class="text-center <!-- IF !banned -->hide<!-- ENDIF !banned -->">
<span class="label label-danger">[[user:banned]]</span>
</div>
<!-- IF aboutme -->
<hr/>
<div component="aboutme" class="text-center">
{aboutme}
</div>
<!-- ENDIF aboutme -->
<hr/>
<div class="text-center account-stats">
<!-- IF reputation -->
<div class="inline-block text-center">
<span class="human-readable-number" title="{reputation}">{reputation}</span>
<span class="account-bio-label">[[global:reputation]]</span>
</div>
<!-- ENDIF reputation -->
<div class="inline-block text-center">
<span class="human-readable-number" title="{postcount}">{postcount}</span>
<span class="account-bio-label">[[global:posts]]</span>
</div>
<div class="inline-block text-center">
<span class="human-readable-number" title="{profileviews}">{profileviews}</span>
<span class="account-bio-label">[[user:profile_views]]</span>
</div>
<div class="inline-block text-center">
<span class="human-readable-number" title="{followerCount}">{followerCount}</span>
<span class="account-bio-label">[[user:followers]]</span>
</div>
<div class="inline-block text-center">
<span class="human-readable-number" title="{followingCount}">{followingCount}</span>
<span class="account-bio-label">[[user:following]]</span>
</div>
</div>
<div class="hidden">
<!-- IF email -->
<span class="account-bio-label">[[user:email]]</span>
<span class="account-bio-value"><i class="fa fa-eye-slash {emailClass}" title="[[user:email_hidden]]"></i> {email}</span>
<!-- ENDIF email -->
<div class="panel panel-default">
<div class="panel-body text-center">
<!-- IF fullname -->
<span class="account-bio-label">[[user:fullname]]</span>
<span class="account-bio-value">{fullname}</span>
<!-- ENDIF fullname -->
<!-- IF email -->
<span class="account-bio-label">[[user:email]]</span>
<span class="account-bio-value"><i class="fa fa-eye-slash {emailClass}" title="[[user:email_hidden]]"></i> {email}</span>
<!-- ENDIF email -->
<!-- IF websiteName -->
<span class="account-bio-label">[[user:website]]</span>
<span class="account-bio-value"><a href="{websiteLink}" rel="nofollow">{websiteName}</a></span>
<!-- ENDIF websiteName -->
<!-- IF fullname -->
<span class="account-bio-label">[[user:fullname]]</span>
<span class="account-bio-value">{fullname}</span>
<!-- ENDIF fullname -->
<!-- IF location -->
<span class="account-bio-label">[[user:location]]</span>
<span class="account-bio-value">{location}</span>
<!-- ENDIF location -->
<!-- IF websiteName -->
<span class="account-bio-label">[[user:website]]</span>
<span class="account-bio-value"><a href="{websiteLink}" rel="nofollow">{websiteName}</a></span>
<!-- ENDIF websiteName -->
<!-- IF age -->
<span class="account-bio-label">[[user:age]]</span>
<span class="account-bio-value">{age}</span>
<!-- ENDIF age -->
<!-- IF location -->
<span class="account-bio-label">[[user:location]]</span>
<span class="account-bio-value">{location}</span>
<!-- ENDIF location -->
<!-- IF age -->
<span class="account-bio-label">[[user:age]]</span>
<span class="account-bio-value">{age}</span>
<!-- ENDIF age -->
<span class="account-bio-label">[[user:followers]]</span>
<span class="human-readable-number account-bio-value" title="{followerCount}">{followerCount}</span>
<span class="account-bio-label">[[user:following]]</span>
<span class="human-readable-number account-bio-value" title="{followingCount}">{followingCount}</span>
<span class="account-bio-label">[[user:followers]]</span>
<span class="human-readable-number account-bio-value" title="{followerCount}">{followerCount}</span>
<span class="account-bio-label">[[user:joined]]</span>
<span class="timeago account-bio-value" title="{joindate}"></span>
<span class="account-bio-label">[[user:following]]</span>
<span class="human-readable-number account-bio-value" title="{followingCount}">{followingCount}</span>
<span class="account-bio-label">[[user:joined]]</span>
<span class="timeago account-bio-value" title="{joindate}"></span>
<span class="account-bio-label">[[user:lastonline]]</span>
<span class="timeago account-bio-value" title="{lastonline}"></span>
<!-- IF !disableSignatures -->
<!-- IF signature -->
<hr/>
<span class="account-bio-label">[[user:signature]]</span>
<div class="post-signature">
<span id='signature'>{signature}</span>
</div>
<!-- ENDIF signature -->
<!-- ENDIF !disableSignatures -->
<span class="account-bio-label">[[user:lastonline]]</span>
<span class="timeago account-bio-value" title="{lastonline}"></span>
<!-- IF !disableSignatures -->
<!-- IF signature -->
<hr/>
<span class="account-bio-label">[[user:signature]]</span>
<div class="post-signature">
<span id='signature'>{signature}</span>
</div>
<!-- ENDIF signature -->
<!-- ENDIF !disableSignatures -->
</div>
<!-- IF groups.length -->
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">[[groups:groups]]</h3>
</div>
<div class="panel-body">
<div class="hidden">
<!-- BEGIN groups -->
<a href="{config.relative_path}/groups/{groups.slug}"><span class="label group-label inline-block" style="background-color: {groups.labelColor};"><!-- IF groups.icon --><i class="fa {groups.icon}"></i> <!-- ENDIF groups.icon -->{groups.userTitle}</span></a>
<a href="{config.relative_path}/groups/{groups.slug}"><span class="label group-label inline-block" style="background-color: {groups.labelColor};"><!-- IF groups.icon --><i class="fa {groups.icon}"></i> <!-- ENDIF groups.icon -->{groups.userTitle}</span></a>
<!-- END groups -->
</div>
</div>
<!-- ENDIF groups.length -->
<br /><br />
<!-- IF ips.length -->
<div class="panel panel-default">
<div class="hidden">
<div class="panel-heading">
<h3 class="panel-title">[[global:recentips]]</h3>
</div>
@ -148,7 +142,7 @@
</div>
<div class="col-md-7">
<div class="col-xs-12">
<!-- IF !posts.length -->
<div class="alert alert-warning">[[user:has_no_posts]]</div>
<!-- ENDIF !posts.length -->

44
templates/partials/posts_list.tpl
Unescape Escape View File

@ -2,33 +2,27 @@
<!-- BEGIN posts -->
<li component="post" class="posts-list-item" data-pid="{posts.pid}" data-uid="{posts.uid}">
<a href="{config.relative_path}/user/{posts.user.userslug}">
<!-- IF posts.user.picture -->
<img title="{posts.user.username}" class="img-rounded user-img" src="{posts.user.picture}">
<!-- ELSE -->
<div class="user-icon user-img" style="background-color: {posts.user.icon:bgColor};" title="{posts.user.username}">{posts.user.icon:text}</div>
<!-- ENDIF posts.user.picture -->
</a>
<div class="panel panel-default">
<div class="panel-body">
<a href="{config.relative_path}/user/{posts.user.userslug}">
<!-- IF posts.user.picture -->
<img title="{posts.user.username}" class="img-rounded user-img" src="{posts.user.picture}">
<!-- ELSE -->
<div class="user-icon user-img" style="background-color: {posts.user.icon:bgColor};" title="{posts.user.username}">{posts.user.icon:text}</div>
<!-- ENDIF posts.user.picture -->
</a>
<a href="{config.relative_path}/user/{posts.user.userslug}">
<strong><span>{posts.user.username}</span></strong>
</a>
<div component="post/content" class="content">
<p>{posts.content}</p>
<p class="fade-out"></p>
</div>
<small>
<span class="pull-right">
[[global:posted_in_ago, <a href="{config.relative_path}/category/{posts.category.slug}"><i class="fa {posts.category.icon}"></i> {posts.category.name}</a>, <span class="timeago" title="{posts.relativeTime}"></span>]] &bull;
<a href="{config.relative_path}/topic/{posts.topic.slug}/{posts.index}">[[global:read_more]]</a>
</span>
</small>
</div>
<a href="{config.relative_path}/user/{posts.user.userslug}">
<strong><span>{posts.user.username}</span></strong>
</a>
<div component="post/content" class="content">
<p>{posts.content}</p>
<p class="fade-out"></p>
</div>
<small>
<span class="pull-right">
[[global:posted_in_ago, <a href="{config.relative_path}/category/{posts.category.slug}"><i class="fa {posts.category.icon}"></i> {posts.category.name}</a>, <span class="timeago" title="{posts.relativeTime}"></span>]] &bull;
<a href="{config.relative_path}/topic/{posts.topic.slug}/{posts.index}">[[global:read_more]]</a>
</span>
</small>
</li>
<!-- END posts -->
</ul>

Write Preview
Loading…
Cancel
Save