🎨

Former-commit-id: 4b21252b2dc68423e4150b9ffb60e607e81650ce

.env

@@ -5,7 +5,7 @@ PORT_DEV=8080
 
 LOG_LEVEL=0
 LOG_CONSOLE=true
-LOG_PATH=logs.log
+LOG_FILE=logs.log
 LOG_NET_HOST=127.0.0.1
 LOG_NET_PORT=21
 

client/public/components/compact-listing.mjs

@@ -10,14 +10,18 @@ class CompactProductListing extends Component {
     Render() {
         return {
             template: `
-                {this.state.name}
-                {this.state.desc}
-                £{this.state.price}
                 <img src="{this.state.image}"></img>
+                {this.state.name} <p>
+                {this.state.desc} <p>
+                £{this.state.price}
             `,
             style: `
-                compact-listing-component {    
-                    display: flex;        
+                compact-listing-component {
+                    display: flex;
+                    text-align: center;
+                    width: 200px;
+                    flex-direction: column;
+                    margin: 10px;
                 }
             `,
         };

client/public/components/product-list.mjs

@@ -5,7 +5,7 @@ class ProductList extends Component {
 
     constructor() {
         super(ProductList);
-    }
+    } 
 
     async Render() {
         const route = this.state.getroute;
@@ -13,20 +13,20 @@ class ProductList extends Component {
 
         return {
             template: `
-                <h1>{this.state.title}</h1>
+                <h2>{this.state.title}</h2>
                 <div class="product-list">
                     ${products.data.map(product => {
                         return `<compact-listing-component name="${product.name}"
                                     desc="${product.description}"
                                     image="${product.image}"
-                                    price="${product.price}"></compact-listing-component>`;
+                                    price="${product.price}"></compact-listing-component>
+                        `;
                     })}
                 </div>
             `,
             style: `
                 .product-list {
                     display: flex;
-                    flex-wrap: wrap;
                     margin: 0 auto;
                     max-width: 800px;
                 }

client/public/components/templates/navbar.html

@@ -1,5 +1,5 @@
 <nav class="navbar">
-    <div class="logo"><img src="res/logo.svg" height="80em" alt="logo"></div>
+    <div class="logo"><a href="/"><img src="res/logo.svg" height="80em" alt="logo"></a></div>
     
     <div class="push-right">
         <!-- https://jonsuh.com/hamburgers/ -->