Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit 963070a

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

File tree

3 files changed

+238
-96
lines changed

3 files changed

+238
-96
lines changed

‎_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"><imgsrc="/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)

AltStyle によって変換されたページ (->オリジナル) /