|
34 | 34 | border-bottom:1px solid var(--border-color-primary); |
35 | 35 | box-shadow:var(--block-shadow) |
36 | 36 | "> |
37 | | - <div style="display:flex;align-items:center;gap:15px;margin-bottom:15px;"> |
38 | | - <svg width="250" height="55" viewBox="0 0 250 55" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> |
39 | | - <image x="2" y="0" width="46" height="46" preserveAspectRatio="xMidYMid meet" |
40 | | - xlink:href="https://svgsilh.com/svg/305079-2196f3.svg"/> |
41 | | - <g font-family="'Segoe UI', 'Helvetica Neue', Arial, sans-serif" text-rendering="optimizeLegibility"> |
42 | | - <text x="55" y="25" font-size="22" font-weight="600" letter-spacing="-0.3"> |
43 | | - <tspan fill="#3b82f6">ParticleAnalyzer</tspan> |
44 | | - </text> |
45 | | - <text x="56" y="40" font-size="11" fill="#64748b" font-weight="500"> |
46 | | - SEM Image Analysis Tool |
47 | | - </text> |
48 | | - </g> |
49 | | - <line x1="49" y1="0" x2="49" y2="50" stroke="#e2e8f0" stroke-width="2" stroke-dasharray="3,2"/> |
50 | | - </svg> |
| 37 | + <div style="display: inline-block; margin-left: 7px; overflow: hidden;"> |
| 38 | + <a href="https://particleanalyzer.ru" target="_blank"> |
| 39 | + <img |
| 40 | + src="https://rybakov-k.ru/assets/icon/Logo2.png" |
| 41 | + alt="ParticleAnalyzer" |
| 42 | + style="max-height: 50px; width: auto; height: auto;" |
| 43 | + class="logo-image" |
| 44 | + > |
| 45 | + </a> |
51 | 46 | </div> |
52 | 47 | <p style="font-size:16px;line-height:1.6;margin-bottom:0;color:var(--text-color)"> |
53 | 48 | Инструмент для <strong style="color:var(--block-label-text-color)">автоматической сегментации</strong> |
|
59 | 54 | <!-- Video Demo Block --> |
60 | 55 | <div style="background:var(--block-background-fill);padding:20px;border-radius:8px;margin-bottom:20px;border:1px solid var(--border-color-primary);box-shadow:var(--block-shadow);text-align:center"> |
61 | 56 | <h3 style="margin-top:0;color:var(--header-text-color);font-weight:600">🎥 Видео-демонстрация работы</h3> |
62 | | - <div style="position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin-top:15px;border-radius:6px"> |
63 | | - <iframe src="https://rutube.ru/play/embed/1f879a0e65c95168704ba53b94f9109a" |
64 | | - style="position:absolute;top:0;left:0;width:100%;height:100%;border:none" |
65 | | - frameborder="0" |
66 | | - allow="cross-origin-isolated; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" |
67 | | - allowfullscreen> |
68 | | - </iframe> |
69 | | - </div> |
| 57 | + <div style="margin-top:15px;"> |
| 58 | + <a href="https://rutube.ru/play/embed/1f879a0e65c95168704ba53b94f9109a" |
| 59 | + style="color:var(--link-color);text-decoration:underline;font-size:16px;" |
| 60 | + target="_blank"> |
| 61 | + Ссылка на видео-демонстрацию |
| 62 | + </a> |
| 63 | + </div> |
70 | 64 | <p style="font-size:14px;color:var(--text-color-secondary);margin-top:10px"> |
71 | 65 | Посмотрите, как работает ParticleAnalyzer на реальных примерах |
72 | 66 | </p> |
|
136 | 130 | border-bottom:1px solid var(--border-color-primary); |
137 | 131 | box-shadow:var(--block-shadow) |
138 | 132 | "> |
139 | | - <div style="display:flex;align-items:center;gap:15px;margin-bottom:15px;"> |
140 | | - <svg width="250" height="55" viewBox="0 0 250 55" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> |
141 | | - <image x="2" y="0" width="46" height="46" preserveAspectRatio="xMidYMid meet" |
142 | | - xlink:href="https://svgsilh.com/svg/305079-2196f3.svg"/> |
143 | | - <g font-family="'Segoe UI', 'Helvetica Neue', Arial, sans-serif" text-rendering="optimizeLegibility"> |
144 | | - <text x="55" y="25" font-size="22" font-weight="600" letter-spacing="-0.3"> |
145 | | - <tspan fill="#3b82f6">ParticleAnalyzer</tspan> |
146 | | - </text> |
147 | | - <text x="56" y="40" font-size="11" fill="#64748b" font-weight="500"> |
148 | | - SEM Image Analysis Tool |
149 | | - </text> |
150 | | - </g> |
151 | | - <line x1="49" y1="0" x2="49" y2="50" stroke="#e2e8f0" stroke-width="2" stroke-dasharray="3,2"/> |
152 | | - </svg> |
| 133 | + <div style="display: inline-block; margin-left: 7px; overflow: hidden;"> |
| 134 | + <a href="https://particleanalyzer.ru" target="_blank"> |
| 135 | + <img |
| 136 | + src="https://rybakov-k.ru/assets/icon/Logo2.png" |
| 137 | + alt="ParticleAnalyzer" |
| 138 | + style="max-height: 50px; width: auto; height: auto;" |
| 139 | + class="logo-image" |
| 140 | + > |
| 141 | + </a> |
153 | 142 | </div> |
154 | 143 | <p style="font-size:16px;line-height:1.6;margin-bottom:0;color:var(--text-color)"> |
155 | 144 | A tool for analyzing <strong style="color:var(--block-label-text-color)">particle size characteristics</strong> |
|
161 | 150 | <!-- Video Demo Block --> |
162 | 151 | <div style="background:var(--block-background-fill);padding:20px;border-radius:8px;margin-bottom:20px;border:1px solid var(--border-color-primary);box-shadow:var(--block-shadow);text-align:center"> |
163 | 152 | <h3 style="margin-top:0;color:var(--header-text-color);font-weight:600">🎥 Video Demonstration</h3> |
164 | | - <div style="position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin-top:15px;border-radius:6px"> |
165 | | - <iframe src="https://www.youtube.com/embed/qlCuZDjDyqk" |
166 | | - style="position:absolute;top:0;left:0;width:100%;height:100%;border:none" |
167 | | - frameborder="0" |
168 | | - allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" |
169 | | - allowfullscreen> |
170 | | - </iframe> |
| 153 | + <div style="margin-top:15px;"> |
| 154 | + <a href="https://www.youtube.com/embed/qlCuZDjDyqk" |
| 155 | + style="color:var(--link-color);text-decoration:underline;font-size:16px;" |
| 156 | + target="_blank"> |
| 157 | + Link to video demonstration |
| 158 | + </a> |
171 | 159 | </div> |
172 | 160 | <p style="font-size:14px;color:var(--text-color-secondary);margin-top:10px"> |
173 | 161 | See how ParticleAnalyzer works with real examples |
|
238 | 226 | border-bottom:1px solid var(--border-color-primary); |
239 | 227 | box-shadow:var(--block-shadow) |
240 | 228 | "> |
241 | | - <div style="display:flex;align-items:center;gap:15px;margin-bottom:15px;"> |
242 | | - <svg width="250" height="55" viewBox="0 0 250 55" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> |
243 | | - <image x="2" y="0" width="46" height="46" preserveAspectRatio="xMidYMid meet" |
244 | | - xlink:href="https://svgsilh.com/svg/305079-2196f3.svg"/> |
245 | | - <g font-family="'Segoe UI', 'Helvetica Neue', Arial, sans-serif" text-rendering="optimizeLegibility"> |
246 | | - <text x="55" y="25" font-size="22" font-weight="600" letter-spacing="-0.3"> |
247 | | - <tspan fill="#3b82f6">ParticleAnalyzer</tspan> |
248 | | - </text> |
249 | | - <text x="56" y="40" font-size="11" fill="#64748b" font-weight="500"> |
250 | | - SEM Image Analysis Tool |
251 | | - </text> |
252 | | - </g> |
253 | | - <line x1="49" y1="0" x2="49" y2="50" stroke="#e2e8f0" stroke-width="2" stroke-dasharray="3,2"/> |
254 | | - </svg> |
| 229 | + <div style="display: inline-block; margin-left: 7px; overflow: hidden;"> |
| 230 | + <a href="https://particleanalyzer.ru" target="_blank"> |
| 231 | + <img |
| 232 | + src="https://rybakov-k.ru/assets/icon/Logo2.png" |
| 233 | + alt="ParticleAnalyzer" |
| 234 | + style="max-height: 50px; width: auto; height: auto;" |
| 235 | + class="logo-image" |
| 236 | + > |
| 237 | + </a> |
255 | 238 | </div> |
256 | 239 | <p style="font-size:16px;line-height:1.6;margin-bottom:0;color:var(--text-color)"> |
257 | 240 | 一款用于分析<strong style="color:var(--block-label-text-color)">颗粒尺寸特征</strong>的工具, |
|
262 | 245 | <!-- 视频演示 --> |
263 | 246 | <div style="background:var(--block-background-fill);padding:20px;border-radius:8px;margin-bottom:20px;border:1px solid var(--border-color-primary);box-shadow:var(--block-shadow);text-align:center"> |
264 | 247 | <h3 style="margin-top:0;color:var(--header-text-color);font-weight:600">🎥 视频演示</h3> |
265 | | - <div style="position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin-top:15px;border-radius:6px"> |
266 | | - <iframe src="https://www.youtube.com/embed/qlCuZDjDyqk" |
267 | | - style="position:absolute;top:0;left:0;width:100%;height:100%;border:none" |
268 | | - frameborder="0" |
269 | | - allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" |
270 | | - allowfullscreen> |
271 | | - </iframe> |
| 248 | + <div style="margin-top:15px;"> |
| 249 | + <a href="https://www.youtube.com/embed/qlCuZDjDyqk" |
| 250 | + style="color:var(--link-color);text-decoration:underline;font-size:16px;" |
| 251 | + target="_blank"> |
| 252 | + 影片示範連結 |
| 253 | + </a> |
272 | 254 | </div> |
273 | 255 | <p style="font-size:14px;color:var(--text-color-secondary);margin-top:10px"> |
274 | 256 | 观看颗粒分析器在实际案例中的应用 |
|
339 | 321 | border-bottom:1px solid var(--border-color-primary); |
340 | 322 | box-shadow:var(--block-shadow) |
341 | 323 | "> |
342 | | - <div style="display:flex;align-items:center;gap:15px;margin-bottom:15px;"> |
343 | | - <svg width="250" height="55" viewBox="0 0 250 55" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> |
344 | | - <image x="2" y="0" width="46" height="46" preserveAspectRatio="xMidYMid meet" |
345 | | - xlink:href="https://svgsilh.com/svg/305079-2196f3.svg"/> |
346 | | - <g font-family="'Segoe UI', 'Helvetica Neue', Arial, sans-serif" text-rendering="optimizeLegibility"> |
347 | | - <text x="55" y="25" font-size="22" font-weight="600" letter-spacing="-0.3"> |
348 | | - <tspan fill="#3b82f6">ParticleAnalyzer</tspan> |
349 | | - </text> |
350 | | - <text x="56" y="40" font-size="11" fill="#64748b" font-weight="500"> |
351 | | - SEM Image Analysis Tool |
352 | | - </text> |
353 | | - </g> |
354 | | - <line x1="49" y1="0" x2="49" y2="50" stroke="#e2e8f0" stroke-width="2" stroke-dasharray="3,2"/> |
355 | | - </svg> |
| 324 | + <div style="display: inline-block; margin-left: 7px; overflow: hidden;"> |
| 325 | + <a href="https://particleanalyzer.ru" target="_blank"> |
| 326 | + <img |
| 327 | + src="https://rybakov-k.ru/assets/icon/Logo2.png" |
| 328 | + alt="ParticleAnalyzer" |
| 329 | + style="max-height: 50px; width: auto; height: auto;" |
| 330 | + class="logo-image" |
| 331 | + > |
| 332 | + </a> |
356 | 333 | </div> |
357 | 334 | <p style="font-size:16px;line-height:1.6;margin-bottom:0;color:var(--text-color)"> |
358 | 335 | 用於分析<strong style="color:var(--block-label-text-color)">粒子尺寸特徵</strong>的工具, |
|
363 | 340 | <!-- 影片示範 --> |
364 | 341 | <div style="background:var(--block-background-fill);padding:20px;border-radius:8px;margin-bottom:20px;border:1px solid var(--border-color-primary);box-shadow:var(--block-shadow);text-align:center"> |
365 | 342 | <h3 style="margin-top:0;color:var(--header-text-color);font-weight:600">🎥 影片示範</h3> |
366 | | - <div style="position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin-top:15px;border-radius:6px"> |
367 | | - <iframe src="https://www.youtube.com/embed/qlCuZDjDyqk" |
368 | | - style="position:absolute;top:0;left:0;width:100%;height:100%;border:none" |
369 | | - frameborder="0" |
370 | | - allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" |
371 | | - allowfullscreen> |
372 | | - </iframe> |
| 343 | + <div style="margin-top:15px;"> |
| 344 | + <a href="https://www.youtube.com/embed/qlCuZDjDyqk" |
| 345 | + style="color:var(--link-color);text-decoration:underline;font-size:16px;" |
| 346 | + target="_blank"> |
| 347 | + 影片示範連結 |
| 348 | + </a> |
373 | 349 | </div> |
374 | 350 | <p style="font-size:14px;color:var(--text-color-secondary);margin-top:10px"> |
375 | | - 觀看粒子分析器的實際操作範例 |
| 351 | + 影片示範連結 |
376 | 352 | </p> |
377 | 353 | </div> |
378 | 354 |
|
|
0 commit comments