Skip to content

Commit 3e45bb9

Browse files
qwqcodeqwqcode
committed
chore(landing): improve landing page and docs
1 parent 64a2adb commit 3e45bb9

File tree

7 files changed

+21
-20
lines changed

7 files changed

+21
-20
lines changed

‎docs/docs/en/guide/env.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -276,7 +276,7 @@ ATK_TRUSTED_DOMAINS_0="https://a.com"
276276
| **ATK_FRONTEND_UABADGE** | `false` | User UA badge | frontend.uaBadge (UI Settings > User UA badge) |
277277
| **ATK_FRONTEND_VERSIONCHECK** | `true` | Version check | frontend.versionCheck (UI Settings > Version check) |
278278
| **ATK_FRONTEND_VOTE** | `true` | Vote button | frontend.vote (UI Settings > Vote button) |
279-
| **ATK_FRONTEND_VOTEDOWN** | `false` | Dislike button | frontend.voteDown (UI Settings > Dislike button) |
279+
| **ATK_FRONTEND_VOTEDOWN** | `false` | Vote down button | frontend.voteDown (UI Settings > Vote down button) |
280280

281281

282282
## Web server

‎docs/landing/src/components/Features/Frameworks.scss‎

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@
44
justify-content: center;
55
flex-direction: row;
66
padding: 20px 0;
7+
margin: 0 auto;
78
margin-bottom: 100px;
89

