Skip to content

Commit 136d094

Browse files
ZCShouZCShou
committed
重构了首页样式
1 parent 4c4a837 commit 136d094

File tree

4 files changed

+1309
-516
lines changed

4 files changed

+1309
-516
lines changed

‎docusaurus.config.js‎

Lines changed: 32 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -181,9 +181,9 @@ export default {
181181
// },
182182
announcementBar: {
183183
id: 'tips',
184-
content:'💪💪💪Currently, the project is in its early stages, and the related source code and documentation are being gradually organized.💪💪💪',
185-
backgroundColor: '#fafbfc',
186-
textColor: '#091E42',
184+
content:'🚀 欢迎使用 AxVisor！项目正处于快速发展阶段，相关源代码和文档正在逐步完善中。🚀',
185+
backgroundColor: '#e3f2fd',
186+
textColor: '#0d47a1',
187187
isCloseable: true,
188188
},
189189
docs: {
@@ -253,30 +253,50 @@ export default {
253253
style: 'light',
254254
links: [
255255
{
256-
title: 'Document',
256+
title: '文档',
257257
items: [
258258
{
259-
label: 'Tutorial',
260-
to: '/docs/overview',
259+
label: '快速入门',
260+
to: '/docs/introduction/overview',
261+
},
262+
{
263+
label: '架构设计',
264+
to: '/docs/design/architecture/arch',
265+
},
266+
{
267+
label: '部署指南',
268+
to: '/docs/manual/deploy',
261269
},
262270
],
263271
},
264272
{
265-
title: 'Community',
273+
title: '社区',
266274
items: [
267275
{
268-
label: 'arceos-hypervisor',
269-
href: 'https://github.com/arceos-hypervisor',
276+
label: 'GitHub',
277+
href: 'https://github.com/arceos-hypervisor/axvisor',
270278
},
271279
{
272280
label: 'ArceOS',
273-
href: 'https://github.com/arceos-org',
281+
href: 'https://github.com/arceos-org/arceos',
282+
},
283+
{
284+
label: '贡献指南',
285+
to: '/community/contributing/contributing',
274286
},
275287
],
276288
},
277289
{
278-
title: 'More',
290+
title: '资源',
279291
items: [
292+
{
293+
label: '路线图',
294+
to: '/docs/roadmap',
295+
},
296+
{
297+
label: '博客',
298+
to: '/blog',
299+
},
280300
{
281301
label: 'openEuler',
282302
href: 'https://www.openeuler.org/',
@@ -288,7 +308,7 @@ export default {
288308
],
289309
},
290310
],
291-
copyright: `Copyright © ${new Date().getFullYear()} AxVisor team`,
311+
copyright: `Copyright © ${new Date().getFullYear()} AxVisor 团队`,
292312
},
293313
prism: {
294314
aditionalLanguages: [

‎src/css/custom.css‎

Lines changed: 0 additions & 134 deletions
Original file line numberDiff line numberDiff line change
@@ -1,134 +0,0 @@
1-
/**
2-
* Any CSS included here will be global. The classic template
3-
* bundles Infima by default. Infima is a CSS framework designed to
4-
* work well for content-centric websites.
5-
*/
6-
:root {
7-
8-
/* Fonts var */
9-
/* --ifm-font-family-base: "comfortaa", cursive;
10-
--ifm-font-family: "montserrat", sans-serif;
11-
--ifm-font-family-monospace: "jetbrainsmono", monospace;
12-
--ifm-code-font-size: 100%; */
13-
14-
/* Primary */
15-
--ifm-color-primary: #2e8555;
16-
--ifm-color-primary-dark: #29784c;
17-
--ifm-color-primary-darker: #277148;
18-
--ifm-color-primary-darkest: #205d3b;
19-
--ifm-color-primary-light: #33925d;
20-
--ifm-color-primary-lighter: #359962;
21-
--ifm-color-primary-lightest: #3cad6e;
22-
--ifm-color-primary-contrast-background: var(--ifm-color-primary);
23-
--ifm-color-primary-contrast-foreground: var(--ifm-color-secondary);
24-
25-
/* White - black - gray */
26-
--ifm-color-white: #fff;
27-
--ifm-color-black: #000;
28-
--ifm-color-gray-0: var(--ifm-color-white);
29-
--ifm-color-gray-100: #f5f6f7;
30-
--ifm-color-gray-200: #ebedf0;
31-
--ifm-color-gray-300: #dadde1;
32-
--ifm-color-gray-400: #ccd0d5;
33-
--ifm-color-gray-500: #bec3c9;
34-
--ifm-color-gray-600: #8d949e;
35-
--ifm-color-gray-700: #606770;
36-
--ifm-color-gray-800: #444950;
37-
--ifm-color-gray-900: #1c1e21;
38-
--ifm-color-gray-1000: var(--ifm-color-black);
39-
}
40-
41-
/* For readability concerns, you should choose a lighter palette in dark mode. */
42-
/* variables dark theme */
43-
html[data-theme='dark'] {
44-
--ifm-color-primary: #25c2a0;
45-
--ifm-color-primary-dark: #21af90;
46-
--ifm-color-primary-darker: #1fa588;
47-
--ifm-color-primary-darkest: #1a8870;
48-
--ifm-color-primary-light: #29d5b0;
49-
--ifm-color-primary-lighter: #32d8b4;
50-
--ifm-color-primary-lightest: #4fddbf;
51-
}
52-
53-
html,
54-
body {
55-
font-size: 18px;
56-
}
57-
58-
/* ==================== Navbar ==================== */
59-
.header-github-link::before {
60-
content: '';
61-
width: 24px;
62-
height: 24px;
63-
display: flex;
64-
background-color: var(--ifm-navbar-link-color);
65-
mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E");
66-
transition: background-color var(--ifm-transition-fast)
67-
var(--ifm-transition-timing-default);
68-
}
69-
70-
.header-github-link:hover::before {
71-
background-color: var(--ifm-navbar-link-hover-color);
72-
}
73-
74-
/* ==================== Footer ==================== */
75-
76-
/* ==================== announcementBar ==================== */
77-
div[class^='announcementBar_'] {
78-
font-weight: 500;
79-
/*
80-
--site-announcement-bar-stripe-color1: hsl(
81-
var(--site-primary-hue-saturation) 85%
82-
);
83-
--site-announcement-bar-stripe-color2: hsl(
84-
var(--site-primary-hue-saturation) 95%
85-
);
86-
*/
87-
--site-announcement-bar-stripe-color1: #e8d7ff;
88-
--site-announcement-bar-stripe-color2: #ffe9d1;
89-
90-
background: repeating-linear-gradient(35deg,
91-
var(--site-announcement-bar-stripe-color1),
92-
var(--site-announcement-bar-stripe-color1) 20px,
93-
var(--site-announcement-bar-stripe-color2) 10px,
94-
var(--site-announcement-bar-stripe-color2) 40px);
95-
}
96-
97-
/* ==================== search ==================== */
98-
[data-theme='light'] .DocSearch {
99-
/* --docsearch-primary-color: var(--ifm-color-primary); */
100-
/* --docsearch-text-color: var(--ifm-font-color-base); */
101-
--docsearch-muted-color: var(--ifm-color-secondary-darkest);
102-
--docsearch-container-background: rgba(94, 100, 112, 0.7);
103-
/* Modal */
104-
--docsearch-modal-background: var(--ifm-color-secondary-lighter);
105-
/* Search box */
106-
--docsearch-searchbox-background: var(--ifm-color-secondary);
107-
--docsearch-searchbox-focus-background: var(--ifm-color-white);
108-
/* Hit */
109-
--docsearch-hit-color: var(--ifm-font-color-base);
110-
--docsearch-hit-active-color: var(--ifm-color-white);
111-
--docsearch-hit-background: var(--ifm-color-white);
112-
/* Footer */
113-
--docsearch-footer-background: var(--ifm-color-white);
114-
}
115-
116-
[data-theme='dark'] .DocSearch {
117-
--docsearch-text-color: var(--ifm-font-color-base);
118-
--docsearch-muted-color: var(--ifm-color-secondary-darkest);
119-
--docsearch-container-background: rgba(47, 55, 69, 0.7);
120-
/* Modal */
121-
--docsearch-modal-background: var(--ifm-background-color);
122-
/* Search box */
123-
--docsearch-searchbox-background: var(--ifm-background-color);
124-
--docsearch-searchbox-focus-background: var(--ifm-color-black);
125-
/* Hit */
126-
--docsearch-hit-color: var(--ifm-font-color-base);
127-
--docsearch-hit-active-color: var(--ifm-color-white);
128-
--docsearch-hit-background: var(--ifm-color-emphasis-100);
129-
/* Footer */
130-
--docsearch-footer-background: var(--ifm-background-surface-color);
131-
--docsearch-key-gradient: linear-gradient(-26.5deg,
132-
var(--ifm-color-emphasis-200) 0%,
133-
var(--ifm-color-emphasis-100) 100%);
134-
}

0 commit comments

Comments
 (0)