Skip to content

Commit 7bbab5e

Browse files
YuanYuYuanYuanYuYuan
committed
Deploy preview for PR 147 🛫
1 parent 5b55ede commit 7bbab5e

93 files changed

Lines changed: 111027 additions & 0 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎pr-preview/pr-147/404.html‎

Lines changed: 1901 additions & 0 deletions
Large diffs are not rendered by default.

‎pr-preview/pr-147/MDBOOK_INTEGRATION/index.html‎

Lines changed: 2212 additions & 0 deletions
Large diffs are not rendered by default.

‎pr-preview/pr-147/architecture.html‎

Lines changed: 294 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,294 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Zenoh-Powered ROS 2 - 3D View</title>
7+
<style>
8+
body {
9+
font-family: Arial, sans-serif;
10+
padding: 40px 40px 40px 40px;
11+
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
12+
min-height: 100vh;
13+
margin: 0;
14+
overflow: hidden;
15+
}
16+
17+
.container {
18+
max-width: 1600px;
19+
margin: 0 auto;
20+
perspective: 1500px;
21+
perspective-origin: center center;
22+
}
23+
24+
.stacks-wrapper {
25+
display: flex;
26+
justify-content: center;
27+
align-items: flex-end;
28+
gap: 60px;
29+
transform-style: preserve-3d;
30+
padding: 40px;
31+
}
32+
33+
.stack {
34+
display: flex;
35+
flex-direction: column-reverse;
36+
gap: 20px;
37+
width: 320px;
38+
transform-style: preserve-3d;
39+
animation: float 6s ease-in-out infinite;
40+
pointer-events: none;
41+
}
42+
43+
/* Rotating door effect */
44+
.stack:nth-child(1) {
45+
animation-delay: 0s;
46+
transform: rotateY(-25deg) translateZ(-50px);
47+
}
48+
49+
.stack:nth-child(2) {
50+
animation-delay: -2s;
51+
transform: rotateY(0deg) translateZ(100px);
52+
}
53+
54+
.stack:nth-child(3) {
55+
animation-delay: 0s;
56+
transform: rotateY(25deg) translateZ(-50px);
57+
}
58+
59+
@keyframes float {
60+
0%, 100% {
61+
transform: rotateY(var(--rotate)) translateZ(var(--z)) translateY(0px);
62+
}
63+
50% {
64+
transform: rotateY(var(--rotate)) translateZ(var(--z)) translateY(-15px);
65+
}
66+
}
67+
68+
.stack:nth-child(1) { --rotate: -25deg; --z: -50px; }
69+
.stack:nth-child(2) { --rotate: 0deg; --z: 100px; }
70+
.stack:nth-child(3) { --rotate: 25deg; --z: -50px; }
71+
72+
.box {
73+
padding: 30px 25px;
74+
border-radius: 16px;
75+
font-size: 26px;
76+
font-weight: bold;
77+
text-align: center;
78+
box-shadow:
79+
0 10px 30px rgba(0, 0, 0, 0.4),
80+
0 0 40px rgba(255, 255, 255, 0.1) inset;
81+
display: flex;
82+
flex-direction: column;
83+
align-items: center;
84+
justify-content: center;
85+
transition: all 0.3s ease;
86+
transform-style: preserve-3d;
87+
border: 2px solid rgba(255, 255, 255, 0.1);
88+
position: relative;
89+
backface-visibility: visible;
90+
height: 120px;
91+
box-sizing: border-box;
92+
cursor: pointer;
93+
pointer-events: auto;
94+
}
95+
96+
.box::before {
97+
content: '';
98+
position: absolute;
99+
top: 0;
100+
left: 0;
101+
right: 0;
102+
bottom: 0;
103+
background: linear-gradient(135deg, rgba(255,255,255,0.1) 0%, transparent 100%);
104+
border-radius: 16px;
105+
pointer-events: none;
106+
}
107+
108+
.box:hover {
109+
transform: translateZ(80px) scale(1.08);
110+
box-shadow:
111+
0 25px 60px rgba(0, 0, 0, 0.7),
112+
0 0 80px rgba(255, 255, 255, 0.3) inset;
113+
z-index: 9999;
114+
}
115+
116+
/* Spacer and title */
117+
.spacer-block {
118+
height: 40px;
119+
width: 100%;
120+
flex-shrink: 0;
121+
pointer-events: none;
122+
}
123+
124+
.title-block {
125+
font-size: 24px;
126+
font-weight: bold;
127+
color: #fff;
128+
text-shadow: 0 0 20px rgba(77, 208, 225, 0.5);
129+
line-height: 1.25;
130+
padding: 15px 25px;
131+
text-align: center;
132+
height: auto;
133+
width: 100%;
134+
box-sizing: border-box;
135+
flex-shrink: 0;
136+
pointer-events: none;
137+
}
138+
139+
.title-subtitle {
140+
font-size: 0.9em;
141+
display: block;
142+
margin-top: 3px;
143+
}
144+
145+
.small-text {
146+
font-size: 16px;
147+
font-weight: normal;
148+
margin-top: 8px;
149+
opacity: 0.9;
150+
line-height: 1.5;
151+
}
152+
153+
.list-text {
154+
font-size: 14px;
155+
font-weight: normal;
156+
margin-top: 8px;
157+
opacity: 0.9;
158+
text-align: left;
159+
line-height: 1.5;
160+
}
161+
162+
.stack-label {
163+
text-align: center;
164+
font-size: 18px;
165+
font-weight: bold;
166+
color: #4DD0E1;
167+
margin-bottom: 15px;
168+
text-transform: uppercase;
169+
letter-spacing: 2px;
170+
text-shadow: 0 0 10px rgba(77, 208, 225, 0.5);
171+
}
172+
173+
/* Color scheme with glow effects */
174+
.zenoh-rust {
175+
background: linear-gradient(135deg, #EF5350, #C62828);
176+
color: white;
177+
box-shadow:
178+
0 10px 30px rgba(239, 83, 80, 0.4),
179+
0 0 40px rgba(255, 255, 255, 0.1) inset,
180+
0 0 60px rgba(239, 83, 80, 0.3);
181+
}
182+
183+
.zenoh-cpp {
184+
background: linear-gradient(135deg, #FF7043, #D84315);
185+
color: white;
186+
box-shadow:
187+
0 10px 30px rgba(255, 112, 67, 0.4),
188+
0 0 40px rgba(255, 255, 255, 0.1) inset;
189+
}
190+
191+
.ros-z {
192+
background: linear-gradient(135deg, #EC407A, #C2185B);
193+
color: white;
194+
box-shadow:
195+
0 10px 30px rgba(236, 64, 122, 0.4),
196+
0 0 40px rgba(255, 255, 255, 0.1) inset;
197+
}
198+
199+
.rmw {
200+
background: linear-gradient(135deg, #FFA726, #EF6C00);
201+
color: #fff;
202+
box-shadow:
203+
0 10px 30px rgba(255, 167, 38, 0.4),
204+
0 0 40px rgba(255, 255, 255, 0.1) inset;
205+
}
206+
207+
.rcl {
208+
background: linear-gradient(135deg, #FFEB3B, #F9A825);
209+
color: #222;
210+
box-shadow:
211+
0 10px 30px rgba(255, 235, 59, 0.4),
212+
0 0 40px rgba(255, 255, 255, 0.1) inset;
213+
}
214+
215+
.ros2-apps {
216+
background: linear-gradient(135deg, #26C6DA, #0097A7);
217+
color: white;
218+
box-shadow:
219+
0 10px 30px rgba(38, 198, 218, 0.4),
220+
0 0 40px rgba(255, 255, 255, 0.1) inset;
221+
}
222+
223+
.ros-z-apps {
224+
background: linear-gradient(135deg, #AB47BC, #7B1FA2);
225+
color: white;
226+
box-shadow:
227+
0 10px 30px rgba(171, 71, 188, 0.4),
228+
0 0 40px rgba(255, 255, 255, 0.1) inset;
229+
}
230+
</style>
231+
</head>
232+
<body>
233+
<div class="container">
234+
<div class="stacks-wrapper">
235+
<!-- Stack 1: C++ Path -->
236+
<div class="stack">
237+
<div class="stack-label">C++ Bindings</div>
238+
<div class="box zenoh-rust">Zenoh (Rust)</div>
239+
<div class="box zenoh-cpp">Zenoh (C++)</div>
240+
<div class="box rmw">
241+
RMW
242+
<span class="small-text">rmw_zenoh_cpp</span>
243+
</div>
244+
<div class="box rcl">RCL</div>
245+
<div class="box ros2-apps">
246+
ROS 2 Apps
247+
<span class="small-text">rclcpp/rclpy/rclc</span>
248+
</div>
249+
</div>
250+
251+
<!-- Stack 2: Direct ros-z Path with Title -->
252+
<div class="stack">
253+
<div class="stack-label">Direct ros-z</div>
254+
<div class="box zenoh-rust">Zenoh (Rust)</div>
255+
<div class="box ros-z">ros-z</div>
256+
<div class="box ros-z-apps">
257+
ros-z Apps
258+
<div class="list-text">
259+
• Pure Rust<br>
260+
• Optional ROS 2 deps<br>
261+
• ROS 2 Compatible
262+
</div>
263+
</div>
264+
<!-- Spacer -->
265+
<div class="spacer-block"></div>
266+
<!-- Title -->
267+
<div class="title-block">
268+
Zenoh-Powered ROS 2:<br>
269+
<span class="title-subtitle">Three Integration Paths</span>
270+
</div>
271+
</div>
272+
273+
<!-- Stack 3: Rust Native Path -->
274+
<div class="stack">
275+
<div class="stack-label">Rust Native</div>
276+
<div class="box zenoh-rust">Zenoh (Rust)</div>
277+
<div class="box ros-z">
278+
ros-z
279+
<span class="small-text">rmw feature enabled</span>
280+
</div>
281+
<div class="box rmw">
282+
RMW
283+
<span class="small-text">rmw_zenoh_rs</span>
284+
</div>
285+
<div class="box rcl">RCL</div>
286+
<div class="box ros2-apps">
287+
ROS 2 Apps
288+
<span class="small-text">rclcpp/rclpy/rclc</span>
289+
</div>
290+
</div>
291+
</div>
292+
</div>
293+
</body>
294+
</html>

‎pr-preview/pr-147/assets/images/favicon.png‎

1.83 KB
Loading

‎pr-preview/pr-147/assets/javascripts/bundle.f55a23d4.min.js‎

Lines changed: 16 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)