NewTest1: Difference between revisions

From Luminys WIKI
← Older editNewer edit →
No edit summary
No edit summary
Line 1: Line 1:
{{DISPLAYTITLE:Luminys WIKI}}
{{Header}}
<div class="lum-category-section">
<div class="lum-category-section">
   <div class="lum-category-header-row">
   <div class="lum-category-header-row">
<div class="lum-category-title">Browse by category:</div>
    <div class="lum-category-title">Browse by category:</div>
<div class="lum-category-link">[[Main_Page_Classic|Classic View]]</div>
    <div class="lum-category-link">[[Main_Page_Classic|Classic View]]</div>
   </div>
   </div>
   <div class="lum-card-grid">
   <div class="lum-card-grid">


     <!-- How-To Guides Card -->
     <!-- How-To Guides Card -->
     <div class="lum-card" onclick="toggleCard(this)">
     <details class="lum-card">
      <div class="lum-card-icon lum-icon-camera"></div>
      <summary class="lum-card-header">
      <div class="lum-card-title"><a>How-To Guides|How-To Guides</a></div>
        <div class="lum-card-icon lum-icon-camera"></div>
      <p class="lum-card-desc">Cameras, recorders, access control and more.</p>
        <div class="lum-card-title">How-To Guides</div>
        <p class="lum-card-desc">Cameras, recorders, access control and more.</p>
      </summary>
       <div class="lum-card-dropdown">
       <div class="lum-card-dropdown">
         <ul class="lum-sub-list">
         <ul class="lum-sub-list">
Line 21: Line 20:
         </ul>
         </ul>
       </div>
       </div>
     </div>
     </details>


     <!-- Video Walkthroughs Card -->
     <!-- Video Walkthroughs Card -->
     <div class="lum-card" onclick="toggleCard(this)">
     <details class="lum-card">
      <div class="lum-card-icon lum-icon-video"></div>
      <summary class="lum-card-header">
      <div class="lum-card-title"><a>Video Walkthroughs</a></div>
        <div class="lum-card-icon lum-icon-video"></div>
      <p class="lum-card-desc">Step-by-step setup and configurations.</p>
        <div class="lum-card-title">Video Walkthroughs</div>
        <p class="lum-card-desc">Step-by-step setup and configurations.</p>
      </summary>
       <div class="lum-card-dropdown">
       <div class="lum-card-dropdown">
         <ul class="lum-sub-list">
         <ul class="lum-sub-list">
Line 34: Line 35:
         </ul>
         </ul>
       </div>
       </div>
     </div>
     </details>


     <!-- Firmware & Data Sheets Card -->
     <!-- Firmware & Data Sheets Card -->
     <div class="lum-card" onclick="toggleCard(this)">
     <details class="lum-card">
      <div class="lum-card-icon lum-icon-doc"></div>
      <summary class="lum-card-header">
      <div class="lum-card-title"><a>Firmware & Data Sheets</a></div>
        <div class="lum-card-icon lum-icon-doc"></div>
      <p class="lum-card-desc">Specs and downloads by product line.</p>
        <div class="lum-card-title">Firmware & Data Sheets</div>
        <p class="lum-card-desc">Specs and downloads by product line.</p>
      </summary>
       <div class="lum-card-dropdown">
       <div class="lum-card-dropdown">
         <ul class="lum-sub-list">
         <ul class="lum-sub-list">
Line 48: Line 51:
         </ul>
         </ul>
       </div>
       </div>
     </div>
     </details>


     <!-- Software Downloads Card -->
     <!-- Software Downloads Card -->
     <div class="lum-card" onclick="toggleCard(this)">
     <details class="lum-card">
      <div class="lum-card-icon lum-icon-download"></div>
      <summary class="lum-card-header">
      <div class="lum-card-title"><a>Software Downloads</a></div>
        <div class="lum-card-icon lum-icon-download"></div>
      <p class="lum-card-desc">Desktop and mobile apps.</p>
        <div class="lum-card-title">Software Downloads</div>
        <p class="lum-card-desc">Desktop and mobile apps.</p>
      </summary>
       <div class="lum-card-dropdown">
       <div class="lum-card-dropdown">
         <ul class="lum-sub-list">
         <ul class="lum-sub-list">
Line 61: Line 66:
         </ul>
         </ul>
       </div>
       </div>
     </div>
     </details>


     <!-- Product Selector Card -->
     <!-- Product Selector Card -->
     <div class="lum-card" onclick="toggleCard(this)">
     <details class="lum-card">
      <div class="lum-card-icon lum-icon-filter"></div>
      <summary class="lum-card-header">
      <div class="lum-card-title"><a>Product Selector</a></div>
        <div class="lum-card-icon lum-icon-filter"></div>
      <p class="lum-card-desc">Browse cameras, NVRs and accessories.</p>
        <div class="lum-card-title">Product Selector</div>
        <p class="lum-card-desc">Browse cameras, NVRs and accessories.</p>
      </summary>
       <div class="lum-card-dropdown">
       <div class="lum-card-dropdown">
         <ul class="lum-sub-list">
         <ul class="lum-sub-list">
Line 74: Line 81:
         </ul>
         </ul>
       </div>
       </div>
     </div>
     </details>


     <!-- Contact Support Card (Direct Link / No expansion needed, or can expand) -->
     <!-- Contact Support Card (Direct Link) -->
     <div class="lum-card" onclick="location.href='index.php?title=Contact_Support';">
     <div class="lum-card lum-card-direct">
       <div class="lum-card-icon lum-icon-headset"></div>
       <div class="lum-card-icon lum-icon-headset"></div>
       <div class="lum-card-title">[[Contact_Support|Contact Support]]</div>
       <div class="lum-card-title">[[Contact_Support|Contact Support]]</div>
       <p class="lum-card-desc">Talk to a Luminys Support Engineer.</p>
       <p class="lum-card-desc">Talk to a Luminys Support Engineer.</p>
     </div>
     </div>
 
   </div>
   </div>
</div>
</div>
<script>
function toggleCard(cardElement) {
  // Prevent card click behavior if clicking directly on a sub-link inside it
  event.stopPropagation();
 
  // Optional: Close other expanded cards if you only want one open at a time
  // document.querySelectorAll('.lum-card').forEach(c => { if(c !== cardElement) c.classList.remove('expanded'); });
 
  cardElement.classList.toggle('expanded');
}
</script>

Revision as of 10:52, 22 October 2026

Browse by category:
Classic View
   <details class="lum-card">
     <summary class="lum-card-header">
How-To Guides

Cameras, recorders, access control and more.

     </summary>

   </details>

   <details class="lum-card">
     <summary class="lum-card-header">
Video Walkthroughs

Step-by-step setup and configurations.

     </summary>

   </details>

   <details class="lum-card">
     <summary class="lum-card-header">
Firmware & Data Sheets

Specs and downloads by product line.

     </summary>

   </details>

   <details class="lum-card">
     <summary class="lum-card-header">
Software Downloads

Desktop and mobile apps.

     </summary>

   </details>

   <details class="lum-card">
     <summary class="lum-card-header">
Product Selector

Browse cameras, NVRs and accessories.

     </summary>

   </details>
Contact Support

Talk to a Luminys Support Engineer.

Retrieved from "https://wiki.luminyscorp.com/index.php?title=NewTest1&oldid=57119"