Template:MED Home: Difference between revisions
Appearance
No edit summary |
No edit summary |
||
| (48 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
[[Image:{{{image}}}| | <!-- Header Card --> | ||
{{{description| | <div style="background:#ffffff; border:1px solid #e5e7eb; border-top:4px solid {{{accent_color|#3366cc}}}; border-radius:12px; padding:24px; margin-bottom:16px; overflow:hidden;"> | ||
<div style="float:right; margin:0 0 12px 20px;">[[Image:{{{image}}}|180px|right|link=|{{{model|MED device}}}]]</div> | |||
<div style="overflow:hidden;"> | |||
<div style="font-size:28px; font-weight:800; color:#111827; margin:0 0 8px 0; letter-spacing:-0.5px;">{{{model|MED Device}}}</div> | |||
<div style="font-size:14px; line-height:1.75; color:#6b7280;">{{{description|}}}</div> | |||
{{#if:{{{errata|}}}| | |||
<div style="margin-top:12px; padding:10px 14px; background:#fff8e1; border-left:4px solid #f59e0b; border-radius:6px; font-size:13px; color:#92400e;">{{{errata}}}</div> | |||
|}} | |||
</div> | |||
<div style="clear:both;"></div> | |||
</div> | |||
<!-- Two-column flexbox layout --> | |||
<div style="display:flex; gap:16px; align-items:flex-start; margin-bottom:16px;"> | |||
<!--- | |||
<div style=" | |||
<!-- Left: Navigation (~30%) --> | |||
= | <div style="flex:0 0 260px; background:#ffffff; border:1px solid #e5e7eb; border-radius:12px; padding:16px; box-sizing:border-box;"> | ||
== | <div style="font-size:11px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:#9ca3af; margin-bottom:10px;">Quick Navigation</div> | ||
< | |||
{| | <!-- Group 1: Getting Started --> | ||
<div style="font-size:10px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:#c4c9d4; margin:0 0 5px 2px;">Getting Started</div> | |||
<div style="margin-bottom:4px;">[[{{{model}}} First Start|<span style="display:block; padding:8px 10px 8px 14px; border-radius:7px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb; border-left:3px solid {{{accent_color|#3366cc}}};">First Start</span>]]</div> | |||
<div style="margin-bottom:4px;">[[{{{model}}} Safety Instructions|<span style="display:block; padding:8px 10px 8px 14px; border-radius:7px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb; border-left:3px solid {{{accent_color|#3366cc}}};">Safety Instructions</span>]]</div> | |||
<div style="margin-bottom:12px;">[[{{{model}}}_cleaning_instructions|<span style="display:block; padding:8px 10px 8px 14px; border-radius:7px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb; border-left:3px solid {{{accent_color|#3366cc}}};">Cleaning Instructions</span>]]</div> | |||
<!-- Group 2: Compliance & Specs --> | |||
<div style="font-size:10px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:#c4c9d4; margin:0 0 5px 2px;">Compliance & Specs</div> | |||
|< | <div style="margin-bottom:4px;">[[{{{model}}} Certification & Approvals|<span style="display:block; padding:8px 10px 8px 14px; border-radius:7px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb; border-left:3px solid {{{accent_color|#3366cc}}};">Certifications & Approvals</span>]]</div> | ||
<div style="margin-bottom:4px;">[[{{{model}}} Nomenclature, classification codes|<span style="display:block; padding:8px 10px 8px 14px; border-radius:7px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb; border-left:3px solid {{{accent_color|#3366cc}}};">Nomenclature & Classification</span>]]</div> | |||
<div style="margin-bottom:4px;">[[EU Data Act Compliance|<span style="display:block; padding:8px 10px 8px 14px; border-radius:7px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb; border-left:3px solid {{{accent_color|#3366cc}}};">EU Data Act Compliance</span>]]</div> | |||
<div style="margin-bottom:12px;">[[Technical_specifications_#{{{model}}}|<span style="display:block; padding:8px 10px 8px 14px; border-radius:7px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb; border-left:3px solid {{{accent_color|#3366cc}}};">Technical Specifications</span>]]</div> | |||
|< | |||
<!-- Group 3: Resources --> | |||
<div style="font-size:10px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:#c4c9d4; margin:0 0 5px 2px;">Resources</div> | |||
<div style="margin-bottom:4px;">[[{{{model}}} firmware/software changelogs|<span style="display:block; padding:8px 10px 8px 14px; border-radius:7px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb; border-left:3px solid {{{accent_color|#3366cc}}};">Update Changelog</span>]]</div> | |||
|< | <div style="margin-bottom:4px;">[[{{{model}}} Promotional Material|<span style="display:block; padding:8px 10px 8px 14px; border-radius:7px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb; border-left:3px solid {{{accent_color|#3366cc}}};">Promotional Material</span>]]</div> | ||
<div style="margin-bottom:0;">[[FAQ#{{{model}}}|<span style="display:block; padding:8px 10px 8px 14px; border-radius:7px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb; border-left:3px solid {{{accent_color|#3366cc}}};">FAQ</span>]]</div> | |||
< | |||
<!-- External Links (only shown when suppress_link is NOT set) --> | |||
{{#if:{{{suppress_link|}}}|| | |||
<div style="margin-top:14px; padding-top:14px; border-top:1px solid #e5e7eb;"> | |||
<div style="font-size:10px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:#c4c9d4; margin-bottom:6px;">External Links</div> | |||
<!-- | <div style="padding:8px 10px 8px 14px; border-radius:7px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb; border-left:3px solid {{{accent_color|#3366cc}}};">[https://teltonika-telemedic.com/products/teltoheart 🏥 TeltoHeart Product Page]</div> | ||
|[[ | </div> | ||
}} | |||
|< | |||
-- | </div><!-- /nav --> | ||
< | |||
<!-- Right: Documentation (fills remaining space) --> | |||
<div style="flex:1; min-width:0; background:#ffffff; border:1px solid #e5e7eb; border-radius:12px; padding:16px; box-sizing:border-box;"> | |||
-- | <div style="font-size:11px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:#9ca3af; margin-bottom:12px;">Documentation</div> | ||
<!-- English --> | |||
<div class="mw-collapsible" style="margin-bottom:8px;"> | |||
<div style="border-bottom:1px solid #e5e7eb; padding-bottom:6px; margin-bottom:8px; font-size:11px; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:#9ca3af; cursor:pointer;">🇬🇧 English</div> | |||
<div class="mw-collapsible-content"> | |||
<div style="margin-bottom:4px;">[[Media:TeltoHeart_User_manual_EN_v6.0_2024-08-20.pdf|<span style="display:block; padding:8px 12px; border-radius:7px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb;"><span style="display:inline-block; width:20px; height:20px; background:{{{accent_color|#3366cc}}}; border-radius:4px; color:#fff; font-size:10px; font-weight:700; text-align:center; line-height:20px; margin-right:8px; vertical-align:middle;">↓</span>User Manual <span style="float:right; font-weight:400; color:#9ca3af;">{{{user_manual_date|2024-08-08}}}</span></span>]]</div> | |||
<div style="margin-bottom:4px;">[[Media:ONLINE_EN_Teltoheart_quick_start_guide_115x80mm_2024-09-06.pdf|<span style="display:block; padding:8px 12px; border-radius:7px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb;"><span style="display:inline-block; width:20px; height:20px; background:{{{accent_color|#3366cc}}}; border-radius:4px; color:#fff; font-size:10px; font-weight:700; text-align:center; line-height:20px; margin-right:8px; vertical-align:middle;">↓</span>Quick Start Guide <span style="float:right; font-weight:400; color:#9ca3af;">{{{quick_start_date_en|2024-09-06}}}</span></span>]]</div> | |||
<div style="margin-bottom:4px;">[[Media:EN_TeltoHeart short_instructions_24-06-18.pdf|<span style="display:block; padding:8px 12px; border-radius:7px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb;"><span style="display:inline-block; width:20px; height:20px; background:{{{accent_color|#3366cc}}}; border-radius:4px; color:#fff; font-size:10px; font-weight:700; text-align:center; line-height:20px; margin-right:8px; vertical-align:middle;">↓</span>Short Instructions <span style="float:right; font-weight:400; color:#9ca3af;">{{{short_instructions_date_en|2024-06-18}}}</span></span>]]</div> | |||
<div style="margin-bottom:4px;">[[Media:EN_Teltoheart_flyer_short_A5_2024-07-11.pdf|<span style="display:block; padding:8px 12px; border-radius:7px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb;"><span style="display:inline-block; width:20px; height:20px; background:{{{accent_color|#3366cc}}}; border-radius:4px; color:#fff; font-size:10px; font-weight:700; text-align:center; line-height:20px; margin-right:8px; vertical-align:middle;">↓</span>Flyer (Short) <span style="float:right; font-weight:400; color:#9ca3af;">{{{flyer_short_date_en|2024-07-11}}}</span></span>]]</div> | |||
<div style="margin-bottom:4px;">[[Media:Teltoheart_flyer_long_A5_2024-02-07.pdf|<span style="display:block; padding:8px 12px; border-radius:7px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb;"><span style="display:inline-block; width:20px; height:20px; background:{{{accent_color|#3366cc}}}; border-radius:4px; color:#fff; font-size:10px; font-weight:700; text-align:center; line-height:20px; margin-right:8px; vertical-align:middle;">↓</span>Flyer (Long) <span style="float:right; font-weight:400; color:#9ca3af;">{{{flyer_long_date_en|2024-02-07}}}</span></span>]]</div> | |||
<div style="margin-bottom:4px;">[[Media:TeltoHeart_datasheet_EN_2025-02-14.pdf|<span style="display:block; padding:8px 12px; border-radius:7px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb;"><span style="display:inline-block; width:20px; height:20px; background:{{{accent_color|#3366cc}}}; border-radius:4px; color:#fff; font-size:10px; font-weight:700; text-align:center; line-height:20px; margin-right:8px; vertical-align:middle;">↓</span>Datasheet <span style="float:right; font-weight:400; color:#9ca3af;">{{{datasheet_date_en|2025-02-14}}}</span></span>]]</div> | |||
</div> | |||
</div> | |||
<!-- Lithuanian --> | |||
<div class="mw-collapsible mw-collapsed" style="margin-bottom:8px;"> | |||
<div style="border-bottom:1px solid #e5e7eb; padding-bottom:6px; margin-bottom:8px; font-size:11px; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:#9ca3af; cursor:pointer;">🇱🇹 Lithuanian</div> | |||
<div class="mw-collapsible-content"> | |||
<div style="margin-bottom:4px;">[[Media:ONLINE_LT_Teltoheart_quick_start_guide_115x80mm_2024-09-06.pdf|<span style="display:block; padding:8px 12px; border-radius:7px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb;"><span style="display:inline-block; width:20px; height:20px; background:{{{accent_color|#3366cc}}}; border-radius:4px; color:#fff; font-size:10px; font-weight:700; text-align:center; line-height:20px; margin-right:8px; vertical-align:middle;">↓</span>Quick Start Guide <span style="float:right; font-weight:400; color:#9ca3af;">{{{quick_start_date_lt|2024-09-06}}}</span></span>]]</div> | |||
<div style="margin-bottom:4px;">[[Media:LT_TeltoHeart_Trumposios_vartotojo_instrukcijos_v1.0_24-06-18.pdf|<span style="display:block; padding:8px 12px; border-radius:7px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb;"><span style="display:inline-block; width:20px; height:20px; background:{{{accent_color|#3366cc}}}; border-radius:4px; color:#fff; font-size:10px; font-weight:700; text-align:center; line-height:20px; margin-right:8px; vertical-align:middle;">↓</span>Short Instructions <span style="float:right; font-weight:400; color:#9ca3af;">{{{short_instructions_date_lt|2024-06-18}}}</span></span>]]</div> | |||
<div style="margin-bottom:4px;">[[Media:LT_Teltoheart_flyer_short_A5-2024-09-25.pdf|<span style="display:block; padding:8px 12px; border-radius:7px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb;"><span style="display:inline-block; width:20px; height:20px; background:{{{accent_color|#3366cc}}}; border-radius:4px; color:#fff; font-size:10px; font-weight:700; text-align:center; line-height:20px; margin-right:8px; vertical-align:middle;">↓</span>Flyer (Short) <span style="float:right; font-weight:400; color:#9ca3af;">{{{flyer_short_date_lt|2024-09-25}}}</span></span>]]</div> | |||
<div style="margin-bottom:4px;">[[Media:TeltoHeart_datasheet_LT_2025-02-17.pdf|<span style="display:block; padding:8px 12px; border-radius:7px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb;"><span style="display:inline-block; width:20px; height:20px; background:{{{accent_color|#3366cc}}}; border-radius:4px; color:#fff; font-size:10px; font-weight:700; text-align:center; line-height:20px; margin-right:8px; vertical-align:middle;">↓</span>Datasheet <span style="float:right; font-weight:400; color:#9ca3af;">{{{datasheet_date_lt|2025-02-17}}}</span></span>]]</div> | |||
</div> | |||
</div> | |||
<!-- Polish --> | |||
<div class="mw-collapsible mw-collapsed" style="margin-bottom:8px;"> | |||
<div style="border-bottom:1px solid #e5e7eb; padding-bottom:6px; margin-bottom:8px; font-size:11px; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:#9ca3af; cursor:pointer;">🇵🇱 Polish</div> | |||
<div class="mw-collapsible-content"> | |||
<div style="margin-bottom:4px;">[[Media:ONLINE_PL_Teltoheart_quick_start_guide_115x80mm_2024-09-06.pdf|<span style="display:block; padding:8px 12px; border-radius:7px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb;"><span style="display:inline-block; width:20px; height:20px; background:{{{accent_color|#3366cc}}}; border-radius:4px; color:#fff; font-size:10px; font-weight:700; text-align:center; line-height:20px; margin-right:8px; vertical-align:middle;">↓</span>Quick Start Guide <span style="float:right; font-weight:400; color:#9ca3af;">{{{quick_start_date_pl|2024-09-06}}}</span></span>]]</div> | |||
<div style="margin-bottom:4px;">[[Media:PL_Teltonika_manual.pdf|<span style="display:block; padding:8px 12px; border-radius:7px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb;"><span style="display:inline-block; width:20px; height:20px; background:{{{accent_color|#3366cc}}}; border-radius:4px; color:#fff; font-size:10px; font-weight:700; text-align:center; line-height:20px; margin-right:8px; vertical-align:middle;">↓</span>Short Instructions <span style="float:right; font-weight:400; color:#9ca3af;">{{{short_instructions_date_pl|2024-07-10}}}</span></span>]]</div> | |||
<div style="margin-bottom:4px;">[[Media:PL_Teltoheart_flyer_short-2025-03-19.pdf|<span style="display:block; padding:8px 12px; border-radius:7px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb;"><span style="display:inline-block; width:20px; height:20px; background:{{{accent_color|#3366cc}}}; border-radius:4px; color:#fff; font-size:10px; font-weight:700; text-align:center; line-height:20px; margin-right:8px; vertical-align:middle;">↓</span>Flyer (Short) <span style="float:right; font-weight:400; color:#9ca3af;">{{{flyer_short_date_pl|2025-03-19}}}</span></span>]]</div> | |||
</div> | |||
</div> | |||
<!-- Mobile App --> | |||
<div style="margin-top:16px; padding-top:14px; border-top:1px solid #e5e7eb;"> | |||
<div style="font-size:11px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:#9ca3af; margin-bottom:10px;">📱 Mobile Application</div> | |||
<div style="display:inline-block; margin-right:10px; filter:drop-shadow(0px 4px 6px rgba(0,0,0,0.3));">[[File:Download_on_the_App_Store.png|150px|link=https://apps.apple.com/us/app/teltoheart/id1566566820]]</div><div style="display:inline-block; filter:drop-shadow(0px 4px 6px rgba(0,0,0,0.3));">[[File:Download_on_the_Googleplay.png|150px|link=https://play.google.com/store/apps/details?id=com.teltonika.telemedic.teltoheart&hl=en&gl=US]]</div> | |||
</div> | |||
</div><!-- /docs --> | |||
</div><!-- /flex row --> | |||