LIGO AIR: Difference between revisions

@@ Line 11: / Line 11: @@
 * [[LIGO AIR Video|Video]]
+<div style="flex: 0 0 320px;">
+{{#ifexist: File:{{#replace:LIGO AIR| |-}}-Product-overview.png
+| <div style="width: 320px; height: 320px; border: 1px solid #c8ccd1; border-radius: 8px; background: #fff; overflow: hidden; display: flex; align-items: center; justify-content: center;">
+[[File:{{#replace:LIGO AIR| |-}}-Product-overview.png|320px|frameless|LIGO AIR]]
+</div>
+| <div style="width: 320px; height: 320px; border: 2px dashed #c8ccd1; border-radius: 8px; background: #f8f9fa; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px; box-sizing: border-box; text-align: center; color: #54595d;">
+<div style="font-size: 2.5em; color: #c8ccd1; margin-bottom: 8px;">📷</div>
+<div style="font-weight: bold; font-size: 1em; color: #202122; margin-bottom: 12px;">No image available</div>
+<div style="font-size: 0.85em; line-height: 1.5; margin-bottom: 12px;">
+Please upload an image named:
+<br><code style="background: #eaecf0; padding: 2px 6px; border-radius: 3px; font-size: 0.9em; word-break: break-all;">{{#replace:LIGO AIR| |-}}-Product-overview.png</code>
+</div>
+<div style="font-size: 0.8em; color: #72777d; margin-bottom: 12px;">
+Recommended size: '''320 × 320 px''' (1:1 ratio)<br>
+Format: PNG with transparent background
 </div>
-<div style="flex: 0 0 320px;">
+<div style="margin-top: 6px;">
-[[File:LIGO-AIR-product-overview.png|320px|center|LIGO AIR]]
+[[Special:Upload|<span style="background: #0054A6; color: white; padding: 6px 14px; border-radius: 4px; font-size: 0.85em; text-decoration: none; display: inline-block;">⬆ Upload image</span>]]
-<div style="text-align: center; font-size: 0.9em; color: #54595d; margin-top: 4px;">LIGO AIR</div>
 </div>
 </div>