#7 Updated web interface

Added skeleton for color guidelines
Idrian · Aug 24, 2017 · e0905d4 · e0905d4
1 parent e831f0a
commit e0905d4
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/css/style.css b/css/style.css
@@ -393,6 +393,10 @@ a{
     min-height: 400px;
 }
 
+#colorGuidelinesCanvas{
+    min-height: 400px;
+}
+
 #converter2Canvas1{
     background-color: transparent;
     min-height: 400px;

diff --git a/index.html b/index.html
@@ -597,8 +597,18 @@ <h4 class="modal-title">Rules file color guidelines</h4>
     "Texture" : "./resources/textures/-----.jpg"
 ]}
 </code></pre><br/>
-                        <div id="converter1Canvas" width="800" height="400"></div>
+                        <div id="colorGuidelinesCanvas" width="800" height="400"></div>
                 <h4>Available colors:</h4>
+                  <div id="availableColorList" class="row available-color-list">
+                    <div class="col-xs-12 available-color-container">
+                        <div class="col-xs-2 available-color-display" style="background-color: #678945">
+                            &nbsp;
+                        </div>
+                        <div class="col-xs-10 available-color-name">
+                            | "0x678945"
+                        </div>
+                      </div>
+                  </div>
                 </div>
               </div>
               <div class="modal-footer">