This is an automated email from the ASF dual-hosted git repository. luzhijing pushed a commit to branch master in repository https://gitbox.apache.org/repos/asf/doris-website.git
The following commit(s) were added to refs/heads/master by this push: new 8829d486403 [feature](website) update homepage title & description (#274) 8829d486403 is described below commit 8829d4864032bc192160a00ef25afac1daa9b666 Author: Jeffrey <color.d...@gmail.com> AuthorDate: Thu Jul 27 14:36:04 2023 +0800 [feature](website) update homepage title & description (#274) --- docusaurus.config.js | 2 +- src/components/Icons/twitter.tsx | 10 +++++++--- src/components/Icons/youtube.tsx | 17 ++++++++++++----- src/components/PageBanner/styles.scss | 6 +++--- src/pages/index.tsx | 9 ++++++--- src/pages/users/index.tsx | 2 +- src/scss/_variables.scss | 1 + src/theme/NavbarItem/LocaleDropdownNavbarItem/index.tsx | 2 ++ 8 files changed, 33 insertions(+), 16 deletions(-) diff --git a/docusaurus.config.js b/docusaurus.config.js index 3f83e64eb28..c0794aca15f 100644 --- a/docusaurus.config.js +++ b/docusaurus.config.js @@ -183,7 +183,7 @@ const config = { navbar: { title: '', logo: { - alt: 'Doris', + alt: 'Apache Doris', src: 'https://cdnd.selectdb.com/images/logo.svg', }, items: [ diff --git a/src/components/Icons/twitter.tsx b/src/components/Icons/twitter.tsx index 3a7edc1f78e..1b8b788cc7f 100644 --- a/src/components/Icons/twitter.tsx +++ b/src/components/Icons/twitter.tsx @@ -2,10 +2,14 @@ import React from 'react'; export function TwitterIcon() { return ( - <svg width="2em" height="2em" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> + <svg width="2rem" height="2rem" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path - d="M27.1493 10.8313C27.1493 10.5687 27.1442 10.3091 27.1326 10.0512C28.2554 9.21471 29.2295 8.1676 30 6.96938C28.9537 7.44012 27.8403 7.74469 26.7 7.8721C27.8868 7.14188 28.7969 5.97403 29.227 4.57256C28.1158 5.24638 26.8867 5.72811 25.5798 5.97912C24.5326 4.78777 23.0383 4.02895 21.3864 4.00076C18.2137 3.94831 15.6418 6.62904 15.6418 9.98754C15.6418 10.4649 15.6918 10.9279 15.7909 11.3749C11.0133 11.0675 6.77972 8.58103 3.9478 4.8326C3.45367 5.73067 3.17017 6.78025 3.170 [...] - fill="currentColor" + d="M3 3H10.6067L29 29H21.3933L3 3ZM6.31485 4.69302L22.3127 27.307H25.6852L9.68727 4.69302H6.31485Z" + fill="white" + /> + <path + d="M14.202 18.8346L5.18225 29H3L13.2092 17.4314L14.202 18.8346ZM18.4342 14.0647L28.2518 3H25.9448L17.4314 12.6471L18.4342 14.0647Z" + fill="white" /> </svg> ); diff --git a/src/components/Icons/youtube.tsx b/src/components/Icons/youtube.tsx index cac79dff7bb..da4c851944c 100644 --- a/src/components/Icons/youtube.tsx +++ b/src/components/Icons/youtube.tsx @@ -2,11 +2,18 @@ import React from 'react'; export function YoutubeIcon() { return ( - <svg width="2em" height="2em" viewBox="0 0 175 123" fill="none" xmlns="http://www.w3.org/2000/svg"> - <path - d="M171.348 19.1602C169.336 11.6211 163.398 5.68359 155.879 3.67188C142.227 7.15256e-07 87.5 0 87.5 0C87.5 0 32.7734 -7.15256e-07 19.1211 3.65234C11.582 5.66406 5.66406 11.6016 3.65234 19.1406C-7.15256e-07 32.8125 0 61.3281 0 61.3281C0 61.3281 -7.15256e-07 89.8438 3.65234 103.496C5.66406 111.035 11.6016 116.973 19.1211 118.984C32.7734 122.656 87.5 122.656 87.5 122.656C87.5 122.656 142.227 122.656 155.879 118.984C163.418 116.973 169.336 111.035 171.348 103.496C175 89.8438 [...] - fill="white" - /> + <svg width="2rem" height="2rem" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> + <g clip-path="url(#clip0_3462_1106)"> + <path + d="M30.3048 7.66776C30.7927 8.14769 31.1465 8.74331 31.3319 9.39705C31.7949 11.91 32.0182 14.46 31.9988 17.0138C32.0164 19.558 31.7931 22.0982 31.3319 24.6017C31.1465 25.2554 30.7927 25.851 30.3048 26.3309C29.8169 26.8109 29.2115 27.1589 28.5469 27.3413C26.026 28 16.0142 28 16.0142 28C16.0142 28 5.97317 28 3.48158 27.3413C2.81702 27.1589 2.21154 26.8109 1.72366 26.3309C1.23579 25.851 0.882017 25.2554 0.696547 24.6017C0.22555 22.0991 -0.00754264 19.5589 0.000288097 17. [...] + fill="white" + /> + </g> + <defs> + <clipPath id="clip0_3462_1106"> + <rect width="32" height="32" fill="white" /> + </clipPath> + </defs> </svg> ); } diff --git a/src/components/PageBanner/styles.scss b/src/components/PageBanner/styles.scss index 9f2cd25732a..95179cf549b 100644 --- a/src/components/PageBanner/styles.scss +++ b/src/components/PageBanner/styles.scss @@ -13,7 +13,7 @@ } .banner-title-wrap { - max-width: 30rem; + max-width: 72rem; text-align: left; } @@ -26,7 +26,7 @@ } .banner-title { - font-size: var(--global-font-size-huge); + font-size: var(--global-font-size-bigger); font-weight: 500; line-height: 1; color: var(--global-colors-text-black); @@ -85,7 +85,7 @@ .banner-img-wrap { max-width: 45rem; - margin-left: 3rem; + // margin-left: 3rem; margin-top: 1rem; } } diff --git a/src/pages/index.tsx b/src/pages/index.tsx index 3da622791b3..4d183b54b88 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -31,10 +31,11 @@ export default function Home(): JSX.Element { }, ]; const banner = { - title: <Translate id="homepage.banner.title">Apache Doris</Translate>, + title: <Translate id="homepage.banner.title">Real-Time Analysis Makes the Future</Translate>, subTitle: ( <Translate id="homepage.banner.subTitle"> - An easy-to-use, high-performance and unified analytical database + Apache Doris is a new-generation open-source real-time data warehouse based on MPP architecture, with + easier use and higher performance for big data analytics. </Translate> ), bannerImg: require('@site/static/images/home-banner.png').default, @@ -239,7 +240,9 @@ export default function Home(): JSX.Element { <div className="container"> <div className="ready-start-wrap"> <div className="start-title"> - <Translate id="homepage.start.title">Ready to get started ?</Translate> + <Translate id="homepage.start.title"> + Start Your Journey in Real-Time with Apache Doris + </Translate> </div> <div className="start-buttons"> <Link className="start-btn download-btn" to="/download"> diff --git a/src/pages/users/index.tsx b/src/pages/users/index.tsx index 80bbec8a94d..73300683b5b 100644 --- a/src/pages/users/index.tsx +++ b/src/pages/users/index.tsx @@ -108,7 +108,7 @@ export default function Users(): JSX.Element { } return ( <Layout - title={translate({ id: 'users.title', message: 'Users' })} + title={translate({ id: 'users.title', message: 'User Storeis' })} description={translate({ id: 'homepage.banner.subTitle', message: 'An easy-to-use, high-performance and unified analytical database', diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss index a164e7eb344..fe42458dc3c 100644 --- a/src/scss/_variables.scss +++ b/src/scss/_variables.scss @@ -51,6 +51,7 @@ html[lang="en-US"] { --global-shadow-primary: rgba(0, 0, 0, 0.1); --global-font-size-huge: 4rem; + --global-font-size-bigger: 3.5rem; --global-font-size-big: 3rem; --global-font-size-larger: 2rem; --global-font-size-large: 1.5rem; diff --git a/src/theme/NavbarItem/LocaleDropdownNavbarItem/index.tsx b/src/theme/NavbarItem/LocaleDropdownNavbarItem/index.tsx index 6307ec6634b..ee89db54c84 100644 --- a/src/theme/NavbarItem/LocaleDropdownNavbarItem/index.tsx +++ b/src/theme/NavbarItem/LocaleDropdownNavbarItem/index.tsx @@ -7,11 +7,13 @@ import IconLanguage from '@theme/Icon/Language'; import './styles.scss'; import NavbarItem from '@theme/NavbarItem'; +import { useLocation } from '@docusaurus/router'; export default function LocaleDropdownNavbarItem({ mobile, dropdownItemsBefore, dropdownItemsAfter, ...props }) { const { i18n: { currentLocale, locales, localeConfigs }, } = useDocusaurusContext(); const alternatePageUtils = useAlternatePageUtils(); + const location = useLocation(); const localeItems = locales.map(locale => { const to = `pathname://${alternatePageUtils.createUrl({ locale, --------------------------------------------------------------------- To unsubscribe, e-mail: commits-unsubscr...@doris.apache.org For additional commands, e-mail: commits-h...@doris.apache.org