icons jetzt auch in index.php verwendet

Script_TaskbarIcons.php

+<?php
+function generateTaskbarIcon($name='',$icon='',$link='')
+{
+  echo '
+  <a href="'.$link.'" >
+    <div class="item" id="TaskbarIcon_'.$name.'" title>
+      '.generateImage($name,$icon).'<br>
+      '.$name.'
+    </div>
+  </a>';
+}
+function generateImage($name,$icon)
+{
+  if (substr_compare($icon,".svg",-4)===0){
+    return file_get_contents($icon);
+  }else{
+    return '<img src="'.$icon.'" alt="'.$name.'" >';
+  }
+}
+generateTaskbarIcon("Fachschaft","img/muffin.svg","Fachschaft.php");
+generateTaskbarIcon("AGNES","img/zahnrad.svg","https://agnes.hu-berlin.de/lupo/rds?state=user&type=0");
+generateTaskbarIcon("Moodle","img/moodle.svg","https://moodle.hu-berlin.de");
+generateTaskbarIcon("Termine & Events","img/kalender.svg","Termine.php");
+generateTaskbarIcon("Erstis","img/ersti.svg","index.php#what_is_IMP");
+generateTaskbarIcon("Studium","img/studium.svg","Studium.php");
+generateTaskbarIcon("Freizeit","img/freizeit.svg","Freizeit.php");
+generateTaskbarIcon("IMPressum","img/info.svg","Impressum.php");
+generateTaskbarIcon("Fragen (QA)","img/fragen.svg","QA.php");
+?>
\ No newline at end of file

Script_Template.php

@@ -14,43 +14,10 @@ function generateHeader($title='')
     <link rel="stylesheet" href="css/template.css">
   </head>';
 }
-function generateTaskbarIcon($name='',$icon='',$link='')
-{
-  echo '
-  <a href="'.$link.'" >
-    <div class="item" id="TaskbarIcon_'.$name.'" title>
-      '.generateImage($name,$icon).'<br>
-      '.$name.'
-    </div>
-  </a>';
-}
-function generateImage($name,$icon)
-{
-  if (substr_compare($icon,".svg",-4)===0){
-    return file_get_contents($icon);
-  }else{
-    return '<img src="'.$icon.'" alt="'.$name.'" >';
-  }
-}
 function generateTaskbar()
 {
-  echo '
-    <div class="nav">';
-  generateTaskbarIcon("Fachschaft","img/muffin.svg","Fachschaft.php");
-  generateTaskbarIcon("AGNES","img/zahnrad.svg","https://agnes.hu-berlin.de/lupo/rds?state=user&type=0");
-  generateTaskbarIcon("Moodle","img/moodle.svg","https://moodle.hu-berlin.de");
-  generateTaskbarIcon("Termine & Events","img/kalender.svg","Termine.php");
-  generateTaskbarIcon("Erstis","img/ersti.svg","index.php#what_is_IMP");
-  generateTaskbarIcon("Studium","img/studium.svg","Studium.php");
-  generateTaskbarIcon("Freizeit","img/freizeit.svg","Freizeit.php");
-  generateTaskbarIcon("IMPressum","img/info.svg","Impressum.php");
-  generateTaskbarIcon("Fragen (QA)","img/fragen.svg","QA.php");
-
-  if(isset($_SESSION['ID']))
-  generateTaskbarIcon("Account","img/User.png","Account.php");
-  else generateTaskbarIcon("LogIn","img/logIn.jpg","Anmelden.php");
-
-
+  echo '<div class="nav">';
+  include 'Script_TaskbarIcons.php';
   echo '</div>';
 }
 function generateTitle($title='')

css/index.css

@@ -27,6 +27,13 @@ body,html{
   position:absolute;
   top:0;
 }
+.header svg {
+  width: 50px;
+  height: 50px;
+  fill: transparent;
+  stroke: black;
+  stroke-width: 5;
+}
 .item{
   float:left;
   font-size: 10px;

index.php

@@ -26,61 +26,7 @@ https://agnes.hu-berlin.de/lupo/rds?state=user&type=1&category=auth.login&re=las
       </div>
     </div>
     <div id="header" class="header">
-      <a href="Fachschaft.php">
-        <div class="item">
-          <img src="img/muphin.jpg" alt="MaPhIn" ><br>
-          Fachschaft
-        </div>
-      </a>
-      <a href="https://agnes.hu-berlin.de/lupo/rds?state=user&type=0" target="_blank">
-        <div class="item">
-          <img src="img/zahnrad.jpg" alt="AGNES" ><br>
-          AGNES
-        </div>
-      </a>
-      <a href="https://moodle.hu-berlin.de" target="_blank">
-        <div class="item">
-          <img src="img/moodle.png" alt="Moodle"><br>
-          Moodle
-        </div>
-      </a>
-      <a href="Termine.php">
-        <div class="item">
-          <img src="img/termin.jpg" alt="Termine"><br>
-          Termine & Events
-        </div>
-      </a>
-      <a href="index.php#what_is_IMP">
-        <div class="item">
-          <img src="img/ersties.jpg" alt="Termine"><br>
-          Ersties
-        </div>
-      </a>
-      <a href="Studium.php">
-        <div class="item">
-          <img src="img/studium.jpg" alt="Studium"><br>
-          Studium
-        </div>
-      </a>
-      <a href="Freizeit.php">
-        <div class="item">
-          <img src="img/Freizeit.jpg" alt="Freizeit"><br>
-          Freizeit
-        </div>
-      </a>
-
-      <a href="Impressum.php">
-          <div class="item">
-            <img src="img/Impressum.png" alt="IMPressum"><br>
-          IMPressum
-        </div>
-      </a>
-      <a href="QA.php">
-        <div class="item">
-          <img src="img/fragen.jpg" alt="Fragen"><br>
-          Fragen (QA)
-        </div>
-      </a>
+      <?php include 'Script_TaskbarIcons.php'; ?>
       <h3 id="fachinitext">
           Fachschaftsinitiative IMP HU Berlin <br>(Informatik,Physik und Mathe)
       </h3>