Skip to content
This repository was archived by the owner on Apr 21, 2026. It is now read-only.

Commit 06ca54c

Browse files
author
dpatanin
committed
rework bottom table pt1
1 parent 4206ded commit 06ca54c

11 files changed

Lines changed: 153 additions & 91 deletions

File tree

‎src/images/approved.svg‎

Lines changed: 22 additions & 0 deletions
Loading

‎src/images/not approved.svg‎

Lines changed: 1 addition & 0 deletions
Loading

‎src/pages/docs/placeholder.md‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
---
22
title: "placeholder"
33
path: "/docs/placeholder"
4+
date: 2019-08-20 17:44:50
45
---
56

67
This is just a placeholer for preperation purposes.

‎src/pages/getStarted/placeholder.md‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
---
22
title: "placeholder"
33
path: "/getStarted/placeholder"
4+
date: 2019-08-20 17:44:11
45
---
56

67
This is just a placeholer for preperation purposes.

‎src/pages/index.js‎

Lines changed: 64 additions & 50 deletions
Original file line numberDiff line numberDiff line change
@@ -3,69 +3,83 @@ import { graphql, withPrefix, Link } from "gatsby";
33
import Helmet from 'react-helmet';
44
import SEO from '../components/SEO';
55
import Layout from "../components/Layout";
6+
import approved from "../images/approved.svg";
7+
import notApproved from "../images/not approved.svg";
68

79
const Home = (props) => {
810
const json = props.data.allFeaturesJson.edges;
9-
const markdownRemark = props.data.markdownRemark;
10-
return(
11-
<Layout bodyClass="page-home">
12-
<SEO title="Home" />
13-
<Helmet>
14-
<meta
15-
name="description"
16-
content="The official secureCodeBox Website."
17-
/>
18-
</Helmet>
19-
<div className="intro pb-4">
20-
<div className="container">
21-
<h1>secureCodeBox - Testing your Software Security.</h1>
22-
<p>
23-
secureCodeBox is a docker based, modularized toolchain for continuous security scans of your software project.
24-
Its goal is to orchestrate and easily automate a bunch of security-testing tools out of the box.
11+
return (
12+
<Layout bodyClass="page-home">
13+
<SEO title="Home" />
14+
<Helmet>
15+
<meta
16+
name="description"
17+
content="The official secureCodeBox Website."
18+
/>
19+
</Helmet>
20+
<div className="intro pb-4">
21+
<div className="container">
22+
<h1>secureCodeBox</h1>
23+
<h2>Testing your Software Security</h2>
24+
<p>
25+
secureCodeBox is a docker based, modularized toolchain for continuous security scans of your software project.
26+
Its goal is to orchestrate and easily automate a bunch of security-testing tools out of the box.
2527
</p>
26-
</div>
28+
</div>
29+
</div>
30+
31+
<div className="container pt-3 pb-2 pt-md-3 pb-md-3">
32+
<div className="row justify-content-center">
33+
<div className="col-12">
34+
<h2 className="title-3 text-dark mb-2">What the secureCodeBox provides</h2>
2735
</div>
28-
29-
<div className="container pt-3 pb-2 pt-md-3 pb-md-3">
30-
<div className="row justify-content-center">
31-
<div className="col-12">
32-
<h2 className="title-3 text-dark mb-4">What the secureCodeBox provides</h2>
33-
</div>
34-
{json.map(edge => (
35-
<div key={edge.node.id} className="col-12 col-md-3 col-lg-3 mb-2">
36-
<div className="feature">
37-
{edge.node.image && (
38-
<div className="feature-image">
39-
<img src={withPrefix(edge.node.image)} />
40-
</div>
41-
)}
42-
<h2 className="feature-title">{edge.node.title}</h2>
43-
{/* TODO add link to corresponding pages */}
44-
</div>
36+
{json.map(edge => (
37+
<div key={edge.node.id} className="col-12 col-md-3 col-lg-3 mb-2">
38+
<div className="feature">
39+
{edge.node.image && (
40+
<div className="feature-image">
41+
<img src={withPrefix(edge.node.image)} />
42+
</div>
43+
)}
44+
<h2 className="feature-title">{edge.node.title}</h2>
45+
{/* TODO add link to corresponding pages */}
4546
</div>
46-
))}
47-
</div>
47+
</div>
48+
))}
4849
</div>
50+
</div>
4951

50-
<div className="container pb-5 pb-md-7">
51-
<div className="feature">
52-
<h2 className="feature-title">{markdownRemark.frontmatter.title}</h2>
53-
<div className="feature-table" dangerouslySetInnerHTML={{ __html: markdownRemark.html }}></div>
54-
</div>
52+
<div className="container pt-3 pb-5 pb-md-7">
53+
<div className="col-12">
54+
<h2 className="title-3 text-dark mb-2">When is the secureCodeBox right for your team?</h2>
5555
</div>
56-
</Layout>
57-
)
56+
<div className="feature">
57+
<h2 className="feature-title"></h2>
58+
<div className="feature-list" >
59+
<ul className="pro">
60+
<li> <img src={approved}/>
61+
Teams with a medium to advanced security program</li>
62+
<li> <img src={approved} />
63+
Multi-team setups</li>
64+
<li> <img src={approved} />
65+
Integration into fast moving teams</li>
66+
</ul>
67+
68+
<ul className="con">
69+
<li> <img src={notApproved}/>
70+
Teams just starting with a security program</li>
71+
<li><img src={notApproved} />
72+
Teams with separate dev, ops and security teams</li>
73+
</ul >
74+
</div >
75+
</div >
76+
</div >
77+
</Layout >
78+
)
5879
}
5980

