update header styling, add searchbar and implement it on every page

This commit is contained in:
Eric Blommel
2024-12-06 20:56:23 +01:00
parent 3f74d1a894
commit 0646b382ed
8 changed files with 154 additions and 161 deletions

View File

@@ -31,8 +31,9 @@ $topics = $subjectData->topics;
<body class="min-h-screen">
<?php include 'header.php'; ?>
<nav class="sidebar bg-[<?php echo($subjectData->color); ?>]">
<nav class="sidebar bg-[<?php echo($subjectData->color); ?>] pt-24">
<div class="sidebar-header">
<i class="fas fa-graduation-cap"></i>
@@ -47,15 +48,6 @@ $topics = $subjectData->topics;
</a>
</nav>
<div class="search-container bg-white">
<button class="menu-toggle h-12 w-12 border-2 p-1 hover:border-[<?php echo($subjectData->color); ?>]">
<i class="fas fa-bars"></i>
</button>
<input type="text" class="search-box p-3 border-2 w-full focus:border-[<?php echo($subjectData->color); ?>]"
id="searchInput" placeholder="Suche nach Themen, Übungen oder Hilfe..."
oninput="handleSearch()">
</div>
<div class="main-content">
<div class="max-w-7xl mx-auto px-4 py-12 grid grid-cols-1 md:grid-cols-2 2xl:grid-cols-3 gap-8 mb-8">
@@ -80,13 +72,13 @@ $topics = $subjectData->topics;
<h4>Verwandte Themen:</h4>
<ul>
<?php
foreach ($topicData->relatedTopics as $relatedTopicName) {
$relatedTopic = $subjectData->topics[$relatedTopicName];
if (!isset($relatedTopicName)) {
continue;
}
foreach ($topicData->relatedTopics as $relatedTopicName) {
$relatedTopic = $subjectData->topics[$relatedTopicName];
if (!isset($relatedTopicName)) {
continue;
}
?>
?>
<li onclick="event.stopPropagation();" class="border-[<?php echo($subjectData->color); ?>] border-2">
<a href='<?php echo("topic.php?subject=$subjectData->id&topic=$relatedTopic->id") ?>'>
@@ -95,8 +87,8 @@ $topics = $subjectData->topics;
</li>
<?php
}
?>
}
?>
</ul>
</div>-->
</div>