Skip to content

Commit cb6b211

Browse files
author
ming995
committed
refactor: update style
1 parent 7c73f50 commit cb6b211

File tree

3 files changed

+74
-16
lines changed

3 files changed

+74
-16
lines changed

Diff for: ‎assets/font/MicrosoftYaqiHeiLight-2.ttf

8.26 MB
Binary file not shown.

Diff for: ‎index.html

+37-8
Original file line numberDiff line numberDiff line change
@@ -8,28 +8,32 @@
88
<title>GitHubPageHub</title>
99
</head>
1010
<style>
11+
@font-face {
12+
font-family: mFont;
13+
src: url('./assets/font/MicrosoftYaqiHeiLight-2.ttf');
14+
}
1115
body {
1216
margin: 0;
1317
padding: 0;
18+
/* background-color: #F0F3FA; */
19+
font-family: 'mFont';
1420
}
1521
.hg-wrapper {
1622
display: flex;
1723
flex-direction: column;
1824
width: 99%;
1925
margin: 10px auto;
2026
align-items: center;
27+
2128
}
2229

2330
.hg-githubpage-blog-wrapper {
2431
width: 90%;
2532
position: relative;
26-
border: 1px solid #d9d9d9;
33+
border: .125rem solid #d9d9d9;
2734
padding: 1rem;
2835
border-radius: .1875rem;
2936
max-width: 62.5rem;
30-
box-shadow: 0px 5px 6px #666666;
31-
-moz-box-shadow: 0px 5px 6px#666666;
32-
-webkit-box-shadow: 0px 5px 6px #666666;
3337
margin-bottom: 2.25rem;
3438
}
3539

@@ -54,6 +58,8 @@
5458

5559
.hg-blog-link {
5660
text-decoration: none;
61+
font-weight: 700;
62+
width: 90%;
5763
}
5864

5965
.hg-blog-link:hover {
@@ -69,6 +75,7 @@
6975
line-height: 1.25rem;
7076
text-decoration: none;
7177
margin-left: .75rem;
78+
margin-top: .625rem;
7279
}
7380

