Unter der Motorhaube

Diese Seite läuft auf dem Bludit CMS, ein Flat-File System, welches ohne Datenbank auskommt, eine Open Source Anwedung unter der MIT-Lizenz. Mehr Infos unter: docs.bludit.com.

Letzte Änderungen am System: 18.10.2025

Version: 3.16.2

Benutztes Theme: blogx

Benutze Plugins:

Admin Bar
Canonical
Kategorien
EasyMDE
HTML-Code (Damit lassen sich schnell neue Links und Menüs im Adminberich erstellen).
ImageGallery Pro
Robots
Suche
Simple Stats

Dokumentierung der Code Änderungen:
(Erst das /*Original:*/ dann die Änderungen /*Geändert*/)

Footer Anpassung

/*12.10.2024 \bludit\bl-themes\blogx\php\footer.php */
/*Original:*/

<footer class="footer bg-dark">
    <div class="container">
        <p class="m-0 text-center text-white text-uppercase"><?php echo $site->footer(); ?><span class="ml-5 text-warning"><img class="mini-logo" src="<?php echo DOMAIN_THEME_IMG.'favicon.png'; ?>"/> Powered by <a target="_blank" class="text-white" href="https://www.bludit.com"><?php echo (defined('BLUDIT_PRO'))?'BLUDIT PRO':'BLUDIT' ?></a></span></p>
    </div>
</footer>

/*Geändert*/

<footer class="footer bg-dark">
    <div class="container">
        <p class="m-0 text-center text-white text-uppercase">
         <span class="ml-5 text-warning"><a target="_blank" class="text-white" href="https://creativecommons.org/licenses/by-nc/3.0/de/">CC BY-NC 3.0</span></a>
        <span class="ml-5 text-warning"><a class="text-white" href="https://blog.t0by.de/unter-der-motorhaube">Motorhaube</span></a>
        </p>
    </div>
</footer>

Lesezeit ausgeblendet

/*12.10.2024 \bludit\bl-themes\blogx\php\home.php */
/*Original:*/
<!-- Creation date -->
      <h6 class="card-subtitle mt-1 mb-4 text-muted">
        <i class="bi bi-calendar"></i><?php echo $page->date(); ?>
        <i class="ml-3 bi bi-clock-history"></i><?php echo $L->get('Reading time') . ': ' . $page->readingTime(); ?>
      </h6>

/*Geändert*/
<!-- Creation date -->
      <h6 class="card-subtitle mt-1 mb-4 text-muted">
        <?php echo $page->date(); ?>
   <!-- <i class="ml-3 bi bi-clock-history"></i>  <?php echo $L->get('Reading time') . ': ' . $page->readingTime(); ?> -->
      </h6>

Navbar im Head-Bereich angepasst

/*12.10.2024 \bludit\bl-themes\blogx\php\navbar.php */
/*Original:*/
<!-- Static pages -->
                <?php foreach ($staticContent as $staticPage) : ?>
                    <li class="nav-item">
                        <a class="nav-link" href="<?php echo $staticPage->permalink() ?>"><?php echo $staticPage->title() ?></a>
                    </li>
                <?php endforeach ?>

                <!-- Social Networks -->
                <?php foreach (Theme::socialNetworks() as $key => $label) : ?>
                    <li class="nav-item">
                        <a class="nav-link" href="<?php echo $site->{$key}(); ?>" target="_blank">
                            <img class="d-none d-sm-block nav-svg-icon" src="<?php echo DOMAIN_THEME . 'img/' . $key . '.svg' ?>" alt="<?php echo $label ?>" />
                            <span class="d-inline d-sm-none"><?php echo $label; ?></span>
                        </a>
                    </li>
                <?php endforeach; ?>
            </ul>
        </div>
    </div>
</nav>

/*Geändert*/
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark text-uppercase">
    <div class="container">
        <a class="navbar-brand" href="<?php echo Theme::siteUrl() ?>">
            <span class="text-white"><?php echo $site->title() ?></span>
        </a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarResponsive">
            <ul class="navbar-nav ml-auto">

                <!-- Static pages -->
                                <span class="ml-5 text-warning"><a class="text-white" href="https://blog.t0by.de/kontakt">Kontakt</span></a>&nbsp;
                <span class="ml-5 text-warning"><a class="text-white" href="https://blog.t0by.de/impressum">Impressum-Datenschutz</span></a>

            </ul>
        </div>
    </div>
