add GDO blaQ

konnected-io · Mar 19, 2024 · cbc057c · cbc057c
1 parent 1929c97
commit cbc057c
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 5 deletions.
diff --git a/assets/gdo_blaq_tile.jpg b/assets/gdo_blaq_tile.jpg
diff --git a/index.html b/index.html
@@ -32,7 +32,7 @@
       h2{font-weight:300;font-family:"basic-sans",HelveticaNeue,"Helvetica Neue",sans-serif;}
       h3{font-weight:normal;font-family:"basic-sans",HelveticaNeue,"Helvetica Neue",sans-serif;}
       li{margin-bottom: 1em;}
-      .main{margin: 2em auto;min-width:340px;max-width:860px;width:860px;}
+      .main{margin: 2em auto;min-width:340px;max-width:1090px;width:1090px;}
       .logo{text-align: center;}
       .sub{font-weight:lighter;font-size:1em;}
       .sub b{font-weight:normal;}
@@ -53,7 +53,7 @@
       div.firmware.radios{display:flex;align-items:start;flex-direction:row;flex-wrap:wrap;}
       div.build.radios{border-radius:10px;display:block;border:4px solid #f8f8f8;padding:1em;}
       div.radios label{cursor:pointer;display:block;position:relative;}
-      div.hardware.radios label{width:32%;}
+      div.hardware.radios label{width:24%;}
       div.firmware.radios label{padding:4px;width:45%;margin:0.5em;border-radius:10px;border:4px solid #f8f8f8;}
       div.hardware.radios input{position:absolute;top:16px;left:16px;}
       div.radios img{width:240px;margin:0 auto;}
@@ -104,18 +104,21 @@ <h2>Select your Konnected hardware:</h2>
             <input type="radio" name="hardware" value="alarm-panel-esp8266">
             <p>6-zone Alarm Panels</p>           
           </label>
-
           <label>
             <img src="https://konnected.io/cdn/shop/products/12_zones_-_1_kit_791fbf60-751a-4428-aa8c-dcb4b7474989.png?v=1691699521&width=240" alt="Alarm Panel Pro">
             <input type="radio" name="hardware" value="alarm-panel-pro">
             <p>Alarm Panel Pro</p>           
           </label>
-
           <label>
             <img src="https://konnected.io/cdn/shop/files/GDOProductImages_2_1.png?v=1706810917&width=240" alt="GDO White">
             <input type="radio" name="hardware" value="gdo-white">
             <p>GDO White (v1 or v2)</p>           
           </label>
+          <label>
+            <img src="assets/gdo_blaq_tile.jpg" alt="GDO blaQ">
+            <input type="radio" name="hardware" value="gdo-blaq">
+            <p>GDO blaQ</p>           
+          </label>
         </div>
 
         <h2 id="firmware-header" style="display:none;">Select a firmware platform:</h2>
@@ -199,7 +202,7 @@ <h2 id="firmware-header" style="display:none;">Select a firmware platform:</h2>
           </label>
         </div>
 
-        <!-- Garage Door Opener -->
+        <!-- GDO White -->
         <div class="firmware radios" id="gdo-white" style="display:none;">
           <label>
             <div class="img-container">
@@ -230,6 +233,26 @@ <h2 id="firmware-header" style="display:none;">Select a firmware platform:</h2>
           </label>
         </div>
 
+        <!-- GDO blaQ -->
+        <div class="firmware radios" id="gdo-blaq" style="display:none;">
+          <label>
+            <div class="img-container">            
+              <img src="assets/made-for-esphome-black-on-white.svg">
+            </div>
+            <p>
+              <input type="radio" name="firmware" value="esphome" data-manifest="manifests/esphome-gdov2-q.json">
+              ESPHome firmware<span class="badge new">NEW</span>
+            </p>
+            <ul class="sub">
+              <li><b>SmartThings</b> and <b>Alexa</b> integration via Konnected Cloud</li>
+              <li><b>Home Assistant</b> and <b>Hubitat</b> integration via native local API</li>
+              <li><b>Control4</b> and <b>Homeseer</b> integration via <a href="https://konnected.readme.io/v2.0/reference" target="_blank">local device API v2</a>.</li>
+            </ul>
+          </label>
+        </div>
+
+
+
         <h2 id="build-header" style="display:none;">Select a build:</h2>
         <div class="build radios" id="alarm-panel-pro-esphome" style="display:none">
           <p class="sub">ESPHome can support only ethernet <em>or</em> Wi-Fi, not both at the same time. Choose the build below according to your desired connectivity. Check the hardware version on the Alarm Panel Pro board underneath the logo.</p>