Commit 5267606f authored by Van's avatar Van

#12180 index

parent a5960584
...@@ -55,22 +55,24 @@ ...@@ -55,22 +55,24 @@
<#if 0 != paginationPageCount> <#if 0 != paginationPageCount>
<nav class="pagination"> <div class="fn-clear">
<#if 1 != paginationPageNums?first> <nav class="pagination fn-right">
<a href="${servePath}${path}/${paginationPreviousPageNum}" class="extend next"><<</a> <#if 1 != paginationPageNums?first>
<a class="page-number" href="${servePath}${path}/1">1</a> ... <a href="${servePath}${path}/${paginationPreviousPageNum}" class="page-number">&laquo;</a>
</#if> <a class="page-number" href="${servePath}${path}/1">1</a> <span class="page-number">...</span>
<#list paginationPageNums as paginationPageNum> </#if>
<#if paginationPageNum == paginationCurrentPageNum> <#list paginationPageNums as paginationPageNum>
<span class="page-number current">${paginationPageNum}</span> <#if paginationPageNum == paginationCurrentPageNum>
<#else> <span class="page-number current">${paginationPageNum}</span>
<a class="page-number" href="${servePath}${path}/${paginationPageNum}">${paginationPageNum}</a> <#else>
</#if> <a class="page-number" href="${servePath}${path}/${paginationPageNum}">${paginationPageNum}</a>
</#list> </#if>
<#if paginationPageNums?last != paginationPageCount> ... </#list>
<a href="${servePath}${path}/${paginationPageCount}" class="page-number">${paginationPageCount}</a> <#if paginationPageNums?last != paginationPageCount> <span class="page-number">...</span>
<a href="${servePath}${path}/${paginationNextPageNum}" class="extend next">>></a> <a href="${servePath}${path}/${paginationPageCount}" class="page-number">${paginationPageCount}</a>
</#if> <a href="${servePath}${path}/${paginationNextPageNum}" class="page-number">&raquo;</a>
</nav> </#if>
</nav>
</div>
</#if> </#if>
</div> </div>
\ No newline at end of file
...@@ -576,6 +576,9 @@ a[class*=" icon-"]:hover { ...@@ -576,6 +576,9 @@ a[class*=" icon-"]:hover {
/* end common */ /* end common */
/* start reset common */ /* start reset common */
.icon-logout:before {
content: "\ea14";
}
.icon-views:before { .icon-views:before {
content: "\e900"; content: "\e900";
} }
...@@ -625,6 +628,62 @@ a { ...@@ -625,6 +628,62 @@ a {
transition: all .3s; transition: all .3s;
outline: none; outline: none;
} }
.pagination {
margin-bottom: 30px;
line-height: 30px;
font-family: Georgia;
}
.pagination .page-number:first-child {
border-left: 1px solid #ddd;
}
.pagination .page-number {
display: inline-block;
padding: 0 10px;
border: 1px solid #ddd;
border-left:0;
text-decoration: none;
float: left;
}
.pagination a.page-number:hover {
color: #ff4d3a;
background-color: #eee;
}
.pagination .page-number.current {
color: #fff;
background: #ff4d3a;
border-color: #ff4d3a;
margin-left: -1px;
}
.module {
box-shadow: .0 1px 1px rgba(0,0,0,0.05);
margin-bottom: 20px;
}
.module header h2 {
border-bottom: 1px solid #ff4d3a;
padding: 10px;
line-height: 18px;
font-size: 16px;
font-weight: 400;
}
.module main {
padding: 20px;
}
.ft-warn {
color: #ff4d3a;
}
.ft-gray {
color: #aaa;
}
/* end reset common */ /* end reset common */
/* start framework */ /* start framework */
...@@ -634,6 +693,7 @@ a { ...@@ -634,6 +693,7 @@ a {
min-width: 720px; min-width: 720px;
max-width: 1300px; max-width: 1300px;
} }
aside { aside {
width: 28%; width: 28%;
min-width: 236px; min-width: 236px;
...@@ -643,7 +703,7 @@ aside { ...@@ -643,7 +703,7 @@ aside {
display: flex; display: flex;
} }
main { .main-wrap > main {
margin-right: 30px; margin-right: 30px;
flex: 1; flex: 1;
min-width: 1px; min-width: 1px;
...@@ -659,6 +719,7 @@ main { ...@@ -659,6 +719,7 @@ main {
.banner h1 a { .banner h1 a {
color: #fff; color: #fff;
line-height: 75px; line-height: 75px;
text-decoration: none;
} }
.banner small { .banner small {
...@@ -684,6 +745,14 @@ main { ...@@ -684,6 +745,14 @@ main {
margin-bottom: 30px; margin-bottom: 30px;
} }
.navbar.pin {
position: fixed;
width: 100%;
background-color: rgba(255, 255, 255, 0.95);
top: 0;
z-index: 10;
}
.navbar nav a { .navbar nav a {
color: #555; color: #555;
text-decoration: none; text-decoration: none;
...@@ -734,6 +803,94 @@ main { ...@@ -734,6 +803,94 @@ main {
} }
/* end header */ /* end header */
/* start footer */
.footer {
padding: 30px 0;
text-align: center;
background: #111;
color: #fff;
}
.footer a {
color: #ff4d3a;
text-decoration: none;
}
.icon-up {
position: fixed;
bottom: 122px;
right: 20px;
color: #fff;
background-color: #111;
height: 30px;
width: 30px;
text-align: center;
line-height: 28px;
border-radius: 15px;
transition: all .3s;
cursor: pointer;
display: none;
}
.icon-up:hover {
background-color: #ff4d3a;
}
/* end footer */
/* start side */
aside .ad {
background-color: #3cbc8d;
border-color: #36a96b;
color: #fff;
padding: 20px;
margin-bottom: 20px;
border: 1px solid transparent
}
aside .meta main {
text-align: right;
line-height: 20px;
}
aside .meta img {
float: left;
height: 80px;
width: 80px;
border-radius: 5px;
}
aside .tag {
display: inline-block;
padding: 2px 5px;
margin-bottom: 10px;
border: 1px solid #e1e1e1;
text-decoration: none;
margin-right: 10px;
line-height: 22px;
}
aside .list {
padding: 0;
}
aside .list li {
list-style: none;
border-bottom: 1px solid #eee;
line-height: 40px;
padding: 0 20px;
}
aside .list li:last-child {
border-bottom: 0;
}
aside .list a {
color: #666;
text-decoration: none;
display: block;
}
/* end side */
/* start article list */ /* start article list */
.post { .post {
border: 1px solid #ededed; border: 1px solid #ededed;
...@@ -773,16 +930,16 @@ main { ...@@ -773,16 +930,16 @@ main {
.post footer { .post footer {
margin-top: 10px; margin-top: 10px;
} }
.post footer > a.tag { .post footer > a.tag {
color: #fff; color: #fff;
font-size: 12px; font-size: 12px;
display: block; display: inline-block;
float: left; background-color: #bbb;
background: #bbb;
margin-right: 10px; margin-right: 10px;
padding: 0 5px; padding: 0 5px;
margin-top: 2px;
line-height: 22px; line-height: 22px;
text-decoration: none;
} }
.post footer > a.tag:before { .post footer > a.tag:before {
content: "#"; content: "#";
......
...@@ -12,6 +12,7 @@ ...@@ -12,6 +12,7 @@
<glyph unicode="&#xe973;" glyph-name="register" d="M384 224c0 151.234 95.874 280.486 230.032 330.2 16.28 36.538 25.968 77.164 25.968 117.8 0 159.058 0 288-192 288s-192-128.942-192-288c0-99.060 57.502-198.104 128-237.832v-52.78c-217.102-17.748-384-124.42-384-253.388h397.306c-8.664 30.53-13.306 62.732-13.306 96zM736 512c-159.058 0-288-128.942-288-288s128.942-288 288-288c159.056 0 288 128.942 288 288s-128.942 288-288 288zM896 192h-128v-128h-64v128h-128v64h128v128h64v-128h128v-64z" /> <glyph unicode="&#xe973;" glyph-name="register" d="M384 224c0 151.234 95.874 280.486 230.032 330.2 16.28 36.538 25.968 77.164 25.968 117.8 0 159.058 0 288-192 288s-192-128.942-192-288c0-99.060 57.502-198.104 128-237.832v-52.78c-217.102-17.748-384-124.42-384-253.388h397.306c-8.664 30.53-13.306 62.732-13.306 96zM736 512c-159.058 0-288-128.942-288-288s128.942-288 288-288c159.056 0 288 128.942 288 288s-128.942 288-288 288zM896 192h-128v-128h-64v128h-128v64h128v128h64v-128h128v-64z" />
<glyph unicode="&#xe994;" glyph-name="setting" d="M933.79 349.75c-53.726 93.054-21.416 212.304 72.152 266.488l-100.626 174.292c-28.75-16.854-62.176-26.518-97.846-26.518-107.536 0-194.708 87.746-194.708 195.99h-201.258c0.266-33.41-8.074-67.282-25.958-98.252-53.724-93.056-173.156-124.702-266.862-70.758l-100.624-174.292c28.97-16.472 54.050-40.588 71.886-71.478 53.638-92.908 21.512-211.92-71.708-266.224l100.626-174.292c28.65 16.696 61.916 26.254 97.4 26.254 107.196 0 194.144-87.192 194.7-194.958h201.254c-0.086 33.074 8.272 66.57 25.966 97.218 53.636 92.906 172.776 124.594 266.414 71.012l100.626 174.29c-28.78 16.466-53.692 40.498-71.434 71.228zM512 240.668c-114.508 0-207.336 92.824-207.336 207.334 0 114.508 92.826 207.334 207.336 207.334 114.508 0 207.332-92.826 207.332-207.334-0.002-114.51-92.824-207.334-207.332-207.334z" /> <glyph unicode="&#xe994;" glyph-name="setting" d="M933.79 349.75c-53.726 93.054-21.416 212.304 72.152 266.488l-100.626 174.292c-28.75-16.854-62.176-26.518-97.846-26.518-107.536 0-194.708 87.746-194.708 195.99h-201.258c0.266-33.41-8.074-67.282-25.958-98.252-53.724-93.056-173.156-124.702-266.862-70.758l-100.624-174.292c28.97-16.472 54.050-40.588 71.886-71.478 53.638-92.908 21.512-211.92-71.708-266.224l100.626-174.292c28.65 16.696 61.916 26.254 97.4 26.254 107.196 0 194.144-87.192 194.7-194.958h201.254c-0.086 33.074 8.272 66.57 25.966 97.218 53.636 92.906 172.776 124.594 266.414 71.012l100.626 174.29c-28.78 16.466-53.692 40.498-71.434 71.228zM512 240.668c-114.508 0-207.336 92.824-207.336 207.334 0 114.508 92.826 207.334 207.336 207.334 114.508 0 207.332-92.826 207.332-207.334-0.002-114.51-92.824-207.334-207.332-207.334z" />
<glyph unicode="&#xea13;" glyph-name="login" d="M384 448h-320v128h320v128l192-192-192-192zM1024 960v-832l-384-192v192h-384v256h64v-192h320v576l256 128h-576v-256h-64v320z" /> <glyph unicode="&#xea13;" glyph-name="login" d="M384 448h-320v128h320v128l192-192-192-192zM1024 960v-832l-384-192v192h-384v256h64v-192h320v576l256 128h-576v-256h-64v320z" />
<glyph unicode="&#xea14;" glyph-name="logout" d="M768 320v128h-320v128h320v128l192-192zM704 384v-256h-320v-192l-384 192v832h704v-320h-64v256h-512l256-128v-576h256v192z" />
<glyph unicode="&#xf002;" glyph-name="search" horiz-adv-x="951" d="M658.286 475.428c0 141.143-114.857 256-256 256s-256-114.857-256-256 114.857-256 256-256 256 114.857 256 256zM950.857 0c0-40-33.143-73.143-73.143-73.143-19.429 0-38.286 8-51.429 21.714l-196 195.429c-66.857-46.286-146.857-70.857-228-70.857-222.286 0-402.286 180-402.286 402.286s180 402.286 402.286 402.286 402.286-180 402.286-402.286c0-81.143-24.571-161.143-70.857-228l196-196c13.143-13.143 21.143-32 21.143-51.429z" /> <glyph unicode="&#xf002;" glyph-name="search" horiz-adv-x="951" d="M658.286 475.428c0 141.143-114.857 256-256 256s-256-114.857-256-256 114.857-256 256-256 256 114.857 256 256zM950.857 0c0-40-33.143-73.143-73.143-73.143-19.429 0-38.286 8-51.429 21.714l-196 195.429c-66.857-46.286-146.857-70.857-228-70.857-222.286 0-402.286 180-402.286 402.286s180 402.286 402.286 402.286 402.286-180 402.286-402.286c0-81.143-24.571-161.143-70.857-228l196-196c13.143-13.143 21.143-32 21.143-51.429z" />
<glyph unicode="&#xf01c;" glyph-name="inbox" horiz-adv-x="878" d="M584.571 402.286h180.571c-1.143 2.857-1.714 6.286-2.857 9.143l-121.143 283.429h-404.571l-121.143-283.429c-1.143-2.857-1.714-6.286-2.857-9.143h180.571l54.286-109.714h182.857zM877.714 385.143v-275.429c0-20-16.571-36.571-36.571-36.571h-804.571c-20 0-36.571 16.571-36.571 36.571v275.429c0 20.571 6.286 50.857 14.286 70.286l136 315.429c8 18.857 30.857 33.714 50.857 33.714h475.429c20 0 42.857-14.857 50.857-33.714l136-315.429c8-19.429 14.286-49.714 14.286-70.286z" /> <glyph unicode="&#xf01c;" glyph-name="inbox" horiz-adv-x="878" d="M584.571 402.286h180.571c-1.143 2.857-1.714 6.286-2.857 9.143l-121.143 283.429h-404.571l-121.143-283.429c-1.143-2.857-1.714-6.286-2.857-9.143h180.571l54.286-109.714h182.857zM877.714 385.143v-275.429c0-20-16.571-36.571-36.571-36.571h-804.571c-20 0-36.571 16.571-36.571 36.571v275.429c0 20.571 6.286 50.857 14.286 70.286l136 315.429c8 18.857 30.857 33.714 50.857 33.714h475.429c20 0 42.857-14.857 50.857-33.714l136-315.429c8-19.429 14.286-49.714 14.286-70.286z" />
<glyph unicode="&#xf021;" glyph-name="refresh" horiz-adv-x="878" d="M863.429 347.428c0-1.143 0-2.857-0.571-4-48.571-202.286-215.429-343.429-426.286-343.429-111.429 0-219.429 44-300.571 121.143l-73.714-73.714c-6.857-6.857-16-10.857-25.714-10.857-20 0-36.571 16.571-36.571 36.571v256c0 20 16.571 36.571 36.571 36.571h256c20 0 36.571-16.571 36.571-36.571 0-9.714-4-18.857-10.857-25.714l-78.286-78.286c53.714-50.286 125.143-78.857 198.857-78.857 101.714 0 196 52.571 249.143 139.429 13.714 22.286 20.571 44 30.286 66.857 2.857 8 8.571 13.143 17.143 13.143h109.714c10.286 0 18.286-8.571 18.286-18.286zM877.714 804.571v-256c0-20-16.571-36.571-36.571-36.571h-256c-20 0-36.571 16.571-36.571 36.571 0 9.714 4 18.857 10.857 25.714l78.857 78.857c-54.286 50.286-125.714 78.286-199.429 78.286-101.714 0-196-52.571-249.143-139.429-13.714-22.286-20.571-44-30.286-66.857-2.857-8-8.571-13.143-17.143-13.143h-113.714c-10.286 0-18.286 8.571-18.286 18.286v4c49.143 202.857 217.714 343.429 428.571 343.429 112 0 221.143-44.571 302.286-121.143l74.286 73.714c6.857 6.857 16 10.857 25.714 10.857 20 0 36.571-16.571 36.571-36.571z" /> <glyph unicode="&#xf021;" glyph-name="refresh" horiz-adv-x="878" d="M863.429 347.428c0-1.143 0-2.857-0.571-4-48.571-202.286-215.429-343.429-426.286-343.429-111.429 0-219.429 44-300.571 121.143l-73.714-73.714c-6.857-6.857-16-10.857-25.714-10.857-20 0-36.571 16.571-36.571 36.571v256c0 20 16.571 36.571 36.571 36.571h256c20 0 36.571-16.571 36.571-36.571 0-9.714-4-18.857-10.857-25.714l-78.286-78.286c53.714-50.286 125.143-78.857 198.857-78.857 101.714 0 196 52.571 249.143 139.429 13.714 22.286 20.571 44 30.286 66.857 2.857 8 8.571 13.143 17.143 13.143h109.714c10.286 0 18.286-8.571 18.286-18.286zM877.714 804.571v-256c0-20-16.571-36.571-36.571-36.571h-256c-20 0-36.571 16.571-36.571 36.571 0 9.714 4 18.857 10.857 25.714l78.857 78.857c-54.286 50.286-125.714 78.286-199.429 78.286-101.714 0-196-52.571-249.143-139.429-13.714-22.286-20.571-44-30.286-66.857-2.857-8-8.571-13.143-17.143-13.143h-113.714c-10.286 0-18.286 8.571-18.286 18.286v4c49.143 202.857 217.714 343.429 428.571 343.429 112 0 221.143-44.571 302.286-121.143l74.286 73.714c6.857 6.857 16 10.857 25.714 10.857 20 0 36.571-16.571 36.571-36.571z" />
......
{ {
"IcoMoonType": "selection", "IcoMoonType": "selection",
"icons": [ "icons": [
{
"icon": {
"paths": [
"M768 640v-128h-320v-128h320v-128l192 192zM704 576v256h-320v192l-384-192v-832h704v320h-64v-256h-512l256 128v576h256v-192z"
],
"attrs": [],
"isMulticolor": false,
"isMulticolor2": false,
"tags": [
"exit",
"signout",
"logout",
"quit",
"close"
],
"defaultCode": 59924,
"grid": 16
},
"attrs": [],
"properties": {
"ligatures": "exit, signout",
"name": "logout",
"id": 288,
"order": 89,
"prevSize": 32,
"code": 59924
},
"setIdx": 1,
"setId": 1,
"iconIdx": 0
},
{ {
"icon": { "icon": {
"paths": [ "paths": [
...@@ -21,7 +52,7 @@ ...@@ -21,7 +52,7 @@
{} {}
], ],
"properties": { "properties": {
"order": 85, "order": 90,
"id": 287, "id": 287,
"name": "views", "name": "views",
"prevSize": 32, "prevSize": 32,
...@@ -29,7 +60,7 @@ ...@@ -29,7 +60,7 @@
}, },
"setIdx": 1, "setIdx": 1,
"setId": 1, "setId": 1,
"iconIdx": 0 "iconIdx": 1
}, },
{ {
"icon": { "icon": {
...@@ -58,13 +89,13 @@ ...@@ -58,13 +89,13 @@
"ligatures": "user-plus, user2", "ligatures": "user-plus, user2",
"name": "register", "name": "register",
"id": 115, "id": 115,
"order": 76, "order": 99,
"prevSize": 32, "prevSize": 32,
"code": 59763 "code": 59763
}, },
"setIdx": 1, "setIdx": 1,
"setId": 1, "setId": 1,
"iconIdx": 9 "iconIdx": 10
}, },
{ {
"icon": { "icon": {
...@@ -91,13 +122,13 @@ ...@@ -91,13 +122,13 @@
"ligatures": "cog, gear", "ligatures": "cog, gear",
"name": "setting", "name": "setting",
"id": 148, "id": 148,
"order": 77, "order": 100,
"prevSize": 32, "prevSize": 32,
"code": 59796 "code": 59796
}, },
"setIdx": 1, "setIdx": 1,
"setId": 1, "setId": 1,
"iconIdx": 10 "iconIdx": 11
}, },
{ {
"icon": { "icon": {
...@@ -120,13 +151,13 @@ ...@@ -120,13 +151,13 @@
"ligatures": "enter, signin", "ligatures": "enter, signin",
"name": "login", "name": "login",
"id": 275, "id": 275,
"order": 78, "order": 101,
"prevSize": 32, "prevSize": 32,
"code": 59923 "code": 59923
}, },
"setIdx": 1, "setIdx": 1,
"setId": 1, "setId": 1,
"iconIdx": 11 "iconIdx": 12
}, },
{ {
"icon": { "icon": {
...@@ -149,7 +180,7 @@ ...@@ -149,7 +180,7 @@
{} {}
], ],
"properties": { "properties": {
"order": 79, "order": 102,
"id": 0, "id": 0,
"prevSize": 32, "prevSize": 32,
"code": 59649, "code": 59649,
...@@ -157,7 +188,7 @@ ...@@ -157,7 +188,7 @@
}, },
"setIdx": 1, "setIdx": 1,
"setId": 1, "setId": 1,
"iconIdx": 12 "iconIdx": 13
}, },
{ {
"icon": { "icon": {
...@@ -178,13 +209,13 @@ ...@@ -178,13 +209,13 @@
"properties": { "properties": {
"name": "comments", "name": "comments",
"id": 286, "id": 286,
"order": 83, "order": 91,
"prevSize": 28, "prevSize": 28,
"code": 61670 "code": 61670
}, },
"setIdx": 1, "setIdx": 1,
"setId": 1, "setId": 1,
"iconIdx": 1 "iconIdx": 2
}, },
{ {
"icon": { "icon": {
...@@ -205,13 +236,13 @@ ...@@ -205,13 +236,13 @@
"properties": { "properties": {
"name": "date", "name": "date",
"id": 285, "id": 285,
"order": 81, "order": 92,
"prevSize": 28, "prevSize": 28,
"code": 61555 "code": 61555
}, },
"setIdx": 1, "setIdx": 1,
"setId": 1, "setId": 1,
"iconIdx": 2 "iconIdx": 3
}, },
{ {
"icon": { "icon": {
...@@ -232,13 +263,13 @@ ...@@ -232,13 +263,13 @@
"properties": { "properties": {
"name": "search", "name": "search",
"id": 284, "id": 284,
"order": 69, "order": 93,
"prevSize": 28, "prevSize": 28,
"code": 61442 "code": 61442
}, },
"setIdx": 1, "setIdx": 1,
"setId": 1, "setId": 1,
"iconIdx": 3 "iconIdx": 4
}, },
{ {
"icon": { "icon": {
...@@ -259,13 +290,13 @@ ...@@ -259,13 +290,13 @@
"properties": { "properties": {
"name": "up", "name": "up",
"id": 283, "id": 283,
"order": 70, "order": 94,
"prevSize": 28, "prevSize": 28,
"code": 61559 "code": 61559
}, },
"setIdx": 1, "setIdx": 1,
"setId": 1, "setId": 1,
"iconIdx": 4 "iconIdx": 5
}, },
{ {
"icon": { "icon": {
...@@ -286,13 +317,13 @@ ...@@ -286,13 +317,13 @@
"properties": { "properties": {
"name": "inbox", "name": "inbox",
"id": 280, "id": 280,
"order": 72, "order": 95,
"prevSize": 28, "prevSize": 28,
"code": 61468 "code": 61468
}, },
"setIdx": 1, "setIdx": 1,
"setId": 1, "setId": 1,
"iconIdx": 5 "iconIdx": 6
}, },
{ {
"icon": { "icon": {
...@@ -313,13 +344,13 @@ ...@@ -313,13 +344,13 @@
"properties": { "properties": {
"name": "tags", "name": "tags",
"id": 279, "id": 279,
"order": 73, "order": 96,
"prevSize": 28, "prevSize": 28,
"code": 61484 "code": 61484
}, },
"setIdx": 1, "setIdx": 1,
"setId": 1, "setId": 1,
"iconIdx": 6 "iconIdx": 7
}, },
{ {
"icon": { "icon": {
...@@ -341,13 +372,13 @@ ...@@ -341,13 +372,13 @@
"properties": { "properties": {
"name": "link", "name": "link",
"id": 278, "id": 278,
"order": 74, "order": 97,
"prevSize": 28, "prevSize": 28,
"code": 61633 "code": 61633
}, },
"setIdx": 1, "setIdx": 1,
"setId": 1, "setId": 1,
"iconIdx": 7 "iconIdx": 8
}, },
{ {
"icon": { "icon": {
...@@ -368,13 +399,13 @@ ...@@ -368,13 +399,13 @@
"properties": { "properties": {
"name": "refresh", "name": "refresh",
"id": 277, "id": 277,
"order": 75, "order": 98,
"prevSize": 28, "prevSize": 28,
"code": 61473 "code": 61473
}, },
"setIdx": 1, "setIdx": 1,
"setId": 1, "setId": 1,
"iconIdx": 8 "iconIdx": 9
} }
], ],
"height": 1024, "height": 1024,
......
<footer class="footer"> <footer class="footer fn-clear">
<div class="wrapper fn-clear"> &copy; ${year}
<a href="${servePath}">${blogTitle}</a> • ${footerContent}
${onlineVisitor1Label}${onlineVisitorCnt} <br/> <a href="${servePath}">${blogTitle}</a> &nbsp; • &nbsp;
&copy; ${year} <a href="http://b3log.org/services/#solo" target="_blank">Solo</a> ${version} <br/>
${footerContent}
Powered by <a href="http://b3log.org" target="_blank">B3log 开源</a> • Powered by <a href="http://b3log.org" target="_blank">B3log</a> 开源 &nbsp;
<a href="http://b3log.org/services/#solo" target="_blank">Solo</a> ${version} <span class="ft-warn">&heartsuit;</span>
Theme by <a href="https://github.com/9IPHP/9IPHP" target="_blank">9IPHP</a> & <a href="http://vanessa.b3log.org" target="_blank">Vanessa</a>
<div class="fn-right">Theme by <a href="http://iissnan.com/" target="_blank">IIssNan</a> & <a href="http://vanessa.b3log.org" target="_blank">Vanessa</a>.</div>
</div>
</footer> </footer>
<div class="back-to-top" onclick="Util.goTop()"></div> <div class="icon-up" onclick="Util.goTop()"></div>
<script type="text/javascript" src="${staticServePath}/js/lib/jquery/jquery.min.js" charset="utf-8"></script> <script type="text/javascript" src="${staticServePath}/js/lib/jquery/jquery.min.js" charset="utf-8"></script>
<script type="text/javascript" src="${staticServePath}/js/common${miniPostfix}.js?${staticResourceVersion}" charset="utf-8"></script> <script type="text/javascript" src="${staticServePath}/js/common${miniPostfix}.js?${staticResourceVersion}" charset="utf-8"></script>
......
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
</a> </a>
<#else> <#else>
<a href="${loginURL}"> <a href="${loginURL}">
<i class="fa fa-github"></i> ${loginLabel} <i class="icon-login"></i> ${loginLabel}
</a> </a>
<a href="${servePath}/register"> <a href="${servePath}/register">
<i class="icon-register"></i> ${registerLabel} <i class="icon-register"></i> ${registerLabel}
......
...@@ -25,13 +25,32 @@ ...@@ -25,13 +25,32 @@
* @static * @static
*/ */
var Skin = { var Skin = {
_initCommon: function () { _initCommon: function ($goTop) {
$('body').on('click', '.content-reset img', function () { $('body').on('click', '.content-reset img', function () {
window.open(this.src); window.open(this.src);
}); });
var $banner = $('header .banner'),
$navbar = $('header .navbar');
$(window).scroll(function () {
if ($(window).scrollTop() > 125) {
$goTop.show();
} else {
$goTop.hide();
}
if ($(window).scrollTop() > $banner.height()) {
$navbar.addClass('pin');
$('.main-wrap').parent().css('margin-top', '86px')
} else {
$navbar.removeClass('pin');
$('.main-wrap').parent().css('margin-top', '0')
}
});
}, },
init: function () { init: function () {
this._initCommon(); this._initCommon($('.icon-up'));
}, },
_initArticleCommon: function () { _initArticleCommon: function () {
// TOC // TOC
......
...@@ -16,13 +16,14 @@ ...@@ -16,13 +16,14 @@
# #
# Description: B3log Solo language configurations(en_US). # Description: B3log Solo language configurations(en_US).
# Version: 1.1.2.2, Sep 6, 2016 # Version: 1.0.0.0, Feb 17, 2017
# Author: Liyuan Li # Author: Liyuan Li
# Author: Liang Ding
# #
onlineVisitorLabel=Visitor
tocLabel=Article ToC tocLabel=Article ToC
readLabel=Read More readLabel=Read More
searchLabel=Search searchLabel=Search
subscribeLabel=Subscribe subscribeLabel=Subscribe
dynamicLabel=Dynamic dynamicLabel=Dynamic
......
...@@ -16,12 +16,14 @@ ...@@ -16,12 +16,14 @@
# #
# Description: B3log Solo default language configurations(zh_CN). # Description: B3log Solo default language configurations(zh_CN).
# Version: 1.1.1.2, Sep 6, 2016 # Version: 1.0.0.0, Feb 17, 2017
# Author: Liyuan Li # Author: Liyuan Li
# #
onlineVisitorLabel=\u8BBF\u5BA2
tocLabel=\u6587\u7AE0\u76EE\u5F55 tocLabel=\u6587\u7AE0\u76EE\u5F55
readLabel=\u9605\u8BFB\u5168\u6587 readLabel=\u9605\u8BFB\u5168\u6587
searchLabel=\u641C\u7D22 searchLabel=\u641C\u7D22
subscribeLabel=\u8BA2\u9605 subscribeLabel=\u8BA2\u9605
dynamicLabel=\u52A8\u6001 dynamicLabel=\u52A8\u6001
......
<aside> <aside>
<section> <#if noticeBoard??>
<img class="site-author-image" src="${adminUser.userAvatar}" title="${userName}"/> <div class="ad content-reset">
<p class="site-author-name">${userName}</p> ${noticeBoard}
<#if "" != noticeBoard> </div>
<p class="site-description motion-element">${blogSubtitle}</p> </#if>
</#if>
<nav>
<div class="site-state-item">
<a href="${servePath}/archives.html">
<span class="site-state-item-count">${statistic.statisticPublishedBlogArticleCount}</span>
<span class="site-state-item-name">${articleLabel}</span>
</a>
</div>
<div class="site-state-item site-state-categories"> <#if 0 != mostUsedTags?size>
<span class="site-state-item-count">${statistic.statisticBlogViewCount}</span> <div class="module">
<span class="site-state-item-name">${viewLabel}</span> <header><h2>${popTagsLabel}</h2></header>
</div> <main>
<#list mostUsedTags as tag>
<a rel="tag" title="${tag.tagTitle}(${tag.tagPublishedRefCount})"
href="${servePath}/tags/${tag.tagTitle?url('UTF-8')}"
class="tag tooltipped tooltipped-n" aria-label="${tag.tagPublishedRefCount} ${countLabel}${articleLabel}">
${tag.tagTitle}</a>
</#list>
</main>
</div>
</#if>
<div class="site-state-item site-state-tags"> <div class="module meta">
<header>
<h2>${adminUser.userName}</h2>
</header>
<main class="fn-clear">
<img src="${adminUser.userAvatar}" aria-label="${adminUser.userName}"/>
<div class="fn-right">
<a href="${servePath}/archives.html">
${statistic.statisticPublishedBlogArticleCount}
<span class="ft-gray">${articleLabel}</span></a><br/>
<a href="${servePath}/dynamic.html"> <a href="${servePath}/dynamic.html">
<span class="site-state-item-count">${statistic.statisticPublishedBlogCommentCount}</span> ${statistic.statisticPublishedBlogCommentCount}
<span class="site-state-item-name">${commentLabel}</span> <span class="ft-gray">${commentLabel}</span></a><br/>
</a> ${statistic.statisticBlogViewCount} <span class="ft-gray">${viewLabel}</span><br/>
${onlineVisitorCnt} <span class="ft-gray">${onlineVisitorLabel}</span>
</div> </div>
</nav> </main>
</div>
<div class="feed-link"> <#if 0 != mostCommentArticles?size>
<a href="${servePath}/blog-articles-rss.do" rel="alternate"> <div class="module">
<i class="icon-rss"></i> <header><h2>${mostCommentArticlesLabel}</h2></header>
RSS <main class="list">
</a> <ul>
</div> <#list mostCommentArticles as article>
<li>
<div class="links-of-author"> <a rel="nofollow" aria-label="${article.articleCommentCount} ${commentLabel}"
<#if isLoggedIn> class="tooltipped tooltipped-e"
<span class="links-of-author-item"> href="${servePath}${article.articlePermalink}">
<a href="${servePath}/admin-index.do#main" title="${adminLabel}"> ${article.articleTitle}
<i class="icon-setting"></i> ${adminLabel} </a>
</a> </li>
</span> </#list>
</ul>
<span class="links-of-author-item"> </main>
<a href="${logoutURL}">
<i class="icon-logout"></i> ${logoutLabel}
</a>
</span>
<#else>
<span class="links-of-author-item">
<a href="${loginURL}">
<i class="fa fa-github"></i> ${loginLabel}
</a>
</span>
<span class="links-of-author-item">
<a href="${servePath}/register">
<i class="icon-register"></i> ${registerLabel}
</a>
</span>
</#if>
</div>
<#if noticeBoard??>
<div class="links-of-author">
${noticeBoard}
</div> </div>
</#if> </#if>
<#if 0 != links?size> <#if 0 != mostViewCountArticles?size>
<div class="links-of-author"> <div class="module">
<p class="site-author-name">Links</p> <header><h2>${mostViewCountArticlesLabel}</h2></header>
<#list links as link> <main class="list">
<span class="links-of-author-item"> <ul>
<a rel="friend" href="${link.linkAddress}" <#list mostViewCountArticles as article>
title="${link.linkDescription}" target="_blank"> <li>
${link.linkTitle} <a rel="nofollow" aria-label="${article.articleCommentCount} ${commentLabel}"
</a> class="tooltipped tooltipped-e"
</span> href="${servePath}${article.articlePermalink}">
</#list> ${article.articleTitle}
</a>
</li>
</#list>
</ul>
</main>
</div> </div>
</#if> </#if>
</section>
</aside> </aside>
\ No newline at end of file
...@@ -9,25 +9,27 @@ ...@@ -9,25 +9,27 @@
</head> </head>
<body> <body>
<#include "header.ftl"> <#include "header.ftl">
<main class="main wrapper"> <div class="wrapper">
<div class="content"> <div class="main-wrap">
<div class="tag-cloud"> <main>
<div class="tag-cloud">
${sumLabel} ${tags?size} ${tagLabel} ${sumLabel} ${tags?size} ${tagLabel}
<ul class="tag-cloud-tags fn-clear" id="tags"> <ul class="tag-cloud-tags fn-clear" id="tags">
<#list tags as tag> <#list tags as tag>
<li> <li>
<a rel="tag" data-count="${tag.tagPublishedRefCount}" <a rel="tag" data-count="${tag.tagPublishedRefCount}"
href="${servePath}/tags/${tag.tagTitle?url('UTF-8')}"> href="${servePath}/tags/${tag.tagTitle?url('UTF-8')}">
<span>${tag.tagTitle}</span> <span>${tag.tagTitle}</span>
(<b>${tag.tagPublishedRefCount}</b>) (<b>${tag.tagPublishedRefCount}</b>)
</a> </a>
</li> </li>
</#list> </#list>
</ul> </ul>
</div> </div>
</main>
<#include "side.ftl">
</div> </div>
<#include "side.ftl"> </div>
</main>
<#include "footer.ftl"> <#include "footer.ftl">
<script> <script>
Util.buildTags(); Util.buildTags();
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment