inspirational quotes frontend

templates/index.html

@@ -2091,6 +2091,7 @@
                 <li>Clock 1</li>
                 <li>Clock 2</li>
                 <li>World Clock</li>
+                <li>Inspirational Quotes</li>
 
               {%endif%}
                 
@@ -2209,6 +2210,7 @@
               <option value="23">Clock 1</option>
               <option value="24">Clock 2</option>
               <option value="25">World Clock</option>
+              <option value="26">Inspirational Quotes</option>
             </select>
           </div> 
 
@@ -2217,13 +2219,9 @@
           <!-- Stocks -->
 
           <div class="page" id="Page1">
-
             <div class="row">
-
               <div class="col-lg-6 col-md-6 col-sm-12">
-
                 <div class="row g-3 align-items-center mt-3 left-div">
-
                   <div class="col-auto">
                     <label for="inputScrollSpeedZ" class="col-form-label"
                       >Scroll Speed:
@@ -2233,8 +2231,7 @@
                   <div class="col-auto">
                     <select
                       id="inputScrollSpeed"
-                      class="form-select speed-select"
+                      class="form-select speed-select">
-                    >
                       <option {%if stocks_settings.speed == 'medium' %} selected {% endif %}>Medium</option>
                       <option {%if stocks_settings.speed == 'slow' %} selected {% endif %}>Slow</option>
                       <option {%if stocks_settings.speed == 'fast' %} selected {% endif %}>Fast</option>
@@ -2245,7 +2242,6 @@
 
 
                 <div class="row g-3 align-items-center mt-3 left-div">
-
                   <div class="col-auto">
                     <label for="inputScrollSpeedRowZ2" class="col-form-label"
                       >Scroll Speed (Row 2):
@@ -2255,8 +2251,7 @@
                   <div class="col-auto">
                     <select
                       id="inputScrollSpeedRow"
-                      class="form-select speed-select"
+                      class="form-select speed-select">
-                    >
                       <option {%if stocks_settings.speed2 == 'medium' %} selected {% endif %}>Medium</option>
                       <option {%if stocks_settings.speed2 == 'slow' %} selected {% endif %}>Slow</option>
                       <option {%if stocks_settings.speed2 == 'fast' %} selected {% endif %}>Fast</option>
@@ -2278,8 +2273,7 @@
                   <div class="col-auto">
                     <select
                       id="inputTransition"
-                      class="form-select animation-select"
+                      class="form-select animation-select">
-                    >
                       <option {%if stocks_settings.animation == 'down' %} selected {% endif %}>Down</option>
                       <option {%if stocks_settings.animation == 'up' %} selected {% endif %}>Up</option>
                       <option {%if stocks_settings.animation == 'continuous' %} selected {% endif %}>Continuous</option>
@@ -2305,8 +2299,7 @@
                       id="inputText3"
                       class="form-control"
                       aria-describedby="TextHelpInline"
-                      placeholder="e.g. AAPL"
+                      placeholder="e.g. AAPL"/>
-                    />
                   </div>
 
                   <div class="col-auto">
@@ -8848,6 +8841,142 @@
 
           </div>
 
+
+
+    <!-- INSPIRATIONAL QUOTES -->
+    
+          <div class="page" id="Page26" style="display: none">
+            <div class="row">
+
+              <div class="col-lg-6 col-md-6 col-sm-12">
+
+                <div class="row g-3 align-items-center mt-3">
+                  <div class="col-auto">
+                    <label for="inputScrollSpeedZ222" class="col-form-label">Scroll Speed:</label>
+                  </div>
+                  <div class="col-auto">
+                    <select
+                      id="inputScrollSpeed26"
+                      class="form-select speed-select">
+                      <option {%if quotes_settings.speed == 'medium' %} selected {% endif %}>Medium</option>
+                      <option {%if quotes_settings.speed == 'slow' %} selected {% endif %}>Slow</option>
+                      <option {%if quotes_settings.speed == 'fast' %} selected {% endif %}>Fast</option>
+                    </select>
+                  </div>
+                </div>
+
+                <div class="row g-3 align-items-center mt-3 left-div">
+                  <div class="col-auto">
+                    <label for="inputScrollSpeedRowZ222" class="col-form-label">Scroll Speed (Row 2):</label>
+                  </div>
+                  <div class="col-auto">
+                    <select
+                      id="inputScrollSpeedRow26"
+                      class="form-select speed-select">
+                      <option {%if quotes_settings.speed2 == 'medium' %} selected {% endif %}>Medium</option>
+                      <option {%if quotes_settings.speed2 == 'slow' %} selected {% endif %}>Slow</option>
+                      <option {%if quotes_settings.speed2 == 'fast' %} selected {% endif %}>Fast</option>
+                    </select>
+                  </div>
+                </div>
+
+                <div class="row g-3 align-items-center mt-3">
+                  <div class="col-auto">
+                    <label for="inputTransitionZ222" class="col-form-label">Intro Transition:
+                    </label>
+                  </div>
+                  <div class="col-auto">
+                    <select id="inputTransition26" class="form-select animation-select">
+                      <option {%if quotes_settings.animation == 'down' %} selected {% endif %}>Down</option>
+                      <option {%if quotes_settings.animation == 'up' %} selected {% endif %}>Up</option>
+                      <option {%if quotes_settings.animation == 'continuous' %} selected {% endif %}>Continuous</option>
+                    </select>
+                  </div>
+                </div>
+
+                <div class="row g-3 align-items-center left-div" style="padding-top: 25px;">
+                  <div class="col-auto">
+                    <label for="inputTransitionZ222" class="col-form-label">
+                      Display Feature Title
+                    </label>
+                  </div>
+                  <div class="col-auto">
+                    <input
+                      class="form-check-input title-select"
+                      type="checkbox"
+                      value=""
+                      id="quotes_settings_title"
+                      {% if quotes_settings.title%}
+                      checked
+                      {%endif%}/>
+                  </div>
+                </div>
+
+                <div class="row g-3 align-items-center mt-3">
+                  <div class="col-auto">
+                    <label for="quotes-amount" class="col-form-label">Amount: </label>
+                  </div>
+                  <div class="col-auto">
+                    <select id="quotes-amount" class="form-select quotes-amount-select">
+                      <option {%if quotes_settings.amount == '1' %} selected {% endif %}>1</option>
+                      <option {%if quotes_settings.amount == '2' %} selected {% endif %}>2</option>
+                      <option {%if quotes_settings.amount == '3' %} selected {% endif %}>3</option>
+                      <option {%if quotes_settings.amount == '4' %} selected {% endif %}>4</option>
+                      <option {%if quotes_settings.amount == '5' %} selected {% endif %}>5</option>
+                    </select>
+                  </div>
+                </div>
+
+                
+              </div>
+
+
+              <div class="col-lg-4 col-md-4 col-sm-12">
+                <h6 class="mt-3">List:</h6>
+                <div class="features-div-two">
+                  <ul
+                    id="quotes-list"
+                    class="display-features-list text-white symbol-list">
+                  </ul>
+                </div>
+              </div>
+
+              <div class="col-lg-2 col-md-2 col-sm-12">
+                <div class="icons-list">
+                  <i
+                    id="quotes-increase-btn"
+                    class="upbutton fa fa-chevron-up"
+                    aria-hidden="true"
+                  ></i>
+                  <br />
+                  <br />
+                  <i
+                    id="quotes-decrease-btn"
+                    class="downbutton fa fa-chevron-down"
+                    aria-hidden="true"
+                  ></i>
+                  <a style="position: relative; bottom: 30px; left: 10px">Sort Order</a>
+                  <br />
+                  <br />
+                  <i
+                    id="quotes-remove-btn"
+                    class="fa fa-minus"
+                    aria-hidden="true"
+                  ></i>
+                  <span style="position: relative; bottom: 0; left: 10px">Remove</span>
+
+                </div>
+              </div>
+            </div>
+
+            <div class="save-btn-div">
+              <a href="#" class="btn save-btn">Save</a>
+            </div>
+
+          </div> 
+
+
+
       
                 
           <!-- Custom Images -->