6081
export const query = graphql`
6182
query {
62-
markdownRemark (frontmatter: {title: {eq: "When is the secureCodeBox right for your team?"}}){
63-
frontmatter{
64-
title
65-
date
66-
}
67-
html
68-
}
6983
allFeaturesJson (filter: {tag: {eq: "provision"}}){
7084
edges {
7185
node {

‎src/pages/rightForYourTeam.md‎

Lines changed: 0 additions & 12 deletions
This file was deleted.

‎src/pages/scanner/placeholder.md‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
---
22
title: "placeholder"
33
path: "/scanner/placeholder"
4+
date: 2019-08-20 17:44:36
45
---
56

67
This is just a placeholer for preperation purposes.

‎src/scss/components/_feature.scss‎

Lines changed: 39 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -41,31 +41,48 @@
4141
}
4242
}
4343
}
44-
.feature-table {
45-
table-layout: auto;
46-
table {
47-
thead {
48-
tr {
49-
th{
50-
color: $secondary;
51-
border-right: 1px solid $primary;
52-
}
53-
th:last-child {
54-
border-right: none;
55-
}
44+
.feature-list {
45+
ul.pro {
46+
display: inline-block;
47+
list-style: none;
48+
-webkit-columns: 1;
49+
-moz-columns: 1;
50+
margin: 0;
51+
padding: 0;
52+
float: left;
53+
max-width: 45%;
54+
li {
55+
img {
56+
width: 25px;
57+
padding-right: 5px;
5658
}
59+
font-size: 1rem;
60+
color: rgb(87, 87, 87);
61+
margin: 5;
62+
line-height: 1.3;
63+
text-align: left;
5764
}
58-
tbody {
59-
tr {
60-
td {
61-
color: $secondary;
62-
font-size: 0.8rem;
63-
border-right: 1px solid $primary;
64-
}
65-
td:last-child {
66-
border-right: none;
67-
}
65+
}
66+
ul.con {
67+
display: inline-block;
68+
list-style: none;
69+
-webkit-columns: 1;
70+
-moz-columns: 1;
71+
margin: 0;
72+
padding: 0;
73+
max-width: 40%;
74+
float: right;
75+
max-width: 45%;
76+
li {
77+
img {
78+
width: 25px;
79+
padding-right: 5px;
6880
}
81+
font-size: 1rem;
82+
color: rgb(87, 87, 87);
83+
margin: 5;
84+
line-height: 1.3;
85+
text-align: left;
6986
}
7087
}
7188
}

‎src/scss/components/_hamburger.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@
1919
.hamburger-inner,
2020
.hamburger-inner::before,
2121
.hamburger-inner::after {
22-
background: $iteragenta;
22+
background: $white;
2323
}
2424
.hamburger-inner::after {
2525
width: 18px;

‎src/scss/components/_intro.scss‎

Lines changed: 20 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -26,11 +26,29 @@
2626
width: 70%;
2727
}
2828
@include media-breakpoint-up(md) {
29-
font-size: 3rem;
29+
font-size: 2.8rem;
3030
width: 70%;
3131
}
3232
@include media-breakpoint-up(lg) {
33-
font-size: 3rem;
33+
font-size: 2.8rem;
34+
width: 50%;
35+
}
36+
}
37+
h2 {
38+
color: $primary;
39+
font-size: 2.0rem;
40+
line-height: 1.1;
41+
font-family: $font-family-heading;
42+
width: 70%;
43+
@include media-breakpoint-up(sm) {
44+
width: 70%;
45+
}
46+
@include media-breakpoint-up(md) {
47+
font-size: 2.2rem;
48+
width: 70%;
49+
}
50+
@include media-breakpoint-up(lg) {
51+
font-size: 2.2rem;
3452
width: 50%;
3553
}
3654
}
@@ -41,7 +59,6 @@
4159
font-family: $font-family-base;
4260
line-height: 1.4;
4361
color: $secondary;
44-
text-align: justify;
4562
@include media-breakpoint-up(sm) {
4663
width: 70%;
4764
}

0 commit comments

Comments
 (0)