update images + minor css fix

src/assets/css/styles.css

@@ -198,17 +198,18 @@ main {
     background-color: #111833;
 }
 
-.frontpage p {
-    /* color: red; */
-    margin-bottom: 0;
+.frontpage p,
+.frontpage h2 {
+    color: white;
+    /* margin-bottom: 0; */
 }
 
 .frontpage>main img {
     float: left;
-    width: auto;
+    /* width: auto; */
     height: auto;
     width: 33.333%;
-    margin-top: 15em;
+    /* margin-top: 15em; */
     margin-left: 0;
     margin-bottom: 0;
 }

src/html/index.md

@@ -4,13 +4,18 @@ description: Frontpage
 priority: 1.0
 ---
 <!-- TODO: data-contract-3d image should be placed above dashbox image (and scaled and fine positioned) -->
-<!-- [![dashbox]({{ root }}images/data-contract-3d.png)]({{ root }}docs/) -->
-[![dashbox]({{ root }}images/dashbox-front-orange.png)]({{ root }}docs/)
-[![dashbox]({{ root }}images/blockman-front-red.png)]({{ root }}docs/)
-[![dashbox]({{ root }}images/reactvue-front-yellow.png)]({{ root }}docs/)
+[![dashbox]({{ root }}images/front/data_contract_3d.png)]({{ root }}docs/)
 
-<!-- [![dashbox]({{ root }}images/tinker-v1.png)](http://dash.org/) -->
-<!-- [![dashbox]({{ root }}images/myArt1.png)](http://dash.org/) -->
+## Tools, Examples and Inspiration for Data Contracts
+
+Dashdev-Suite Dapp Framework. Making developers life easier.
+
+<!-- [![dashbox]({{ root }}images/front/data_contract_3d.png)]({{ root }}docs/) -->
+
+
+[![dashbox]({{ root }}images/front/dashbox-front-orange.png)]({{ root }}docs/)
+[![dashbox]({{ root }}images/front/blockman-front-red.png)]({{ root }}docs/)
+[![dashbox]({{ root }}images/front/reactvue-front-yellow.png)]({{ root }}docs/)
 
 
 <!-- [Get started&hellip;]({{ root }}docs/) -->