new website (#11)

datasophon · Sep 26, 2023 · 93c4a74 · 93c4a74
1 parent 3b8c6bf
commit 93c4a74
Show file tree

Hide file tree

Showing 7 changed files with 47 additions and 2,666 deletions.
diff --git a/docusaurus.config.js b/docusaurus.config.js
@@ -130,7 +130,7 @@ const config = {
 
           {
             type: 'localeDropdown',
-            position: 'right',
+            position: 'left',
             dropdownItemsAfter: [
               {
                 type: 'html',
@@ -152,7 +152,7 @@ const config = {
           {
             href: 'https://github.com/datasophon/datasophon',
             label: 'GitHub',
-            position: 'right',
+            position: 'left',
           },
         ],
       },

diff --git a/src/css/bootstrap.min.css b/src/css/bootstrap.min.css
@@ -340,8 +340,13 @@ template {
 }
 
 .lead {
-    font-size: 1.25rem;
-    font-weight: 300
+    font-size: 1.05rem;
+    font-weight: 400;
+    line-height: 30px;
+}
+
+.slogan-desc {
+    width: 400px;
 }
 
 .display-1 {

diff --git a/src/pages/home/feature.jsx b/src/pages/home/feature.jsx
@@ -13,7 +13,7 @@ export default function () {
         <div className="row text-center">
           <div className="col-12">
             <div className="mb-5">
-              <h2 className="h3 fw-bold">{dataSource.common.coreFeatures}</h2>
+              <h2 className="h2 fw-bold">{dataSource.common.coreFeatures}</h2>
               <hr className="divider my-4 mx-auto" />
               <p className="lead text-muted">{dataSource.common.coreFeaturesDesc}</p>
             </div>

diff --git a/src/pages/home/hero.jsx b/src/pages/home/hero.jsx
@@ -10,25 +10,25 @@ export default function () {
   const dataSource = config?.[language];
 
   return (
-      <div className="section bg-light pb-9 pt-7 overflow-hidden">
+      <div className="section bg-light pb-9 pt-5 overflow-hidden">
 
       {/* background overlay */}
       <div className="overlay opacity-90 z-index-n1">
         <svg style={{width: '100%', height: '100%', transform: 'scale(1.4, 1)'}} xmlns="http://www.w3.org/2000/svg" width="1920" height="1000" preserveAspectRatio="xMidYMid" viewBox="0 0 1920 1000">
-            <g transform="translate(960,437.5) scale(1,1) translate(-960,-437.5)"><linearGradient id="lg-0.7760586418593289" x1="0" x2="1" y1="0" y2="0">
-              <stop stopColor="#6a26da" offset="0"></stop>
-              <stop stopColor="#6a26da" offset="1"></stop>
-            </linearGradient><path d="" fill="url(#lg-0.7760586418593289)" opacity="0.4">
-              <animate attributeName="d" dur="9.090909090909092s" repeatCount="indefinite" keyTimes="0;0.333;0.667;1" keySplines="0.2 0 0.2 1;0.2 0 0.2 1;0.2 0 0.2 1" begin="0s" values="M0 0L 0 900.8905903892756Q 160 824.5535425905625 320 787.4317614095728T 640 710.0629483711157T 960 712.0566315090508T 1280 514.8176428429922T 1600 471.689689764393T 1920 458.77364194075716L 1920 0 Z;M0 0L 0 829.346982785176Q 160 850.4831339183378 320 817.3435200292954T 640 724.8364121753284T 960 689.0295326182538T 1280 511.77401741062874T 1600 432.2373222898676T 1920 416.55303634238015L 1920 0 Z;M0 0L 0 912.0190313472932Q 160 841.7725593041725 320 797.5270162908611T 640 717.9426770462146T 960 712.9508320944876T 1280 589.152563848529T 1600 588.8067646130274T 1920 514.4021372100168L 1920 0 Z;M0 0L 0 900.8905903892756Q 160 824.5535425905625 320 787.4317614095728T 640 710.0629483711157T 960 712.0566315090508T 1280 514.8176428429922T 1600 471.689689764393T 1920 458.77364194075716L 1920 0 Z"></animate>
-            </path><path d="" fill="url(#lg-0.7760586418593289)" opacity="0.4">
-              <animate attributeName="d" dur="9.090909090909092s" repeatCount="indefinite" keyTimes="0;0.333;0.667;1" keySplines="0.2 0 0.2 1;0.2 0 0.2 1;0.2 0 0.2 1" begin="-1.8181818181818183s" values="M0 0L 0 827.4544708139075Q 160 866.3876322593079 320 841.3865148102228T 640 779.7578460878027T 960 632.6401904919576T 1280 531.5559145492318T 1600 524.5481251318911T 1920 360.3763359435678L 1920 0 Z;M0 0L 0 828.6933628046206Q 160 775.1224423048847 320 755.0009156960222T 640 742.1020824044992T 960 619.9817119723482T 1280 479.1007363335232T 1600 412.405657832232T 1920 301.8179942657829L 1920 0 Z;M0 0L 0 869.2349991099805Q 160 812.9707797118227 320 773.6346073683211T 640 757.285370327684T 960 702.3265930537362T 1280 563.7997175315782T 1600 488.23619029221726T 1920 415.23408707483486L 1920 0 Z;M0 0L 0 827.4544708139075Q 160 866.3876322593079 320 841.3865148102228T 640 779.7578460878027T 960 632.6401904919576T 1280 531.5559145492318T 1600 524.5481251318911T 1920 360.3763359435678L 1920 0 Z"></animate>
-            </path><path d="" fill="url(#lg-0.7760586418593289)" opacity="0.4">
-              <animate attributeName="d" dur="9.090909090909092s" repeatCount="indefinite" keyTimes="0;0.333;0.667;1" keySplines="0.2 0 0.2 1;0.2 0 0.2 1;0.2 0 0.2 1" begin="-3.6363636363636367s" values="M0 0L 0 940.0688551194796Q 160 877.6485396625238 320 860.4163214315404T 640 701.1931623030107T 960 696.9509969994634T 1280 562.0459862305122T 1600 512.921695699712T 1920 365.17381292660576L 1920 0 Z;M0 0L 0 934.2343007069505Q 160 888.0672542742651 320 843.852490804164T 640 707.2194947306111T 960 589.0177399203335T 1280 507.74864249163153T 1600 417.3623372041752T 1920 329.03528513730026L 1920 0 Z;M0 0L 0 822.9988990032492Q 160 779.567140047843 320 762.0801957283911T 640 752.4764695415993T 960 660.8862186783026T 1280 536.3639741288457T 1600 568.42897974107T 1920 462.20444891583855L 1920 0 Z;M0 0L 0 940.0688551194796Q 160 877.6485396625238 320 860.4163214315404T 640 701.1931623030107T 960 696.9509969994634T 1280 562.0459862305122T 1600 512.921695699712T 1920 365.17381292660576L 1920 0 Z"></animate>
-            </path><path d="" fill="url(#lg-0.7760586418593289)" opacity="0.4">
-              <animate attributeName="d" dur="9.090909090909092s" repeatCount="indefinite" keyTimes="0;0.333;0.667;1" keySplines="0.2 0 0.2 1;0.2 0 0.2 1;0.2 0 0.2 1" begin="-5.454545454545455s" values="M0 0L 0 861.2630442121725Q 160 818.5199984963992 320 796.751327336783T 640 706.2948390516999T 960 605.0933624826438T 1280 540.2676888839555T 1600 457.9734755207567T 1920 399.57031683975663L 1920 0 Z;M0 0L 0 840.7632225646071Q 160 761.9637420837286 320 741.2157367168404T 640 766.5452632174729T 960 606.3305897293782T 1280 503.5625569266228T 1600 530.1359653505746T 1920 459.42495325945214L 1920 0 Z;M0 0L 0 881.6034955422762Q 160 817.2083012821154 320 782.3245519138361T 640 768.2395148540494T 960 614.496648733741T 1280 585.7238500465095T 1600 478.6454802933941T 1920 424.08065226070863L 1920 0 Z;M0 0L 0 861.2630442121725Q 160 818.5199984963992 320 796.751327336783T 640 706.2948390516999T 960 605.0933624826438T 1280 540.2676888839555T 1600 457.9734755207567T 1920 399.57031683975663L 1920 0 Z"></animate>
-            </path><path d="" fill="url(#lg-0.7760586418593289)" opacity="0.4">
-              <animate attributeName="d" dur="9.090909090909092s" repeatCount="indefinite" keyTimes="0;0.333;0.667;1" keySplines="0.2 0 0.2 1;0.2 0 0.2 1;0.2 0 0.2 1" begin="-7.272727272727273s" values="M0 0L 0 825.0928695123232Q 160 824.7898455452686 320 784.7418150373871T 640 697.2128284129802T 960 626.8251781638456T 1280 625.5626219943902T 1600 498.00215651048825T 1920 394.8100914318972L 1920 0 Z;M0 0L 0 904.204311314168Q 160 826.7247312413047 320 802.398074466922T 640 732.0554401823182T 960 721.9076568036322T 1280 654.1870451967795T 1600 490.7364381114258T 1920 393.9709317654504L 1920 0 Z;M0 0L 0 917.0412818431565Q 160 768.3114894802418 320 743.4640267726511T 640 714.9909203433641T 960 647.7888739223863T 1280 608.593382367915T 1600 447.9851245848818T 1920 318.76755070440186L 1920 0 Z;M0 0L 0 825.0928695123232Q 160 824.7898455452686 320 784.7418150373871T 640 697.2128284129802T 960 626.8251781638456T 1280 625.5626219943902T 1600 498.00215651048825T 1920 394.8100914318972L 1920 0 Z"></animate>
-            </path></g>
+          <g transform="translate(960,437.5) scale(1,1) translate(-960,-437.5)"><linearGradient id="lg-0.7760586418593289" x1="0" x2="1" y1="0" y2="0">
+            <stop stop-color="#6a26da" offset="0"></stop>
+            <stop stop-color="#6a26da" offset="1"></stop>
+          </linearGradient><path d="" fill="url(#lg-0.7760586418593289)" opacity="0.4">
+            <animate attributeName="d" dur="9.090909090909092s" repeatCount="indefinite" keyTimes="0;0.333;0.667;1" keySplines="0.2 0 0.2 1;0.2 0 0.2 1;0.2 0 0.2 1" begin="0s" values="M0 0L 0 900.8905903892756Q 160 824.5535425905625 320 787.4317614095728T 640 710.0629483711157T 960 712.0566315090508T 1280 514.8176428429922T 1600 471.689689764393T 1920 458.77364194075716L 1920 0 Z;M0 0L 0 829.346982785176Q 160 850.4831339183378 320 817.3435200292954T 640 724.8364121753284T 960 689.0295326182538T 1280 511.77401741062874T 1600 432.2373222898676T 1920 416.55303634238015L 1920 0 Z;M0 0L 0 912.0190313472932Q 160 841.7725593041725 320 797.5270162908611T 640 717.9426770462146T 960 712.9508320944876T 1280 589.152563848529T 1600 588.8067646130274T 1920 514.4021372100168L 1920 0 Z;M0 0L 0 900.8905903892756Q 160 824.5535425905625 320 787.4317614095728T 640 710.0629483711157T 960 712.0566315090508T 1280 514.8176428429922T 1600 471.689689764393T 1920 458.77364194075716L 1920 0 Z"></animate>
+          </path><path d="" fill="url(#lg-0.7760586418593289)" opacity="0.4">
+            <animate attributeName="d" dur="9.090909090909092s" repeatCount="indefinite" keyTimes="0;0.333;0.667;1" keySplines="0.2 0 0.2 1;0.2 0 0.2 1;0.2 0 0.2 1" begin="-1.8181818181818183s" values="M0 0L 0 827.4544708139075Q 160 866.3876322593079 320 841.3865148102228T 640 779.7578460878027T 960 632.6401904919576T 1280 531.5559145492318T 1600 524.5481251318911T 1920 360.3763359435678L 1920 0 Z;M0 0L 0 828.6933628046206Q 160 775.1224423048847 320 755.0009156960222T 640 742.1020824044992T 960 619.9817119723482T 1280 479.1007363335232T 1600 412.405657832232T 1920 301.8179942657829L 1920 0 Z;M0 0L 0 869.2349991099805Q 160 812.9707797118227 320 773.6346073683211T 640 757.285370327684T 960 702.3265930537362T 1280 563.7997175315782T 1600 488.23619029221726T 1920 415.23408707483486L 1920 0 Z;M0 0L 0 827.4544708139075Q 160 866.3876322593079 320 841.3865148102228T 640 779.7578460878027T 960 632.6401904919576T 1280 531.5559145492318T 1600 524.5481251318911T 1920 360.3763359435678L 1920 0 Z"></animate>
+          </path><path d="" fill="url(#lg-0.7760586418593289)" opacity="0.4">
+            <animate attributeName="d" dur="9.090909090909092s" repeatCount="indefinite" keyTimes="0;0.333;0.667;1" keySplines="0.2 0 0.2 1;0.2 0 0.2 1;0.2 0 0.2 1" begin="-3.6363636363636367s" values="M0 0L 0 940.0688551194796Q 160 877.6485396625238 320 860.4163214315404T 640 701.1931623030107T 960 696.9509969994634T 1280 562.0459862305122T 1600 512.921695699712T 1920 365.17381292660576L 1920 0 Z;M0 0L 0 934.2343007069505Q 160 888.0672542742651 320 843.852490804164T 640 707.2194947306111T 960 589.0177399203335T 1280 507.74864249163153T 1600 417.3623372041752T 1920 329.03528513730026L 1920 0 Z;M0 0L 0 822.9988990032492Q 160 779.567140047843 320 762.0801957283911T 640 752.4764695415993T 960 660.8862186783026T 1280 536.3639741288457T 1600 568.42897974107T 1920 462.20444891583855L 1920 0 Z;M0 0L 0 940.0688551194796Q 160 877.6485396625238 320 860.4163214315404T 640 701.1931623030107T 960 696.9509969994634T 1280 562.0459862305122T 1600 512.921695699712T 1920 365.17381292660576L 1920 0 Z"></animate>
+          </path><path d="" fill="url(#lg-0.7760586418593289)" opacity="0.4">
+            <animate attributeName="d" dur="9.090909090909092s" repeatCount="indefinite" keyTimes="0;0.333;0.667;1" keySplines="0.2 0 0.2 1;0.2 0 0.2 1;0.2 0 0.2 1" begin="-5.454545454545455s" values="M0 0L 0 861.2630442121725Q 160 818.5199984963992 320 796.751327336783T 640 706.2948390516999T 960 605.0933624826438T 1280 540.2676888839555T 1600 457.9734755207567T 1920 399.57031683975663L 1920 0 Z;M0 0L 0 840.7632225646071Q 160 761.9637420837286 320 741.2157367168404T 640 766.5452632174729T 960 606.3305897293782T 1280 503.5625569266228T 1600 530.1359653505746T 1920 459.42495325945214L 1920 0 Z;M0 0L 0 881.6034955422762Q 160 817.2083012821154 320 782.3245519138361T 640 768.2395148540494T 960 614.496648733741T 1280 585.7238500465095T 1600 478.6454802933941T 1920 424.08065226070863L 1920 0 Z;M0 0L 0 861.2630442121725Q 160 818.5199984963992 320 796.751327336783T 640 706.2948390516999T 960 605.0933624826438T 1280 540.2676888839555T 1600 457.9734755207567T 1920 399.57031683975663L 1920 0 Z"></animate>
+          </path><path d="" fill="url(#lg-0.7760586418593289)" opacity="0.4">
+            <animate attributeName="d" dur="9.090909090909092s" repeatCount="indefinite" keyTimes="0;0.333;0.667;1" keySplines="0.2 0 0.2 1;0.2 0 0.2 1;0.2 0 0.2 1" begin="-7.272727272727273s" values="M0 0L 0 825.0928695123232Q 160 824.7898455452686 320 784.7418150373871T 640 697.2128284129802T 960 626.8251781638456T 1280 625.5626219943902T 1600 498.00215651048825T 1920 394.8100914318972L 1920 0 Z;M0 0L 0 904.204311314168Q 160 826.7247312413047 320 802.398074466922T 640 732.0554401823182T 960 721.9076568036322T 1280 654.1870451967795T 1600 490.7364381114258T 1920 393.9709317654504L 1920 0 Z;M0 0L 0 917.0412818431565Q 160 768.3114894802418 320 743.4640267726511T 640 714.9909203433641T 960 647.7888739223863T 1280 608.593382367915T 1600 447.9851245848818T 1920 318.76755070440186L 1920 0 Z;M0 0L 0 825.0928695123232Q 160 824.7898455452686 320 784.7418150373871T 640 697.2128284129802T 960 626.8251781638456T 1280 625.5626219943902T 1600 498.00215651048825T 1920 394.8100914318972L 1920 0 Z"></animate>
+          </path></g>
           </svg>
       </div>
 
@@ -65,26 +65,23 @@ export default function () {
 
       <div className="container-fluid px-7 pb-2">
         <div className="row justify-content-center">
-          <div className="col-md-6  col-8 align-self-center pe-5" data-aos="fade-right">
-            <div className="text-start mt-0">
+          <div className="col-md-5 col-8 align-self-center pe-5" data-aos="fade-right">
+            <div className="text-start mt-6 mt-2">
               <div className="mb-5 system_info pt-0">
-                <div className="project_title fw-bold text-white mb-3">
-                  <div className="animated-gradient-text_background animated-gradient-text_background-1 project_title_organization" style={{ '--content': '"Datavane"', '--start-color': '#00DFD8', '--end-color': '#FFF' }}>
-                    <span className="animated-gradient-text_foreground animated-gradient-text_foreground-1">Datavane</span>
-                  </div>
-                  <div className="d-flex  align-items-start">
+                <div className="project_title text-white mb-3">
+                  <div className="d-flex align-items-start">
                     <div className="animated-gradient-text_background animated-gradient-text_background-2" style={{ '--content': '"DataSophon"', '--start-color': '#FFF', '--end-color': '#00DFD8' }}>
                       <span className="animated-gradient-text_foreground animated-gradient-text_foreground-2">DataSophon</span>
                     </div>
                   </div>
                 </div>
-                <p className="lead text-light">{dataSource.slogan.description}</p>
+                <p className="lead text-light slogan-desc">{dataSource.slogan.description}</p>
               </div>
-              <a className="btn datasophon-btn btn mt-30 ztop" href="https://github.com/datavane/datasophon"
+              <a className="btn datasophon-btn btn mt-20 ztop" href="https://github.com/datavane/datasophon"
                 target="_blank">
                 <i className="lni-github-original"></i>&nbsp;GitHub
               </a>
-              <a className="btn datasophon-btn btn-green mt-30 ml-3 ztop" href="docs/current/概览"
+              <a className="btn datasophon-btn btn-green mt-20 ml-3 ztop" href="docs/current/概览"
                 style={{ marginLeft: '10px' }}>
                 <i className="lni-play"></i>&nbsp;Get started
               </a>
@@ -99,7 +96,7 @@ export default function () {
             </div>
           </div>
           {/* hero image */}
-          <div className="col-6 align-self-center" >
+          <div className="col-7 align-self-center" >
             <div className="mt-5 mt-2 text-right" data-aos="fade-up" data-aos-delay="100">
               <StartUp className="img-fluid" style={{transform: 'translateY(3.3rem)'}} />
             </div>

diff --git a/src/pages/home/index.less b/src/pages/home/index.less
@@ -1595,7 +1595,7 @@ hr {
 .system_info .project_title {
   font-size: 4.5875rem;
   margin-bottom: 15px;
-  font-weight: bolder;
+  font-weight: lighter;
   line-height: 6.5rem;
 }
 

diff --git a/src/pages/home/languages.json b/src/pages/home/languages.json
@@ -5,7 +5,7 @@
       "architecture": "系统架构",
       "learnMore": "了解更多",
       "coreFeatures": "核心特性",
-      "coreFeaturesDesc": "让您的项目更轻松的核心特性",
+      "coreFeaturesDesc": "让您的大数据组件管理运维变得简单高效的核心特性",
       "development": "开发脚手架",
       "honor": "我们的荣誉",
       "ourUsers": "Our Users",
@@ -19,38 +19,23 @@
     },
     "slogan": {
       "key": "",
-      "description": "致力于快速实现部署、管理、监控以及自动化运维大数据云原生平台，帮助您快速构建起稳定、高效、可弹性伸缩的大数据云原生平台"
+      "description": "新一代云原生大数据管家，致力于帮助用户快速构建起稳定、高效、可弹性伸缩的大数据云原生平台"
     },
     "feature": [
       {
-        "title": "极易部署",
-        "icon": "lni-code",
-        "details": "用户仅需几步即可完成初始化环境配置，可快速完成300个节点规模的大数据集群部署"
-      },
-      {
-        "title": "兼容开源生态",
-        "icon": "lni-layers",
-        "details": "全面兼容开源生态，基于开放式的管理架构，已集成多种常用大数据组件，包括数据集成、数据存储、计算引擎、任务调度、权限管理等大数据处理的各个环节"
-      },
-      {
-        "title": "兼容复杂环境",
-        "icon": "lni-library",
-        "details": "极简的架构设计，使其极易适配各种复杂环境，支持arm和x86机器混合部署，支持常用的Linux生态操作系统"
-      },
-      {
-        "title": "便捷运维",
+        "title": "简单易用",
         "icon": "lni-magnet",
-        "details": "DataSophon可方便地对集群、节点和服务进行监控和运维操作，助您大幅提升运维工作效率，让数据工程师更专注于业务开发"
+        "details": "仅需几步即可快速完成数千个节点规模的大数据集群部署，界面化操作、轻松管理各种大数据组件，大幅提升运维工作效率"
       },
       {
-        "title": "安全可靠",
-        "icon": "lni-shuffle",
-        "details": "DataSophon支持Kerberos身份认证和数据加密，使用Ranger数据访问控制。支持数据加密，保证数据安全"
+        "title": "高兼容性",
+        "icon": "lni-library",
+        "details": "全面兼容开源生态，已支持多种常用大数据组件、并且适配各种复杂环境，支持常用Linux生态操作系统及arm和x86机器"
       },
       {
-        "title": "便捷告警",
-        "icon": "lni-display-alt",
-        "details": "支持告警组和告警指标管理，监控指标全面丰富，用户可根据监控指标自定义告警组和告警指标。"
+        "title": "云原生",
+        "icon": "lni-layers",
+        "details": "支持大数据服务以容器化方式运行，基于Kubernetes内核实现大数据组件的自动运维调优，避免组件繁琐的运维调优工作"
       }
     ]
   },