Skip to content

Commit 963070a

Browse files
mytharchermytharcher
committed
Update view; add api cache; add topic filter.
1 parent f0d8dca commit 963070a

3 files changed

Lines changed: 238 additions & 96 deletions

File tree

‎_layouts/page.html‎

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -8,14 +8,14 @@
88
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
99
<link rel="icon" href="/favicon.png" type="image/x-icon" />
1010
<link rel="shortcut icon" href="/favicon.png" type="image/x-icon" />
11-
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css" />
11+
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.css" />
1212
<link rel="stylesheet" href="/assets/css/common.css" />
1313
</head>
1414
<body class="page-{{ page.type }}">
1515

1616
<nav>
1717
<div class="container">
18-
<a href="/" class="logo"><strong>&lt;yn/&gt;</strong></a>
18+
<a href="/" class="logo"><img src="/assets/img/logo-160.png" />Yncoder</a>
1919
<ul>
2020
<li><a href="/about">关于</a></li>
2121
<li><a href="/bloggers">Bloggers</a></li>
@@ -27,8 +27,7 @@
2727
{{ content }}
2828

2929
<footer class="container">
30-
<p>分享 · 交流 · 共创</p>
31-
<p class="copyright">&copy; Since 2014. 官方 QQ 群：39615502</p>
30+
<p class="copyright">&copy; Since 2014. [ 分享 · 交流 · 共创 ] 官方 QQ 群：39615502</p>
3231
</footer>
3332

3433
</body>

‎assets/css/common.css‎

Lines changed: 88 additions & 52 deletions
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,7 @@ img{
3030
}
3131