</nav>

Letzte Änderung und Kategorien in Beiträgen eingefügt

/*12.10.2024 \bludit\bl-themes\blogx\php\page.php */
/*Original:*/
<!-- Creation date -->
        <h6 class="card-subtitle mb-3 text-muted"><?php echo $page->date(); ?> - <?php echo $L->get('Reading time') . ': ' . $page->readingTime() ?></h6>
        <?php endif ?>

        <!-- Full content -->
        <?php echo $page->content(); ?>

    </div>

/*Geändert*/
<!-- Creation date -->
        <h6 class="card-subtitle mb-3 text-muted">
        Erstellt:&nbsp;<?php echo $page->date(); ?> &nbsp; | &nbsp; 
        Letzte &Auml;nderung:&nbsp;<?php echo $page->dateModified(); ?>&nbsp; | &nbsp; 
        Kategorien:&nbsp;<?php echo $page->category(); ?>
        </h6>
        <?php endif ?>

        <!-- Full content -->
        <?php echo $page->content(); ?>

        </div>

Favicon der Seite geändert

/*12.10.2024 \bludit\bl-themes\blogx\img */
/*favicon.png ausgetauscht*/

Scroll-Up Funktion für den Admin Bereich.

/*18.10.2025 /bl-kernel/admin/themes/booty/index.php */
/*Original:*/
<footer class="footer bg-dark">
    <div class="container">
        <p class="m-0 text-center text-white text-uppercase">
         <span class="ml-5 text-warning"><a target="_blank" class="text-white" href="https://creativecommons.org/licenses/by-nc/3.0/de/">CC BY-NC 3.0</span></a>
        <span class="ml-5 text-warning"><a class="text-white" href="https://blog.t0by.de/unter-der-motorhaube">Motorhaube</span></a>
        </p>
    </div>
</footer>

/*Geändert*/
<footer class="footer bg-dark">
    <div class="container">
        <p class="m-0 text-center text-white text-uppercase">
         <span class="ml-5 text-warning"><a target="_blank" class="text-white" href="https://creativecommons.org/licenses/by-nc/3.0/de/">CC BY-NC 3.0</span></a>
        <span class="ml-5 text-warning"><a class="text-white" href="https://blog.t0by.de/unter-der-motorhaube">Motorhaube</span></a>
        </p>

    </div>
<!-- Scroll-to-Top-Button (Frontend, rund & halbtransparent grau) -->
<button id="scrollTopBtn" aria-label="Nach oben"
  style="position:fixed;bottom:30px;right:30px;width:48px;height:48px;
         border:none;border-radius:50%;background:rgba(180,180,180,0.45);
         color:white;font-size:22px;cursor:pointer;z-index:9999;
         box-shadow:0 0 8px rgba(0,0,0,0.25);display:none;opacity:0;
         backdrop-filter:blur(3px);transition:opacity 0.4s, background 0.3s;">
  ↑
</button>

<script>
(function(){
  const btn = document.getElementById('scrollTopBtn');
  if (!btn) return;

  // Ein- und Ausblenden nach 300px Scroll
  window.addEventListener('scroll', () => {
    const y = window.scrollY || document.documentElement.scrollTop;
    if (y > 300) {
      btn.style.display = 'block';
      btn.style.opacity = '1';
    } else {
      btn.style.opacity = '0';
      setTimeout(()=>{ if(parseFloat(btn.style.opacity)===0) btn.style.display='none'; }, 300);
    }
  });

  // Klick -> sanft nach oben scrollen
  btn.addEventListener('click', () => {
    window.scrollTo({ top: 0, behavior: 'smooth' });
  });

  // Hover-Effekt
  btn.addEventListener('mouseenter', ()=>btn.style.background='rgba(180,180,180,0.8)');
  btn.addEventListener('mouseleave', ()=>btn.style.background='rgba(180,180,180,0.45)');
})();
</script>

</footer>

Scroll-Up Funktion für den Frontend Bereich.

