Merge pull request #27 from mrroach9/dev-v0.3.3

Dev v0.3.3
mrroach9 · Jan 26, 2015 · 20c94d7 · 20c94d7
2 parents 8a382fa + 81824b8
commit 20c94d7
Show file tree

Hide file tree

Showing 10 changed files with 575 additions and 147 deletions.
diff --git a/css/bootstrap.min.css b/css/bootstrap.min.css
diff --git a/css/style.css b/css/style.css
@@ -218,6 +218,7 @@ td.post-title-td {
   right: 8px;
   top: 4px;
   width: 210px;
+  opacity: 0.8;
 }
 
 .mini-bar-dot {
@@ -738,4 +739,148 @@ input[type="file"].fileuploadbox {
 .unread-inside {
   display: block;
   position: relative;
-}
+}
+
+.ctrbtr-list-panel {
+    padding: 0 10px 5px 10px;
+}
+
+.github-author-container {
+    display: inline-block;
+    padding: 5px;
+    min-width: 160px;
+}
+
+.github-avatar-container {
+    display: inline-block;
+}
+
+.github-avatar {
+    width: 40px;
+    height: 40px;
+    border-radius: 20px;
+    box-shadow: 2px 2px 3px #CCC;
+}
+
+.github-name-container {
+    display: inline-block;
+    margin-left: 10px;
+    font-size: 16px;
+}
+
+.user-profile-topPanel {
+    border-bottom: solid 1px #DDD;
+    padding-bottom: 7px;
+}
+
+.user-profile-bottomPanel {
+    padding-top: 5px;
+    font-size: 13px;
+}
+
+.user-profile-avatar-container {
+    display: inline-block;
+}
+
+.user-profile-avatar {
+    display: block;
+    width: 28px;
+    height: 28px;
+    font: bold 38px Arial;
+    color: white;
+    border-radius: 15px;
+    padding: 11px;
+    line-height: 0.8em;
+}
+
+.user-profile-avatar.initial-A,
+.user-profile-avatar.initial-F,
+.user-profile-avatar.initial-K,
+.user-profile-avatar.initial-P,
+.user-profile-avatar.initial-U,
+.user-profile-avatar.initial-Z {
+    background-color: #BF73CF;
+}
+
+.user-profile-avatar.initial-B,
+.user-profile-avatar.initial-G,
+.user-profile-avatar.initial-L,
+.user-profile-avatar.initial-Q,
+.user-profile-avatar.initial-V {
+    background-color: #CB7872;
+}
+
+.user-profile-avatar.initial-C,
+.user-profile-avatar.initial-H,
+.user-profile-avatar.initial-M,
+.user-profile-avatar.initial-R,
+.user-profile-avatar.initial-W {
+    background-color: #4BD55B;
+}
+
+.user-profile-avatar.initial-D,
+.user-profile-avatar.initial-I,
+.user-profile-avatar.initial-N,
+.user-profile-avatar.initial-S,
+.user-profile-avatar.initial-X {
+    background-color: #D96881;
+}
+
+.user-profile-avatar.initial-E,
+.user-profile-avatar.initial-J,
+.user-profile-avatar.initial-O,
+.user-profile-avatar.initial-T,
+.user-profile-avatar.initial-Y {
+    background-color: #996CD2;
+}
+
+.user-profile-id {
+    font: 25px Arial;
+    color: #666;
+    letter-spacing: 0.04em;
+}
+
+.user-profile-nickPanel {
+    margin-top: -2px;
+}
+
+.user-profile-nick {
+    font-size: 14px;
+    color: #999;
+    display: block;
+    overflow-x: hidden;
+    white-space: nowrap;
+}
+
+.user-profile-idAndNick {
+    display: inline-block;
+    padding: 2px 0 2px 12px;
+    vertical-align: bottom;
+}
+
+.user-profile-container {
+    min-width: 225px;
+    height: 120px;
+}
+
+.user-profile-statPanel {
+    display: inline-block;
+    min-width: 110px;
+}
+
+.user-profile-allstats {
+    color: #666;
+    width: 225px;
+}
+
+.user-profile-lastLogin {
+    font-size: 11px;
+    font-family: Arial;
+    color: #BBB;
+    margin-top: 3px;
+    display: block;
+}
+
+.user-profile-anchor:not(:first-child) {
+    margin-left: 5px;
+};
diff --git a/index.html b/index.html
@@ -14,17 +14,14 @@
 
     <link rel='shortcut icon' href='favicon.ico'>
 
-    <script type="text/javascript">
-          var _gaq = _gaq || [];
-          _gaq.push(['_setAccount', 'UA-27374551-1']);
-          _gaq.push(['_setDomainName', 'roach-works.com']);
-          _gaq.push(['_trackPageview']);
-
-          (function() {
-            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
-            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
-            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
-          })();
+    <script>
+      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+      ga('create', 'UA-27374551-2', 'rowell9.com');
+      ga('send', 'pageview');
     </script>
 </head>
 
@@ -74,7 +71,7 @@
               <li><a href='javascript:void(0)' id='allboard-nav-label'>所有版面</a></li>
               <li><a href='javascript:void(0)' id='mailbox-nav-label'>站内信</a></li>
               <li><a href='javascript:void(0)' class='unimplemented'>设置</a></li>
-              <li><a>已登录</a></li>
+              <li id='self-user-profile-container'></li>
               <li><a href='javascript:void(0)' id='logout-button'>退出</a></li>
             </ul>
             <ul class='nav pull-right'>
@@ -241,12 +238,12 @@ <h1>您尚未登录</h1>
                     </span>
                 </div>
             </div>
-            <div id='boardlist-table' class='hide display-area'>
-                <table class='table table-striped table-bordered table-hover'>
+            <div id='boardlist-table-container' class='hide display-area'>
+                <table id='boardlist-table' class='table table-striped table-bordered table-hover'>
                     <thead class='board-table-head'>
                         <th width='60px'>帖数</th>
-                        <th width='42px'>未读</th>
-                        <th width='150px'>版名</th>
+                        <th width='42px' data-sort='string' col='unread'>未读</th>
+                        <th width='150px' data-sort='string' col='name'>版名</th>
                         <th>版面中文名</th>
                         <th width='32px'>在线</th>
                         <th width='220px'>版主</th>
@@ -429,27 +426,12 @@ <h3 id='post-panel-title'>发表新文章</h3>
             <h3 id='post-panel-title'>Rowell开发者名单</h3>
         </div>
         <div class='modal-body'>
-            <p>按常用ID字母序排列。</p>
-            <ul>
-                <li>
-                    <a href="https://github.com/askzy" target="_blank">askzy</a>
-                </li>
-                <li>
-                    <a href="https://github.com/BYVoid" target="_blank">BYVoid</a>
-                </li>
-                <li>
-                    <a href="https://github.com/HenryHu" target="_blank">henryhu</a>
-                </li>
-                <li>
-                    <a href="https://github.com/hs3180" target="_blank">huangs</a>
-                </li>
-                <li>
-                    <a href="https://github.com/mrroach9" target="_blank">Roach</a>
-                </li>
-                <li>
-                    <a href="https://github.com/ccding" target="_blank">Tux</a>
-                </li>
-            </ul>
+            <div class='ctrbtr-error'>
+                抱歉，加载贡献者名单出现错误，请检查您与
+                <a href='https://github.com'>Github</a>
+                的连接是否畅通。
+            </div>
+            <div class='ctrbtr-list-panel'></div>
         </div>
         <div class='modal-footer'>
             <a class='btn btn-primary cancel-button'>关闭</a>
@@ -508,6 +490,7 @@ <h3 id='post-panel-title'>Rowell开发者名单</h3>
     <script src='./js/jquery/jquery.purl.js'></script>
     <script src='./js/jquery/jquery.xmpp.js'></script>
     <script src='./js/bootstrap/bootstrap.min.js'></script>
+    <script src='./js/jquery/stupidtable.min.js'></script>
 
     <script src='./js/bbs/ansi2html.js'></script>
     <script src='./js/bbs/config.js'></script>