Benutzer:Nöth: Unterschied zwischen den Versionen

Aus Stadtsprachen
Wechseln zu:Navigation, Suche
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 3: Zeile 3:
  <style>
  <style>
     /* Custom CSS to match Tailwind styles */
     /* Custom CSS to match Tailwind styles */
    .bg-indigo-500 {
      background-color: #6366f1;
    }
   
    .text-indigo-500 {
      color: #6366f1;
    }
   
    .text-indigo-200 {
      color: #c7d2fe;
    }
   
    .text-indigo-700 {
      color: #4338ca;
    }
   
    .hover-indigo-500:hover {
      color: #6366f1;
    }
   
    .hover-indigo-600:hover {
      background-color: #4f46e5;
    }
   
    .active-indigo-700:active {
      background-color: #4338ca;
    }
   
    .active-text-gray-700:active {
      color: #374151;
    }
   
    .ring-indigo-300:focus {
      box-shadow: 0 0 0 3px rgba(165, 180, 252, 0.5);
    }
   
     .mix-blend-multiply {
     .mix-blend-multiply {
       mix-blend-mode: multiply;
       mix-blend-mode: multiply;
Zeile 46: Zeile 10:
       min-height: 24rem;
       min-height: 24rem;
     }
     }
   
         
    .nav-link {
      font-weight: 600;
      font-size: 1.125rem;
    }
   
    .nav-link-active {
      color: #6366f1;
    }
   
    .custom-header {
      padding-top: 1rem;
      padding-bottom: 1rem;
    }
   
    @media (min-width: 768px) {
      .custom-header {
        padding-top: 2rem;
        padding-bottom: 2rem;
      }
    }
   
     .hero-section {
     .hero-section {
       position: relative;
       position: relative;
Zeile 93: Zeile 36:
         padding-top: 12rem;
         padding-top: 12rem;
         padding-bottom: 12rem;
         padding-bottom: 12rem;
      }
    }
   
    .logo-link {
      display: inline-flex;
      align-items: center;
      gap: 0.625rem;
      font-size: 1.5rem;
      font-weight: 700;
      color: #000;
      text-decoration: none;
    }
   
    @media (min-width: 768px) {
      .logo-link {
        font-size: 1.875rem;
       }
       }
     }
     }
   </style>
   </style>
     <div class="container-fluid container-xl px-3 px-md-4">
     <div class="container-fluid container-3xl px-3 px-md-4">
       <section class="hero-section bg-light">
       <section class="hero-section bg-light">
         <!-- image - start -->
         <!-- image - start -->
Zeile 119: Zeile 46:


         <!-- overlay - start -->
         <!-- overlay - start -->
         <div class="position-absolute h-100 w-100 bg-indigo-500 mix-blend-multiply" style="inset: 0;"></div>
         <div class="position-absolute h-100 w-100 bg-dark mix-blend-multiply" style="inset: 0;"></div>
         <!-- overlay - end -->
         <!-- overlay - end -->


         <!-- text start -->
         <!-- text start -->
         <div class="position-relative d-flex flex-column align-items-center p-4">
         <div class="position-relative d-flex flex-column align-items-center p-4">
           <p class="text-center text-indigo-200 mb-4 mb-md-5" style="font-size: 1.125rem;">Historische Stadtsprachen vor Ort</p>
           <p class="text-center text-white font-weight-bold" style="font-size: 3rem;">Historische Stadtsprachen vor Ort</p>
           <h1 class="text-center text-white mb-4 mb-md-5 font-weight-bold" style="font-size: 2.25rem;">Eine stadtsprachgeschichtliche Wissensplattform</h1>
           <p class="text-center text-white mb-4 mb-md-5" style="font-size: 2.5rem;">Eine stadtsprachgeschichtliche Wissensplattform</h1>


           <div class="d-flex flex-column flex-sm-row w-100 justify-content-sm-center">
           <div class="d-flex flex-column flex-sm-row w-100 justify-content-sm-center">

Version vom 26. Februar 2025, 18:46 Uhr

Photo by Fakurian Design

Historische Stadtsprachen vor Ort

Eine stadtsprachgeschichtliche Wissensplattform