WIP: added footer

homepage/cwsvJudo/Makefile.heliohost

@@ -2,7 +2,7 @@
 
 include Makefile.heliohost.config
 
-cssFiles = $(wildcard src/css/*.css)
+cssFiles = $(wildcard src/css/materialize/*.css)
 mdFiles = $(wildcard src/md/*.md)
 phpFiles = $(patsubst src/md/%.md, build/materialize/%.php, $(mdFiles))
 ampFiles = $(patsubst src/md/%.md, build/amp/%.php, $(mdFiles))
@@ -37,6 +37,10 @@ installDependencies:
 # - materialize-css
 	if [ ! -d "submodules/materialize" ]; then cd submodules; git clone https://github.com/materializecss/materialize; fi
 	cd submodules/materialize; git fetch; git checkout $(VERSION_MATERIALIZE); npm install; npm audit fix; npm run release;
+# - google material icons
+	if [ ! -d "submodules/material-design-icons" ]; then cd submodules; git clone --filter=tree:0 https://github.com/google/material-design-icons.git; fi
+	cd submodules/material-design-icons; git fetch; git checkout $(VERSION_GOOGLE_MATERIAL_ICONS);
+
 
 # copy/link all together to get a "distributable" package
 # (distributable means: That directory can be uploaded va ftp)
@@ -132,10 +136,15 @@ build/yaml/%.yaml: src/yaml/images.yaml src/yaml/navTargets.yaml src/yaml/mainNa
 	mkdir -p build/yaml
 	python tools/yamlMerge.py $^ > $@
 
+
 # combine css files into one
 build/css/cwsvJudo.css: $(cssFiles)
 	cat $^ | $(CSSO) -o $@
 
+# .PHONY: download_material_icons
+# download_material_icons:
+# 	curl
+
 .PHONY: upload
 upload: all
 	lftp -f scripts/upload-heliohost

homepage/cwsvJudo/Makefile.heliohost.config

@@ -2,6 +2,8 @@
 
 # versions (git branches) to use
 VERSION_MATERIALIZE = v2.1.1
+# version of google material icons to use
+VERSION_GOOGLE_MATERIAL_ICONS = 4.0.0
 
 # where to put the distribution
 distDir = ./build/dist/heliohost

homepage/cwsvJudo/pandocTemplate/materialize-fromScratch.html

@@ -50,8 +50,17 @@
     <link rel="stylesheet" href="/$css$">
     $endfor$$endif$
     <link rel="stylesheet" href="/ressourcen/css/materialize.min.css">
-    <!--Import Google Icon Font-->
-    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+    <!--Import Google Icon Font
+      - @todo replace with local hosted ones
+    -->
+    <!-- Material Icons -->
+    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
+    <!-- Material Symbols - Outlined Set -->
+    <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" rel="stylesheet" />
+    <!-- Material Symbols - Rounded Set -->
+    <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded" rel="stylesheet" />
+    <!-- Material Symbols - Sharp Set -->
+    <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp" rel="stylesheet" />
     $if(extraCss)$$for(extraCss)$
     <link rel="stylesheet" href="/$extraCss$">
     $endfor$$endif$
@@ -131,9 +140,38 @@
     <main>
         $body$
     </main>
-    <footer>
 
+    <footer class="page-footer">
+        <div class="container">
+            <div class="row">
+                <div class="s4 m2 l1">
+                    <a class="touchLink" title="Seite auf HTML 5 Konformität prüfen"
+                        href="http://validator.w3.org/check?uri=<?php echo(urlencode(getCurPagesUrl()));?>"
+                        rel="nofollow">Valid
+                        <i class="material-icon">html</i>
+                    </a>
+                </div>
+                <div class="s4 m2 l1">
+                    <a class="touchLink"
+                        title="Möglichkeiten mit dem Chemnitzer Freizeit- und Wohngebietssportverein in Kontakt zu treten"
+                        href="/kontakt">Kontakt</a>
+                </div>
+                <div class="s4 m2 l1">
+                    <a class="touchLink" title="Impressum" href="<?php echo($$baseUrl);?>/impressum">Impressum</a>
+                </div>
+                <div class="s4 m2 l1">
+                    <a class="touchLink" title="Datenschutz" href="<?php echo($$baseUrl);?>/datenschutz">Datenschutz</a>
+                </div>
+                <div class="s4 m2 l1">
+                    <a class="touchLink" title="News-Feed Abonnieren" href="http://cwsvjudo.bplaced.net/rss"><i
+                            class="material-icon">Rss
+                            Feed</i>
+                    </a>
+                </div>
+            </div>
+        </div>
     </footer>
+
     <!--JavaScript at end of body for optimized loading-->
     <script type="text/javascript" src="ressourcen/js/materialize.min.js"></script>
     <script type="text/javascript">