diff --git a/monkey/monkey_island/cc/ui/src/components/Main.tsx b/monkey/monkey_island/cc/ui/src/components/Main.tsx index 23b126cae..65ecfc6be 100644 --- a/monkey/monkey_island/cc/ui/src/components/Main.tsx +++ b/monkey/monkey_island/cc/ui/src/components/Main.tsx @@ -221,6 +221,7 @@ class AppComponent extends AuthComponent { ()}/> {this.renderRoute(Routes.LandingPage, )} diff --git a/monkey/monkey_island/cc/ui/src/components/layouts/SidebarLayoutComponent.tsx b/monkey/monkey_island/cc/ui/src/components/layouts/SidebarLayoutComponent.tsx index 28bdda439..d862bb592 100644 --- a/monkey/monkey_island/cc/ui/src/components/layouts/SidebarLayoutComponent.tsx +++ b/monkey/monkey_island/cc/ui/src/components/layouts/SidebarLayoutComponent.tsx @@ -4,6 +4,7 @@ import SideNavComponent from '../SideNavComponent.tsx'; import {Col, Row} from 'react-bootstrap'; const SidebarLayoutComponent = ({component: Component, + sideNavShow = true, sideNavDisabled = false, completedSteps = null, defaultReport = '', @@ -13,12 +14,12 @@ const SidebarLayoutComponent = ({component: Component, { return ( - + {sideNavShow && - + } ) }}/> diff --git a/monkey/monkey_island/cc/ui/src/components/pages/LandingPage.tsx b/monkey/monkey_island/cc/ui/src/components/pages/LandingPage.tsx index 308504b50..3e8845380 100644 --- a/monkey/monkey_island/cc/ui/src/components/pages/LandingPage.tsx +++ b/monkey/monkey_island/cc/ui/src/components/pages/LandingPage.tsx @@ -2,30 +2,45 @@ import React from 'react'; import {Col, Row} from 'react-bootstrap'; import {Link} from 'react-router-dom'; import {FontAwesomeIcon} from '@fortawesome/react-fontawesome'; +import {faExternalLinkAlt} from '@fortawesome/free-solid-svg-icons'; import {faFileCode, faLightbulb} from '@fortawesome/free-solid-svg-icons'; import '../../styles/pages/LandingPage.scss'; import IslandHttpClient from "../IslandHttpClient"; +import VersionComponent from '../side-menu/VersionComponent'; +import {Routes} from "../Main"; +const guardicoreLogoImage = require('../../images/guardicore-logo.png'); const LandingPageComponent = (props) => { return ( + <> -

Welcome to the Monkey Island Server

-
- +

Breach & Attack Simulation

+
+
+ + +
+ + + ); + function ScenarioButtons() { return (

Choose a scenario:

+
+
+ Check monkey documentation hub for better explanation + on + Ransomware + and + Custom + simulations. +
+ + ); +} + +function GuardicoreLogo() { + return ( + <> +
+ Powered by + + GuardiCore + +
+
+ + Documentation + +
+ License +
+ + + ); +} + export default LandingPageComponent; diff --git a/monkey/monkey_island/cc/ui/src/styles/pages/LandingPage.scss b/monkey/monkey_island/cc/ui/src/styles/pages/LandingPage.scss index 21daf6b29..af203a33a 100644 --- a/monkey/monkey_island/cc/ui/src/styles/pages/LandingPage.scss +++ b/monkey/monkey_island/cc/ui/src/styles/pages/LandingPage.scss @@ -1,4 +1,5 @@ .landing-page h1.page-title { + margin-top: 20px; margin-bottom: 20px; } @@ -7,10 +8,27 @@ margin-left: 12px; } +.landing-page .scenario-info { + margin-bottom: 20px; +} + .landing-page .monkey-description-title { margin-top: 30px; } .landing-page .d-block { height: 100%; + +.guardicore-logo { + margin-bottom: 0.5em; + position: absolute !important; + bottom: 0; +} + +.guardicore-logo .license-text { + position: relative; +} + +.guardicore-logo .version-text { + position: relative; }