3232
a{
33-
color: #0395d0;
33+
color: #000;
3434
text-decoration: none;
3535
}
3636
a:hover{
@@ -51,44 +51,43 @@ a:hover{
5151

5252

5353

54-
nav{
54+
body>nav{
5555
height: 60px;
56-
border-bottom: 1px solid #eee;
57-
background-color: rgba(63, 147, 192, 1);
58-
background: linear-gradient( 160deg, rgba(63, 147, 192, 1), rgba(63, 147, 192, 0.7));
56+
background: #fff;
5957
}
60-
nav .logo{
58+
body>nav .logo{
6159
display: block;
6260
float: left;
6361
height: 60px;
6462
text-decoration: none;
6563
font: normal 2em/60px Consolas;
66-
color: #fff;
64+
color: #000;
6765
}
68-
nav ul{
66+
body>nav .logo img{
67+
float: left;
68+
height: 100%;
69+
margin-right: .5em;
70+
}
71+
body>nav ul{
6972
position: absolute;
7073
top: 0;
7174
right: 0;
7275
padding: 20px 0;
7376
}
74-
nav li{
77+
body>nav li{
7578
list-style: none;
7679
display: inline-block;
7780
height: 20px;
7881
line-height: 20px;
7982
vertical-align: middle;
8083
margin-left: 20px;
8184
}
82-
nav li a{
83-
color: #fff;
84-
}
8585

8686
footer{
8787
padding: 20px 0;
8888
}
8989
footer .copyright{
9090
line-height: 20px;
91-
text-align: center;
9291
color: #999;
9392
font-size: 80%;
9493
}
@@ -137,7 +136,7 @@ article blockquote{line-height:1.6em; margin:1em 0 1em 1.5em; border-left:2px so
137136

138137

139138

140-
.page-single .container:not(nav){
139+
.page-single .container:not(body>nav){
141140
max-width: 640px;
142141
font-size: 1.2em;
143142
line-height: 1.8em;
@@ -151,49 +150,92 @@ article blockquote{line-height:1.6em; margin:1em 0 1em 1.5em; border-left:2px so
151150
font-size: 90%;
152151
}
153152

153+
.page-list{
154+
background: #f0f0f0;
155+
}
156+
.page-list main{
157+
margin-top: 20px;
158+
}
159+
.page-list aside .block{
160+
padding: 10px;
161+
background: #fff;
162+
}
163+
.page-list aside nav .btn-add{
164+
display: block;
165+
border: 1px solid #999;
166+
border-radius: 4px;
167+
vertical-align: middle;
168+
line-height: 48px;
169+
font-size: 1.2em;
170+
text-align: center;
171+
}
172+
.page-list aside nav .btn-add i{
173+
margin-right: .5em;
174+
}
175+
.page-list aside nav .btn-add:hover{
176+
text-decoration: none;
177+
color: #000;
178+
}
179+
.page-list aside nav .btn-add:hover i{
180+
font-size: 1.2em;
181+
}
154182

155-
.page-list #issue-list li{
183+
.page-list #label-list li{
156184
list-style: none;
157-
position: relative;
185+
margin-top: 10px;
186+
}
187+
.page-list #label-list a{
188+
display: block;
189+
border-radius: 4px;
158190
padding: 10px;
159-
border-top: 1px solid #f3f3f3;
191+
color: #fff;
160192
}
161-
.page-list #issue-list li.label-活动 {
162-
border-left: 3px solid #CE2C7C
193+
.page-list #label-list .fa-tag{
194+
margin-right: .5em;
163195
}
164-
.page-list #issue-list li.label-招聘 {
165-
border-left: 3px solid #FCCB00
196+
197+
.page-list #issue-list{
198+
background: #fff;
166199
}
167-
.page-list #issue-list li.label-技术 {
168-
border-left: 3px solid #82B5ED
200+
.page-list #issue-list li{
201+
list-style: none;
202+
position: relative;
203+
min-height: 70px;
204+
padding: 10px 10px 10px 70px;
205+
border-bottom: 1px solid #eee;
206+
border-left: 2px solid transparent;
169207
}
170-
.page-list #issue-list li.label-求职 {
171-
border-left: 3px solid #BEE6BE
208+
.page-list #issue-list li.loading,
209+
.page-list #issue-list li.gotowork{
210+
padding: 50px 10px;
211+
text-align: center;
212+
font-size: 200%;
172213
}
173-
.page-list #issue-list li.label-组织发展 {
174-
border-left: 3px solid #000;
214+
.page-list #issue-list li.hidden{
215+
display: none;
175216
}
176217
.page-list #issue-list figure{
177-
width: 48px;
178-
height: 48px;
179-
display: inline-block;
180-
border-radius: 50%;
181218
position: absolute;
182219
top: 10px;
183220
left: 10px;
184-
overflow: hidden;
221+
width: 48px;
222+
height: 48px;
185223
}
186224
.page-list #issue-list figure img{
187225
max-width: 100%;
226+
border-radius: 4px;
188227
}
189-
.page-list #issue-list .title {
190-
padding-left: 70px;
191-
}
192-
.page-list #issue-list h4 {
228+
.page-list #issue-list h4{
193229
margin: 0;
194230
line-height: 1.5em;
195231
font-size: 110%;
196232
}
233+
.page-list #issue-list h4 a{
234+
color: #666;
235+
}
236+
.page-list #issue-list h4 a:visited{
237+
color: #999;
238+
}
197239
.page-list #issue-list p{
198240
margin: 0;
199241
line-height: 1.5em;
@@ -208,27 +250,21 @@ article blockquote{line-height:1.6em; margin:1em 0 1em 1.5em; border-left:2px so
208250
font-size: 13px;
209251
}
210252

211-
.page-list aside {
212-
padding: 10px;
213-
}
214-
.page-list aside .btn-add {
215-
display: inline-block;
216-
height: 48px;
217-
width: 48px;
218-
margin-right: 22px;
219-
background-color: #eee;
220-
font-size: 48px;
221-
text-align: center;
222-
vertical-align: middle;
223-
border-radius: 50%;
224-
color: #999
253+
@media (min-width: 1024px) {
254+
.page-list #issue-list{
255+
width: 74%;
256+
}
257+
.page-list aside{
258+
float: right;
259+
width: 24%;
260+
}
225261
}
226262

227263
@media (max-width: 640px) {
228-
nav .logo *:not(img){
264+
body>nav .logo *:not(img){
229265
display: none;
230266
}
231-
nav iframe{
267+
body>nav iframe{
232268
display: none;
233269
}
234270
.page-single article.container{

0 commit comments

Comments
 (0)