Sindbad~EG File Manager
<!DOCTYPE html>
<html lang="en">
<?php
// Include your database connection
include 'conn.php';
// --- 1. SETTINGS & DEFAULTS ---
// !! IMPORTANT: SET YOUR WEBSITE'S BASE URL HERE
$base_url = 'https://www.example.com'; // Change this to your live domain
// Set the unique key for this page (from the 'seo_meta' table)
$page_key = 'about'; // CHANGED FOR THIS PAGE
// Set default values for mandatory tags
$default_title = 'About Us | JAM ON'; // CHANGED FOR THIS PAGE
$default_description = 'Learn more about Jam-On FM, our team, and our mission to bring you the best in urban music.'; // CHANGED FOR THIS PAGE
// --- 2. FETCH SEO DATA ---
// Fetch Global Site-Wide Settings (from id=1)
$global_seo = [];
$global_res = $mysqli->query("SELECT * FROM seo_global WHERE id = 1");
if ($global_res && $global_res->num_rows > 0) {
$global_seo = $global_res->fetch_assoc();
}
// Fetch Page-Specific Settings
$page_seo = [];
$stmt = $mysqli->prepare("SELECT * FROM seo_meta WHERE page_key = ?");
$stmt->bind_param("s", $page_key);
$stmt->execute();
$page_res = $stmt->get_result();
if ($page_res && $page_res->num_rows > 0) {
$page_seo = $page_res->fetch_assoc();
}
// --- 3. HELPER FUNCTION ---
/**
* Echoes a meta tag only if the content is not empty.
* @param string $tag The full HTML tag (e.g., '<meta name="author" content="...">')
* @param string $content The database value. If empty, nothing is echoed.
*/
function echo_tag($tag, $content) {
if (!empty(trim($content ?? ''))) {
echo $tag . "\n";
}
}
/**
* Creates an absolute URL.
* @param string $base_url Your site's base URL
* @param string $path The path from the database (e.g., 'uploads/seo/image.jpg')
* @return string The full, absolute URL
*/
function absolute_url($base_url, $path) {
if (empty($path)) return '';
// Check if path is already a full URL
if (strpos($path, 'http') === 0) {
return $path;
}
// Create full URL
return rtrim($base_url, '/') . '/' . ltrim($path, '/');
}
// --- 4. MERGE & PREPARE VALUES ---
// Page Title (Mandatory)
$title = !empty($page_seo['title']) ? $page_seo['title'] : $default_title;
// Meta Description (Mandatory)
$description = !empty($page_seo['meta_description']) ? $page_seo['meta_description'] : $default_description;
// Canonical (Page-specific, fallback to this page's URL)
$canonical = $page_seo['canonical'] ?? $base_url . '/about.php'; // CHANGED FOR THIS PAGE
// Open Graph
$og_title = $page_seo['og_title'] ?? $title;
$og_description = $page_seo['og_description'] ?? $description;
$og_url = $page_seo['og_url'] ?? $canonical;
$og_image_path = $page_seo['og_image'] ?? '';
$og_image_url = absolute_url($base_url, $og_image_path);
// Twitter
$tw_title = $page_seo['twitter_title'] ?? $og_title;
$tw_description = $page_seo['twitter_description'] ?? $og_description;
$tw_image_path = $page_seo['twitter_image'] ?? $og_image_path;
$tw_image_url = absolute_url($base_url, $tw_image_path);
?>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<html lang="en">
<meta http-equiv="Content-Language" content="en">
<title><?php echo htmlspecialchars($title); ?></title>
<meta name="description" content="<?php echo htmlspecialchars($description); ?>">
<?php
// --- Optional Basic Tags ---
echo_tag('<meta name="keywords" content="' . htmlspecialchars($page_seo['meta_keywords'] ?? '') . '">', $page_seo['meta_keywords'] ?? '');
echo_tag('<meta name="author" content="' . htmlspecialchars($global_seo['author'] ?? '') . '">', $global_seo['author'] ?? '');
echo_tag('<meta name="copyright" content="' . htmlspecialchars($global_seo['copyright'] ?? '') . '">', $global_seo['copyright'] ?? '');
echo_tag('<link rel="canonical" href="' . htmlspecialchars($canonical) . '">', $canonical);
// --- Robots / Indexing ---
echo_tag('<meta name="robots" content="' . htmlspecialchars($page_seo['robots'] ?? 'index, follow') . '">', $page_seo['robots'] ?? '');
echo_tag('<meta name="googlebot" content="' . htmlspecialchars($page_seo['robots'] ?? 'index, follow') . '">', $page_seo['robots'] ?? '');
echo_tag('<meta name="bingbot" content="' . htmlspecialchars($page_seo['robots'] ?? 'index, follow') . '">', $page_seo['robots'] ?? '');
echo '<meta name="referrer" content="no-referrer-when-downgrade">' . "\n";
// --- Verification Codes (Global) ---
echo_tag('<meta name="google-site-verification" content="' . htmlspecialchars($global_seo['google_verification'] ?? '') . '">', $global_seo['google_verification'] ?? '');
echo_tag('<meta name="msvalidate.01" content="' . htmlspecialchars($global_seo['bing_verification'] ?? '') . '">', $global_seo['bing_verification'] ?? '');
echo_tag('<meta name="yandex-verification" content="' . htmlspecialchars($global_seo['yandex_verification'] ?? '') . '">', $global_seo['yandex_verification'] ?? '');
echo_tag('<meta name="facebook-domain-verification" content="' . htmlspecialchars($global_seo['facebook_verification'] ?? '') . '">', $global_seo['facebook_verification'] ?? '');
// --- Open Graph (Facebook/LinkedIn) ---
echo_tag('<meta property="og:title" content="' . htmlspecialchars($og_title) . '">', $og_title);
echo_tag('<meta property="og:description" content="' . htmlspecialchars($og_description) . '">', $og_description);
echo_tag('<meta property="og:type" content="' . htmlspecialchars($page_seo['og_type'] ?? 'website') . '">', $page_seo['og_type'] ?? 'website');
echo_tag('<meta property="og:url" content="' . htmlspecialchars($og_url) . '">', $og_url);
echo_tag('<meta property="og:image" content="' . htmlspecialchars($og_image_url) . '">', $og_image_url);
echo_tag('<meta property="og:site_name" content="' . htmlspecialchars($global_seo['site_name'] ?? '') . '">', $global_seo['site_name'] ?? '');
echo_tag('<meta property="fb:app_id" content="' . htmlspecialchars($global_seo['fb_app_id'] ?? '') . '">', $global_seo['fb_app_id'] ?? '');
echo_tag('<meta property="article:published_time" content="' . (!empty($page_seo['article_published_time']) ? htmlspecialchars(date(DateTime::ISO8601, strtotime($page_seo['article_published_time']))) : '') . '">', $page_seo['article_published_time'] ?? '');
echo_tag('<meta property="article:modified_time" content="' . (!empty($page_seo['article_modified_time']) ? htmlspecialchars(date(DateTime::ISO8601, strtotime($page_seo['article_modified_time']))) : '') . '">', $page_seo['article_modified_time'] ?? '');
echo '<meta property="og:locale" content="en_US">' . "\n";
// --- Twitter Card ---
echo_tag('<meta name="twitter:card" content="' . htmlspecialchars($page_seo['twitter_card'] ?? 'summary_large_image') . '">', $page_seo['twitter_card'] ?? '');
echo_tag('<meta name="twitter:title" content="' . htmlspecialchars($tw_title) . '">', $tw_title);
echo_tag('<meta name="twitter:description" content="' . htmlspecialchars($tw_description) . '">', $tw_description);
echo_tag('<meta name="twitter:image" content="' . htmlspecialchars($tw_image_url) . '">', $tw_image_url);
echo_tag('<meta name="twitter:site" content="' . htmlspecialchars($global_seo['twitter_site'] ?? '') . '">', $global_seo['twitter_site'] ?? '');
echo_tag('<meta name="twitter:creator" content="' . htmlspecialchars($page_seo['twitter_creator'] ?? '') . '">', $page_seo['twitter_creator'] ?? '');
// --- Favicons & Manifest (Global) ---
$favicon_url = absolute_url($base_url, $global_seo['favicon_ico'] ?? 'favicon.ico');
echo '<link rel="icon" href="' . htmlspecialchars($favicon_url) . '" type="image/x-icon">' . "\n";
echo_tag('<link rel="apple-touch-icon" sizes="180x180" href="' . absolute_url($base_url, $global_seo['apple_touch_icon'] ?? '') . '">', $global_seo['apple_touch_icon'] ?? '');
echo_tag('<link rel="manifest" href="' . absolute_url($base_url, $global_seo['manifest_url'] ?? '') . '">', $global_seo['manifest_url'] ?? '');
echo_tag('<meta name="theme-color" content="' . htmlspecialchars($global_seo['theme_color'] ?? '') . '">', $global_seo['theme_color'] ?? '');
echo_tag('<meta name="application-name" content="' . htmlspecialchars($global_seo['site_name'] ?? '') . '">', $global_seo['site_name'] ?? '');
// --- Geo & Local (Global) ---
echo_tag('<meta name="geo.region" content="' . htmlspecialchars($global_seo['geo_region'] ?? '') . '">', $global_seo['geo_region'] ?? '');
echo_tag('<meta name="geo.placename" content="' . htmlspecialchars($global_seo['geo_placename'] ?? '') . '">', $global_seo['geo_placename'] ?? '');
echo_tag('<meta name="geo.position" content="' . htmlspecialchars($global_seo['geo_position'] ?? '') . '">', $global_seo['geo_position'] ?? '');
// --- Sitemap (Global) ---
echo_tag('<link rel="sitemap" type="application/xml" title="Sitemap" href="' . htmlspecialchars($global_seo['sitemap_url'] ?? '') . '">', $global_seo['sitemap_url'] ?? '');
// --- Hreflang (Global) ---
echo_tag('<link rel="alternate" href="' . htmlspecialchars($global_seo['hreflang_x_default'] ?? '') . '" hreflang="x-default">', $global_seo['hreflang_x_default'] ?? '');
echo_tag('<link rel="alternate" href="' . htmlspecialchars($global_seo['hreflang_en'] ?? '') . '" hreflang="en">', $global_seo['hreflang_en'] ?? '');
echo_tag('<link rel="alternate" href="' . htmlspecialchars($global_seo['hreflang_es'] ?? '') . '" hreflang="es">', $global_seo['hreflang_es'] ?? '');
echo_tag('<link rel="alternate" href="' . htmlspecialchars($global_seo['hreflang_fr'] ?? '') . '" hreflang="fr">', $global_seo['hreflang_fr'] ?? '');
// --- Schema.org JSON-LD (Page-specific) ---
if (!empty($page_seo['schema_json'])) {
echo "<script type=\"application/ld+json\">\n" . $page_seo['schema_json'] . "\n</script>\n";
}
// --- Your CSS/JS Include ---
include 'head.php';
?>
</head>
<body>
<?php include 'header.php'?>
<section class="news-section py-5 text-white">
<div class="container ">
<div class=" motion-features">
<div class="row align-items-center mb-4">
<div class="col-lg-8" data-aos="fade-right">
<h2 class="display-5 fw-bold mb-4">News</h2>
</div>
<div class="col-lg-4 text-lg-end text-start" data-aos="fade-left">
<select id="sortSelect" class="form-select w-auto border-light ms-auto mb-4" aria-label="Sort news">
<option value="latest" selected>Sort by Latest</option>
<option value="popular">Sort by Popular</option>
</select>
</div>
</div>
<!-- News Container -->
<div class="row g-4" id="news-container"></div>
<!-- Load More Button -->
<div class="text-center mt-4">
<button id="loadMoreNews" class="btn btn-outline-light btn-sm rounded-pill px-4 mt-3 browse-btn">Load More</button>
</div>
</div>
</div>
</section>
<!-- JS for Dynamic News Loading -->
<script>
const newsContainer = document.getElementById('news-container');
const loadMoreBtn = document.getElementById('loadMoreNews');
const sortSelect = document.getElementById('sortSelect');
let offset = 0;
const limit = 3;
let sort = 'latest';
let endOfNews = false;
async function fetchNews() {
if (endOfNews) return;
try {
const res = await fetch(`fetch-news.php?offset=${offset}&limit=${limit}&sort=${sort}`);
const data = await res.json();
if (data.length === 0) {
endOfNews = true;
loadMoreBtn.style.display = 'none';
return;
}
data.forEach(news => {
const col = document.createElement('div');
col.className = 'col-md-4';
const formattedDate = new Date(news.news_date).toLocaleDateString('de-CH', {
day: '2-digit', month: 'long', year: 'numeric'
});
col.innerHTML = `
<a href="news-detail-page.php?id=${news.id}" class="text-decoration-none text-white h-100 w-100 d-block">
<div class="card text-white h-100 border-0">
<div class="motion-img mx-auto mt-auto">
<img src="images/news/${news.image}" class="img-fluid" alt="${news.heading_normal}">
</div>
<div class="text-center motion-text-container flex-grow-1 d-flex flex-column align-items-center p-3">
<h4 class="motion-title a1">${news.heading_normal}</h4>
<p class="motion-text a1">${news.intro}</p>
</div>
<div class="d-flex justify-content-between text-muted small mb-2 p-2">
<span class="text-white">📅 ${formattedDate}</span>
</div>
</div>
</a>
`;
newsContainer.appendChild(col);
});
offset += data.length;
} catch (err) {
console.error('Error loading news:', err);
}
}
loadMoreBtn.addEventListener('click', fetchNews);
sortSelect.addEventListener('change', () => {
sort = sortSelect.value;
offset = 0;
endOfNews = false;
newsContainer.innerHTML = '';
loadMoreBtn.style.display = 'block';
fetchNews();
});
// Initial load
fetchNews();
</script>
<?php include 'footer.php'?>
</body>
</html>
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists