diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js index 44c8cc03..54163e22 100644 --- a/website/docusaurus.config.js +++ b/website/docusaurus.config.js @@ -128,6 +128,13 @@ module.exports = { ...config.themeConfig.tableOfContents, maxHeadingLevel: 5, }, + footer: { + ...config.themeConfig.footer, + logo: { + ...config.themeConfig.footer.logo, + href: 'docs/introduction/overview', + }, + }, }, staticDirectories: ['node_modules/@apify/docs-theme/static', 'static'], customFields: { diff --git a/website/src/pages/index.js b/website/src/pages/index.js index 9760433c..9290ba17 100644 --- a/website/src/pages/index.js +++ b/website/src/pages/index.js @@ -1,84 +1,12 @@ -import React from 'react'; -import clsx from 'clsx'; -import Layout from '@theme/Layout'; -import Link from '@docusaurus/Link'; -import CodeBlock from '@theme/CodeBlock'; -import useDocusaurusContext from '@docusaurus/useDocusaurusContext'; -import useBaseUrl from '@docusaurus/useBaseUrl'; -import styles from './index.module.css'; +import { useEffect } from 'react'; +import { useHistory } from '@docusaurus/router'; -import HomePageExample from '!!raw-loader!./home_page_example.py'; +export default function Home() { + const history = useHistory(); -function Hero() { - return ( -
-
-
-
-
-

- Apify API client for Python -

-

- {/* eslint-disable-next-line max-len */} - Apify API client for Python. -

-
-
-
-
-

-

- The Apify API Client for Python is the official library to access Apify API from your Python applications. - It provides useful features like automatic retries and convenience functions to improve your experience with the Apify API. -

-
-
-
-
-
- Get Started - -
-
-
-
-
-
- -
-
- - pip install apify-client - -
-
-
-
- ); -} + useEffect(() => { + history.replace('/api/client/python/docs/introduction/overview'); + }, [history]); -export default function Home() { - const { siteConfig } = useDocusaurusContext(); - return ( - - -
-
-
-
-

- For example, the Apify API Client for Python makes it easy to run your own Actors or Actors from the Apify Store - {' '}by simply using the .call() method to start an Actor and wait for it to finish. -

-
-
- {HomePageExample} -
-
-
-
-
- ); + return null; } diff --git a/website/src/pages/index.module.css b/website/src/pages/index.module.css deleted file mode 100644 index 8fac7ea3..00000000 --- a/website/src/pages/index.module.css +++ /dev/null @@ -1,230 +0,0 @@ -/** - * CSS files with the .module.css suffix will be treated as CSS modules - * and scoped locally. - */ - -.buttons { - display: flex; - align-items: center; - justify-content: center; -} - -.tagline { - font-family: 'Lota Grotesque', sans-serif; - font-size: 64px; - font-weight: 600; - line-height: 80px; - letter-spacing: 0; - text-align: left; -} - -.tagline span { - color: transparent !important; -} - -.relative { - position: relative; -} - -.codeBlock { - position: absolute; - top: 40%; - max-width: 400px; - width: 100%; -} - -.heroBanner { - padding-top: 100px; -} - -.heroBanner h1:nth-child(1) { - background: linear-gradient(270deg, rgb(235, 40, 75) 0%, rgb(234, 40, 76) 8.07%, rgb(233, 40, 78) 15.54%, rgb(231, 40, 83) 22.5%, rgb(228, 39, 89) 29.04%, rgb(225, 39, 96) 35.26%, rgb(220, 39, 106) 41.25%, rgb(216, 38, 116) 47.1%, rgb(210, 38, 128) 52.9%, rgb(204, 37, 141) 58.75%, rgb(197, 36, 155) 64.74%, rgb(190, 35, 171) 70.96%, rgb(182, 35, 187) 77.5%, rgb(174, 34, 205) 84.46%, rgb(166, 33, 223) 91.93%, rgb(157, 32, 242) 100%), - linear-gradient(0deg, #41465D, #41465D); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; - background-clip: text; -} - -.heroBanner h1:nth-child(2) { - position: absolute; - top: 0; - z-index: 1; - width: calc(100% - 2rem); -} - -.heroBanner h1::selection, -.heroBanner h1 span::selection { - color: rgb(36, 39, 54) !important; - -webkit-text-fill-color: rgb(36, 39, 54); - background: #B4D7FE !important; - -webkit-background-clip: unset; - background-clip: unset; -} - -html[data-theme='dark'] .heroBanner ::selection { - color: #fff !important; - -webkit-text-fill-color: #fff; - background: #385477 !important; -} - -html .heroBanner h2 { - font-style: normal; - font-weight: 400; - font-size: 24px; - line-height: 40px; - color: #41465d; - margin-top: 8px; - margin-bottom: 24px; - font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; -} - -html[data-theme='dark'] .heroBanner h2 { - color: #b3b8d2; -} - -.heroBanner code { - background: #272c3d; - padding: 10px 20px; -} - -.heroBanner button { - opacity: 0.4; - padding: 5px 8px; - margin-top: -2px; -} - -.heroBanner button span { - width: 16px; - height: 16px; - padding: 0; - margin: 0; -} - -.heroBanner code span { - color: #f2f3fb; -} - -.logoBlur { - position: absolute; - width: 680px; - height: 680px; - top: -120px; - left: -100px; - z-index: -1; -} - -.heroButtons { - display: flex; - align-items: center; - gap: 1rem; - margin-bottom: 50px; -} - -@media only screen and (max-device-width: 996px) { - .codeBlock { - position: relative; - top: 50px; - } - - .logoBlur { - display: none; - } -} - -@media only screen and (max-device-width: 736px) { - .heroBanner { - padding-top: 20px; - padding-bottom: 2rem; - } - - .tagline { - font-size: 32px; - line-height: 48px; - } - - .tagline br { - display: none; - } - - .hideSmall { - display: none; - } - - .codeBlock { - top: 0; - } -} - -@media only screen and (max-device-width: 450px) { - .codeBlock code { - font-size: 0.8em; - } - - .heroButtons { - flex-direction: column; - align-items: flex-start !important; - } - - .heroBanner button { - opacity: 0; - } -} - -@media only screen and (max-device-width: 350px) { - .codeBlock code { - font-size: 0.7em; - } -} - -.tagline span { - color: var(--ifm-color-primary); -} - -.getStarted { - font-size: 18px; - line-height: 28px; - padding: 12px 24px; - background: #7717b5; - border-radius: 8px; - color: white; - font-weight: 600; -} - -.getStarted:hover { - color: white; - background: #931ce0; -} - -html[data-theme='dark'] .getStarted { - border-color: #585e76; -} - -.try { - padding-top: 20px; -} - -.try, .features { - color: #41465d; -} - -.try > * { - margin-left: 0; - margin-right: 0; -} - -html[data-theme='dark'] .try, -html[data-theme='dark'] .features { - color: #b3b8d2; -} - -.features > * { - margin: 2em 0; -} - -.bottomLogo { - height: 40px; -} -/*.bottomLogo path:nth-child(1) {*/ -/* fill: url(#gradient-1) !important;*/ -/* stroke: url(#gradient-1) !important;*/ -/*}*/