MAPG-97 make better split up of JSs, CSSs, SVGs, templates

views/templates/header.php

@@ -1,7 +1,7 @@
 <div class="header">
     <h1>
         <a href="/" title="MapGuesser">
-            <?php require ROOT . '/views/templates/icon.php'; ?>
+            <img class="inline" src="/static/img/icon.svg">
             MapGuesser
         </a>
     </h1>

views/templates/icon.php

@@ -1,4 +0,0 @@
-<?php /* Copyright (c) 2019 The Bootstrap Authors. License can be found in 'USED_SOFTWARE' in section 'Bootstrap Icons'. */ ?>
-<svg class="inline" width="1em" height="1em" viewBox="0 0 16 16" fill="#28a745" xmlns="http://www.w3.org/2000/svg">
-    <path fill-rule="evenodd" d="M15.817.613A.5.5 0 0 1 16 1v13a.5.5 0 0 1-.402.49l-5 1a.502.502 0 0 1-.196 0L5.5 14.51l-4.902.98A.5.5 0 0 1 0 15V2a.5.5 0 0 1 .402-.49l5-1a.5.5 0 0 1 .196 0l4.902.98 4.902-.98a.5.5 0 0 1 .415.103zM10 2.41l-4-.8v11.98l4 .8V2.41zm1 11.98l4-.8V1.61l-4 .8v11.98zm-6-.8V1.61l-4 .8v11.98l4-.8z" />
-</svg>

views/templates/main_header.php

@@ -5,6 +5,11 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>MapGuesser</title>
     <link href="/static/css/mapguesser.css" rel="stylesheet">
+    <?php if (isset($cssFiles)) : ?>
+        <?php foreach ($cssFiles as $cssFile) : ?>
+            <link href="<?= $cssFile ?>" rel="stylesheet">
+        <?php endforeach; ?>
+    <?php endif; ?>
     <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;500&family=Roboto+Mono:wght@300;500&display=swap" rel="stylesheet">
     <link rel="icon" type="image/png" sizes="192x192" href="/static/img/favicon/192x192.png">
     <link rel="icon" type="image/png" sizes="96x96" href="/static/img/favicon/96x96.png">