diff --git a/public/css/style.css b/public/css/style.css index dfb50e7d..72f2bdc0 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -1457,6 +1457,20 @@ video { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.scale-105 { + --tw-scale-x: 1.05; + --tw-scale-y: 1.05; + -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + +.scale-110 { + --tw-scale-x: 1.1; + --tw-scale-y: 1.1; + -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + .transform { -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); diff --git a/src/components/RobotHeaderTabs/RobotHeaderTabs.tsx b/src/components/RobotHeaderTabs/RobotHeaderTabs.tsx index 8aad17d2..73ce10b1 100644 --- a/src/components/RobotHeaderTabs/RobotHeaderTabs.tsx +++ b/src/components/RobotHeaderTabs/RobotHeaderTabs.tsx @@ -35,7 +35,10 @@ export default function RobotHeaderTabs(): ReactElement { isSettedCookie ), isHidden: - envOnPremiseRobot || (responseRobot && !responseRobot?.bridgeEnabled), + // hidden for now + true || + envOnPremiseRobot || + (responseRobot && !responseRobot?.bridgeEnabled), }, { name: "Teleoperation", diff --git a/src/components/WelcomeGuide/WelcomeGuide.tsx b/src/components/WelcomeGuide/WelcomeGuide.tsx new file mode 100644 index 00000000..367cdc81 --- /dev/null +++ b/src/components/WelcomeGuide/WelcomeGuide.tsx @@ -0,0 +1,15 @@ +import React, { ReactElement } from "react"; + +export default function WelcomeGuide(): ReactElement { + return ( +
+ logo +

Welcome to Robolaunch

+

+ robolaunch is a Cloud-Native Robotics Platform that provides the + end-to-end infrastructure, software stack and tools for developing, + simulating, deploying and operating ROS/ROS2 robots at scale. +

{" "} +
+ ); +} diff --git a/src/functions/handleGuide.tsx b/src/functions/handleGuide.tsx index ff3f8896..6103cda9 100644 --- a/src/functions/handleGuide.tsx +++ b/src/functions/handleGuide.tsx @@ -1,11 +1,19 @@ import GuideContainer from "../components/GuideContainer/GuideContainer"; +import WelcomeGuide from "../components/WelcomeGuide/WelcomeGuide"; import { envOnPremiseFleet, envOnPremiseRobot } from "../helpers/envProvider"; export function getGuideItem(guide: string) { switch (guide) { + case "welcome": + return { + selector: guide, + content: () => , + }; + case '[data-tut="marketplace-sidebar-menu-item"]': return { selector: guide, + position: "center", content: () => (