diff --git a/src/index.css b/src/index.css
index 585b5f29bc863b06f24201d14b6485de3349a4f1..55715a7b77f72fa6b64c2c4af8bd74bbd584afdb 100644
--- a/src/index.css
+++ b/src/index.css
@@ -4,6 +4,10 @@
font-size: 30px;
text-align: center;
max-width: 50%;
+
+ gap: 5px;
+
+ margin-bottom: 5px;
}
.flex-item {
@@ -14,23 +18,24 @@
flex: 50%;
- border: 2px solid #fff;
+ border: 2px solid #555555;
text-decoration: none;
+
+ transition: background-color 0.4s ease, border-color 0.4s ease, color 0.4s ease;
}
.flex-item--warning {
background-color: #000;
+ border-color: #000;
}
.flex-item.flex-item--warning:hover {
background-color: #fff;
- border-color: #000;
color: #000;
}
.flex-item:hover {
background-color: #fff;
- border-color: #555555;
color: #555555;
}
diff --git a/src/index.php b/src/index.php
index 29d620f2d6ce1be69f42b8343ab5fdb851488490..d94c11b25a54dbb82d2a0382fc81b33727a809fb 100644
--- a/src/index.php
+++ b/src/index.php
@@ -12,7 +12,7 @@ $Exam="";
$ExamInfo="";
if (is_dir("Exam")) {
$ExamInfo="<li><strong>Use the folder Exam (located in src/Exam) for your solution of the examination. Do not use any other folder!</strong></li>";
- $Exam = "<a class=\"flex-item flex-item--warning\" href=\"./Exam\">Exam</a>";
+ $Exam = "<a class=\"flex-item flex-item--warning\" href=\"./Exam\">Klausur</a>";
}
echo <<<HTML
@@ -40,13 +40,14 @@ echo <<<HTML
<h2>Navigation</h2>
<div class="flex-container">
<a href="./Demos" class="flex-item">Demos</a>
- <a href="./Klausuren" class="flex-item">Klausuren</a>
+ <a href="./Klausuren" class="flex-item">Altklausuren</a>
</div>
<div class="flex-container">
$Prak
- <a href="./Playground" class="flex-item">Playground</a>
+ <a href="./Playground" class="flex-item">Spielwiese</a>
</div>
<div class="flex-container">
+ <a href="./Exam_Probe" class="flex-item">Probeklausur</a>
$Exam
</div>
</main>