/*18.10.2025 /bl-themes/blogx/php/footer.php */
/*Original:*/
<footer class="footer bg-dark">
    <div class="container">
        <p class="m-0 text-center text-white text-uppercase">
         <span class="ml-5 text-warning"><a target="_blank" class="text-white" href="https://creativecommons.org/licenses/by-nc/3.0/de/">CC BY-NC 3.0</span></a>
        <span class="ml-5 text-warning"><a class="text-white" href="https://blog.t0by.de/unter-der-motorhaube">Motorhaube</span></a>
        </p>  
    </div>
</footer>

/*Geändert*/
<footer class="footer bg-dark">
    <div class="container">
        <p class="m-0 text-center text-white text-uppercase">
         <span class="ml-5 text-warning"><a target="_blank" class="text-white" href="https://creativecommons.org/licenses/by-nc/3.0/de/">CC BY-NC 3.0</span></a>
        <span class="ml-5 text-warning"><a class="text-white" href="https://blog.t0by.de/unter-der-motorhaube">Motorhaube</span></a>
        </p>

    </div>
<!-- Scroll-to-Top-Button (Frontend, rund & halbtransparent grau) -->
<button id="scrollTopBtn" aria-label="Nach oben"
  style="position:fixed;bottom:30px;right:30px;width:48px;height:48px;
         border:none;border-radius:50%;background:rgba(180,180,180,0.45);
         color:white;font-size:22px;cursor:pointer;z-index:9999;
         box-shadow:0 0 8px rgba(0,0,0,0.25);display:none;opacity:0;
         backdrop-filter:blur(3px);transition:opacity 0.4s, background 0.3s;">
  ↑
</button>

<script>
(function(){
  const btn = document.getElementById('scrollTopBtn');
  if (!btn) return;

  // Ein- und Ausblenden nach 300px Scroll
  window.addEventListener('scroll', () => {
    const y = window.scrollY || document.documentElement.scrollTop;
    if (y > 300) {
      btn.style.display = 'block';
      btn.style.opacity = '1';
    } else {
      btn.style.opacity = '0';
      setTimeout(()=>{ if(parseFloat(btn.style.opacity)===0) btn.style.display='none'; }, 300);
    }
  });

  // Klick -> sanft nach oben scrollen
  btn.addEventListener('click', () => {
    window.scrollTo({ top: 0, behavior: 'smooth' });
  });

  // Hover-Effekt
  btn.addEventListener('mouseenter', ()=>btn.style.background='rgba(180,180,180,0.8)');
  btn.addEventListener('mouseleave', ()=>btn.style.background='rgba(180,180,180,0.45)');
})();
</script>
</footer>

Link zu den Beiträgen auch auf dem Beitragsbildern.

/*18.10.2025 /bl-themes/blogx/php/homephp */
/*Original:*/
/*....mitten im Quellcode:*/
<!-- Cover image -->
<?php if ($page->coverImage()) : ?>
  <img class="card-img-top mb-3 rounded-0" alt="Cover Image" src="<?php echo $page->coverImage(); ?>" />
<?php endif ?>

<div class="card-body p-0">
  <!-- Title -->
  <a class="text-dark" href="<?php echo $page->permalink(); ?>">
    <h2 class="title"><?php echo $page->title(); ?></h2>
  </a>

/*Geändert*/ /*....mitten im Quellcode:*/
<!-- Cover image -->
<?php if ($page->coverImage()) : ?>
  <a href="<?php echo $page->permalink(); ?>" aria-label="<?php echo $page->title(); ?>">
    <img class="card-img-top mb-3 rounded-0"
         alt="<?php echo $page->title(); ?>"
         src="<?php echo $page->coverImage(); ?>" />
  </a>
<?php endif ?>

<div class="card-body p-0">
  <!-- Title -->
  <a class="text-dark" href="<?php echo $page->permalink(); ?>">
    <h2 class="title"><?php echo $page->title(); ?></h2>
  </a>

Weitere Änderungen:

Sicherheitseinstellung geändert, siehe Bludit Dokumentation, oben.

Quellen und Verweise

Bildquellen:

NoName_13 auf pixabay.com.

Links:

Unter der Motorhaube

Quellen und Verweise

Suche

Kategorien