Browse Source

updated for normal computer screen size.

Signed-off-by: Nicholas Jerome <nicholas.jerome@kit.edu>
Nicholas Jerome 6 years ago
parent
commit
4235230146
2 changed files with 29 additions and 9 deletions
  1. 14 6
      index.html
  2. 15 3
      static/style.css

+ 14 - 6
index.html

@@ -13,7 +13,7 @@
 </head>
 
 <body>
-    <div id="kit-logo"><img src="http://katrin.kit.edu/static/kit_logo.svg" height=100></div>
+    <div id="kit-logo"><img src="http://katrin.kit.edu/static/kit_logo.svg" height:5%></div>
     <div id="competence-logo"><img src="http://katrin.kit.edu/static/CompetenceE-Logo.png" height=100></div>
     <div id="ipe-logo"><img src="http://katrin.kit.edu/static/IPE-Logo.png" height=100></div>
     <div id="container"></div>
@@ -55,13 +55,13 @@
                 
                 <div class="bar-setup">
 		    
-		    <span class="bl bar-hl">Show module number</span>
+		    <span class="bl bar-hl">Show array number</span>
                     <span class="br bar-info">
 		        <input type="checkbox" id="mylabel">
                     </span>
                 </div>
                 <div class="bar-setup">
-                    <span class="bl bar-hl">Show module type</span>
+                    <span class="bl bar-hl">Show inverter type</span>
                     <span class="br bar-info">
 		        <input type="checkbox" id="myType">
                     </span>
@@ -3395,21 +3395,29 @@ scene.add(pv101a);
 
             $("#textlegend_title").css("fontSize", "16px");
             $("#textlegend_title").text("Power (kW/kWp)");
+            $("#textlegend_title").css("color", "black");
+            $("#textlegend_title").css("background-color", "transparent");
+            $("#textlegend_title").css("font-family", "Source Code Pro");
 
-            $("#textlegend_mid").css("fontSize", "16px");
+            //font-family: 'Source Code Pro';
+
+            $("#textlegend_mid").css("fontSize", "14px");
             $("#textlegend_mid").css("color", "black");
             $("#textlegend_mid").css("background-color", "transparent");
             $("#textlegend_mid").text("0.5");
+            $("#textlegend_mid").css("font-family", "Source Code Pro");
 
-            $("#textlegend_low").css("fontSize", "16px");
+            $("#textlegend_low").css("fontSize", "14px");
             $("#textlegend_low").css("color", "black");
             $("#textlegend_low").css("background-color", "transparent");
             $("#textlegend_low").text("0.0");
+            $("#textlegend_low").css("font-family", "Source Code Pro");
 	    
-            $("#textlegend_high").css("fontSize", "16px");
+            $("#textlegend_high").css("fontSize", "14px");
             $("#textlegend_high").css("color", "black");
             $("#textlegend_high").css("background-color", "transparent");
             $("#textlegend_high").text("1.0");
+            $("#textlegend_high").css("font-family", "Source Code Pro");
 
             scene.add ( legend );
 

+ 15 - 3
static/style.css

@@ -84,9 +84,9 @@ table {
     position: absolute;
     top: 40px;
     left: 40%;
-
     font-family: 'Source Code Pro';
     color: #808080;
+    font-size: 100%;
 }
 
 #obj-tooltip {
@@ -96,15 +96,17 @@ table {
     width: 20%;
     font-family: 'Source Code Pro';
     color: #808080;
+    font-size: 100%;
 }
 
 #val-tooltip {
     position: absolute;
-    top: 80px;
+    top: 150px;
     right: 0px;
     width: 20%;
     font-family: 'Source Code Pro';
     color: #808080;
+    font-size: 100%;
 }
 
 #stat-tooltip {
@@ -310,13 +312,23 @@ table {
     position: absolute;
     left: 10px;
     top: 10px;
+    height: 10%;
+}
+
+#kit-logo img {
+    height: 100%;
+    width: 100%;
 }
 
 #competence-logo {
     position: absolute;
-    right: 300px;
+    right: 240px;
     bottom: 10px;
 }
+#competence-logo > img,
+#ipe-logo > img {
+    height: 50px;
+}
 
 #ipe-logo {
     position: absolute;