Template:TeltoCare Home: Difference between revisions
No edit summary |
|||
| (11 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
[[Image:{{{image}}}| | <!-- Header Card --> | ||
<div style="background:#ffffff; border:1px solid #e5e7eb; border-top:4px solid {{{accent_color|#0e9e8e}}}; 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|TeltoCare}}}]]</div> | |||
<div style=" | <div style="overflow:hidden;"> | ||
<div style="font-size:11px; font-weight:700; letter-spacing:3px; text-transform:uppercase; color:#9ca3af; margin-bottom:6px;">Medical Software</div> | |||
<div style="font-size: | <div style="font-size:28px; font-weight:800; color:#111827; margin:0 0 8px 0; letter-spacing:-0.5px;">{{{model|TeltoCare}}}</div> | ||
<div style="font-size:14px; line-height:1.75; color:#6b7280;">{{{description|}}}</div> | |||
<div style="margin- | {{#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 style="margin- | |}} | ||
</div> | |||
<div style=" | <div style="clear:both;"></div> | ||
</div> | |||
< | <!-- Two-column flexbox layout --> | ||
<div style="display:flex; gap:16px; align-items:flex-start; margin-bottom:16px;"> | |||
< | <!-- Left: Navigation --> | ||
<div style="flex:0 0 260px; background:#ffffff; border:1px solid #e5e7eb; border-radius:12px; padding:16px; box-sizing:border-box;"> | |||
</div> | <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|#0e9e8e}}};">First Start</span>]]</div> | |||
<div style="margin-bottom:12px;">[[TeltoHeart 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|#0e9e8e}}};">Safety Instructions</span>]]</div> | |||
<div style="background-color: # | <!-- Group 2: 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}}} 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|#0e9e8e}}};">Update Logs</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|#0e9e8e}}};">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|#0e9e8e}}};">FAQ</span>]]</div> | |||
<!-- Group 2: Compliance & Specs --> | |||
<div style="font-size:10px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:#c4c9d4; margin:12px 0 5px 2px;">Compliance & Specs</div> | |||
<div style="margin-bottom:4px;">[[CE_MDR|<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|#0e9e8e}}};">Medical Device Regulation (MDR)</span>]]</div> | |||
<div style="margin-bottom:4px;">[[Teltoheart_UDI|<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|#0e9e8e}}};">MyHealth app UDI</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|#0e9e8e}}};">EU Data Act Compliance</span>]]</div> | |||
<!-- External Links --> | |||
<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="margin-bottom:4px;"><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|#0e9e8e}}};">[https://teltonika-telemedic.com/products/teltoheart 🏥 TeltoHeart Product Page]</span></div> | |||
<div style="margin-bottom:0;"><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|#0e9e8e}}};">[https://teltocare.com 💻 TeltoCare Web Platform]</span></div> | |||
</div> | |||
<div | </div><!-- /nav --> | ||
<div | </div><!-- /flex row --> | ||