Cleanup2025 2 (#37)

* cleanup2025-heading

* more cleaning

Author: mathiasekstedt

src/components/desktopcontainer.js

@@ -19,9 +19,6 @@ import React, { useState } from 'react';
 import { Link, useLocation } from 'react-router-dom';
 import Heading from './heading';
 import {
-  Button,
-  Container,
-  Menu,
   Segment,
   Visibility,
 } from 'semantic-ui-react';
@@ -51,43 +48,6 @@ const DesktopContainer = ({ children }) => {
           }}
           vertical
         >
-          <Menu
-            fixed={fixed ? 'top' : null}
-            inverted
-            pointing={!fixed}
-            secondary={!fixed}
-            size="large"
-          >
-            <Container>
-              <Menu.Item active={location.hash === ''}>
-                <Link to="/">Home</Link>
-              </Menu.Item>
-              <Menu.Item active={location.hash === '#what'}>
-                <Link to="/#what">About</Link>
-              </Menu.Item>
-              <Menu.Item active={location.hash === '#learnmore'}>
-                <Link to="/#learnmore">Learn more</Link>
-              </Menu.Item>
-              <Menu.Item active={location.hash === '#who'}>
-                <Link to="/#who">Who uses MAL?</Link>
-              </Menu.Item>
-              <Menu.Item active={location.hash === '#resources'}>
-                <Link to="/#resources">Resources</Link>
-              </Menu.Item>
-              <Menu.Item>
-                <Button
-                  as="a"
-                  href="https://github.com/mal-lang/exampleLang/blob/master/README.md"
-                  target="_blank"
-                  primary
-                  size="large"
-                >
-                  Get Started
-                </Button>
-              </Menu.Item>
-            </Container>
-          </Menu>
-          <Heading />
         </Segment>
       </Visibility>
 

src/components/heading.js

@@ -25,13 +25,12 @@ const HeaderContent = () => (
     <img
       alt="MAL logo"
       style={{
-        width: '2em',
-        height: '2em',
+        width: '4em',
+        height: '4em',
         marginRight: '0.3em',
       }}
       src="/helmet.svg"
     />
-    <p style={{ marginTop: '0.5em' }}>M A L</p>
   </div>
 );
 const Heading = ({ mobile }) => (
@@ -49,7 +48,7 @@ const Heading = ({ mobile }) => (
     />
     <Header
       as="h2"
-      content="Meta Attack Language"
+      content="Meta Attack Language - M A L"
       inverted
       style={{
         fontSize: mobile ? '1.5em' : '1.7em',
@@ -59,15 +58,15 @@ const Heading = ({ mobile }) => (
     />
     <Header
       as="h3"
-      content="The open source platform for creation of cyber threat modeling systems"
+      content="The open source platform cyber threat modeling and attack simulations"
       inverted
       style={{
         fontStyle: 'italic',
       }}
     />
     <Button
       as="a"
-      href="https://github.com/mal-lang/exampleLang/blob/master/README.md"
+      href="https://github.com/mal-lang"
       target="_blank"
       primary
       size="huge"

src/components/layout.js

@@ -17,7 +17,6 @@
 import React from 'react';
 import ResponsiveContainer from './responsivecontainer';
 import {
-  Button,
   Container,
   Divider,
   Icon,
@@ -33,26 +32,6 @@ const referenceButtonStyle = {
 const Layout = () => (
   <ResponsiveContainer>
     <Segment style={{ paddingBottom: '8em' }} textAlign="center" basic>
-      <Divider id="resources" horizontal>
-        Resources
-      </Divider>
-      <Container text>
-        <List link>
-          <List.Item>
-            <Button
-              as="a"
-              style={referenceButtonStyle}
-              href="https://github.com/mal-lang"
-              target="_blank"
-              primary
-              size="huge"
-            >
-              Get Started!
-              <Icon name="right arrow" />
-            </Button>
-          </List.Item>
-        </List>
-      </Container>
     </Segment>
     <Segment style={{ paddingBottom: '8em' }} textAlign="center" basic>
       <Divider id="acknowledgements" horizontal>

src/components/mobilecontainer.js

@@ -19,7 +19,6 @@ import React, { useState } from 'react';
 import Heading from './heading';
 import { Link, useLocation } from 'react-router-dom';
 import {
-  Button,
   Container,
   Icon,
   Menu,
@@ -50,62 +49,6 @@ const MobileContainer = ({ children }) => {
         vertical
         visible={sidebarIsOpen}
       >
-        <Menu.Item
-          fitted={true}
-          onClick={handleSidebarHide}
-          active={location.hash === ''}
-        >
-          <Link to="/">
-            <div style={menuItemStyle}>Home</div>
-          </Link>
-        </Menu.Item>
-        <Menu.Item
-          fitted={true}
-          onClick={handleSidebarHide}
-          active={location.hash === '#what'}
-        >
-          <Link to="/#what">
-            <div style={menuItemStyle}>About</div>
-          </Link>
-        </Menu.Item>
-        <Menu.Item
-          fitted={true}
-          onClick={handleSidebarHide}
-          active={location.hash === '#learnmore'}
-        >
-          <Link to="/#learnmore">
-            <div style={menuItemStyle}>Learn more</div>
-          </Link>
-        </Menu.Item>
-        <Menu.Item
-          fitted={true}
-          onClick={handleSidebarHide}
-          active={location.hash === '#who'}
-        >
-          <Link to="/#who">
-            <div style={menuItemStyle}>Who uses MAL?</div>
-          </Link>
-        </Menu.Item>
-        <Menu.Item
-          fitted={true}
-          onClick={handleSidebarHide}
-          active={location.hash === '#resources'}
-        >
-          <Link to="/#resources">
-            <div style={menuItemStyle}>Resources</div>
-          </Link>
-        </Menu.Item>
-        <Menu.Item>
-          <Button
-            as="a"
-            href="https://github.com/mal-lang/exampleLang/blob/master/README.md"
-            target="_blank"
-            primary
-            size="large"
-          >
-            Get Started
-          </Button>
-        </Menu.Item>
       </Sidebar>
 
       <Sidebar.Pusher dimmed={sidebarIsOpen}>