UI: Change Guardicore logo with Akamai logo

monkey/monkey_island/cc/ui/src/components/logo/LogoComponent.js

@@ -5,16 +5,16 @@ import {faExternalLinkAlt} from '@fortawesome/free-solid-svg-icons';
 import {Routes} from '../Main';
 import VersionComponent from './VersionComponent';
 
-const guardicoreLogoImage = require('../../images/guardicore-logo.png');
+const akamaiLogoImage = require('../../images/akamai-logo.svg');
 
 function Logo() {
   return (
     <>
       <hr/>
-      <div className='guardicore-link text-center' style={{'marginBottom': '0.5em'}}>
+      <div className='akamai-link text-center' style={{'marginBottom': '0.5em'}}>
         <span>Powered by</span>
         <a href='https://www.akamai.com/products/akamai-segmentation' rel='noopener noreferrer' target='_blank'>
-          <img src={guardicoreLogoImage} alt='GuardiCore'/>
+          <img src={akamaiLogoImage} alt='Akamai'/>
         </a>
       </div>
       <div className='license-link text-center'>

monkey/monkey_island/cc/ui/src/components/pages/LandingPage.tsx

@@ -4,10 +4,10 @@ import {Link} from 'react-router-dom';
 import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
 import {faFileCode, faLightbulb} from '@fortawesome/free-solid-svg-icons';
 import '../../styles/pages/LandingPage.scss';
-import IslandHttpClient from "../IslandHttpClient";
+import IslandHttpClient from '../IslandHttpClient';
 
 import ParticleBackground from '../ui-components/ParticleBackground';
-import Logo from "../logo/LogoComponent";
+import Logo from '../logo/LogoComponent';
 
 const monkeyIcon = require('../../images/monkey-icon.svg')
 const infectionMonkey = require('../../images/infection-monkey.svg')
@@ -27,7 +27,7 @@ const LandingPageComponent = (props: Props) => {
         <div className={'scenario-header'}>
           <ScenarioButtons/>
           <br/>
-          <Col className={'guardicore-logo'}>
+          <Col className={'akamai-logo'}>
             <Logo/>
           </Col>
         </div>

monkey/monkey_island/cc/ui/src/components/report-components/SecurityReport.js

@@ -14,7 +14,7 @@ import ReactMarkdown from 'react-markdown';
 import remarkBreaks from 'remark-breaks';
 
 import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
-import guardicoreLogoImage from '../../images/guardicore-logo.png'
+import akamaiLogoImage from '../../images/akamai-logo.svg'
 import {faExclamationTriangle} from '@fortawesome/free-solid-svg-icons';
 import '../../styles/App.css';
 import {
@@ -288,7 +288,7 @@ class ReportPageComponent extends AuthComponent {
         For questions, suggestions, or any other feedback,
         contact <a href='mailto:[email protected]' className='no-print'>[email protected]</a>
         <div className='force-print' style={{ display: 'none' }}>[email protected]</div>.
-        <img src={guardicoreLogoImage} alt='GuardiCore' className='center-block' style={{ height: '50px' }} />
+        <img src={akamaiLogoImage} alt='Akamai' className='center-block' style={{ height: '55px' }} />
       </div>
     );
   }

monkey/monkey_island/cc/ui/src/styles/App.css

@@ -111,25 +111,25 @@ body {
     border-top-color: #ccc !important;
   }
 
-  .guardicore-link span {
+  .akamai-link span {
     color: #999;
     vertical-align: middle;
     padding-left: 4px;
     padding-right: 4px;
     font-size: 1.7em;
   }
 
-  .guardicore-link img {
-    height: 38px;
+  .akamai-link img {
+    height: 55px;
     padding-left: 4px;
     padding-right: 4px;
     vertical-align: middle;
   }
 }
 
 @media (max-width: 575px) {
-  .guardicore-link img {
-    height: 28px;
+  .akamai-link img {
+    height: 45px;
     padding-left: 4px;
     padding-right: 4px;
     vertical-align: middle;

monkey/monkey_island/cc/ui/src/styles/pages/LandingPage.scss

@@ -26,11 +26,11 @@
   height: 100%;
 }
 
-.guardicore-logo .license-text {
+.akamai-logo .license-text {
   position: relative;
 }
 
-.guardicore-logo .version-text {
+.akamai-logo .version-text {
   position: relative;
 }