This is an automated email from the ASF dual-hosted git repository. yumeng pushed a commit to branch revert-199-overhaul/new-vi in repository https://gitbox.apache.org/repos/asf/incubator-devlake-website.git
commit acd06e1e4f3d5db9bb8c7f73bb23a2c4a660dc71 Author: Yumeng Wang <[email protected]> AuthorDate: Wed Sep 14 18:39:24 2022 +0800 Revert "feat: join community" This reverts commit ea0641bfa4cbb8599e47d626e97100e4798b3913. --- src/components/Sections/Components.tsx | 2 +- src/components/Sections/HomepageHeader.tsx | 2 +- src/components/Sections/JoinCommunity.tsx | 20 -------------------- src/components/Sections/UseCases.tsx | 2 +- src/components/Sections/UserFlow.tsx | 2 +- src/components/Sections/WhyDevlake.tsx | 2 +- src/pages/index.js | 4 +--- static/img/Homepage/Join.png | Bin 53783 -> 0 bytes static/img/Homepage/discover.svg | 9 --------- tailwind.config.js | 1 - 10 files changed, 6 insertions(+), 38 deletions(-) diff --git a/src/components/Sections/Components.tsx b/src/components/Sections/Components.tsx index ab2689d03..375a6ccf1 100644 --- a/src/components/Sections/Components.tsx +++ b/src/components/Sections/Components.tsx @@ -46,7 +46,7 @@ export const SectionImg = ({ src }: { src: string }) => <img src={src} alt="" cl " /> export const InlineLink = ({ link, children }: { link: string, children: React.ReactNode }) => - <a className="text-primary-500" + <a className="text-primary-500 mt-[16px]" href={link}>{children} </a> diff --git a/src/components/Sections/HomepageHeader.tsx b/src/components/Sections/HomepageHeader.tsx index ef77e7de3..db34104be 100644 --- a/src/components/Sections/HomepageHeader.tsx +++ b/src/components/Sections/HomepageHeader.tsx @@ -9,7 +9,7 @@ export function HomepageHeader() { <header className="relative pt-[64px] pb-[90px] px-[80px] - flex + flex bg-[white] justify-between items-center" > <HeaderBgSvg className='absolute top-[0px] left-[0px]' /> diff --git a/src/components/Sections/JoinCommunity.tsx b/src/components/Sections/JoinCommunity.tsx deleted file mode 100644 index 40b91f004..000000000 --- a/src/components/Sections/JoinCommunity.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import React from "react"; - -import Join from "@site/static/img/Homepage/Join.png"; - -import { InlineLink } from "./Components"; - -export function JoinCommunity() { - return (<div className="flex justify-between - my-[72px] mx-[140px] rounded-[20px] bg-primary-200 px-6 py-[36px] font-inter"> - <div className="w-[600px] pr-3"> - <div className="text-heading1 mb-3 text-primary-800 font-semibold">Join the Community</div> - <div className="text-label18 mb-4 text-neutral-500">Join our community to stay up to date on the latest news, ask and answer questions, make contributions, and connect with fellow community members!</div> - <div className="text-label16 space-y-[8px] flex flex-col"> - <InlineLink link="https://join.slack.com/t/devlake-io/shared_invite/zt-17b6vuvps-x98pqseoUagM7EAmKC82xQ";>Join Slack</InlineLink> - <InlineLink link="https://devlake.apache.org/community/subscribe";>Subscribe to Mailing List</InlineLink> - </div> - </div> - <img src={Join} alt='' className="w-[216px] h-[200px]" /> - </div>) -} \ No newline at end of file diff --git a/src/components/Sections/UseCases.tsx b/src/components/Sections/UseCases.tsx index 659ae6af5..c108d6f5d 100644 --- a/src/components/Sections/UseCases.tsx +++ b/src/components/Sections/UseCases.tsx @@ -31,7 +31,7 @@ const UCIcon = ({ src }: { src: string }) => <img src={src} alt='' className=" " /> export function UseCases() { - return (<div className="flex flex-col relative items-center + return (<div className="flex flex-col relative bg-white items-center h-[1206px] "> <BG className='absolute z-0' /> <span diff --git a/src/components/Sections/UserFlow.tsx b/src/components/Sections/UserFlow.tsx index 3393529ac..98cd70cae 100644 --- a/src/components/Sections/UserFlow.tsx +++ b/src/components/Sections/UserFlow.tsx @@ -26,7 +26,7 @@ const Arrow = () => <div className="h-[140px] flex items-center"><BlueArrow /></ export function UserFlow() { return ( - <div className="flex flex-col relative items-center"> + <div className="flex flex-col relative bg-white items-center"> <span className="section-title text-center mt-[72px] mb-6" >User Flow</span> diff --git a/src/components/Sections/WhyDevlake.tsx b/src/components/Sections/WhyDevlake.tsx index a5405660c..953e36c86 100644 --- a/src/components/Sections/WhyDevlake.tsx +++ b/src/components/Sections/WhyDevlake.tsx @@ -49,7 +49,7 @@ function Supports() { } export function WhyDevlake() { - return (<section className="flex flex-col flex-nowrap py-5 items-stretch"> + return (<section className="bg-white flex flex-col flex-nowrap py-5 items-stretch"> <span className="section-title text-center" > diff --git a/src/pages/index.js b/src/pages/index.js index 94420e2f7..f25940f13 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -6,7 +6,6 @@ import { HomepageHeader } from '@site/src/components/Sections/HomepageHeader'; import { WhyDevlake } from '../components/Sections/WhyDevlake'; import { UseCases } from '../components/Sections/UseCases'; import { UserFlow } from '../components/Sections/UserFlow'; -import { JoinCommunity } from '../components/Sections/JoinCommunity'; export default function Home() { const { siteConfig } = useDocusaurusContext(); @@ -15,13 +14,12 @@ export default function Home() { title={`${siteConfig.title}`} description="Apache DevLake is an open-source dev data platform that ingests, analyzes, and visualizes the fragmented data from DevOps tools to distill insights for engineering productivity."> <div className='bg-[#f8f8f8]'> - <div className='max-w-[1280px] mx-auto bg-white'> + <div className='max-w-[1280px] mx-auto'> <HomepageHeader /> <main> <WhyDevlake /> <UseCases /> <UserFlow /> - <JoinCommunity /> </main> </div> </div> diff --git a/static/img/Homepage/Join.png b/static/img/Homepage/Join.png deleted file mode 100644 index c8f64fcd4..000000000 Binary files a/static/img/Homepage/Join.png and /dev/null differ diff --git a/static/img/Homepage/discover.svg b/static/img/Homepage/discover.svg deleted file mode 100644 index c64d615ac..000000000 --- a/static/img/Homepage/discover.svg +++ /dev/null @@ -1,9 +0,0 @@ -<svg width="1280" height="469" viewBox="0 0 1280 469" fill="none" xmlns="http://www.w3.org/2000/svg"; xmlns:xlink="http://www.w3.org/1999/xlink";> -<rect y="0.791504" width="1280" height="468.095" fill="url(#pattern0)"/> -<defs> -<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1"> -<use xlink:href="#image0_998_3763" transform="translate(0 -0.558442) scale(0.000527704 0.001443)"/> -</pattern> -<image id="image0_998_3763" width="1920" height="1080" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAQ4CAYAAADo08FDAAAgAElEQVR4nOydeWBU1dn/P+femclMdkjCEnZMBAMaxSiiIlawltat1bqW0L60Vd+6Fqz2bf21li7wVurW1tqqLaF91VbrLlWgSlEoGtEICUJSVglLAmRPZrn3/P64d5LJZCZ7JmE8n1Yl9965ueHJOfecZ/k+YtfeSkk/IQRICSCt/wuB6K+bK3qBBCmQgl7bQdl0KNEP9sSyIdJESoEQkt7fTdF71NiML5Q94wdly/hC2TN+ULaML5Q94wdly/ii7/bUNEFSoodETwJOhwPdoaMJZdFYYxgGgYBJs9dLU1MLXp+/x/dQY3Mooeba+KHvtlQoFAqFoieIfgkAW/EkFUwa4vTIOsqmQ56 [...] -</defs> -</svg> diff --git a/tailwind.config.js b/tailwind.config.js index cd66e41e2..41c225dff 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -28,7 +28,6 @@ module.exports = { primary: '#7497F7', 'primary-light': '#99B3F9', 'primary-100': '#F0F4FE', - 'primary-200': '#DBE4FD', 'primary-300': '#BDCEFB', 'primary-500': '#7497F7', 'primary-800': '#3C5088',
