diff --git a/plugins/utils/redirects.js b/plugins/utils/redirects.js index 0ef9bb9a49..fd63a56ab7 100644 --- a/plugins/utils/redirects.js +++ b/plugins/utils/redirects.js @@ -23,7 +23,7 @@ const redirects = ` /icp-newsletter /news /ois /sns /docs/current/developer-docs/getting-started/overview-of-icp /docs/current/developer-docs/getting-started/network-overview - /docs/videos-tutorials /developers + /docs/videos-tutorials /docs/current/home /docs /docs/current/home /docs/current/ /docs/current/home /docs/current/concepts/bitcoin-integration /bitcoin-integration @@ -640,6 +640,7 @@ const redirects = ` /docs/current/developer-docs/getting-started/deploy/testnet /docs/current/developer-docs/getting-started/deploy-and-manage /docs/current/developer-docs/getting-started/deploy-and-manage /docs/current/developer-docs/getting-started/deploy-and-manage /docs/current/developer-docs/smart-contracts/write/default-template /docs/current/developer-docs/smart-contracts/write/overview + /developers /docs/current/home ` .split(/[\r\n]+/) .map((line) => line.trim().replace(/^#.*$/, "").trim()) diff --git a/src/components/DevelopersHome/DappStart/index.module.css b/src/components/DevelopersHome/DappStart/index.module.css deleted file mode 100644 index 34a05f13d1..0000000000 --- a/src/components/DevelopersHome/DappStart/index.module.css +++ /dev/null @@ -1,235 +0,0 @@ -.section { - position: relative; - overflow: visible; - display: flex; - flex-direction: column; -} - -.container { - width: Min(100vw,1440px); - padding: 40px 0; - margin: auto; - position: relative; -} - - -.title { - display: flex; - justify-content: center; - align-items: center; - text-align: center; - flex-direction: row; - margin: 0 auto 80px auto; - width: Min(660px, 90%); - font-weight: 700; - font-size: 60px; - line-height: 70px; -} - -.callToAction { - display: flex; - color: #3b00b9; - font-weight: 700; - font-size: 18px; - line-height: 26px; - margin-left: 24px; - transition: all var(--ifm-transition-custom-speed) var(--ifm-transition-custom-curve); - @apply z-30; -} - -.callToAction:hover { - color: black; - text-decoration: none; -} - -.callToAction:hover::before { - background: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.7813 7.33336L7.20529 3.75736L8.14796 2.8147L13.3333 8.00003L8.14796 13.1854L7.20529 12.2427L10.7813 8.6667H2.66663V7.33336H10.7813Z' fill='black'/%3E%3C/svg%3E%0A") no-repeat; -} - -.callToAction::before { - content: ""; - width: 24px; - height: 24px; - display: flex; - align-self: center; - margin: auto 0.5rem auto 0; - background: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.7813 7.33336L7.20529 3.75736L8.14796 2.8147L13.3333 8.00003L8.14796 13.1854L7.20529 12.2427L10.7813 8.6667H2.66663V7.33336H10.7813Z' fill='%233b00b9'/%3E%3C/svg%3E%0A") no-repeat; -} - -.cards { - display: flex; - flex-wrap: wrap; - box-sizing: border-box; - gap: 8px; - margin: auto; - width: Min(1110px, 90%); -} - -.card { - background: rgba(255, 255, 255, 0.5); - border: 1px solid #FFFFFF; - backdrop-filter: blur(5px); - box-sizing: border-box; - border-radius: 12px; - display: flex; - flex-direction: row; - justify-content: center; - align-items: center; - padding: 0 64px; - margin: auto 0 ; - height: 258px; - overflow: hidden; - transition: all var(--ifm-transition-custom-speed) var(--ifm-transition-custom-curve); -} - -.cardContainer { - width: calc(50% - 4px); -} - -.cyclesContainer { - width: 100%; -} - -.cyclesContainer .informationBody { - width: 45%; -} - -.cardHover:hover { - color: white; - text-decoration: none; - padding-bottom: 32px; - background: var(--ifm-color-primary); - border: 1px solid var(--ifm-color-primary); - transition: all var(--ifm-transition-custom-speed) var(--ifm-transition-custom-curve); -} - -.cardHover:hover .informationTitle, -.cardHover:hover .informationIcon, -.cardHover:hover .informationBody { - color: white; - text-decoration: none; - transition: all var(--ifm-transition-custom-speed) var(--ifm-transition-custom-curve); -} - -.cardHover:hover .motokoBackground { - bottom: 0; - transition: all var(--ifm-transition-custom-speed) var(--ifm-transition-custom-curve); -} - -.bodyContainer { - display: flex; - flex-direction: column; - margin: 0; - flex-grow: 1; - width: 95%; -} - -.informationTitle { - font-weight: 700; - font-size: 40px; - line-height: 50px; - color: var(--ifm-color-primary); - margin-bottom: 8px; -} - -.informationBody { - font-weight: 400; - font-size: 16px; - line-height: 24px; - color: black; - width: 80%; - margin-bottom: 0; -} - -.informationIcon { - color: var(--ifm-color-primary); - margin: auto; - width: 24px; - height: 24px; -} - -.motokoBackground { - height: 100px; - position: absolute; - bottom: -17px; - right: -4%; -} - -.BGShape { - position: absolute; - color: #3B00B9; - top: -100px; - left: -600px; - width: 1500px; - max-width: 1500px; - @apply -z-10; -} - -@media screen and (max-width: 996px) { - .card { - width: 100%; - height: 168px; - padding: 24px 32px; - } - - .title { - font-size: 32px; - line-height: 42px; - text-align: start; - margin-bottom: 32px; - } - - .bodyContainer { - width: 100%; - } - - .informationTitle { - font-weight: 700; - font-size: 24px; - line-height: 32px; - } - - .informationTitle { - margin-bottom: 8px; - } - - .informationIcon { - width: 16px; - height: 16px; - } - - .informationBody { - font-weight: 400; - font-size: 12px; - line-height: 20px; - margin-bottom: 0; - width: 95%; - } - - .cyclesContainer .informationBody { - width: 95%; - } - - .motokoBackground, .BGShape { - display: none; - } - - .header { - justify-content: flex-start; - align-items: flex-start; - flex-direction: column; - } - - .header p { - font-size: 24px; - line-height: 32px; - margin-bottom: 12px; - } - - .callToAction { - margin-left: 0; - } - .BGShape { - display: none; - } -} diff --git a/src/components/DevelopersHome/DappStart/index.tsx b/src/components/DevelopersHome/DappStart/index.tsx deleted file mode 100644 index 2b32a5c039..0000000000 --- a/src/components/DevelopersHome/DappStart/index.tsx +++ /dev/null @@ -1,76 +0,0 @@ -import React, { useEffect } from "react"; -import styles from "./index.module.css"; -import { motion, useAnimation } from "framer-motion"; -import transitions from "@site/static/transitions.json"; -import { useInView } from "react-intersection-observer"; -import clsx from "clsx"; -import RightArrowSVG from "@site/static/img/svgIcons/rightArrowIcon.svg"; -import BGCircle from "@site/static/img/purpleBlurredCircle.webp"; - -function Index() { - const controls = useAnimation(); - const { ref, inView } = useInView({ threshold: 0.2 }); - useEffect(() => { - if (inView) { - controls.start("show"); - } - }, [controls, inView]); - - return ( -
Developer grants
-- The DFINITY Developer Grant Program aims to catalyze the growth - of the Internet Computer ecosystem. -
-Cycles faucet
-- Get free cycles to use for testing and deployment of your - project on the Internet Computer. -
-
- + Start coding
@@ -514,7 +514,7 @@ function SocialMediaDappsPage() {