fix: Background image of primary hero appears damaged

Relates to #44
geoffreyvanwyk · Dec 21, 2023 · 5100766 · 5100766
1 parent 7534d66
commit 5100766
Show file tree

Hide file tree

Showing 10 changed files with 13 additions and 13 deletions.
diff --git a/files/website/_media/app.css b/files/website/_media/app.css
diff --git a/files/website/_media/hero_background.jpg b/files/website/_media/hero_background.jpg
diff --git a/files/website/_pages/index.blade.php b/files/website/_pages/index.blade.php
@@ -48,7 +48,7 @@ class="flex flex-col items-center justify-center space-x-3 text-3xl font-bold md
                   <summary class="btn btn-secondary btn-wide m-1 rounded-full">Other versions</summary>
                   <ul class="menu dropdown-content z-50 w-52 rounded-box bg-base-100 p-2 shadow">
                     @foreach (config('hyde.moodle.versions')->skip(1) as $moodleVersion)
-                      <li>
+                      <li class="text-black">
                         <a href="/moodle-{{ $moodleVersion }}">
                           Try version
                           <span class="badge badge-secondary">{{ $moodleVersion }}</span>

diff --git a/files/website/resources/views/components/secondary_hero.blade.php b/files/website/resources/views/components/secondary_hero.blade.php
@@ -42,7 +42,7 @@
   <div class="hero-content grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3">
 
     @foreach ($informationCards as $informationCard)
-      <div class="prose-invert card h-full border-2 border-secondary">
+      <div class="border-1 prose-invert card h-full border-accent bg-white shadow-lg">
         <div class="card-body p-4 md:p-8">
           <h2 class="card-title text-primary">
             <i class="bx bx-{{ $informationCard->icon }}"></i>

diff --git a/files/website/resources/views/vendor/hyde/components/navigation/navigation-brand.blade.php b/files/website/resources/views/vendor/hyde/components/navigation/navigation-brand.blade.php
@@ -1,5 +1,5 @@
 <a class="flex items-center space-x-2 px-4 font-bold"
    href="{{ Routes::get('index') }}"
    aria-label="Home page">
-  <i class="bx bx-eraser text-4xl"></i> <span>{{ config('hyde.name', 'Learning Sandbox Online') }}</span>
+  <span>{{ config('hyde.name', 'Learning Sandbox Online') }}</span>
 </a>
diff --git a/files/website/resources/views/vendor/hyde/components/navigation/navigation-link.blade.php b/files/website/resources/views/vendor/hyde/components/navigation/navigation-link.blade.php
@@ -1,6 +1,6 @@
 <a href="{{ $item }}"
    {!! $item->isCurrent() ? 'aria-current="page"' : '' !!}
    @class([
-       'block my-2 md:my-0 md:inline-block py-1 hover:text-gray-900 text-gray-100',
-       'border-l-4 border-indigo-500 md:border-none font-medium -ml-6 pl-5 md:ml-0 md:pl-0 bg-gray-800 md:bg-transparent' => $item->isCurrent(),
+       'block my-2 md:my-0 md:inline-block py-1 hover:text-gray-900 text-accent',
+       'text-accent border-l-4 border-indigo-500 md:border-none font-medium -ml-6 pl-5 md:ml-0 md:pl-0 bg-gray-800 md:bg-transparent' => $item->isCurrent(),
    ])>{{ $item->label }}</a>
diff --git a/files/website/resources/views/vendor/hyde/layouts/app.blade.php b/files/website/resources/views/vendor/hyde/layouts/app.blade.php
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html data-theme="halloween"
+<html data-theme="cupcake"
       lang="{{ config('hyde.language', 'en') }}">
 
 <head>

diff --git a/files/website/resources/views/vendor/hyde/layouts/footer.blade.php b/files/website/resources/views/vendor/hyde/layouts/footer.blade.php
@@ -2,7 +2,7 @@
   $author = collect(config('hyde.authors'))->first();
 @endphp
 @if (config('hyde.footer') !== false)
-  <footer class="flex w-full flex-col items-center justify-between bg-gray-800 px-6 py-4 md:flex-row"
+  <footer class="flex w-full flex-col items-center justify-between bg-gray-800 px-6 py-4 text-white md:flex-row"
           aria-label="Page footer">
     <p class="prose-invert">
       &copy; {{ now()->year }}

diff --git a/files/website/resources/views/vendor/hyde/layouts/navigation.blade.php b/files/website/resources/views/vendor/hyde/layouts/navigation.blade.php
@@ -2,10 +2,10 @@
   $navigation = \Hyde\Framework\Features\Navigation\NavigationMenu::create();
 @endphp
 
-<nav class="flex flex-wrap items-center justify-between bg-gray-800 p-4 shadow-lg sm:shadow-xl md:shadow-none"
+<nav class="flex flex-wrap items-center justify-between p-4 shadow-lg sm:shadow-xl md:shadow-none"
      id="main-navigation"
      aria-label="Main navigation">
-  <div class="flex flex-shrink-0 flex-grow items-center text-gray-200">
+  <div class="flex flex-shrink-0 flex-grow items-center text-primary">
     @include('hyde::components.navigation.navigation-brand')
 
     <div class="ml-auto">
@@ -14,7 +14,7 @@
   </div>
 
   <div class="block md:hidden">
-    <button class="flex items-center px-3 py-1 text-gray-200 hover:text-gray-700"
+    <button class="flex items-center px-3 py-1 text-gray-400 hover:text-gray-700"
             id="navigation-toggle-button"
             aria-label="Toggle navigation menu"
             @click="navigationOpen = ! navigationOpen">
@@ -57,7 +57,7 @@
     <ul class="justify-end md:flex md:flex-grow"
         aria-label="Navigation links">
       @foreach ($navigation->items as $item)
-        <li class="md:mx-2">
+        <li class="text-secondary md:mx-2">
           @if ($item instanceof \Hyde\Framework\Features\Navigation\DropdownNavItem)
             <x-hyde::navigation.dropdown :label="\Hyde\Hyde::makeTitle($item->label)"
                                          :items="$item->items" />

diff --git a/files/website/tailwind.config.js b/files/website/tailwind.config.js
@@ -97,6 +97,6 @@ module.exports = {
     ],
 
     daisyui: {
-        themes: ['halloween']
+        themes: ['cupcake']
     }
 };