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 = 'blog'; // CHANGED FOR THIS PAGE: Set the key for the Blog page
// Set default values for mandatory tags
$default_title = 'Blog | JAM ON - Latest News & Articles'; // CHANGED FOR THIS PAGE
$default_description = 'Stay up-to-date with the latest music articles, artist interviews, and urban culture trends from JAM ON.'; // CHANGED FOR THIS PAGE
// --- 2. FETCH SEO DATA (Keep the existing SEO logic) ---
// 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 (Keep existing helper functions) ---
/**
* 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 (Keep existing merge logic, adjust canonical) ---
// 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 . '/blog.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="blog-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">Blog</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 blogs">
<option value="latest" selected>Sort by Latest</option>
<option value="popular">Sort by Popular</option>
</select>
</div>
</div>
<div class="row g-4" id="blog-container"></div>
<div class="text-center mt-4">
<button id="loadMoreBlogs" class="btn btn-outline-light btn-sm rounded-pill px-4 mt-3 browse-btn">Load More</button>
</div>
</div>
</div>
</section>
<script>
const blogContainer = document.getElementById('blog-container');
const loadMoreBtn = document.getElementById('loadMoreBlogs');
const sortSelect = document.getElementById('sortSelect');
let offset = 0;
const limit = 6; // Increased limit for a blog page
let sort = 'latest';
let endOfBlogs = false;
async function fetchBlogs() {
if (endOfBlogs) return;
loadMoreBtn.disabled = true; // Disable button while loading
loadMoreBtn.textContent = 'Loading...';
try {
// Use 'fetch-blogs.php' instead of 'fetch-news.php'
const res = await fetch(`fetch-blogs.php?offset=${offset}&limit=${limit}&sort=${sort}`);
const data = await res.json();
if (data.length === 0) {
endOfBlogs = true;
loadMoreBtn.style.display = 'none';
return;
}
// Loop through the data and create blog post elements
data.forEach(blog => {
const col = document.createElement('div');
col.className = 'col-md-4'; // Match the layout of your home section
// Format the date using a simpler method, as full Intl polyfill can be heavy.
// Assuming 'date' is a valid SQL date string (YYYY-MM-DD).
const dateOptions = { month: 'long', day: 'numeric', year: 'numeric' };
const formattedDate = new Date(blog.date).toLocaleDateString('en-US', dateOptions);
// Use the HTML structure from your home blog section
col.innerHTML = `
<div class="blog-post position-relative" data-aos="fade-up">
<div class="blog-image">
<img src="images/blog/${blog.image}" alt="${blog.heading_normal}" class="img-fluid">
<span class="blog-date">${formattedDate}</span>
</div>
<div class="blog-content p-3">
<h5 class="text-white">
${blog.heading_normal}
<strong>${blog.heading_bold}</strong>
</h5>
<p class="text-light">${blog.intro}</p>
</div>
<a href="blog-detail-page.php?id=${blog.id}" class="stretched-link"></a>
</div>
`;
blogContainer.appendChild(col);
});
offset += data.length;
} catch (err) {
console.error('Error loading blogs:', err);
} finally {
loadMoreBtn.disabled = false;
loadMoreBtn.textContent = 'Load More';
}
}
loadMoreBtn.addEventListener('click', fetchBlogs);
sortSelect.addEventListener('change', () => {
sort = sortSelect.value;
offset = 0;
endOfBlogs = false;
blogContainer.innerHTML = ''; // Clear existing posts
loadMoreBtn.style.display = 'block'; // Show button
fetchBlogs(); // Load first batch with new sort
});
// Initial load
fetchBlogs();
</script>
<?php include 'footer.php'?>
</body>
</html>
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists