Skip to content

Commit

Permalink
Fix landing page
Browse files Browse the repository at this point in the history
  • Loading branch information
@dtuite
dtuite committed Feb 9, 2024
1 parent cb30baa commit acc642f
Show file tree
Hide file tree
Showing 10 changed files with 545 additions and 476 deletions.
3 changes: 2 additions & 1 deletion src/components/SitewideHeader/SitewideHeader.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,7 @@ const SitewideHeader = () => {
<TopBanner>
<WhitepaperVs />
</TopBanner>

<header className='Header'>
<div className="position-absolute">
<Logo />
Expand Down Expand Up @@ -280,4 +281,4 @@ const SitewideHeader = () => {
);
};

export default SitewideHeader;
export default SitewideHeader;
108 changes: 108 additions & 0 deletions src/components/landing/PluginsList/index.js
View file

Large diffs are not rendered by default.

73 changes: 73 additions & 0 deletions src/components/landing/SideBySideHero/CVEsOverTimeCard.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,73 @@
import React from 'react';

const CVEsOverTimeCard = () => {
return (
<div className='Card shadow pt-5 pr-5 pb-5 pl-5'>
<span className='Text size-3 weight-2 string mb-4'>Severities Over Time</span>
<svg xmlns="http://www.w3.org/2000/svg" width="441" height="257" viewBox="0 0 441 257" fill="none">
<rect x="2" width="1" height="257" fill="#E8E9EA"/>
<rect x="42" width="1" height="257" fill="#E8E9EA"/>
<rect x="82" width="1" height="257" fill="#E8E9EA"/>
<rect x="122" width="1" height="257" fill="#E8E9EA"/>
<rect x="162" width="1" height="257" fill="#E8E9EA"/>
<rect x="202" width="1" height="257" fill="#E8E9EA"/>
<rect x="242" width="1" height="257" fill="#E8E9EA"/>
<rect x="282" width="1" height="257" fill="#E8E9EA"/>
<rect x="322" width="1" height="257" fill="#E8E9EA"/>
<rect x="362" width="1" height="257" fill="#E8E9EA"/>
<rect x="402" width="1" height="257" fill="#E8E9EA"/>
<rect x="438" width="1" height="257" fill="#E8E9EA"/>
<rect x="2" y="256" width="437" height="1" fill="#D8D9DB"/>
<rect x="2" y="224" width="436" height="1" fill="#E8E9EA"/>
<rect x="2" y="32" width="436" height="1" fill="#E8E9EA"/>
<rect x="2" y="64" width="436" height="1" fill="#E8E9EA"/>
<rect x="2" y="96" width="436" height="1" fill="#E8E9EA"/>
<rect x="2" y="128" width="436" height="1" fill="#E8E9EA"/>
<rect x="2" y="160" width="436" height="1" fill="#E8E9EA"/>
<rect x="2" y="192" width="436" height="1" fill="#E8E9EA"/>
<rect x="2" width="436" height="1" fill="#E8E9EA"/>
<path d="M438.5 208.5L402.5 161L362.5 128.5L322.5 111.5L282.5 128.5L243 79.5L202 146L163 111.5L123 79.5L82.5 65L42.5 49.5L2.5 15.5" stroke="#FFCF25"/>
<path d="M3 65L42.5 80L82.5 88L122.5 112.5L162.5 128.5L202.5 112.5L242 160.5L282.5 193L322.5 176L362.5 181.5L402 193L438 224.5" stroke="#FF9B25"/>
<path d="M2.5 176.5L42.5 208.5L82.5 225L122.5 192.5L162.5 175.5L202.5 225L242.5 208.5L282.5 217L322.5 225L362.5 219.5L402.5 232.5L438.5 241" stroke="#FF1616"/>
<circle cx="2.5" cy="15.5" r="2.5" fill="#FFCF25"/>
<circle cx="2.5" cy="64.5" r="2.5" fill="#FF9B25"/>
<circle cx="2.5" cy="176.5" r="2.5" fill="#FF1616"/>
<circle cx="42.5" cy="208.5" r="2.5" fill="#FF1616"/>
<circle cx="82.5" cy="224.5" r="2.5" fill="#FF1616"/>
<circle cx="122.5" cy="192.5" r="2.5" fill="#FF1616"/>
<circle cx="162.5" cy="175.5" r="2.5" fill="#FF1616"/>
<circle cx="202.5" cy="224.5" r="2.5" fill="#FF1616"/>
<circle cx="242.5" cy="208.5" r="2.5" fill="#FF1616"/>
<circle cx="282.5" cy="217.5" r="2.5" fill="#FF1616"/>
<circle cx="322.5" cy="224.5" r="2.5" fill="#FF1616"/>
<circle cx="362.5" cy="219.5" r="2.5" fill="#FF1616"/>
<circle cx="402.5" cy="232.5" r="2.5" fill="#FF1616"/>
<circle cx="438.5" cy="240.5" r="2.5" fill="#FF1616"/>
<circle cx="42.5" cy="79.5" r="2.5" fill="#FF9B25"/>
<circle cx="82.5" cy="87.5" r="2.5" fill="#FF9B25"/>
<circle cx="122.5" cy="112.5" r="2.5" fill="#FF9B25"/>
<circle cx="162.5" cy="128.5" r="2.5" fill="#FF9B25"/>
<circle cx="202.5" cy="112.5" r="2.5" fill="#FF9B25"/>
<circle cx="242.5" cy="160.5" r="2.5" fill="#FF9B25"/>
<circle cx="282.5" cy="192.5" r="2.5" fill="#FF9B25"/>
<circle cx="322.5" cy="176.5" r="2.5" fill="#FF9B25"/>
<circle cx="362.5" cy="181.5" r="2.5" fill="#FF9B25"/>
<circle cx="402.5" cy="192.5" r="2.5" fill="#FF9B25"/>
<circle cx="438.5" cy="223.5" r="2.5" fill="#FF9B25"/>
<circle cx="42.5" cy="49.5" r="2.5" fill="#FFCF25"/>
<circle cx="82.5" cy="64.5" r="2.5" fill="#FFCF25"/>
<circle cx="122.5" cy="79.5" r="2.5" fill="#FFCF25"/>
<circle cx="162.5" cy="111.5" r="2.5" fill="#FFCF25"/>
<circle cx="202.5" cy="145.5" r="2.5" fill="#FFCF25"/>
<circle cx="242.5" cy="80.5" r="2.5" fill="#FFCF25"/>
<circle cx="282.5" cy="128.5" r="2.5" fill="#FFCF25"/>
<circle cx="322.5" cy="111.5" r="2.5" fill="#FFCF25"/>
<circle cx="362.5" cy="128.5" r="2.5" fill="#FFCF25"/>
<circle cx="402.5" cy="160.5" r="2.5" fill="#FFCF25"/>
<circle cx="438.5" cy="207.5" r="2.5" fill="#FFCF25"/>
</svg>
</div>
);
};

