AUS-435 added links, fix css

Author: Itay Krämer

docker/nginx/nginx.conf

@@ -1,19 +1,26 @@
-server {
-    listen 80;
-    index index.php;
-    error_log  /var/log/nginx/error.log;
-    access_log /var/log/nginx/access.log;
-    error_page 404 /index.php;
-    root /var/www/public;
-    location ~ \.php$ {
-        try_files $uri =404;
-        fastcgi_pass app:9000;
-        fastcgi_index index.php;
-        include fastcgi_params;
-        fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
-    }
-    location / {
-        try_files $uri $uri/ /index.php?$query_string;
-        gzip_static on;
+http {
+    include /etc/nginx/mime.types;
+    server {
+        listen 80;
+        index index.php;
+        error_log  /var/log/nginx/error.log;
+        access_log /var/log/nginx/access.log;
+        error_page 404 /index.php;
+        root /var/www/public;
+        location ~ \.php$ {
+            try_files $uri =404;
+            fastcgi_pass app:9000;
+            fastcgi_index index.php;
+            include fastcgi_params;
+            fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
+        }
+        location / {
+            try_files $uri $uri/ /index.php?$query_string;
+            gzip_static on;
+        }
+
+        location ~* \.css$ {
+            add_header Content-Type text/css;
+        }
     }
 }

src/public/index.php

@@ -49,7 +49,7 @@
                <h3 class='red'>Error</h3>
                <p>Didn't find the virtual host <b>$serverDomain</b>, so couldn't start the containers for it</p>
                <p>Virtual Hosts found instead:</p>
-               <ul><li>" . implode("<li>", $virtualHosts) . "</ul>
+               <ul><ul><li>" . implode("</li><li>", array_map(fn($virtualHosts) => "<a class='link' href='http://$virtualHosts' target='_blank'>$virtualHosts</a>", $virtualHosts)) . "</li></ul>
                  </div>
             </body>
         </html>";

src/public/styles.css

@@ -5,7 +5,7 @@
     --grey: grey;
     --black: rgb(15, 15, 15);
     --lightgrey: rgb(245, 245, 245);
-    --babypink:  #F082AC;
+    --babypink: #F082AC;
     --white: white;
 }
 
@@ -52,3 +52,7 @@ body {
 .button:focus {
     background-color: var(--babypink);
 }
+
+.link {
+    text-decoration: none;
+}