[update] New website

The third-generation official website was launched
code-dream-star · Jan 28, 2024 · e9112f2 · e9112f2
1 parent 9f3c5ac
commit e9112f2
Show file tree

Hide file tree

Showing 39 changed files with 641 additions and 3,569 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
diff --git a/README.md b/README.md
diff --git a/index.html b/index.html
diff --git a/old/index.html b/old/index.html
diff --git a/static/css/code-dream-star-design.css b/static/css/code-dream-star-design.css
@@ -0,0 +1,100 @@
+:root {
+    /* FontSize */
+    --cds-design-fontsize-72: 72px;
+    --cds-design-fontsize-70: 70px;
+    --cds-design-fontsize-60: 60px;
+    --cds-design-fontsize-48: 48px;
+    --cds-design-fontsize-36: 36px;
+    --cds-design-fontsize-32: 32px;
+    --cds-design-fontsize-24: 24px;
+    --cds-design-fontsize-16: 16px;
+    --cds-design-fontsize-12: 12px;
+
+    /* Brand */
+    --cds-design-color-brand-101: #3662EC;
+    --cds-design-color-brand-102: #0B34B3;
+    --cds-design-color-brand-103: #94B7ED;
+    --cds-design-color-brand-104: #CAD6FD;
+    --cds-design-color-brand-105: #E3E8F7;
+    --cds-design-color-brand-106: #537CFF;
+    --cds-design-color-brand-107: #091A50;
+
+    --cds-design-color-brand-201: #07B9B9;
+    --cds-design-color-brand-202: #098D8D;
+    --cds-design-color-brand-203: #75E7E7;
+    --cds-design-color-brand-204: #A0E4E4;
+    --cds-design-color-brand-205: #D5EEEE;
+
+    --cds-design-color-brand-301: linear-gradient(166deg, #3662EC 8%, #07B9B9 92%);
+    --cds-design-color-brand-302: linear-gradient(166deg, #EC3636 8%, #B90707 92%);
+    --cds-design-color-brand-303: linear-gradient(170deg, #537CFF -18%, rgba(255, 255, 255, 0) -18%, #536AFF 98%);
+    --cds-design-color-brand-304: linear-gradient(170deg, rgba(255, 255, 255, 0) -18%, #537CFF -18%, #B780FF 98%);
+
+    /* Line */
+    --cds-design-color-line-101: #F7F7F7;
+    --cds-design-color-line-102: #9B9B9B;
+
+    /* Fill */
+    --cds-design-color-fill-101: #FFFFFF;
+    --cds-design-color-fill-102: #F3F3F3;
+    --cds-design-color-fill-103: #E8E8E8;
+    --cds-design-color-fill-104: #D1D8E8;
+    --cds-design-color-fill-105: #C2CCE4;
+    --cds-design-color-fill-106: #242424;
+    --cds-design-color-fill-107: rgb(255, 255, 255, 50%);
+
+    /* Text */
+    --cds-design-color-text-101: #FFFFFF;
+    --cds-design-color-text-102: #C9CDD4;
+    --cds-design-color-text-103: #A0AAB6;
+    --cds-design-color-text-104: #4E5969;
+    --cds-design-color-text-105: #393C40;
+
+    /* Success */
+    --cds-design-color-success-101: #50E377;
+    --cds-design-color-success-102: #00DC3B;
+    --cds-design-color-success-103: #83E19C;
+    --cds-design-color-success-104: #ACEBBD;
+    --cds-design-color-success-105: #DFFFE8;
+
+    /* Notice */
+    --cds-design-color-notice-101: #F0D75D;
+    --cds-design-color-notice-102: #D9BF3F;
+    --cds-design-color-notice-103: #CDBE8C;
+    --cds-design-color-notice-104: #EEEDA8;
+    --cds-design-color-notice-105: #EEEDBC;
+
+    /* Warning */
+    --cds-design-color-warning-101: #F68B26;
+    --cds-design-color-warning-102: #DC7311;
+    --cds-design-color-warning-103: #DC9D60;
+    --cds-design-color-warning-104: #F6C493;
+    --cds-design-color-warning-105: #FFE4CA;
+
+    /* Error */
+    --cds-design-color-error-101: #E85858;
+    --cds-design-color-error-102: #C13E3E;
+    --cds-design-color-error-103: #F4B3B3;
+    --cds-design-color-error-104: #F4B3B3;
+    --cds-design-color-error-105: #FFE9E9;
+
+    /* Border Radius */
+    --cds-design-radius-all: 1000px;
+    --cds-design-radius-30: 30px;
+    --cds-design-radius-10: 10px;
+    --cds-design-radius-top: 10px 10px 0 0;
+    --cds-design-radius-bottom: 0 0 10px 10px;
+    --cds-design-radius-5: 5px;
+    --cds-design-radius-1: 1px;
+
+    /* Box Shadow */
+    --cds-design-shadow: 0 4px 10px 0 rgb(0, 0, 0, 30.2%);
+
+    /* Border Width */
+    --cds-design-border-stroke-1: 1px;
+    --cds-design-border-breakline: 2px;
+    --cds-design-border-stroke-4: 4px;
+    --cds-design-border-stroke-5: 5px;
+    --cds-design-border-stroke-10: 10px;
+    --cds-design-border-arrow: 20px;
+}