export default CVEsOverTimeCard;
41 changes: 41 additions & 0 deletions src/components/landing/SideBySideHero/CodeQualityCard.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,41 @@
import React from 'react';

const CodeQualityCard = () => {
return (
<div className='Card shadow pt-5 pr-5 pb-5 pl-5'>
<span className='Text size-3 weight-2 string mb-4'>Code Quality</span>
<div className='Flex column ai-stretch gap-4'>
<div className='Flex row jc-between'>
<span className='Text size-3'>Bugs</span>
<span className='Text size-3'>0</span>
</div>
<div className='Flex row jc-between'>
<span className='Text size-3'>Vulnerabilities</span>
<span className='Text size-3'>0</span>
</div>
<div className='Flex row jc-between'>
<span className='Text size-3'>Code Smells</span>
<span className='Text size-3'>1</span>
</div>
<div className='Flex row jc-between'>
<span className='Text size-3'>Hotspots Reviewed</span>
<span className='Text size-3'>0.0%</span>
</div>
<div className='Flex row jc-between'>
<span className='Text size-3'>Coverage</span>
<span className='Text size-3'>—</span>
</div>
<div className='Flex row jc-between'>
<span className='Text size-3'>Duplications</span>
<span className='Text size-3'>0.0%</span>
</div>
<div className='Flex row jc-between'>
<span className='Text size-3 lowContrast'>Last Analyzed on 4 Aug 2023 at 10:42</span>
<span className='Text size-3 indigo'>View More</span>
</div>
</div>
</div>
);
};

export default CodeQualityCard;
96 changes: 96 additions & 0 deletions src/components/landing/SideBySideHero/DocumentationCard.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,96 @@
import React from 'react';

