wip

src/ui/Server.cpp

@@ -24,7 +24,7 @@ Server::Server(Logger& logger, EventBus& eventBus)
 
     _server->set_logger([this](const auto& req, const auto& res) {
         //your_logger(req, res);
-        _logger.debug.ln ("UI Log message from Webserver. Implement passthrough!");
+        _logger.info.ln ("UI Log message from Webserver. Implement passthrough!");
     });
 
     _thread = thread(&Server::run, this);

static/ui/index.htm

@@ -55,9 +55,9 @@
     <section id="nav_left">
       <h1>PLAINS</h1>
       <ul>
-        <li><p></p>About</p></li>
-        <li><p></p>Support</p></li>
-        <li><p></p>Contribute</p></li>
+        <li><a>About</a></li>
+        <li><a>Support</a></li>
+        <li><a>Contribute</a></li>
       </ul>
     </section>
     <section id="page">

static/ui/style.css

@@ -121,26 +121,6 @@ p {
   background-color: #404040;
 }
 
-#footer {
-  margin: 0;
-  height: 50px;
-  justify-content: left;
-  display: flex;
-  align-items: center;
-  position: relative;
-  right: 0;
-  bottom: 0;
-  /*background-image: linear-gradient(90deg, #202020, #000000);*/
-  /*background-image: linear-gradient(90deg, #000000, #000030, #6000B0, #000030);*/
-  border-top: 1px solid #000000;
-}
-
-#footer p {
-  font-weight: bold;
-  font-size: 130%;
-  margin: 20px;
-}
-
 #nav_left {
   margin: 0;
   top: 0;
@@ -169,7 +149,7 @@ p {
 
 #nav_left ul li {
   margin: 0;
-  padding: 10px 0;
+  padding: 15px 0;
   height: inherit;
   width: 100%;
   text-decoration: none;
@@ -189,7 +169,7 @@ p {
   letter-spacing: 30px;
 }
 
-#nav_left p {
+#nav_left a {
   margin: 10px 0;
   padding: 0;
   text-align: center;
@@ -198,3 +178,23 @@ p {
 #nav_left ul li:hover {
   background-color: #303030;
 }
+
+#footer {
+  margin: 0;
+  height: 50px;
+  justify-content: left;
+  display: flex;
+  align-items: center;
+  position: relative;
+  right: 0;
+  bottom: 0;
+  /*background-image: linear-gradient(90deg, #202020, #000000);*/
+  /*background-image: linear-gradient(90deg, #000000, #000030, #6000B0, #000030);*/
+  border-top: 1px solid #000000;
+}
+
+#footer p {
+  font-weight: bold;
+  font-size: 130%;
+  margin: 20px;
+}