separiere den Punktestand spezifischen CSS Code in eigene Datei

4 files changed, 15 insertions, 9 deletions

diff --git a/Makefile b/Makefile
index f07d611..00d352a 100644
--- a/Makefile
+++ b/Makefile
@@ -2,10 +2,10 @@ JS := node_modules/chart.js/dist/chart.umd.js node_modules/chart.js/dist/chart.u
       node_modules/chartjs-plugin-annotation/dist/chartjs-plugin-annotation.min.js \
       index.js
 PHP := index.php lade_daten.php config.php
-CSS := index.css
+CSS := index.css punktestand.css
 
 .PHONY: all
-all: dist/js dist/php dist/index.css
+all: dist/js dist/php dist/css
 
 dist:
 	mkdir -p $@
@@ -18,8 +18,9 @@ dist/js: $(JS) dist
 dist/php: $(PHP) dist
 	for php in $(PHP); do cp $$php ${@D}; done
 
-dist/index.css: index.css
-	cp $< $@
+.PHONY: dist/css
+dist/css: $(CSS) dist
+	for css in $(CSS); do cp $$css ${@D}; done
 
 .PHONY: clean
 clean:
diff --git a/index.css b/index.css
index a67d04c..1e6e40a 100644
--- a/index.css
+++ b/index.css
@@ -64,7 +64,3 @@ li.ereignis {
   margin-top: 2px;
   display: block;
 }
-
-td.streak {
-  text-align: center;
-}
diff --git a/index.php b/index.php
index f358289..f14b474 100644
--- a/index.php
+++ b/index.php
@@ -1,6 +1,10 @@
 <!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">
 <head>
+  <!-- Willkommen im Quellcode dieser Seite! Wenn du verstehen willst wie die
+       Seite funktioniert, findest du den Quellcode unter:
+       https://git.muhq.space/schule/punktestand
+  -->
   <title>Punktestand</title>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -9,8 +13,10 @@
   <!-- Setze ein leeres Bild als favicon -->
   <link rel="icon" href="data:,">
 
-  <!-- Lade den CSS Code, der das Aussehen der Seite definiert -->
+  <!-- Lade den allgemeinen CSS Code, der das Aussehen der Seite definiert -->
   <link rel="stylesheet" href="index.css"/>`
+  <!-- Lade den CSS Code, der das Aussehen der punktestand Seite geneauer definiert -->
+  <link rel="stylesheet" href="punktestand.css"/>`
 
   <!-- Die Daten für den Jahrgang und das Schuljahr aus der Datenbank -->
   <?php 
diff --git a/punktestand.css b/punktestand.css
new file mode 100644
index 0000000..f334e94
--- /dev/null
+++ b/punktestand.css
@@ -0,0 +1,3 @@
+td.streak {
+  text-align: center;
+}