const DocumentationCard = () => {
return (
<div className='Card shadow pt-5 pr-5 pb-5 pl-5'>
<span className='Text size-3 weight-2 string mb-4'>Documentation</span>
<div className='Flex column ai-stretch gap-4'>
<div className='Flex row'>
<div style={{ width: '50%' }}>
<span className='Text size-3 lowContrast'>Document</span>
</div>
<div style={{ width: '25%' }}>
<span className='Text size-3 lowContrast'>Owner</span>
</div>
<div className='Flex row jc-between ai-center' style={{ width: '25%' }}>
<span className='Text size-3 lowContrast'>Type</span>
</div>
</div>
<div className='Flex row'>
<div style={{ width: '50%' }}>
<span className='Text size-3 indigo'>artist-service</span>
</div>
<div style={{ width: '25%' }}>
<span className='Text size-3'>Engineering</span>
</div>
<div className='Flex row jc-between ai-center' style={{ width: '25%' }}>
<span className='Text size-3'>Service</span>
<svg width="16" height="16" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.625 2.5C8.625 3.12132 8.12132 3.625 7.5 3.625C6.87868 3.625 6.375 3.12132 6.375 2.5C6.375 1.87868 6.87868 1.375 7.5 1.375C8.12132 1.375 8.625 1.87868 8.625 2.5ZM8.625 7.5C8.625 8.12132 8.12132 8.625 7.5 8.625C6.87868 8.625 6.375 8.12132 6.375 7.5C6.375 6.87868 6.87868 6.375 7.5 6.375C8.12132 6.375 8.625 6.87868 8.625 7.5ZM7.5 13.625C8.12132 13.625 8.625 13.1213 8.625 12.5C8.625 11.8787 8.12132 11.375 7.5 11.375C6.87868 11.375 6.375 11.8787 6.375 12.5C6.375 13.1213 6.87868 13.625 7.5 13.625Z" fill="var(--gray-11)" fillRule="evenodd" clipRule="evenodd"></path></svg>
</div>
</div>
<div className='Flex row'>
<div style={{ width: '50%' }}>
<span className='Text size-3 indigo'>backstage</span>
</div>
<div style={{ width: '25%' }}>
<span className='Text size-3'>Engineering</span>
</div>
<div className='Flex row jc-between ai-center' style={{ width: '25%' }}>
<span className='Text size-3'>Service</span>
<svg width="16" height="16" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.625 2.5C8.625 3.12132 8.12132 3.625 7.5 3.625C6.87868 3.625 6.375 3.12132 6.375 2.5C6.375 1.87868 6.87868 1.375 7.5 1.375C8.12132 1.375 8.625 1.87868 8.625 2.5ZM8.625 7.5C8.625 8.12132 8.12132 8.625 7.5 8.625C6.87868 8.625 6.375 8.12132 6.375 7.5C6.375 6.87868 6.87868 6.375 7.5 6.375C8.12132 6.375 8.625 6.87868 8.625 7.5ZM7.5 13.625C8.12132 13.625 8.625 13.1213 8.625 12.5C8.625 11.8787 8.12132 11.375 7.5 11.375C6.87868 11.375 6.375 11.8787 6.375 12.5C6.375 13.1213 6.87868 13.625 7.5 13.625Z" fill="var(--gray-11)" fillRule="evenodd" clipRule="evenodd"></path></svg>
</div>
</div>
<div className='Flex row'>
<div style={{ width: '50%' }}>
<span className='Text size-3 indigo'>backstage-sample-service</span>
</div>
<div style={{ width: '25%' }}>
<span className='Text size-3'>Engineering</span>
</div>
<div className='Flex row jc-between ai-center' style={{ width: '25%' }}>
<span className='Text size-3'>Service</span>
<svg width="16" height="16" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.625 2.5C8.625 3.12132 8.12132 3.625 7.5 3.625C6.87868 3.625 6.375 3.12132 6.375 2.5C6.375 1.87868 6.87868 1.375 7.5 1.375C8.12132 1.375 8.625 1.87868 8.625 2.5ZM8.625 7.5C8.625 8.12132 8.12132 8.625 7.5 8.625C6.87868 8.625 6.375 8.12132 6.375 7.5C6.375 6.87868 6.87868 6.375 7.5 6.375C8.12132 6.375 8.625 6.87868 8.625 7.5ZM7.5 13.625C8.12132 13.625 8.625 13.1213 8.625 12.5C8.625 11.8787 8.12132 11.375 7.5 11.375C6.87868 11.375 6.375 11.8787 6.375 12.5C6.375 13.1213 6.87868 13.625 7.5 13.625Z" fill="var(--gray-11)" fillRule="evenodd" clipRule="evenodd"></path></svg>
</div>
</div>
<div className='Flex row'>
<div style={{ width: '50%' }}>
<span className='Text size-3 indigo'>cluster-dev0-gitops</span>
</div>
<div style={{ width: '25%' }}>
<span className='Text size-3'>Engineering</span>
</div>
<div className='Flex row jc-between ai-center' style={{ width: '25%' }}>
<span className='Text size-3'>Library</span>
<svg width="16" height="16" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.625 2.5C8.625 3.12132 8.12132 3.625 7.5 3.625C6.87868 3.625 6.375 3.12132 6.375 2.5C6.375 1.87868 6.87868 1.375 7.5 1.375C8.12132 1.375 8.625 1.87868 8.625 2.5ZM8.625 7.5C8.625 8.12132 8.12132 8.625 7.5 8.625C6.87868 8.625 6.375 8.12132 6.375 7.5C6.375 6.87868 6.87868 6.375 7.5 6.375C8.12132 6.375 8.625 6.87868 8.625 7.5ZM7.5 13.625C8.12132 13.625 8.625 13.1213 8.625 12.5C8.625 11.8787 8.12132 11.375 7.5 11.375C6.87868 11.375 6.375 11.8787 6.375 12.5C6.375 13.1213 6.87868 13.625 7.5 13.625Z" fill="var(--gray-11)" fillRule="evenodd" clipRule="evenodd"></path></svg>
</div>
</div>
<div className='Flex row'>
<div style={{ width: '50%' }}>
<span className='Text size-3 indigo'>Combined Monorepo</span>
</div>
<div style={{ width: '25%' }}>
<span className='Text size-3'>Engineering</span>
</div>
<div className='Flex row jc-between ai-center' style={{ width: '25%' }}>
<span className='Text size-3'>Library</span>
<svg width="16" height="16" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.625 2.5C8.625 3.12132 8.12132 3.625 7.5 3.625C6.87868 3.625 6.375 3.12132 6.375 2.5C6.375 1.87868 6.87868 1.375 7.5 1.375C8.12132 1.375 8.625 1.87868 8.625 2.5ZM8.625 7.5C8.625 8.12132 8.12132 8.625 7.5 8.625C6.87868 8.625 6.375 8.12132 6.375 7.5C6.375 6.87868 6.87868 6.375 7.5 6.375C8.12132 6.375 8.625 6.87868 8.625 7.5ZM7.5 13.625C8.12132 13.625 8.625 13.1213 8.625 12.5C8.625 11.8787 8.12132 11.375 7.5 11.375C6.87868 11.375 6.375 11.8787 6.375 12.5C6.375 13.1213 6.87868 13.625 7.5 13.625Z" fill="var(--gray-11)" fillRule="evenodd" clipRule="evenodd"></path></svg>
</div>
</div>
<div className='Flex row'>
<div style={{ width: '50%' }}>
<span className='Text size-3 indigo'>github-issue-tracker</span>
</div>
<div style={{ width: '25%' }}>
<span className='Text size-3'>Ops</span>
</div>
<div className='Flex row jc-between ai-center' style={{ width: '25%' }}>
<span className='Text size-3'>Service</span>
<svg width="16" height="16" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.625 2.5C8.625 3.12132 8.12132 3.625 7.5 3.625C6.87868 3.625 6.375 3.12132 6.375 2.5C6.375 1.87868 6.87868 1.375 7.5 1.375C8.12132 1.375 8.625 1.87868 8.625 2.5ZM8.625 7.5C8.625 8.12132 8.12132 8.625 7.5 8.625C6.87868 8.625 6.375 8.12132 6.375 7.5C6.375 6.87868 6.87868 6.375 7.5 6.375C8.12132 6.375 8.625 6.87868 8.625 7.5ZM7.5 13.625C8.12132 13.625 8.625 13.1213 8.625 12.5C8.625 11.8787 8.12132 11.375 7.5 11.375C6.87868 11.375 6.375 11.8787 6.375 12.5C6.375 13.1213 6.87868 13.625 7.5 13.625Z" fill="var(--gray-11)" fillRule="evenodd" clipRule="evenodd"></path></svg>
</div>
</div>
</div>
</div>
);
};

export default DocumentationCard;
Loading

0 comments on commit acc642f

Please sign in to comment.