Skip to content

Commit 5a70d27

Browse files
suqin9suqin9
committed
Modify the style and structure of the partner page.
Signed-off-by: suqin9 [email protected]
1 parent 3bfa475 commit 5a70d27

File tree

2 files changed

+103
-6
lines changed

2 files changed

+103
-6
lines changed

‎src/components/PartnerCard/index.js‎

Lines changed: 74 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,74 @@
1+
import React, { useState } from 'react';
2+
3+
export default function PartnerCard({ name, product, description, link }) {
4+
const [expanded, setExpanded] = useState(false);
5+
6+
return (
7+
<div
8+
style={{
9+
border: '1px solid #e0e0e0',
10+
borderRadius: '12px',
11+
padding: '20px',
12+
margin: '10px',
13+
width: '100%',
14+
maxWidth: '400px',
15+
boxShadow: '0 2px 8px rgba(0, 0, 0, 0.05)',
16+
display: 'flex',
17+
flexDirection: 'column',
18+
backgroundColor: '#fff',
19+
}}
20+
>
21+
<div>
22+
<h3 style={{ margin: '0 0 10px 0' }}>{name}</h3>
23+
<h4 style={{ margin: '0 0 10px 0', color: '#555' }}>{product}</h4>
24+
<p
25+
style={{
26+
fontSize: '14px',
27+
color: '#666',
28+
lineHeight: '1.6',
29+
overflow: expanded ? 'visible' : 'hidden',
30+
display: '-webkit-box',
31+
WebkitLineClamp: expanded ? 'none' : 3,
32+
WebkitBoxOrient: 'vertical',
33+
}}
34+
>
35+
{description}
36+
</p>
37+
{description.length > 120 && (
38+
<button
39+
onClick={() => setExpanded(!expanded)}
40+
style={{
41+
marginTop: '4px',
42+
background: 'none',
43+
border: 'none',
44+
color: '#0078e7',
45+
cursor: 'pointer',
46+
fontSize: '14px',
47+
padding: 0,
48+
}}
49+
>
50+
{expanded ? 'Collapse' : 'Expand'}
51+
</button>
52+
)}
53+
</div>
54+
55+
<div style={{ marginTop: '8px' }}>
56+
<a
57+
href={link}
58+
target="_blank"
59+
rel="noopener noreferrer"
60+
style={{
61+
padding: '8px 16px',
62+
backgroundColor: '#0078e7',
63+
color: '#fff',
64+
textDecoration: 'none',
65+
borderRadius: '6px',
66+
fontSize: '14px',
67+
}}
68+
>
69+
Visit Website
70+
</a>
71+
</div>
72+
</div>
73+
);
74+
}

‎src/pages/partners/partners.mdx‎

Lines changed: 29 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -3,11 +3,34 @@ title: KubeEdge Partners
33
hide_table_of_contents: true
44
---
55

6-
<span style={{fontSize:'18px', display:'block', marginBottom:'10px'}}>KubeEdge works with partners to create a strong, vibrant cloud native edge computing ecosystem. Here we have a list of <span style={{fontWeight:'bold'}}>KubeEdge Distributions, Hosted Platforms and Installers</span> with deep experience helping enterprises successfully adopt KubeEdge.</span>
6+
import PartnerCard from '@site/src/components/PartnerCard';
77

8+
<span style={{fontSize:'18px', display:'block', marginBottom:'10px'}}>KubeEdge works with partners to create a strong, vibrant cloud native edge computing ecosystem. Here we have a list of <span style={{fontWeight:'bold'}}>KubeEdge Distributions, Hosted Platforms and Installers</span> with deep experience helping enterprises successfully adopt KubeEdge.</span>
89

9-
| Organization/Company | Product | Description | Website |
10-
| :------------------: | :-----------------------: | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------- |
11-
| DaoCloud | DaoCloud Enterprise 5.0 | DaoCloud Enterprise 5.0 (DCE 5.0) is an advanced and highly scalable cloud native operating system designed to provide a consistent and dependable experience across diverse infrastructures and environments. With its support for heterogeneous clouds, edge clouds, and multicloud management, DCE 5.0 offers unparalleled flexibility. | [Dao Cloud](https://www.daocloud.io/products/standard-edition/index.html) |
12-
| Huawei Cloud | IEF | Edge computing platform built upon KubeEdge, provides extremely lightweight, edge intelligent, and powerful in terms of computing capabilities. | [Huawei_Cloud](https://www.huaweicloud.com/product/ief.html) |
13-
| KubeSphere | KubeSphere Enterprise 4.0 | Based on the open and extensible architecture of KubeSphere LuBan, KubeSphere Enterprise 4.0 can easily achieve upstream and downstream linkage of applications, integrate various high-quality extensions from KubeSphere Marketplace anytime, and provide seamless business capabilities and highly consistent product experience. Edge computing extension based on KubeEdge provide easier-to-use and broader coverage of edge computing capabilities, solving operational issues such as node status management and relationship tree management for users. | [Kubesphere ](https://kubesphere.co/kse/) |
10+
<div
11+
style={{
12+
display: 'grid',
13+
gridTemplateColumns: 'repeat(auto-fit, minmax(300px, 1fr))',
14+
gap: '20px',
15+
justifyContent: 'center',
16+
}}
17+
>
18+
<PartnerCard
19+
name="DaoCloud"
20+
product="DaoCloud Enterprise 5.0"
21+
description="DaoCloud Enterprise 5.0 (DCE 5.0) is an advanced and highly scalable cloud native operating system designed to provide a consistent and dependable experience across diverse infrastructures and environments. With its support for heterogeneous clouds, edge clouds, and multicloud management, DCE 5.0 offers unparalleled flexibility."
22+
link="https://www.daocloud.io/products/standard-edition/index.html"
23+
/>
24+
<PartnerCard
25+
name="Huawei Cloud"
26+
product="IEF"
27+
description="Edge computing platform built upon KubeEdge, provides extremely lightweight, edge intelligent, and powerful in terms of computing capabilities."
28+
link="https://www.huaweicloud.com/product/ief.html"
29+
/>
30+
<PartnerCard
31+
name="KubeSphere"
32+
product="KubeSphere Enterprise 4.0"
33+
description="Based on the open and extensible architecture of KubeSphere LuBan, KubeSphere Enterprise 4.0 can easily achieve upstream and downstream linkage of applications, integrate various high-quality extensions from KubeSphere Marketplace anytime, and provide seamless business capabilities and highly consistent product experience. Edge computing extension based on KubeEdge provide easier-to-use and broader coverage of edge computing capabilities, solving operational issues such as node status management and relationship tree management for users."
34+
link="https://kubesphere.co/kse/"
35+
/>
36+
</div>

0 commit comments

Comments
 (0)