oazaSrdceWeb / blog.php
blog.php
Raw
<?php

/**
 * @file blog.php
 * @brief Výpis aktualit a tipů na výlety.
 *
 * Tento skript:
 *  - Zobrazuje poslední aktuality (název, datum, náhled, obrázek) s odkazem na detail.
 *  - Zobrazuje všechny tipy na výlety s obrázky, popisem, vzdáleností, místy a odkazy na detail, trasu a mapu.
 *  - Načítá data z databáze (tabulky 'aktuality' a 'trips').
 * 
 */
?>
<!DOCTYPE html>
<html lang="cs">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta name="description" content="Blog Oázy Brádlo – aktuality, novinky a tipy na výlety v okolí. Inspirujte se a naplánujte si svůj pobyt.">
  <title>Blog</title>
  <link
    href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
    rel="stylesheet" />
  <link rel="stylesheet" href="css/blog.css" />
  <link rel="icon" href="media/logo-oaza2.png" type="image/x-icon" />
</head>

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-FB7MMZ9KBB"></script>
<script>
  window.dataLayer = window.dataLayer || [];

  function gtag() {
    dataLayer.push(arguments);
  }
  gtag('js', new Date());

  gtag('config', 'G-FB7MMZ9KBB');
</script>

<body>
  <nav>
    <div class="container" id="home">
      <div class="row"></div>
      <div class="row navLinks text-center">
        <div class="col-md-2 col-lg-2 col-12 link mt-3">
          <a href="domů"> Domů </a>
        </div>
        <div class="col-md-2 col-lg-2 col-12 link expandable mt-3">
          <a href="domů#akce">Akce</a>
          <div class="submenu">
            <a href="semináře">Semináře</a>
            <a href="rekreace">Ozdravné pobyty</a>
            <a href="dětské-pobyty">Dětské pobyty</a>
            <a href="firemní">Firemní</a>
            <a href="ostatní">Ostatní</a>
          </div>
        </div>
        <div class="col-md-2 col-lg-2 col-12 text-center">
          <a href="domů"><img src="media/logo-oaza2.png" alt="" width="80px" height="80px" /></a>
        </div>
        <div class="col-md-2 col-lg-2 col-12 link expandable mt-3">
          <a href="fotogalerie">Fotogalerie</a>
          <div class="submenu">
            <a href="blog#tipy-na-výlety">Tipy na výlety</a>
            <a href="blog">Aktuality</a>
          </div>
        </div>
        <div class="col-md-1 col-lg-1 col-12 link expandable mt-3">
          <a href="ceník">Ceník</a>
          <div class="submenu">
            <a href="platební-podmínky">Platební&nbsp;podmínky</a>
          </div>
        </div>
        <div class="col-md-2 col-lg-2 col-12 link expandable mt-3">
          <a href="domů#kontakt">Kontakt</a>
          <div class="submenu">
            <a href="gdpr">Zpracování&nbsp;údajů</a>
            <a href="openPositions.php">Kariéra</a>
          </div>
        </div>
      </div>
    </div>
  </nav>
  <section class="newInfo">
    <div class="spacer50"></div>
    <div class="heading3">Aktuality</div>
    <div class="spacer4"></div>
    <div class="container">
      <div class="row">
        <?php
        include 'db_connection.php'; ///< Připojení k databázi.
        $conn->set_charset("utf8mb4");
        ///Výpis aktualit
        $sql = "SELECT * FROM aktuality ORDER BY date DESC LIMIT 3";
        $result = $conn->query($sql);

        if ($result->num_rows > 0) {
          while ($row = $result->fetch_assoc()) {
            echo '<a href="aktuality.php?id=' . $row["id"] . '" class="card-link">';
            echo '  <div class="col-4 card text-center">';
            echo '    <img src="' . $row["photo"] . '" alt="" />';
            echo '    <h4>' . $row["name"] . '</h4>';
            echo '    <p>' . $row["date"] . '</p>';
            echo '    <p>' . $row["preview"] . '</p>';
            echo '  </div>';
            echo '</a>';
          }
        }
        ?>
      </div>
    </div>
  </section>
  <section class="tips">
    <div class="spacer"></div>
    <div class="heading2" id="tipy-na-výlety">Tipy na výlety</div>
    <div class="spacer4"></div>
    <div class="container">
      <?php
      include 'db_connection.php'; ///< Připojení k databázi.
      $conn->set_charset("utf8mb4");
      ///Výpis tipů na výlety
      $sql = "SELECT * FROM trips";
      $result = $conn->query($sql);

      if ($result->num_rows > 0) {
        while ($row = $result->fetch_assoc()) {
          echo '<div class="row articleCart">';
          echo '  <div class="col-3 smallGone hideSmTablet" style="padding-left: 0">';
          echo '    <div class="tipsPhotoTop mt-1">';
          echo '      <img src="' . $row["photo1"] . '" alt="" />';
          echo '    </div>';
          echo '    <div class="tipsPhotoBott">';
          echo '      <img src="' . $row["photo2"] . '" alt="" class="leftPhoto" />';
          echo '      <img src="' . $row["photo3"] . '" alt="" />';
          echo '      <img src="' . $row["photo4"] . '" alt="" class="rightPhoto" />';
          echo '    </div>';
          echo '  </div>';
          echo '  <div class="col-9">';
          echo '    <div class="row articleContent phone">';
          echo '      <div class="col-8">';
          echo '        <h1>' . $row["name"] . '</h1>';
          echo '      </div>';
          echo '      <div class="col-4 smallGone hideSmTablet">';
          echo '        <a href="trips.php?id=' . $row["id"] . '"><img src="media/articles/info.png" alt="" /></a>';
          echo '        <a href="' . $row["kudy"] . '"><img src="media/articles/kudy.png" alt="" /></a>';
          echo '        <a href="' . $row["map"] . '"><img src="media/articles/map.png" alt="" /></a>';
          echo '      </div>';
          echo '      <div class="col-12">';
          echo '        <p><strong>Vzdálenost:</strong> ' . $row["distance"] . ' Km</p>';
          echo '      </div>';
          echo '      <div class="col-12">';
          echo '        <p>';
          echo '          <strong>Co navštívit:</strong> ' . $row["places"] . '';
          echo '        </p>';
          echo '      </div>';
          echo '      <div class="col-12">';
          echo '        <p>';
          echo '          <strong>Popis:</strong> ' . $row["preview"] . '';
          echo '        </p>';
          echo '      </div>';
          echo '      <div class="col-12 biggerGone smallShow showSmTablet">';
          echo '        <a href="trips.php?id=' . $row["id"] . '"><img src="media/articles/info.png" alt="" /></a>';
          echo '        <a href="' . $row["kudy"] . '"><img src="media/articles/kudy.png" alt="" /></a>';
          echo '        <a href="' . $row["map"] . '"><img src="media/articles/map.png" alt="" /></a>';
          echo '      </div>';
          echo '    </div>';
          echo '  </div>';
          echo '</div>';
          echo '<div class="spacer4"></div>';
        }
      } else {
        echo "0 results";
      }

      $conn->close();
      ?>
    </div>
    <div class="spacer"></div>
  </section>
  <footer>
    <div class="container">
      <div class="row text-center">
        <div class="col-4 mt-2">
          <p>+420 606 892 843</p>
        </div>
        <div class="col-4 mt-2"><a href="">©Oáza Srdce</a></div>
        <div class="col-4 mt-2"><a href="gdpr">GDPR</a></div>
      </div>
    </div>
  </footer>
</body>

</html>