910
.title {
@@ -22,9 +23,10 @@
2223

2324
.methods {
2425
padding: 0 50px;
25-
flex: 1;
26-
display: grid;
27-
grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
26+
display: inline-flex;
27+
flex-wrap: wrap;
28+
margin: 0 auto;
29+
gap: 15px;
2830

2931
.icon {
3032
height: 80px;

‎docs/landing/src/i18n/zh-TW.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ export const zhTW: MessageSchema = {
55
get_artalk: '取得 Artalk',
66
get_artalk_link: 'https://artalk.js.org/guide/intro.html',
77
slogan_line_1: 'Artalk 評論系統',
8-
slogan_line_2: '即時評論，即時回應',
8+
slogan_line_2: '即時評論，即刻回應',
99
slogan_line_3: '',
1010
nav_docs_link: 'https://artalk.js.org/guide/intro.html',
1111
nav_changelog_link: 'https://github.com/ArtalkJS/Artalk/blob/master/CHANGELOG.md',

‎docs/landing/src/responsive.scss‎

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -203,10 +203,8 @@ $breakpoints: (
203203
}
204204

205205
.methods {
206-
width: 100%;
207-
place-items: center;
208-
padding: 0 20px;
209-
grid-template-columns: repeat(auto-fill, minmax(85px, 1fr));
206+
padding: 0 40px;
207+
gap: 15px;
210208

211209
.icon {
212210
height: 65px;
@@ -223,6 +221,7 @@ $breakpoints: (
223221

224222
.full-feature {
225223
padding-bottom: 50px;
224+
padding-top: 50px;
226225
}
227226

228227
.full-feature .func-list {

‎ui/artalk/src/comment/renders/header.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,7 @@ function renderVerifyBadge(ctx: Render) {
4444
ctx.$headerBadgeWrap.append($badge)
4545
} else if (ctx.data.is_verified) {
4646
const $verifiedBadge = Utils.createElement(
47-
`<span class="atk-verified-icon" title="${$t('emailVerified')}"></span>`,
47+
`<span class="atk-icon-verified" title="${$t('emailVerified')}"></span>`,
4848
) // 邮箱验证徽章
4949
ctx.$headerBadgeWrap.append($verifiedBadge)
5050
}

‎ui/artalk/src/style/comment.scss‎

Lines changed: 0 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -145,16 +145,6 @@
145145
background: #f44336;
146146
}
147147

148-
.atk-verified-icon {
149-
height: 1.4em;
150-
width: 1.4em;
151-
background-repeat: no-repeat;
152-
background-position: center;
153-
background-size: contain;
154-
display: block;
155-
background-image: url('data:image/svg+xml,<svg viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg" fill="%231d9bf0"><g><path d="M20.396 11c-.018-.646-.215-1.275-.57-1.816-.354-.54-.852-.972-1.438-1.246.223-.607.27-1.264.14-1.897-.131-.634-.437-1.218-.882-1.687-.47-.445-1.053-.75-1.687-.882-.633-.13-1.29-.083-1.897.14-.273-.587-.704-1.086-1.245-1.44S11.647 1.62 11 1.604c-.646.017-1.273.213-1.813.568s-.969.854-1.24 1.44c-.608-.223-1.267-.272-1.902-.14-.635.13-1.22.436-1.69.882-.445.47-.749 1.055-.878 1.688-.13.633-.08 1.29.144 1.896-.587.274-1.087.705-1.443 1.245-.356.54-.555 1.17-.574 1.817.02.647.218 1.276.574 1.817.356.54.856.972 1.443 1.245-.224.606-.274 1.263-.144 1.896.13.634.433 1.218.877 1.688.47.443 1.054.747 1.687.878.633.132 1.29.084 1.897-.136.274.586.705 1.084 1.246 1.439.54.354 1.17.551 1.816.569.647-.016 1.276-.213 1.817-.567s.972-.854 1.245-1.44c.604.239 1.266.296 1.903.164.636-.132 1.22-.447 1.68-.907.46-.46.776-1.044.908-1.681s.075-1.299-.165-1.903c.586-.274 1.084-.705 1.439-1.246.354-.54.551-1.17.569-1.816zM9.662 14.85l-3.429-3.428 1.293-1.302 2.072 2.072 4.4-4.794 1.347 1.246z"></path></g></svg>');
156-
}
157-
158148
.atk-ua {
159149
@extend .badge;
160150
}

‎ui/artalk/src/style/main.scss‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -333,6 +333,16 @@
333333
mask-image: url('data:image/svg+xml,<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M405 136.798L375.202 107 256 226.202 136.798 107 107 136.798 226.202 256 107 375.202 136.798 405 256 285.798 375.202 405 405 375.202 285.798 256z"></path></svg>');
334334
}
335335

336+
.atk-icon-verified {
337+
height: 1.4em;
338+
width: 1.4em;
339+
background-repeat: no-repeat;
340+
background-position: center;
341+
background-size: contain;
342+
display: block;
343+
background-image: url('data:image/svg+xml,<svg viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg" fill="%231d9bf0"><g><path d="M20.396 11c-.018-.646-.215-1.275-.57-1.816-.354-.54-.852-.972-1.438-1.246.223-.607.27-1.264.14-1.897-.131-.634-.437-1.218-.882-1.687-.47-.445-1.053-.75-1.687-.882-.633-.13-1.29-.083-1.897.14-.273-.587-.704-1.086-1.245-1.44S11.647 1.62 11 1.604c-.646.017-1.273.213-1.813.568s-.969.854-1.24 1.44c-.608-.223-1.267-.272-1.902-.14-.635.13-1.22.436-1.69.882-.445.47-.749 1.055-.878 1.688-.13.633-.08 1.29.144 1.896-.587.274-1.087.705-1.443 1.245-.356.54-.555 1.17-.574 1.817.02.647.218 1.276.574 1.817.356.54.856.972 1.443 1.245-.224.606-.274 1.263-.144 1.896.13.634.433 1.218.877 1.688.47.443 1.054.747 1.687.878.633.132 1.29.084 1.897-.136.274.586.705 1.084 1.246 1.439.54.354 1.17.551 1.816.569.647-.016 1.276-.213 1.817-.567s.972-.854 1.245-1.44c.604.239 1.266.296 1.903.164.636-.132 1.22-.447 1.68-.907.46-.46.776-1.044.908-1.681s.075-1.299-.165-1.903c.586-.274 1.084-.705 1.439-1.246.354-.54.551-1.17.569-1.816zM9.662 14.85l-3.429-3.428 1.293-1.302 2.072 2.072 4.4-4.794 1.347 1.246z"></path></g></svg>');
344+
}
345+
336346
/* Layer */
337347
.atk-error-layer {
338348
@extend .atk-full-layer;

0 commit comments

Comments
 (0)