Jump to content

Template:MED Home: Difference between revisions

From Teltonika Telemedic Wiki
No edit summary
No edit summary
 
(11 intermediate revisions by the same user not shown)
Line 1: Line 1:
<!-- PASTE THIS INTO YOUR MEDIAWIKI PAGE -->
<!-- Header Card -->
<!--
<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;">
  NOTES:
   <div style="float:right; margin:0 0 12px 20px;">[[Image:{{{image}}}|180px|right|link=|{{{model|MED device}}}]]</div>
  - [[File:...]] and [[Media:...]] links are kept as MediaWiki syntax where needed
  <div style="overflow:hidden;">
  - PDF rows now use a clean SVG icon instead of [[File:pdf_icon.png]] to avoid grey-bracket rendering
     <div style="font-size:28px; font-weight:800; color:#111827; margin:0 0 8px 0; letter-spacing:-0.5px;">{{{model|MED Device}}}</div>
  - App Store / Google Play buttons are replaced with styled HTML badges (no wiki file dependency)
     <div style="font-size:14px; line-height:1.75; color:#6b7280;">{{{description|}}}</div>
  - All layout modernized with subtle shadows, hover states via inline style tricks
     {{#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="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; max-width: 980px; margin: 0 auto;">
 
<!-- Hero Section -->
<div style="background: #ffffff; border: 1px solid #e5e7eb; border-radius: 16px; padding: 32px; margin-bottom: 20px; display: flex; align-items: flex-start; gap: 32px; box-shadow: 0 1px 4px rgba(0,0,0,0.05);">
   <div style="flex: 1; min-width: 0;">
    <div style="font-size: 11px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: #9ca3af; margin-bottom: 8px;">Medical Device</div>
     <h1 style="font-size: 32px; font-weight: 800; color: #111827; margin: 0 0 10px 0; letter-spacing: -0.5px;">{{{model|MED Device}}}</h1>
     <div style="font-size: 14px; line-height: 1.75; color: #6b7280; margin-bottom: 20px;">{{{description|}}}</div>
     {{{errata|}}}
  </div>
  <div style="flex-shrink: 0;">
    [[Image:{{{image}}}|border|200px|right|link=|{{{model|MED device}}}]]
   </div>
   </div>
  <div style="clear:both;"></div>
</div>
</div>


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


   <!-- Left: Navigation -->
   <!-- Left: Navigation (~30%) -->
   <div style="flex: 1; min-width: 220px; background: #ffffff; border: 1px solid #e5e7eb; border-radius: 16px; padding: 20px; box-shadow: 0 1px 4px rgba(0,0,0,0.05);">
   <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: 14px;">Quick Navigation</div>


     <div style="margin-bottom:6px;">[[{{{model}}} First Start|<span style="display:block; padding:10px 14px; border-radius:8px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb; text-decoration:none;">🚀 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:6px;">[[{{{model}}} Safety Instructions|<span style="display:block; padding:10px 14px; border-radius:8px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb; text-decoration:none;">⚠️ Safety Instructions</span>]]</div>
    <div style="margin-bottom:6px;">[[{{{model}}}_cleaning_instructions|<span style="display:block; padding:10px 14px; border-radius:8px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb; text-decoration:none;">🧹 Cleaning Instructions</span>]]</div>
    <div style="margin-bottom:6px;">[[{{{model}}} Certification & Approvals|<span style="display:block; padding:10px 14px; border-radius:8px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb; text-decoration:none;">✅ Certifications & Approvals</span>]]</div>
    <div style="margin-bottom:6px;">[[{{{model}}} Nomenclature, classification codes|<span style="display:block; padding:10px 14px; border-radius:8px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb; text-decoration:none;">🏷️ Nomenclature & Classification</span>]]</div>
    <div style="margin-bottom:6px;">[[EU Data Act Compliance|<span style="display:block; padding:10px 14px; border-radius:8px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb; text-decoration:none;">🇪🇺 EU Data Act Compliance</span>]]</div>
    <div style="margin-bottom:6px;">[[{{{model}}} firmware/software changelogs|<span style="display:block; padding:10px 14px; border-radius:8px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb; text-decoration:none;">🔄 Update Changelog</span>]]</div>
    <div style="margin-bottom:6px;">[[{{{model}}} Promotional Material|<span style="display:block; padding:10px 14px; border-radius:8px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb; text-decoration:none;">📣 Promotional Material</span>]]</div>
    <div style="margin-bottom:0;">[[FAQ#{{{model}}}|<span style="display:block; padding:10px 14px; border-radius:8px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb; text-decoration:none;">❓ FAQ</span>]]</div>


     {{{suppress_link|
     <!-- Group 1: Getting Started -->
     <div style="margin-top: 16px; padding-top: 16px; border-top: 1px solid #e5e7eb;">
     <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="font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: #9ca3af; margin-bottom: 10px;">External Links</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="padding:10px 14px; border-radius:8px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb;">[https://teltonika-telemedic.com/products/teltoheart 🏥 TeltoHeart Product Page]</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>
     <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>
    }}}
  </div>


  <!-- Right: Documentation -->
    <!-- Group 2: Compliance & Specs -->
  <div style="flex: 2; min-width: 300px; background: #ffffff; border: 1px solid #e5e7eb; border-radius: 16px; padding: 20px; box-shadow: 0 1px 4px rgba(0,0,0,0.05);">
    <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>


     <div style="font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: #9ca3af; margin-bottom: 14px;">Documentation</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>


     <!-- PDF row macro — uses inline SVG so no wiki file needed -->
     <!-- External Links (only shown when suppress_link is NOT set) -->
     <!-- ENGLISH -->
     {{#if:{{{suppress_link|}}}||
     <div style="display:flex; align-items:center; gap:8px; margin: 0 0 8px 0;">
     <div style="margin-top:14px; padding-top:14px; border-top:1px solid #e5e7eb;">
      <span style="font-size:16px;">🇬🇧</span>
       <div style="font-size:10px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:#c4c9d4; margin-bottom:6px;">External Links</div>
       <span style="font-size:11px; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:#9ca3af;">English</span>
       <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 style="flex:1; height:1px; background:#e5e7eb; margin-left:4px;"></div>
     </div>
     </div>
    }}


    <div style="display:flex; align-items:center; justify-content:space-between; padding:10px 12px; border-radius:8px; font-size:13px; border:1px solid #f3f4f6; background:#fafafa; margin-bottom:5px;">
  </div><!-- /nav -->
      <span style="display:flex; align-items:center; gap:8px;">
        <svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg" style="flex-shrink:0;"><rect width="14" height="16" rx="2" fill="#ef4444"/><text x="2" y="11" font-size="6" font-family="Arial" fill="white" font-weight="bold">PDF</text></svg>
        [[Media:TeltoHeart_User_manual_EN_v6.0_2024-08-20.pdf|<span style="color:#374151; font-weight:500;">User Manual</span>]]
      </span>
      <span style="color:#d1d5db; font-size:11px; white-space:nowrap; padding-left:12px;">{{{user_manual_date|2024-08-08}}}</span>
    </div>


    <div style="display:flex; align-items:center; justify-content:space-between; padding:10px 12px; border-radius:8px; font-size:13px; border:1px solid #f3f4f6; background:#fafafa; margin-bottom:5px;">
  <!-- Right: Documentation (fills remaining space) -->
      <span style="display:flex; align-items:center; gap:8px;">
  <div style="flex:1; min-width:0; background:#ffffff; border:1px solid #e5e7eb; border-radius:12px; padding:16px; box-sizing:border-box;">
        <svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg" style="flex-shrink:0;"><rect width="14" height="16" rx="2" fill="#ef4444"/><text x="2" y="11" font-size="6" font-family="Arial" fill="white" font-weight="bold">PDF</text></svg>
        [[Media:ONLINE_EN_Teltoheart_quick_start_guide_115x80mm_2024-09-06.pdf|<span style="color:#374151; font-weight:500;">Quick Start Guide</span>]]
      </span>
      <span style="color:#d1d5db; font-size:11px; white-space:nowrap; padding-left:12px;">{{{quick_manual_date|2024-09-06}}}</span>
    </div>


     <div style="display:flex; align-items:center; justify-content:space-between; padding:10px 12px; border-radius:8px; font-size:13px; border:1px solid #f3f4f6; background:#fafafa; margin-bottom:5px;">
     <div style="font-size:11px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:#9ca3af; margin-bottom:12px;">Documentation</div>
      <span style="display:flex; align-items:center; gap:8px;">
        <svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg" style="flex-shrink:0;"><rect width="14" height="16" rx="2" fill="#ef4444"/><text x="2" y="11" font-size="6" font-family="Arial" fill="white" font-weight="bold">PDF</text></svg>
        [[Media:EN_TeltoHeart short_instructions_24-06-18.pdf|<span style="color:#374151; font-weight:500;">Short Instructions</span>]]
      </span>
      <span style="color:#d1d5db; font-size:11px; white-space:nowrap; padding-left:12px;">{{{TeltoHeart short instructions|2024-06-18}}}</span>
    </div>


     <div style="display:flex; align-items:center; justify-content:space-between; padding:10px 12px; border-radius:8px; font-size:13px; border:1px solid #f3f4f6; background:#fafafa; margin-bottom:5px;">
     <!-- English -->
      <span style="display:flex; align-items:center; gap:8px;">
    <div class="mw-collapsible" style="margin-bottom:8px;">
         <svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg" style="flex-shrink:0;"><rect width="14" height="16" rx="2" fill="#ef4444"/><text x="2" y="11" font-size="6" font-family="Arial" fill="white" font-weight="bold">PDF</text></svg>
      <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>
         [[Media:EN_Teltoheart_flyer_short_A5_2024-07-11.pdf|<span style="color:#374151; font-weight:500;">Flyer (Short)</span>]]
      <div class="mw-collapsible-content">
      </span>
        <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>
      <span style="color:#d1d5db; font-size:11px; white-space:nowrap; padding-left:12px;">{{{Teltoheart_flyer_short_A5|2024-07-11}}}</span>
         <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>
     </div>


     <div style="display:flex; align-items:center; justify-content:space-between; padding:10px 12px; border-radius:8px; font-size:13px; border:1px solid #f3f4f6; background:#fafafa; margin-bottom:5px;">
     <!-- Lithuanian -->
      <span style="display:flex; align-items:center; gap:8px;">
    <div class="mw-collapsible mw-collapsed" style="margin-bottom:8px;">
         <svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg" style="flex-shrink:0;"><rect width="14" height="16" rx="2" fill="#ef4444"/><text x="2" y="11" font-size="6" font-family="Arial" fill="white" font-weight="bold">PDF</text></svg>
      <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>
         [[Media:Teltoheart_flyer_long_A5_2024-02-07.pdf|<span style="color:#374151; font-weight:500;">Flyer (Long)</span>]]
      <div class="mw-collapsible-content">
      </span>
        <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>
      <span style="color:#d1d5db; font-size:11px; white-space:nowrap; padding-left:12px;">{{{Teltoheart_flyer_long_A5|2024-02-07}}}</span>
         <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>
     </div>


     <div style="display:flex; align-items:center; justify-content:space-between; padding:10px 12px; border-radius:8px; font-size:13px; border:1px solid #f3f4f6; background:#fafafa; margin-bottom:5px;">
     <!-- Polish -->
      <span style="display:flex; align-items:center; gap:8px;">
    <div class="mw-collapsible mw-collapsed" style="margin-bottom:8px;">
        <svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg" style="flex-shrink:0;"><rect width="14" height="16" rx="2" fill="#ef4444"/><text x="2" y="11" font-size="6" font-family="Arial" fill="white" font-weight="bold">PDF</text></svg>
      <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>
         [[Media:TeltoHeart_datasheet_EN_2025-02-14.pdf|<span style="color:#374151; font-weight:500;">Datasheet</span>]]
      <div class="mw-collapsible-content">
      </span>
        <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>
      <span style="color:#d1d5db; font-size:11px; white-space:nowrap; padding-left:12px;">{{{TeltoHeart_datasheet.pdf|2025-02-14}}}</span>
        <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>
     </div>


     <!-- LITHUANIAN -->
     <!-- Mobile App -->
     <div style="display:flex; align-items:center; gap:8px; margin: 16px 0 8px 0;">
     <div style="margin-top:16px; padding-top:14px; border-top:1px solid #e5e7eb;">
      <span style="font-size:16px;">🇱🇹</span>
  <div style="font-size:11px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:#9ca3af; margin-bottom:10px;">📱 Mobile Application</div>
      <span style="font-size:11px; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:#9ca3af;">Lithuanian</span>
  <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 style="flex:1; height:1px; background:#e5e7eb; margin-left:4px;"></div>
</div>
    </div>


    <div style="display:flex; align-items:center; justify-content:space-between; padding:10px 12px; border-radius:8px; font-size:13px; border:1px solid #f3f4f6; background:#fafafa; margin-bottom:5px;">
  </div><!-- /docs -->
      <span style="display:flex; align-items:center; gap:8px;">
        <svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg" style="flex-shrink:0;"><rect width="14" height="16" rx="2" fill="#ef4444"/><text x="2" y="11" font-size="6" font-family="Arial" fill="white" font-weight="bold">PDF</text></svg>
        [[Media:ONLINE_LT_Teltoheart_quick_start_guide_115x80mm_2024-09-06.pdf|<span style="color:#374151; font-weight:500;">Quick Start Guide</span>]]
      </span>
      <span style="color:#d1d5db; font-size:11px; white-space:nowrap; padding-left:12px;">{{{quick_manual_date_lt|2024-09-06}}}</span>
    </div>


    <div style="display:flex; align-items:center; justify-content:space-between; padding:10px 12px; border-radius:8px; font-size:13px; border:1px solid #f3f4f6; background:#fafafa; margin-bottom:5px;">
</div><!-- /flex row -->
      <span style="display:flex; align-items:center; gap:8px;">
        <svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg" style="flex-shrink:0;"><rect width="14" height="16" rx="2" fill="#ef4444"/><text x="2" y="11" font-size="6" font-family="Arial" fill="white" font-weight="bold">PDF</text></svg>
        [[Media:LT_TeltoHeart_Trumposios_vartotojo_instrukcijos_v1.0_24-06-18.pdf|<span style="color:#374151; font-weight:500;">Short Instructions</span>]]
      </span>
      <span style="color:#d1d5db; font-size:11px; white-space:nowrap; padding-left:12px;">{{{TeltoHeart short instructions|2024-06-18}}}</span>
    </div>
 
    <div style="display:flex; align-items:center; justify-content:space-between; padding:10px 12px; border-radius:8px; font-size:13px; border:1px solid #f3f4f6; background:#fafafa; margin-bottom:5px;">
      <span style="display:flex; align-items:center; gap:8px;">
        <svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg" style="flex-shrink:0;"><rect width="14" height="16" rx="2" fill="#ef4444"/><text x="2" y="11" font-size="6" font-family="Arial" fill="white" font-weight="bold">PDF</text></svg>
        [[Media:LT_Teltoheart_flyer_short_A5-2024-09-25.pdf|<span style="color:#374151; font-weight:500;">Flyer (Short)</span>]]
      </span>
      <span style="color:#d1d5db; font-size:11px; white-space:nowrap; padding-left:12px;">{{{LT_Teltoheart_flyer_short_A5-2024-09-25|2024-09-25}}}</span>
    </div>
 
    <div style="display:flex; align-items:center; justify-content:space-between; padding:10px 12px; border-radius:8px; font-size:13px; border:1px solid #f3f4f6; background:#fafafa; margin-bottom:5px;">
      <span style="display:flex; align-items:center; gap:8px;">
        <svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg" style="flex-shrink:0;"><rect width="14" height="16" rx="2" fill="#ef4444"/><text x="2" y="11" font-size="6" font-family="Arial" fill="white" font-weight="bold">PDF</text></svg>
        [[Media:TeltoHeart_datasheet_LT_2025-02-17.pdf|<span style="color:#374151; font-weight:500;">Datasheet</span>]]
      </span>
      <span style="color:#d1d5db; font-size:11px; white-space:nowrap; padding-left:12px;">{{{Teltoheart_datasheet_LT_2025-02-17.pdf|2025-02-17}}}</span>
    </div>
 
    <!-- POLISH -->
    <div style="display:flex; align-items:center; gap:8px; margin: 16px 0 8px 0;">
      <span style="font-size:16px;">🇵🇱</span>
      <span style="font-size:11px; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:#9ca3af;">Polish</span>
      <div style="flex:1; height:1px; background:#e5e7eb; margin-left:4px;"></div>
    </div>
 
    <div style="display:flex; align-items:center; justify-content:space-between; padding:10px 12px; border-radius:8px; font-size:13px; border:1px solid #f3f4f6; background:#fafafa; margin-bottom:5px;">
      <span style="display:flex; align-items:center; gap:8px;">
        <svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg" style="flex-shrink:0;"><rect width="14" height="16" rx="2" fill="#ef4444"/><text x="2" y="11" font-size="6" font-family="Arial" fill="white" font-weight="bold">PDF</text></svg>
        [[Media:ONLINE_PL_Teltoheart_quick_start_guide_115x80mm_2024-09-06.pdf|<span style="color:#374151; font-weight:500;">Quick Start Guide</span>]]
      </span>
      <span style="color:#d1d5db; font-size:11px; white-space:nowrap; padding-left:12px;">{{{quick_manual_date_lt|2024-09-06}}}</span>
    </div>
 
    <div style="display:flex; align-items:center; justify-content:space-between; padding:10px 12px; border-radius:8px; font-size:13px; border:1px solid #f3f4f6; background:#fafafa; margin-bottom:5px;">
      <span style="display:flex; align-items:center; gap:8px;">
        <svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg" style="flex-shrink:0;"><rect width="14" height="16" rx="2" fill="#ef4444"/><text x="2" y="11" font-size="6" font-family="Arial" fill="white" font-weight="bold">PDF</text></svg>
        [[Media:PL_Teltonika_manual.pdf|<span style="color:#374151; font-weight:500;">Short Instructions</span>]]
      </span>
      <span style="color:#d1d5db; font-size:11px; white-space:nowrap; padding-left:12px;">{{{TeltoHeart short instructions|2024-07-10}}}</span>
    </div>
 
    <div style="display:flex; align-items:center; justify-content:space-between; padding:10px 12px; border-radius:8px; font-size:13px; border:1px solid #f3f4f6; background:#fafafa; margin-bottom:5px;">
      <span style="display:flex; align-items:center; gap:8px;">
        <svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg" style="flex-shrink:0;"><rect width="14" height="16" rx="2" fill="#ef4444"/><text x="2" y="11" font-size="6" font-family="Arial" fill="white" font-weight="bold">PDF</text></svg>
        [[Media:PL_Teltoheart_flyer_short-2025-03-19.pdf|<span style="color:#374151; font-weight:500;">Flyer (Short)</span>]]
      </span>
      <span style="color:#d1d5db; font-size:11px; white-space:nowrap; padding-left:12px;">{{{TeltoHeart short flyer|2025-03-19}}}</span>
    </div>
 
    <!-- Mobile App — pure HTML badges, no wiki file dependency -->
    <div style="margin-top: 20px; padding-top: 16px; border-top: 1px solid #e5e7eb;">
      <div style="font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: #9ca3af; margin-bottom: 12px;">📱 Mobile Application</div>
      <div style="display:flex; gap:10px; flex-wrap:wrap; align-items:center;">
 
        <!-- App Store badge -->
        <a href="https://apps.apple.com/us/app/teltoheart/id1566566820" target="_blank" style="display:inline-flex; align-items:center; gap:10px; background:#000000; color:#ffffff; text-decoration:none; border-radius:10px; padding:10px 18px; min-width:140px;">
          <svg width="20" height="24" viewBox="0 0 20 24" fill="white" xmlns="http://www.w3.org/2000/svg"><path d="M16.462 12.518c-.027-3.166 2.588-4.694 2.707-4.766-1.476-2.158-3.768-2.453-4.576-2.48-1.942-.197-3.796 1.148-4.782 1.148-.987 0-2.506-1.12-4.12-1.089-2.108.031-4.06 1.228-5.143 3.1-2.194 3.806-.562 9.43 1.575 12.513 1.044 1.508 2.282 3.2 3.907 3.138 1.573-.063 2.163-1.013 4.063-1.013 1.9 0 2.44 1.013 4.104.978 1.688-.027 2.755-1.533 3.789-3.047 1.203-1.742 1.696-3.44 1.72-3.527-.038-.016-3.293-1.262-3.244-5.005zM13.196 3.5C14.04 2.47 14.604 1.05 14.443 0c-1.243.05-2.75.83-3.64 1.84-.8.9-1.5 2.34-1.31 3.72 1.39.1 2.81-.7 3.703-2.06z"/></svg>
          <div style="line-height:1.2;">
            <div style="font-size:9px; opacity:0.8; text-transform:uppercase; letter-spacing:0.5px;">Download on the</div>
            <div style="font-size:15px; font-weight:600; letter-spacing:-0.3px;">App Store</div>
          </div>
        </a>
 
        <!-- Google Play badge -->
        <a href="https://play.google.com/store/apps/details?id=com.teltonika.telemedic.teltoheart&hl=en&gl=US" target="_blank" style="display:inline-flex; align-items:center; gap:10px; background:#000000; color:#ffffff; text-decoration:none; border-radius:10px; padding:10px 18px; min-width:140px;">
          <svg width="20" height="22" viewBox="0 0 20 22" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M1.22 0.27C0.9 0.61 0.72 1.13 0.72 1.8V20.2C0.72 20.87 0.9 21.39 1.22 21.73L1.3 21.81L11.09 12.01V11.79L1.3 1.99L1.22 0.27Z" fill="#00D2FF"/>
            <path d="M14.26 15.19L11.09 12.01V11.79L14.27 8.61L14.36 8.66L18.1 10.79C19.16 11.38 19.16 12.33 18.1 12.93L14.36 15.06L14.26 15.19Z" fill="#FFBC00"/>
            <path d="M14.37 15.06L11.09 11.9L1.22 21.73C1.58 22.11 2.17 22.15 2.83 21.78L14.37 15.06Z" fill="#F44336"/>
            <path d="M14.37 8.74L2.83 2.02C2.17 1.65 1.58 1.69 1.22 2.07L11.09 11.9L14.37 8.74Z" fill="#00F076"/>
          </svg>
          <div style="line-height:1.2;">
            <div style="font-size:9px; opacity:0.8; text-transform:uppercase; letter-spacing:0.5px;">Get it on</div>
            <div style="font-size:15px; font-weight:600; letter-spacing:-0.3px;">Google Play</div>
          </div>
        </a>
 
      </div>
    </div>
 
  </div>
</div>
</div>

Latest revision as of 13:08, 23 June 2026