smaller prog previews + self test

www/data/binaries/.gitignore

@@ -0,0 +1 @@
+*.zip

www/data/css/styles.css

@@ -230,6 +230,8 @@ body {
         background-color: #555; }
     #headerdiv .tabrow .tab_active {
       background-color: #442222; }
+    #headerdiv .tabrow .tab_admin {
+      background-color: #222244; }
     #headerdiv .tabrow .tab_split {
       flex: auto; }
     #headerdiv .tabrow .tab_github {
@@ -1051,6 +1053,8 @@ html, body {
   .keyvaluelist div {
     display: flex;
     flex-direction: row; }
+    .keyvaluelist div span {
+      align-self: center; }
     .keyvaluelist div span:first-child {
       font-weight: bold;
       min-width: 500px; }
@@ -1064,6 +1068,21 @@ html, body {
 .kvl_300 div span:first-child {
   min-width: 300px; }
 
+.consistency_result_ok, .consistency_result_warn, .consistency_result_err {
+  min-width: 400px;
+  border: 1px solid #888;
+  padding: 0 5px;
+  margin: 1px 0; }
+
+.consistency_result_ok {
+  background: #0F0; }
+
+.consistency_result_warn {
+  background: #FF0; }
+
+.consistency_result_err {
+  background: #F00; }
+
 /* 400px */
 #loginform div {
   display: flex;

www/data/css/styles.min.css

@@ -48,6 +48,7 @@ body{background-color:#EEE;color:#CCC;font-family:serif}
 #headerdiv .tabrow .tab{display:flex;justify-content:center;align-items:center;background-color:#222;color:#CCC;border-left:1px solid #000;border-right:1px solid #000;font-weight:bold;text-decoration:none;margin:0 0 0 20px;padding:2px 5px;min-width:64px;text-align:center;flex:initial}
 #headerdiv .tabrow .tab:hover{cursor:pointer;background-color:#555}
 #headerdiv .tabrow .tab_active{background-color:#422}
+#headerdiv .tabrow .tab_admin{background-color:#224}
 #headerdiv .tabrow .tab_split{flex:auto}
 #headerdiv .tabrow .tab_github{background-color:#4078c0;border-left:1px solid #111;border-right:0;color:black}
 #headerdiv .tabrow .tab_github:hover{background-color:#c9510c;color:black}
@@ -260,10 +261,15 @@ html,body{margin:0;padding:0;height:100%}
 .egh_ajaxOutput{display:flex;box-sizing:border-box;width:100%;align-self:center;justify-self:center;margin-left:auto;margin-right:auto;resize:none;height:300px}
 .keyvaluelist{display:flex;flex-direction:column}
 .keyvaluelist div{display:flex;flex-direction:row}
+.keyvaluelist div span{align-self:center}
 .keyvaluelist div span:first-child{font-weight:bold;min-width:500px}
 .kvl_100 div span:first-child{min-width:100px}
 .kvl_200 div span:first-child{min-width:200px}
 .kvl_300 div span:first-child{min-width:300px}
+.consistency_result_ok,.consistency_result_warn,.consistency_result_err{min-width:400px;border:1px solid #888;padding:0 5px;margin:1px 0}
+.consistency_result_ok{background:#0F0}
+.consistency_result_warn{background:#FF0}
+.consistency_result_err{background:#F00}
 #loginform div{display:flex;flex-direction:column}
 #loginform div button{margin:10px 0;padding:0}
 .loginerror{display:flex;background:#f44;font-weight:bold;padding:0 5px;margin:5px 0 20px 0}

www/data/css/styles_admin.scss

@@ -29,7 +29,7 @@
   div {
     display: flex;
     flex-direction: row;
-
+    span {align-self: center;}
     span:first-child {
       font-weight: bold;
       min-width: 500px;
@@ -44,4 +44,14 @@
 
 .kvl_100 div span:first-child { min-width: 100px; }
 .kvl_200 div span:first-child { min-width: 200px; }
-.kvl_300 div span:first-child { min-width: 300px; }
+.kvl_300 div span:first-child { min-width: 300px; }
+
+.consistency_result_ok, .consistency_result_warn, .consistency_result_err {
+  min-width: 400px;
+  border: 1px solid #888;
+  padding: 0 5px;
+  margin: 1px 0;
+}
+.consistency_result_ok   { background: #0F0; }
+.consistency_result_warn { background: #FF0; }
+.consistency_result_err  { background: #F00; }

www/data/css/styles_config.scss

@@ -13,6 +13,7 @@ $COL_COMPLEXHOVER_BRD:  black;
 
 $COL_GITHUB:            #4078C0;
 $COL_HIGHLIGHT_RED:     #442222;
+$COL_HIGHLIGHT_BLUE:    #222244;
 
 $FONT_HEADER: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
 $FONT_CODE: Consolas, Monaco, "Courier New", Menlo, monospace;

www/data/css/styles_header.scss

@@ -53,6 +53,7 @@
     }
 
     .tab_active { background-color: $COL_HIGHLIGHT_RED; }
+    .tab_admin {  background-color: $COL_HIGHLIGHT_BLUE; }
 
     .tab_split {
       flex: auto;

www/data/dynamic/.gitignore

@@ -0,0 +1,4 @@
+*
+!.gitignore
+!.gitkeep
+!.htaccess

www/data/dynamic/.htaccess

@@ -0,0 +1 @@
+Deny from all