This is an automated email from the ASF dual-hosted git repository.

xingfudeshi pushed a commit to branch docusaurus
in repository https://gitbox.apache.org/repos/asf/incubator-seata-website.git


The following commit(s) were added to refs/heads/docusaurus by this push:
     new 52cd9073b6 optimize: add ASF incubator footer (#748)
52cd9073b6 is described below

commit 52cd9073b658200dc1baa5a1859934e241d0cc6b
Author: jimin <[email protected]>
AuthorDate: Fri Jan 5 09:26:39 2024 +0800

    optimize: add ASF incubator footer (#748)
---
 docusaurus.config.js            | 51 ++++++++-----------------------
 src/components/footer/index.tsx | 67 ++++++++++++-----------------------------
 src/css/custom.scss             | 10 ++++++
 src/pages/index.tsx             |  6 +---
 static/img/apache/incubator.svg | 25 +++++++++++++++
 5 files changed, 69 insertions(+), 90 deletions(-)

diff --git a/docusaurus.config.js b/docusaurus.config.js
index e599c54bb4..db8b64286a 100644
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -3,7 +3,15 @@
 
 const lightCodeTheme = require('prism-react-renderer/themes/github');
 const darkCodeTheme = require('prism-react-renderer/themes/dracula');
-
+const asfDict = [
+  {target: 'https://www.apache.org', text: 'Foundation'},
+  {target: 'https://www.apache.org/licenses', text: 'License'},
+  {target: 'https://www.apache.org/events/current-event.html', text: 'Events'},
+  {target: 'https://www.apache.org/foundation/sponsorship.html', text: 
'Sponsorship'},
+  {target: 'https://privacy.apache.org/policies/privacy-policy-public.html', 
text: 'Privacy'},
+  {target: 'https://www.apache.org/security', text: 'Security'},
+  {target: 'https://www.apache.org/foundation/thanks.html', text: 'Thanks'},
+];
 /** @type {import('@docusaurus/types').Config} */
 const config = {
   title: 'Seata',
@@ -188,43 +196,10 @@ const config = {
             label: 'ASF',
             type: 'dropdown',
             position: 'right',
-            items: [
-              {
-                label: 'Foundation',
-                href: 'https://www.apache.org',
-                target: '_blank'
-              },
-              {
-                label: 'License',
-                href: 'https://www.apache.org/licenses',
-                target: '_blank'
-              },
-              {
-                label: 'Events',
-                href: 'https://www.apache.org/events/current-event.html',
-                target: '_blank'
-              },
-              {
-                label: 'Sponsorship',
-                href: 'https://www.apache.org/foundation/sponsorship.html',
-                target: '_blank'
-              },
-              {
-                label: 'Privacy',
-                href: 
'https://privacy.apache.org/policies/privacy-policy-public.html',
-                target: '_blank'
-              },
-              {
-                label: 'Security',
-                href: 'https://www.apache.org/security',
-                target: '_blank'
-              },
-              {
-                label: 'Thanks',
-                href: 'https://www.apache.org/foundation/thanks.html',
-                target: '_blank'
-              },
-            ],
+            items: asfDict.map(link => ({
+              label: link.text,
+              to: link.target,
+            })),
           },
           {
             type: 'localeDropdown',
diff --git a/src/components/footer/index.tsx b/src/components/footer/index.tsx
index 326e0666bd..8f2954a003 100644
--- a/src/components/footer/index.tsx
+++ b/src/components/footer/index.tsx
@@ -3,6 +3,8 @@ import { translate } from '@docusaurus/Translate';
 
 import './index.scss';
 
+const ApacheSvg = require('@site/static/img/apache/incubator.svg').default;
+
 const data = {
   vision: {
     title: translate({ id: 'homepage.footerVersionTitle', message: '愿景' }),
@@ -77,59 +79,30 @@ type Props = {
   logo: string;
 };
 
-const Footer = (props: Props) => {
-  const { logo } = props;
+const Footer = () => {
 
   return (
     <footer className='footer-container'>
-      <div className='footer-body'>
-        <img
-          style={{ marginTop: '4px', maxWidth: '120px', height: 'auto' }}
-          src={logo}
-        />
-        <br />
-        <br />
-        {/* <p className="docusaurus-power">website powered by docusaurus</p> 
*/}
-        <div className='cols-container'>
-          <div className='col col-12'>
-            <h3>{data.vision.title}</h3>
-            <p>{data.vision.content}</p>
-          </div>
-          <div className='col col-6'>
-            <dl>
-              <dt>{data.documentation.title}</dt>
-              {data.documentation.list.map((d, i) => (
-                <dd key={i}>
-                  {d.link?.substr(0, 4) === 'http' && (
-                    <a href={d.link} target={d.target || '_self'}>
-                      {d.text}
-                    </a>
-                  )}
-                  {d.link?.substr(0, 4) !== 'http' && (
-                    <a href={d.link} target={d.target || '_self'}>
-                      {d.text}
-                    </a>
-                  )}
-                </dd>
-              ))}
-            </dl>
+      <div className='footer-body '>
+        <div>
+          <div className="center-div">
+            <a href="https://incubator.apache.org/"; target="_blank">
+              <ApacheSvg role="img" />
+            </a>
           </div>
-          <div className='col col-6'>
-            <dl>
-              <dt>{data.resources.title}</dt>
-              {data.resources.list.map((d, i) => (
-                <dd key={i}>
-                  <a href={d.link} target={d.target || '_self'}>
-                    {d.text}
-                  </a>
-                </dd>
-              ))}
-            </dl>
+          <br/>
+          <div className="fs-12">
+            <div className="center-div">
+              <span>Apache Seata is an effort undergoing incubation at The 
Apache Software Foundation (ASF), sponsored by the Apache Incubator. Incubation 
is required of all newly accepted projects until a further review indicates 
that the infrastructure, communications, and decision making process have 
stabilized in a manner consistent with other successful ASF projects. While 
incubation status is not necessarily a reflection of the completeness or 
stability of the code, it does indicat [...]
+            </div>
+            <br/>
+            <div className="center-div">
+              <span>Copyright © 2024, The Apache Software Foundation Apache 
Seata, Seata, Apache, Apache Incubator, the Apache feather, the Apache 
Incubator logo and the Apache Seata project logo are either registered 
trademarks or trademarks of the Apache Software Foundation.</span>
+              <br />
+            </div>
+            <br/>
           </div>
         </div>
-        <div className='copyright'>
-          <span>{data.copyright}</span>
-        </div>
       </div>
     </footer>
   );
diff --git a/src/css/custom.scss b/src/css/custom.scss
index 14e5a9c4e1..ae0163549e 100644
--- a/src/css/custom.scss
+++ b/src/css/custom.scss
@@ -334,3 +334,13 @@ div[class^="tableOfContents"] {
 button[class*="tocCollapsibleButton"] {
   color: var(--ifm-color-content-secondary);
 }
+
+.fs-12 {
+  font-size: 12px;
+}
+.center-div {
+  width: 100%;
+  margin-left: auto;
+  margin-right: auto;
+  text-align: center;
+}
\ No newline at end of file
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index a998e398f2..7b6eb7bf0a 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -53,11 +53,7 @@ export default function Home(): React.Element {
         <Feature />
         <User />
         {/* <Community /> */}
-        <Footer
-          logo={
-            '//img.alicdn.com/tfs/TB1dGrSwVT7gK0jSZFpXXaTkpXa-4802-1285.png'
-          }
-        />
+        <Footer/>
       </div>
     </Layout>
   );
diff --git a/static/img/apache/incubator.svg b/static/img/apache/incubator.svg
new file mode 100644
index 0000000000..91fa0fb573
--- /dev/null
+++ b/static/img/apache/incubator.svg
@@ -0,0 +1,25 @@
+<svg width="138" height="32" viewBox="0 0 138 32" fill="none" 
xmlns="http://www.w3.org/2000/svg";>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M129.731 
3.85779H135.891V4.43903H130.374V7.86494H135.334V8.44619H130.374V11.9342H135.952V12.5155H129.731V3.85779Z"
 fill="black"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M109.942 
3.85779H110.585V7.87742H116.126V3.85779H116.769V12.5155H116.126V8.45867H110.585V12.5155H109.942V3.85779Z"
 fill="black"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M94.3453 12.6641C93.7266 
12.6641 93.1538 12.5486 92.626 12.3178C92.0985 12.0869 91.6426 11.7714 91.2594 
11.3716C90.8759 10.9718 90.5768 10.4997 90.3626 9.95533C90.1483 9.41125 90.0412 
8.83 90.0412 8.2116V8.18692C90.0412 7.57664 90.1503 6.99976 90.369 
6.45539C90.5873 5.91101 90.8881 5.43486 91.2716 5.02695C91.6548 4.61874 92.1106 
4.29735 92.6382 4.06218C93.166 3.82701 93.7432 3.70972 94.37 3.70972C94.7576 
3.70972 95.108 3.74282 95.421 3.8 [...]
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M73.5541 
3.7959H74.1725L78.2046 12.5154H77.4997L76.3988 10.0912H71.2907L70.1897 
12.5154H69.522L73.5541 3.7959ZM76.1264 9.50992L73.8508 4.50083L71.5627 
9.50992H76.1264Z" fill="black"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M51.6123 
3.85779H54.754C55.2321 3.85779 55.6671 3.91759 56.0587 4.03721C56.4504 4.15682 
56.7886 4.32986 57.0728 4.55661C57.3574 4.78336 57.578 5.05947 57.7345 
5.38522C57.8913 5.71097 57.9697 6.08405 57.9697 6.50445V6.52913C57.9697 6.98263 
57.8788 7.38241 57.6976 7.72878C57.5162 8.07514 57.2708 8.36373 56.9616 
8.59454C56.6524 8.82536 56.2939 8.99869 55.8857 9.11395C55.4775 9.2295 55.0469 
9.28728 54.5931 9.28728H52.2557V12.5155H51.6126V3.8 [...]
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M34.742 
3.7959H35.3604L39.3925 12.5154H38.6876L37.5866 10.0912H32.4785L31.3776 
12.5154H30.7095L34.742 3.7959ZM37.3146 9.50992L35.0387 4.50083L32.7506 
9.50992H37.3146Z" fill="black"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M137.12 20.5709C137.12 
22.665 136.207 23.9846 134.379 24.5293L137.702 29.1415H134.978L131.946 
24.8745H129.131V29.1415H126.989V16.4493H131.71C133.647 16.4493 135.032 16.7762 
135.868 17.4298C136.703 18.0836 137.12 19.1306 137.12 20.5709ZM131.8 
22.9316C133.011 22.9316 133.834 22.744 134.27 22.3686C134.706 21.9935 134.924 
21.3914 134.924 20.5619C134.924 19.733 134.7 19.1639 134.252 18.8553C133.804 
18.5464 133.005 18.3919 131.855 18.3919H129. [...]
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M122.856 27.3893C121.573 
28.6421 119.987 29.2686 118.099 29.2686C116.21 29.2686 114.624 28.6424 113.341 
27.3893C112.058 26.1365 111.417 24.5748 111.417 22.7045C111.417 20.8342 112.058 
19.2728 113.341 18.0197C114.624 16.7672 116.21 16.1404 118.099 16.1404C119.987 
16.1404 121.573 16.7669 122.856 18.0197C124.139 19.2725 124.781 20.8342 124.781 
22.7045C124.781 24.5748 124.139 26.1365 122.856 27.3893ZM121.286 19.4455C120.42 
18.5496 119.358 18 [...]
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M106.903 
18.4102V29.1415H104.76V18.4102H100.911V16.4493H110.752V18.4102H106.903Z" 
fill="black"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M91.9303 26.2543L90.6593 
29.1414H88.3714L93.9641 16.4492H96.2519L101.845 29.1414H99.5568L98.2854 
26.2543H91.9303ZM97.4135 24.2751L95.1077 19.0459L92.8019 24.2751H97.4135Z" 
fill="black"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M83.5125 
29.1415H77.9561V16.4493H82.8952C83.7546 16.4493 84.4961 16.5521 85.1194 
16.758C85.7425 16.9638 86.2056 17.2422 86.5084 17.5935C87.0893 18.2471 87.38 
18.9857 87.38 19.8088C87.38 20.8011 87.0653 21.5397 86.4355 22.024C86.2056 
22.1936 86.0482 22.2992 85.9634 22.3416C85.8787 22.384 85.7274 22.4537 85.5097 
22.5507C86.2965 22.7202 86.923 23.0741 87.3893 23.6127C87.855 24.1513 88.0881 
24.8202 88.0881 25.6192C88.0881 26.5027 87.7856 27. [...]
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M67.3596 26.2361C67.9406 
26.9141 68.7274 27.2529 69.72 27.2529C70.7127 27.2529 71.4995 26.9141 72.0804 
26.2361C72.6617 25.5582 72.952 24.6382 72.952 
23.4762V16.4493H75.0946V23.5671C75.0946 25.395 74.5926 26.8023 73.5878 
27.7888C72.583 28.7751 71.2939 29.2686 69.7203 29.2686C68.1467 29.2686 66.8573 
28.7754 65.8528 27.7888C64.848 26.8023 64.3457 25.395 64.3457 
23.5671V16.4493H66.4883V23.4762C66.488 24.6382 66.7787 25.5582 67.3596 
26.2361Z" [...]
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M57.4349 27.1985C58.1732 
27.1985 58.8087 27.0746 59.3415 26.8266C59.874 26.5784 60.4308 26.1818 61.0118 
25.6371L62.3917 27.0534C61.0481 28.5422 59.4167 29.2866 57.4985 29.2866C55.5797 
29.2866 53.9881 28.6694 52.7231 27.4346C51.4581 26.1998 50.8255 24.6381 50.8255 
22.7498C50.8255 20.8615 51.47 19.2879 52.7594 18.029C54.0484 16.7698 55.6766 
16.1404 57.6436 16.1404C59.6106 16.1404 61.2539 16.8668 62.5732 18.3193L61.2115 
19.8084C60.6065 19.2 [...]
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M46.4749 
16.4493H48.6175V29.1415H46.2934L39.1031 
19.8811V29.1415H36.9607V16.4493H39.1031L46.4749 25.9272V16.4493Z" fill="black"/>
+  <path d="M33.9354 16.4493H31.793V29.1415H33.9354V16.4493Z" fill="black"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M13.3408 4.38531C13.3399 
4.29124 13.3384 4.19689 13.3361 4.10137C13.3556 4.13243 13.4104 4.22766 13.5013 
4.38531H13.3408ZM9.92559 14.3234C8.92917 16.1763 8.36099 18.1096 8.21582 
20.1216C8.08663 21.9132 8.28028 23.4581 8.80259 24.7533C8.87401 24.9295 8.94311 
25.0924 9.01221 25.2433C8.59935 24.9513 8.20537 24.6467 7.82969 24.3291C7.79804 
24.3041 7.7751 24.2937 7.76058 24.2974C8.25386 25.0863 8.86849 25.8011 9.60535 
26.4421C9.71916 26.5414  [...]
+  <defs>
+    <linearGradient id="paint0_linear_2829_2038" x1="10.4492" y1="29.8098" 
x2="14.715" y2="7.35415" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#1A1853"/>
+      <stop offset="0.5" stop-color="#CA2026"/>
+      <stop offset="1" stop-color="#F8991D"/>
+    </linearGradient>
+  </defs>
+</svg>


---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]

Reply via email to