-
Notifications
You must be signed in to change notification settings - Fork 1.1k
/
index.js
133 lines (128 loc) · 5.11 KB
/
index.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
import React from "react";
import { Link } from "gatsby";
import { Container, Row, Col } from "../../../reusecore/Layout";
import PageHeader from "../../../reusecore/PageHeader";
import ProudMaintainers from "../../../sections/Home/Proud-maintainers";
import { ProjectWrapper } from "./projectGrid.style";
import MeshMapCTA from "../../meshmap-cta";
import extension from "../../../assets/images/docker-extension/docker-extension-meshery-logo.svg";
import meshery from "../../../assets/images/meshery/icon-only/meshery-logo-light.svg";
import landscape from "../../../assets/images/landscape/layer5_landscape_green.svg";
import imagehub from "../../../assets/images/image-hub/layer5-image-hub.svg";
import smp from "../../../assets/images/service-mesh-performance/icon/smp-dark.svg";
import smi from "../../../assets/images/app/projects/smi.svg";
import patterns from "../../../assets/images/service-mesh-patterns/service-mesh-pattern.svg";
import L5gray from "../../../assets/images/layer5/5 icon/svg/gray/5-gray-60.svg";
import nighthawk from "../../../assets/images/nighthawk/icon-only/SVG/nighthawk-logo.svg";
import meshmap from "../../../assets/images/meshmap/icon-only/meshmap-icon.svg";
import catalog from "../../../assets/images/catalog-icon/catalog.svg";
const ProjectPage = () => {
return (
<ProjectWrapper>
<PageHeader
className="title"
title="Cloud Native Management"
path="/projects"
/>
<h3>
for the <img src={L5gray} alt="Layer 5 icon" />
th layer of distributed systems
</h3>
<div className="project-page-wrapper">
<Container>
<div className="project__grid">
<Link to="/service-mesh-landscape" className="project__card one">
<div className="project__card-container project__card-container_one">
<img src={landscape} alt="Landscape" />
<h5>Landscape</h5>
</div>
</Link>
<Link to="/cloud-native-management/meshery" className="project__card two">
<div className="project__card-container project__card-container_meshery">
<img src={meshery} alt="Meshery" />
<h5>Meshery</h5>
</div>
</Link>
<Link to="/projects/image-hub" className="project__card three">
<div className="project__card-container">
<img src={imagehub} alt="Image Hub" />
<h5>Image Hub</h5>
</div>
</Link>
<Link
to="/cloud-native-management/meshmap"
className="project__card four"
>
<div className="project__card-container">
<img src={meshmap} alt="MeshMap" />
<h5>MeshMap</h5>
</div>
</Link>
<Link
to="/projects/service-mesh-performance"
className="project__card five"
>
<div className="project__card-container">
<img src={smp} alt="Service Mesh Performance" />
<h5>Service Mesh Performance</h5>
</div>
</Link>
<Link to="/projects/service-mesh-interface-conformance"
className="project__card nine">
<div className="project__card-container project__card-container_meshmap">
<img src={smi} alt="Service Mesh Interface Conformance" />
<h5>Service Mesh Interface Conformance</h5>
</div>
</Link>
<Link to="/projects/nighthawk" className="project__card six">
<div className="project__card-container project__card-container_nighthawk">
<img src={nighthawk} alt="Nighthawk" />
<h5>NightHawk</h5>
</div>
</Link>
<Link
to="/docker-extension-meshery"
className="project__card seven"
>
<div className="project__card-container-seven">
<Row>
<img
src={extension}
alt="Meshery Docker Extension"
/>
<h5> Meshery Docker Extension </h5>
</Row>
</div>
</Link>
<Link
to="/learn/service-mesh-books/service-mesh-patterns"
className="project__card eight"
>
<div className="project__card-container">
<img src={patterns} alt="Service Mesh Patterns" />
<h5> Service Mesh Patterns</h5>
</div>
</Link>
<Link
to="/catalog"
className="project__card ten"
>
<div className="project__card-container-ten">
<Col>
<img
src={catalog}
alt="Catalog"
/>
<h5> Catalog</h5>
</Col>
</div>
</Link>
</div>
<MeshMapCTA />
</Container>
</div>
<ProudMaintainers />
</ProjectWrapper>
);
};
export default ProjectPage;