From 1ad2b80bed7e297afc5f07d26872d477a5cb9ecb Mon Sep 17 00:00:00 2001
From: "thomas.hofmann" <thomas.hofmann@h-da.de>
Date: Mon, 9 Oct 2023 18:46:07 +0200
Subject: [PATCH] Added exam_probe to navigation. Text changes.
---
src/index.css | 11 ++++++++---
src/index.php | 7 ++++---
2 files changed, 12 insertions(+), 6 deletions(-)
diff --git a/src/index.css b/src/index.css
index 585b5f2..55715a7 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 29d620f..d94c11b 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>
--
GitLab