NewTest1: Difference between revisions

From Luminys WIKI
Created page with "{{DISPLAYTITLE:Luminys WIKI}} {{Header}} <div class="lum-category-section"> <div class="lum-category-header-row"> <div class="lum-category-title">Browse by category:</div> <div class="lum-category-link">Classic View</div> </div> <div class="lum-card-grid"> <!-- How-To Guides Card --> <div class="lum-card" onclick="toggleCard(this)"> <div class="lum-card-icon lum-icon-camera"></div> <div class="lum-card-title">How-To G..."
 
No edit summary
 
(26 intermediate revisions by the same user not shown)
Line 4: Line 4:
<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)">
     <div class="lum-card" tabindex="0">
       <div class="lum-card-icon lum-icon-camera"></div>
       <div class="lum-card-icon lum-icon-camera"></div>
       <div class="lum-card-title">[[How-To Guides|How-To Guides]]</div>
       <div class="lum-card-title">How-To Guides</div>
       <p class="lum-card-desc">Cameras, recorders, access control and more.</p>
       <p class="lum-card-desc">Cameras, recorders, access control and more.</p>
       <div class="lum-card-dropdown">
       <div class="lum-card-dropdown">
         <ul class="lum-sub-list">
         <div class="lum-sub-card-grid">
           <li>[[How-To_Guides#Cameras|Cameras Setup & Configuration]]</li>
           <li>[[How-To_Guides#Recorders|Recorders & NVRs]]</li>
           <div class="lum-mini-card">
           <li>[[How-To_Guides#Access_Control|Access Control Systems]]</li>
            <div class="lum-mini-card-img">[[File:Cameras.jpg|center|link=How-To_Cameras]]</div>
         </ul>
            <div class="lum-mini-card-title">[[How-To_Cameras|Cameras]]</div>
          </div>
 
           <div class="lum-mini-card">
            <div class="lum-mini-card-img">[[File:NVR-left.png|center|link=How-To_Recorders]]</div>
            <div class="lum-mini-card-title">[[How-To_Recorders|Recorders]]</div>
          </div>
 
          <div class="lum-mini-card">
            <div class="lum-mini-card-img">[[File:S-1515A_Right_45Degree.png|center|link=IP_Speaker]]</div>
            <div class="lum-mini-card-title">[[IP_Speaker|IP Speaker]]</div>
           </div>
 
          <div class="lum-mini-card">
            <div class="lum-mini-card-img">[[File:Access-Control-left.png|center|link=How-To_Access_Control]]</div>
            <div class="lum-mini-card-title">[[How-To_Access_Control|Access Control]]</div>
          </div>
 
          <div class="lum-mini-card">
            <div class="lum-mini-card-img">[[File:Lumicloudmobileicon.png|center|link=How-To_LumiCloud]]</div>
            <div class="lum-mini-card-title">[[How-To_LumiCloud|LumiCloud]]</div>
          </div>
 
          <div class="lum-mini-card">
            <div class="lum-mini-card-img">[[File:Cloud-switches.png|center|link=How-To_Networking]]</div>
            <div class="lum-mini-card-title">[[How-To_Networking|Networking]]</div>
          </div>
 
          <div class="lum-mini-card">
            <div class="lum-mini-card-img">[[File:TG-113A_Small.PNG|center|link=How-To_Off-Grid]]</div>
            <div class="lum-mini-card-title">[[How-To_Off-Grid|Off-Grid]]</div>
          </div>
 
         </div>
       </div>
       </div>
 
     </div>
     </div>


     <!-- Video Walkthroughs Card -->
     <!-- Video Walkthroughs Card -->
     <div class="lum-card" onclick="toggleCard(this)">
     <div class="lum-card" tabindex="0">
       <div class="lum-card-icon lum-icon-video"></div>
       <div class="lum-card-icon lum-icon-video"></div>
       <div class="lum-card-title"><a>Video Walkthroughs</a></div>
       <div class="lum-card-title">Video Walkthroughs</div>
       <p class="lum-card-desc">Step-by-step setup and configurations.</p>
       <p class="lum-card-desc">Step-by-step setup and configurations.</p>
       <div class="lum-card-dropdown">
       <div class="lum-card-dropdown">
         <ul class="lum-sub-list">
         <div class="lum-sub-card-grid">
           <li>[[How-To_Videos#Initial_Setup|Initial System Startup]]</li>
          <li>[[How-To_Videos#App_Config|Mobile & Tablet App Setup]]</li>
           <div class="lum-mini-card">
         </ul>
            <div class="lum-mini-card-img">[[File:Cameras.jpg|center|link=How-To_Videos_Cameras]]</div>
<div class="lum-mini-card-title">[[How-To_Videos_Cameras|Cameras]]</div>
  </div>
 
  <div class="lum-mini-card">
<div class="lum-mini-card-img">[[File:NVR-left.png|center|link=NVR/Videos]]</div>
<div class="lum-mini-card-title">[[NVR/Videos|Recorders]]</div>
  </div>
 
  <div class="lum-mini-card">
<div class="lum-mini-card-img">[[File:Access-Control-left.png|center|link=Access_Control/Videos]]</div>
<div class="lum-mini-card-title">[[Access_Control/Videos|Access Control]]</div>
  </div>
 
  <div class="lum-mini-card">
<div class="lum-mini-card-img">[[File:Lumicloudmobileicon.png|center|link=How-To_Videos_LumiCloud]]</div>
<div class="lum-mini-card-title">[[How-To_Videos_LumiCloud|LumiCloud]]</div>
  </div>
 
  <div class="lum-mini-card">
<div class="lum-mini-card-img">[[File:TG-113A_Small.PNG|center|link=LumiGuardian/Videos]]</div>
<div class="lum-mini-card-title">[[LumiGuardian/Videos|Off-Grid]]</div>
  </div>
 
         </div>
       </div>
       </div>
 
     </div>
     </div>


     <!-- Firmware & Data Sheets Card -->
     <!-- Firmware & Data Sheets Card -->
     <div class="lum-card" onclick="toggleCard(this)">
     <div class="lum-card" tabindex="0">
       <div class="lum-card-icon lum-icon-doc"></div>
       <div class="lum-card-icon lum-icon-doc"></div>
       <div class="lum-card-title"><a>Firmware & Data Sheets</a></div>
       <div class="lum-card-title">Firmware & Data Sheets</div>
       <p class="lum-card-desc">Specs and downloads by product line.</p>
       <p class="lum-card-desc">Specs and downloads by product line.</p>
       <div class="lum-card-dropdown">
       <div class="lum-card-dropdown">
         <ul class="lum-sub-list">
         <div class="lum-sub-card-grid">
           <li>[[Firmware_%26_Data_Sheets#Cameras|Camera Firmware]]</li>
           <li>[[Firmware_%26_Data_Sheets#Recorders|Recorder Firmware]]</li>
           <div class="lum-mini-card">
           <li>[[Firmware_%26_Data_Sheets#Datasheets|Product Data Sheets]]</li>
            <div class="lum-mini-card-img">[[File:Cameras.jpg|center|link=Camera_Downloads]]</div>
         </ul>
<div class="lum-mini-card-title">[[Camera_Downloads|Cameras]]</div>
           </div>
 
  <div class="lum-mini-card">
            <div class="lum-mini-card-img">[[File:NVR-left.png|center|link=Recorder_Downloads]]</div>
<div class="lum-mini-card-title">[[Recorder_Downloads|Recorders]]</div>
          </div>
 
  <div class="lum-mini-card">
            <div class="lum-mini-card-img">[[File:K5T-16L2A4_KIT_B.png|center|link=Kit_Downloads]]</div>
<div class="lum-mini-card-title">[[Kit_Downloads|Kits]]</div>
          </div>
 
  <div class="lum-mini-card">
            <div class="lum-mini-card-img">[[File:S-1515A_Right_45Degree.png|center|link=IP_Speaker_Downloads]]</div>
<div class="lum-mini-card-title">[[IP_Speaker_Downloads|IP Speaker]]</div>
           </div>
 
  <div class="lum-mini-card">
            <div class="lum-mini-card-img">[[File:Access-Control-left.png|center|link=Access_Control_Downloads]]</div>
<div class="lum-mini-card-title">[[Access_Control_Downloads|Access Control]]</div>
          </div>
 
  <div class="lum-mini-card">
            <div class="lum-mini-card-img">[[File:Cloud-switches.png|center|link=Network_Switch_Downloads]]</div>
<div class="lum-mini-card-title">[[Network_Switch_Downloads|Networking]]</div>
          </div>
 
  <div class="lum-mini-card">
            <div class="lum-mini-card-img">[[File:TG-113A_Small.PNG|center|link=Off-Grid_Downloads]]</div>
<div class="lum-mini-card-title">[[Off-Grid_Downloads|Off-Grid]]</div>
          </div>
 
         </div>
       </div>
       </div>
    </div>
 
</div>


     <!-- Software Downloads Card -->
     <!-- Software Downloads Card -->
     <div class="lum-card" onclick="toggleCard(this)">
     <div class="lum-card" tabindex="0">
       <div class="lum-card-icon lum-icon-download"></div>
       <div class="lum-card-icon lum-icon-download"></div>
       <div class="lum-card-title"><a>Software Downloads</a></div>
       <div class="lum-card-title">Software Downloads</div>
       <p class="lum-card-desc">Desktop and mobile apps.</p>
       <p class="lum-card-desc">Desktop and mobile apps.</p>
 
       <div class="lum-card-dropdown">
       <div class="lum-card-dropdown">
         <ul class="lum-sub-list">
         <div class="lum-sub-card-grid">
           <li>[[Software#Desktop|Desktop Client (VMS/CMS)]]</li>
          <li>[[Software#Mobile|Mobile Apps (iOS/Android)]]</li>
           <div class="lum-mini-card">
        </ul>
            <div class="lum-mini-card-img">[[Computer_Software|<span class="lum-card-icon lum-icon-desktop"></span>]]</div>
      </div>
<div class="lum-mini-card-title">[[Computer_Software|Computer Software]]</div>
          </div>
 
  <div class="lum-mini-card">
            <div class="lum-mini-card-img">[[Mobile_Software|<span class="lum-card-icon lum-icon-mobile"></span>]]</div>
<div class="lum-mini-card-title">[[Mobile_Software|Mobile Apps]]</div>
          </div>
 
    </div>
  </div>
 
     </div>
     </div>


     <!-- Product Selector Card -->
     <!-- Product Selector Card -->
     <div class="lum-card" onclick="toggleCard(this)">
     <div class="lum-card" tabindex="0">
       <div class="lum-card-icon lum-icon-filter"></div>
       <div class="lum-card-icon lum-icon-filter"></div>
       <div class="lum-card-title"><a>Product Selector</a></div>
       <div class="lum-card-title">Product Selector</div>
       <p class="lum-card-desc">Browse cameras, NVRs and accessories.</p>
       <p class="lum-card-desc">Browse cameras, NVRs and accessories.</p>
 
       <div class="lum-card-dropdown">
       <div class="lum-card-dropdown">
         <ul class="lum-sub-list">
         <div class="lum-sub-card-grid">
           <li>[[Product_Selector#Cameras|IP Cameras Selector]]</li>
           <li>[[Product_Selector#NVRs|NVR Selector]]</li>
           <div class="lum-mini-card">
        </ul>
            <div class="lum-mini-card-img">[[File:Cameras.jpg|center|link=https://www.luminyscorp.com/products/explore?category_id=1,4]]</div>
      </div>
<div class="lum-mini-card-title">[https://www.luminyscorp.com/products/explore?category_id=1,4 IP Cameras]</div>
          </div>
 
  <div class="lum-mini-card">
            <div class="lum-mini-card-img">[[File:AnalogCam.jpg|center|link=https://www.luminyscorp.com/products/explore?category_id=12&pp=65-HD%20Analog%20Camera]]</div>
<div class="lum-mini-card-title">[https://www.luminyscorp.com/products/explore?category_id=12&pp=65-HD%20Analog%20Camera HD Analog]</div>
           </div>
 
  <div class="lum-mini-card">
            <div class="lum-mini-card-img">[[File:NVR-left.png|center|link=https://www.luminyscorp.com/products/explore?category_id=2]]</div>
<div class="lum-mini-card-title">[https://www.luminyscorp.com/products/explore?category_id=2 NVR]</div>
          </div>
 
  <div class="lum-mini-card">
            <div class="lum-mini-card-img">[[File:DVR-left.png|center|link=https://www.luminyscorp.com/products/explore?category_id=12&pp=65-Hybrid%20DVR]]</div>
<div class="lum-mini-card-title">[https://www.luminyscorp.com/products/explore?category_id=12&pp=65-Hybrid%20DVR DVR]</div>
          </div>
 
  <div class="lum-mini-card">
            <div class="lum-mini-card-img">[[File:Accessories.jpg|center|link=Accessories]]</div>
<div class="lum-mini-card-title">[[Accessories]]</div>
          </div>
 
    </div>
  </div>
 
     </div>
     </div>


     <!-- 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>

Latest revision as of 12:29, 22 October 2026

☰ Navigation Menu ▾

Browse by category:
How-To Guides

Cameras, recorders, access control and more.

Video Walkthroughs

Step-by-step setup and configurations.

Firmware & Data Sheets

Specs and downloads by product line.

Software Downloads

Desktop and mobile apps.

Product Selector

Browse cameras, NVRs and accessories.

Talk to a Luminys Support Engineer.