setup()

in streampark-console/streampark-console-webapp/src/views/base/login/LoginSlogan.tsx [24:97]


  setup() {
    return () => {
      return (
        <div className="!text-left w-550px m-auto">
          <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"
                style={{
                  '--content': '"Apache"',
                  '--start-color': '#00DFD8',
                  '--end-color': '#FFF',
                }}
              >
                <span className="animated-gradient-text_foreground animated-gradient-text_foreground-1">
                  Apache
                </span>
              </div>
              <div className="flex  items-start">
                <div
                  className="animated-gradient-text_background animated-gradient-text_background-2"
                  style={{
                    '--content': '"StreamPark"',
                    '--start-color': '#FFF',
                    '--end-color': '#00DFD8',
                  }}
                >
                  <span className="animated-gradient-text_foreground animated-gradient-text_foreground-2">
                    StreamPark
                  </span>
                </div>
                <span className="badge bg-secondary-home text-xl tag">Incubating</span>
              </div>
            </div>
            <p className=" text-light-200 leading-40px" style={{ fontSize: '18px' }}>
              <div>Make stream processing easier!</div>
              <div>easy-to-use streaming application development framework</div>
              <div>and operation platform</div>
            </p>
          </div>
          <div className="flex items-center mt-10">
            <a
              className="btn streampark-btn btn !flex items-center"
              href="https://github.com/apache/incubator-streampark"
              target="_blank"
            >
              <Icon icon="ant-design:github-filled"></Icon>
              <div>&nbsp; GitHub</div>
            </a>
            <a
              className="btn streampark-btn btn-green !flex items-center ml-10px"
              href="https://streampark.apache.org"
              target="_blank"
            >
              <Icon icon="carbon:document"></Icon>
              <div>&nbsp;Document</div>
            </a>
          </div>

          <div className="mt-20px shields z-3 flex items-center">
            <Tag color="#477de9">Version: v{version}</Tag>
            <img
              src="https://img.shields.io/github/stars/apache/incubator-streampark.svg?sanitize=true"
              className="wow fadeInUp"
            ></img>
            <img
              src="https://img.shields.io/github/forks/apache/incubator-streampark.svg?sanitize=true"
              className="wow fadeInUp"
            ></img>
          </div>
        </div>
      );
    };
  },