Merge pull request #25 from AA1-34-Ganesh/add-honeycomb-theme

Added Honeycomb Orbitron theme with new pattern, fonts.

Author: leviarista

js/data/patterns.js

@@ -427,5 +427,27 @@
         "titleFont": "Passero One",
         "subtitleFont": "Source Code Pro",
         "previewImage": "theme-21-preview.png"
-    }
+    },
+    {
+    "background": "#1b1f1c",
+    "padding": 40,
+    "titleColor": "#00FF41",
+    "subtitleColor": "#A0FFA0",
+    "borderColor": "#00FF41",
+    "borderSize": 3,
+    "borderRadius": 12,
+    "textAlign": "center",
+    "decoration": "headphones-cat-1.png",
+    "decorationSize": 90,
+    "pattern": "honeycomb",
+    "patternColor": "#004d00",
+    "patternSize": 80,
+    "patternOpacity": 0.6,
+    "titleFontSize": 44,
+    "subtitleFontSize": 22,
+    "titleFont": "Orbitron",
+    "subtitleFont": "Source Code Pro",
+    "previewImage": "theme-22-preview.png"
+}
+
 ]

js/data/presets.json

@@ -75,7 +75,8 @@
             </button>
             <button type="button" class="btn" aria-label="falling-triangles pattern button"
                 data-pattern-value="falling-triangles">
-                <img src="./images/patterns/falling-triangles-thumbnail.svg" alt="falling-triangles pattern button"  style="width: 45px;" />
+                <img src="./images/patterns/falling-triangles-thumbnail.svg" alt="falling-triangles pattern button"
+                    style="width: 45px;" />
             </button>
             <button type="button" class="btn" aria-label="glamorous pattern button" data-pattern-value="glamorous">
                 <img src="./images/patterns/glamorous-thumbnail.svg" alt="glamorous pattern button" />
@@ -98,7 +99,8 @@
             </button>
             <button type="button" class="btn" aria-label="endless-clouds pattern button"
                 data-pattern-value="endless-clouds">
-                <img src="./images/patterns/endless-clouds-thumbnail.svg" alt="endless-clouds pattern button" style="width: 45px;" />
+                <img src="./images/patterns/endless-clouds-thumbnail.svg" alt="endless-clouds pattern button"
+                    style="width: 45px;" />
             </button>
             <!-- <button type="button" class="btn" aria-label="random-shapes pattern button"
                 data-pattern-value="random-shapes">
@@ -126,7 +128,8 @@
                     style="width: 45px;" />
             </button>
             <button type="button" class="btn" aria-label="moroccan pattern button" data-pattern-value="moroccan">
-                <img src="./images/patterns/moroccan-thumbnail.svg" alt="moroccan pattern button" style="width: 50px;" />
+                <img src="./images/patterns/moroccan-thumbnail.svg" alt="moroccan pattern button"
+                    style="width: 50px;" />
             </button>
             <button type="button" class="btn" aria-label="charlie-brown pattern button"
                 data-pattern-value="charlie-brown">
@@ -142,14 +145,20 @@
                 <img src="./images/patterns/squares-thumbnail.svg" alt="squares pattern button" style="width: 45px;" />
             </button>
             <button type="button" class="btn" aria-label="graph-paper pattern button" data-pattern-value="graph-paper">
-                <img src="./images/patterns/graph-paper-thumbnail.svg" alt="graph-paper pattern button" style="width: 50px;" />
+                <img src="./images/patterns/graph-paper-thumbnail.svg" alt="graph-paper pattern button"
+                    style="width: 50px;" />
             </button>
             <button type="button" class="btn" aria-label="brick-wall pattern button" data-pattern-value="brick-wall">
-                <img src="./images/patterns/brick-wall-thumbnail.svg" alt="brick-wall pattern button"/>
+                <img src="./images/patterns/brick-wall-thumbnail.svg" alt="brick-wall pattern button" />
             </button>
             <button type="button" class="btn" aria-label="dalmatian-spots pattern button"
                 data-pattern-value="dalmatian-spots">
-                <img src="./images/patterns/dalmatian-spots-thumbnail.svg" alt="dalmatian-spots pattern button" style="width: 50px;" />
+                <img src="./images/patterns/dalmatian-spots-thumbnail.svg" alt="dalmatian-spots pattern button"
+                    style="width: 50px;" />
+            </button>
+            <button type="button" class="btn" aria-label="honeycomb pattern button" data-pattern-value="honeycomb">
+                <img src="./images/patterns/honeycomb-thumbnail.svg" alt="honeycomb pattern button"
+                    style="width: 50px;" />
             </button>
         </div>
     </div>

partials/toolbox/background.html

@@ -81,6 +81,7 @@
                     <!-- <option value="Georgia">Georgia</option> -->
                     <option value="Garamond" style="font-family: Garamond;">Garamond</option>
                     <option value="Courier New" style="font-family: Courier New;">Courier New</option>
+                    <option value="Orbitron" style="font-family: Orbitron;">Orbitron</option>
                     <!-- <option value="Brush Script MT" style="font-family: Brush Script MT;">Brush Script MT</option> -->
                 </select>
             </div>
@@ -113,6 +114,7 @@
                     <!-- <option value="Georgia">Georgia</option> -->
                     <option value="Garamond" style="font-family: Garamond;">Garamond</option>
                     <option value="Courier New" style="font-family: Courier New;">Courier New</option>
+                    <option value="Orbitron" style="font-family: Orbitron;">Orbitron</option>
                     <!-- <option value="Brush Script MT" style="font-family: Brush Script MT;">Brush Script MT</option> -->
                 </select>
             </div>

partials/toolbox/main.html

@@ -27,6 +27,7 @@
     <div class="pixelify-sans"> Hey! I'm Leví Arista. username/project - pixelify-sans</div>
     <div class="kalam"> Hey! I'm Leví Arista. username/project - kalam</div>
     <div class="playball"> Hey! I'm Leví Arista. username/project - playball</div>
+    <div class="orbitron">Hey! I'm Leví Arista. username/project - orbitron</div>
     <!-- <div class="dancing-script"> Hey! I'm Leví Arista. username/project - dancing-script</div> -->
     <!-- <div class="courgette"> Hey! I'm Leví Arista. username/project - courgette [X]</div> -->
 </div>