Jump to content
  • EN

Template:TeltoCare Home: Difference between revisions

From Teltonika Telemedic Wiki
← Older edit
VisualWikitext
No edit summary
No edit summary
 
(8 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div style="background:#ffffff; border:1px solid #e5e7eb; border-radius:12px; padding:24px; margin-bottom:16px; overflow:hidden;">
<!-- Header Card -->
   <div style="float:right; margin:0 0 12px 20px;">[[Image:{{{image}}}|border|180px|right|link=|{{{model|TeltoCare}}}]]</div>
<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="overflow:hidden;">
   <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:11px; font-weight:700; letter-spacing:3px; text-transform:uppercase; color:#9ca3af; margin-bottom:6px;">Medical Software</div>
     <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: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="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>
   <div style="clear:both;"></div>
   <div style="clear:both;"></div>
</div>
</div>


<!-- Two-column layout using float -->
<!-- Two-column flexbox layout -->
<div style="overflow:hidden; margin-bottom:16px;">
<div style="display:flex; gap:16px; align-items:flex-start; margin-bottom:16px;">


   <!-- Left: Navigation (~30%) -->
   <!-- Left: Navigation -->
   <div style="float:left; width:28%; min-width:200px; background:#ffffff; border:1px solid #e5e7eb; border-radius:12px; padding:16px; box-sizing:border-box; margin-right:2%;">
   <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:12px;">Quick Navigation</div>


     <div style="margin-bottom:5px;">[[{{{model}}} First Start|<span style="display:block; padding:9px 12px; border-radius:7px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb;">🚀 First Start</span>]]</div>
     <div style="font-size:11px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:#9ca3af; margin-bottom:10px;">Quick Navigation</div>
    <div style="margin-bottom:5px;">[[TeltoHeart Safety Instructions|<span style="display:block; padding:9px 12px; border-radius:7px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb;">⚠️ Safety Instructions</span>]]</div>
    <div style="margin-bottom:5px;">[[{{{model}}} software_changelogs|<span style="display:block; padding:9px 12px; border-radius:7px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb;">🔄 Update Logs</span>]]</div>
    <div style="margin-bottom:5px;">[[{{{model}}} Promotional Material|<span style="display:block; padding:9px 12px; border-radius:7px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb;">📣 Promotional Material</span>]]</div>
    <div style="margin-bottom:0;">[[FAQ#{{{model}}}|<span style="display:block; padding:9px 12px; border-radius:7px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb;">❓ FAQ</span>]]</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>
    <!-- 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="margin-top:14px; 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:8px;">External Links</div>
       <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:5px;"><span style="display:block; padding:9px 12px; border-radius:7px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb;">[https://teltonika-telemedic.com/products/teltoheart 🏥 TeltoHeart Product Page]</span></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:9px 12px; border-radius:7px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb;">[https://teltocare.com 💻 TeltoCare Web Platform]</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>
  <!-- Right: Documentation (~70%) -->
  <div style="float:left; width:70%; 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><!-- /nav -->
    <div style="border-bottom:1px solid #e5e7eb; margin:0 0 8px 0; padding-bottom:4px; font-size:11px; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:#9ca3af;">🇬🇧 English</div>


    <div style="margin-bottom:5px;">[[Media:TeltoCare_User_Manual_EN.pdf|<span style="display:block; padding:9px 12px; border-radius:7px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb;">📄 User Manual <span style="float:right; font-weight:400; color:#9ca3af;">{{{user_manual_date|}}}</span></span>]]</div>
</div><!-- /flex row -->
    <div style="margin-bottom:5px;">[[Media:TeltoCare_Quick_Start_Guide_EN.pdf|<span style="display:block; padding:9px 12px; border-radius:7px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb;">📄 Quick Start Guide <span style="float:right; font-weight:400; color:#9ca3af;">{{{quick_manual_date|}}}</span></span>]]</div>
    <div style="margin-bottom:5px;">[[Media:TeltoCare_Datasheet_EN.pdf|<span style="display:block; padding:9px 12px; border-radius:7px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb;">📄 Datasheet <span style="float:right; font-weight:400; color:#9ca3af;">{{{datasheet_date|}}}</span></span>]]</div>
 
  </div><!-- /right col -->
 
  <div style="clear:both;"></div>
</div>

Latest revision as of 13:37, 23 June 2026

Retrieved from "https://wiki.teltonika-telemedic.com/index.php?title=Template:TeltoCare_Home&oldid=1447"