7481
.hg-blog-tag-wrapper {
@@ -86,6 +93,7 @@
8693

8794
.hg-githubpage-blog-desc {
8895
font-size: .875rem;
96+
color: #627095;
8997
}
9098

9199
.hg-blog-banner-wrapper {
@@ -97,9 +105,6 @@
97105
height: 17.5rem;
98106
background: #1965eC;
99107
color: #fafafa;
100-
box-shadow: 0px 5px 6px #666666;
101-
-moz-box-shadow: 0px 5px 6px#666666;
102-
-webkit-box-shadow: 0px 5px 6px #666666;
103108
}
104109

105110
.hg-blog-banner-title {
@@ -123,14 +128,38 @@
123128
width: 3.5rem;
124129
margin-bottom: 1.5rem;
125130
}
131+
132+
.hg-commit-btn {
133+
display: flex;
134+
align-items: center;
135+
justify-content: center;
136+
width: 13.125rem;
137+
height: 50px;
138+
background-color: #eeeeee;
139+
border-radius: 33px;
140+
background-color: ;
141+
color: #eeeeee;
142+
margin-top: 20px;
143+
/* font-size: 8px; */
144+
}
145+
146+
.hg-commit-content {
147+
display: block;
148+
font-size: 1.25rem;
149+
text-decoration: none;
150+
color: #1965eC;
151+
font-size: 17px;
152+
}
126153
</style>
127154

128155
<body>
129156
<header class="hg-blog-banner-wrapper">
130157
<img class="hg-logo" src="./assets/hg-logo.png" />
131158
<span class="hg-blog-banner-title">分享，连接</span>
132159
<span class="hg-blog-banner-subtitle">你不是一个人在写博客</span>
133-
<a class="hg-blog-banner-subtitle" href="https://github.com/HelloGitHub-Team/GitHubPageHub/blob/master/script/howto.md">点击提交你的 blog</a>
160+
<div class="hg-commit-btn">
161+
<a class="hg-commit-content" href="https://github.com/HelloGitHub-Team/GitHubPageHub/blob/master/script/howto.md">点击提交你的 blog</a>
162+
</div>
134163
</header>
135164
<div class="hg-wrapper">
136165

Diff for: ‎script/templates/index.html

+37-8
Original file line numberDiff line numberDiff line change
@@ -8,28 +8,32 @@
88
<title>GitHubPageHub</title>
99
</head>
1010
<style>
11+
@font-face {
12+
font-family: mFont;
13+
src: url('../../assets/font/MicrosoftYaqiHeiLight-2.ttf');
14+
}
1115
body {
1216
margin: 0;
1317
padding: 0;
18+
/* background-color: #F0F3FA; */
19+
font-family: 'mFont';
1420
}
1521
.hg-wrapper {
1622
display: flex;
1723
flex-direction: column;
1824
width: 99%;
1925
margin: 10px auto;
2026
align-items: center;
27+
2128
}
2229

2330
.hg-githubpage-blog-wrapper {
2431
width: 90%;
2532
position: relative;
26-
border: 1px solid #d9d9d9;
33+
border: .125rem solid #d9d9d9;
2734
padding: 1rem;
2835
border-radius: .1875rem;
2936
max-width: 62.5rem;
30-
box-shadow: 0px 5px 6px #666666;
31-
-moz-box-shadow: 0px 5px 6px#666666;
32-
-webkit-box-shadow: 0px 5px 6px #666666;
3337
margin-bottom: 2.25rem;
3438
}
3539

@@ -54,6 +58,8 @@
5458

5559
.hg-blog-link {
5660
text-decoration: none;
61+
font-weight: 700;
62+
width: 90%;
5763
}
5864

5965
.hg-blog-link:hover {
@@ -69,6 +75,7 @@
6975
line-height: 1.25rem;
7076
text-decoration: none;
7177
margin-left: .75rem;
78+
margin-top: .625rem;
7279
}
7380

7481
.hg-blog-tag-wrapper {
@@ -86,6 +93,7 @@
8693

8794
.hg-githubpage-blog-desc {
8895
font-size: .875rem;
96+
color: #627095;
8997
}
9098

9199
.hg-blog-banner-wrapper {
@@ -97,9 +105,6 @@
97105
height: 17.5rem;
98106
background: #1965eC;
99107
color: #fafafa;
100-
box-shadow: 0px 5px 6px #666666;
101-
-moz-box-shadow: 0px 5px 6px#666666;
102-
-webkit-box-shadow: 0px 5px 6px #666666;
103108
}
104109

105110
.hg-blog-banner-title {
@@ -123,14 +128,38 @@
123128
width: 3.5rem;
124129
margin-bottom: 1.5rem;
125130
}
131+
132+
.hg-commit-btn {
133+
display: flex;
134+
align-items: center;
135+
justify-content: center;
136+
width: 13.125rem;
137+
height: 50px;
138+
background-color: #eeeeee;
139+
border-radius: 33px;
140+
background-color: ;
141+
color: #eeeeee;
142+
margin-top: 20px;
143+
/* font-size: 8px; */
144+
}
145+
146+
.hg-commit-content {
147+
display: block;
148+
font-size: 1.25rem;
149+
text-decoration: none;
150+
color: #1965eC;
151+
font-size: 17px;
152+
}
126153
</style>
127154

128155
<body>
129156
<header class="hg-blog-banner-wrapper">
130157
<img class="hg-logo" src="./assets/hg-logo.png" />
131158
<span class="hg-blog-banner-title">分享，连接</span>
132159
<span class="hg-blog-banner-subtitle">你不是一个人在写博客</span>
133-
<a class="hg-blog-banner-subtitle" href="https://github.com/HelloGitHub-Team/GitHubPageHub/blob/master/script/howto.md">点击提交你的 blog</a>
160+
<div class="hg-commit-btn">
161+
<a class="hg-commit-content" href="https://github.com/HelloGitHub-Team/GitHubPageHub/blob/master/script/howto.md">点击提交你的 blog</a>
162+
</div>
134163
</header>
135164
<div class="hg-wrapper">
136165
{% for blog in all_blog %}

0 commit comments

Comments
 (0)