220 lines
7.1 KiB
PHP
220 lines
7.1 KiB
PHP
<?php
|
|
// Read the theme from a cookie so the root element can be rendered
|
|
// pre-coloured. This paints the page in the theme colour from the first
|
|
// byte of every response, eliminating the white flash between navigations.
|
|
$blowditThemeBg = array(
|
|
'light' => '#ffffff',
|
|
'dark' => '#171717',
|
|
'nord' => '#2e3440',
|
|
'dracula' => '#282a36',
|
|
'catppuccin' => '#1e1e2e',
|
|
);
|
|
$blowditTheme = (isset($_COOKIE['blowdit-theme']) && isset($blowditThemeBg[$_COOKIE['blowdit-theme']]))
|
|
? $_COOKIE['blowdit-theme']
|
|
: 'light';
|
|
$blowditBg = $blowditThemeBg[$blowditTheme];
|
|
$blowditScheme = ($blowditTheme === 'light') ? 'light' : 'dark';
|
|
?>
|
|
<!DOCTYPE html>
|
|
<html lang="<?php echo Theme::lang() ?>" data-theme="<?php echo $blowditTheme ?>" style="background-color: <?php echo $blowditBg ?>; color-scheme: <?php echo $blowditScheme ?>;">
|
|
<head>
|
|
<?php include(THEME_DIR_PHP.'head.php'); ?>
|
|
</head>
|
|
<body>
|
|
|
|
<!-- Load Bludit Plugins: Site Body Begin -->
|
|
<?php Theme::plugins('siteBodyBegin'); ?>
|
|
|
|
<!-- Navbar -->
|
|
<?php include(THEME_DIR_PHP.'navbar.php'); ?>
|
|
|
|
<?php
|
|
// Split the siteSidebar plugins into "search" and "everything else".
|
|
// This lets us relocate the search box under the hero on the homepage
|
|
// (Popeye-style) while keeping the other plugins in the right sidebar.
|
|
// Mirrors Bludit's own Theme::plugins() loop, but captures the output.
|
|
global $plugins;
|
|
$sidebarSearchHtml = ''; // search box, rendered under the hero on the homepage
|
|
$sidebarItems = array(); // every sidebar plugin, to be sorted into a fixed order
|
|
$sidebarIndex = 0;
|
|
if (isset($plugins['siteSidebar'])) {
|
|
foreach ($plugins['siteSidebar'] as $plugin) {
|
|
$out = $plugin->siteSidebar();
|
|
|
|
$isSearch = (strpos($out, 'plugin-search') !== false);
|
|
$isNav = (strpos($out, 'plugin-navigation') !== false || strpos($out, 'plugin-pages') !== false);
|
|
|
|
// Fixed sidebar order (lower = higher up). Unknown plugins such as
|
|
// the Hit Counter default to 90, i.e. pinned to the bottom.
|
|
$priority = 90;
|
|
if (strpos($out, 'plugin-about') !== false) $priority = 10; // Blog / About
|
|
elseif ($isSearch) $priority = 20; // Search
|
|
elseif ($isNav) $priority = 30; // Navigation
|
|
elseif (strpos($out, 'plugin-categories') !== false) $priority = 40; // Category
|
|
|
|
if ($isSearch) {
|
|
$sidebarSearchHtml .= $out;
|
|
}
|
|
// Mark the navigation / pages plugin so its list can be shuffled
|
|
// client-side (see the script near the body end).
|
|
if ($isNav) {
|
|
$out = '<div class="js-random-nav">' . $out . '</div>';
|
|
}
|
|
|
|
$sidebarItems[] = array(
|
|
'priority' => $priority,
|
|
'index' => $sidebarIndex++,
|
|
'search' => $isSearch,
|
|
'html' => $out,
|
|
);
|
|
}
|
|
}
|
|
|
|
// Stable sort by priority, then original order (PHP < 8 usort isn't stable).
|
|
usort($sidebarItems, function ($a, $b) {
|
|
if ($a['priority'] === $b['priority']) {
|
|
return $a['index'] - $b['index'];
|
|
}
|
|
return $a['priority'] - $b['priority'];
|
|
});
|
|
|
|
$sidebarFullHtml = ''; // all plugins, ordered (used off the homepage)
|
|
$sidebarNoSearchHtml = ''; // same, minus search (used on the homepage)
|
|
foreach ($sidebarItems as $item) {
|
|
$sidebarFullHtml .= $item['html'];
|
|
if (!$item['search']) {
|
|
$sidebarNoSearchHtml .= $item['html'];
|
|
}
|
|
}
|
|
|
|
// The hero (and the relocated search) only appear on the blog front page.
|
|
$heroVisible = ($WHERE_AM_I === 'home' && Paginator::currentPage() == 1);
|
|
?>
|
|
|
|
<!-- Content -->
|
|
<div class="container">
|
|
<div class="row">
|
|
|
|
<!-- Blog Posts -->
|
|
<div class="col-md-8">
|
|
<?php
|
|
// Bludit content are pages.
|
|
// Ordered by date, these pages behave like posts.
|
|
//
|
|
// $WHERE_AM_I detects where the visitor is:
|
|
// "page" -> viewing a single page/post
|
|
// "home" -> viewing the front page
|
|
if ($WHERE_AM_I == 'page') {
|
|
include(THEME_DIR_PHP.'page.php');
|
|
} else {
|
|
include(THEME_DIR_PHP.'home.php');
|
|
}
|
|
?>
|
|
</div>
|
|
|
|
<!-- Right Sidebar -->
|
|
<div class="col-md-3 offset-md-1">
|
|
<?php include(THEME_DIR_PHP.'sidebar.php'); ?>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Footer -->
|
|
<?php include(THEME_DIR_PHP.'footer.php'); ?>
|
|
|
|
<!-- Javascript -->
|
|
<?php
|
|
// Include Jquery file from Bludit Core
|
|
echo Theme::jquery();
|
|
|
|
// Include javascript Bootstrap file from Bludit Core
|
|
echo Theme::jsBootstrap();
|
|
?>
|
|
|
|
<!-- Theme rotation: light -> dark -> nord -> dracula -->
|
|
<script>
|
|
(function () {
|
|
var STORAGE_KEY = 'blowdit-theme';
|
|
var THEMES = ['light', 'dark', 'nord', 'dracula', 'catppuccin'];
|
|
var ICONS = {
|
|
light: 'bi-brightness-high',
|
|
dark: 'bi-moon-stars',
|
|
nord: 'bi-snow',
|
|
dracula: 'bi-droplet',
|
|
catppuccin: 'bi-cup'
|
|
};
|
|
var root = document.documentElement;
|
|
var btn = document.getElementById('theme-toggle');
|
|
|
|
function syncIcon(theme) {
|
|
if (!btn) return;
|
|
var icon = btn.querySelector('i');
|
|
if (!icon) return;
|
|
icon.className = 'bi ' + (ICONS[theme] || 'bi-circle-half');
|
|
}
|
|
|
|
function apply(theme) {
|
|
root.setAttribute('data-theme', theme);
|
|
try { localStorage.setItem(STORAGE_KEY, theme); } catch (e) {}
|
|
// Persist to a cookie so PHP pre-colours the next page server-side
|
|
// (prevents the white flash between navigations).
|
|
document.cookie = 'blowdit-theme=' + theme + '; path=/; max-age=31536000; SameSite=Lax';
|
|
// Keep the inline html background/color-scheme in sync.
|
|
var bg = window.BLOWDIT_THEME_BG || {};
|
|
if (bg[theme]) { root.style.backgroundColor = bg[theme]; }
|
|
root.style.colorScheme = (theme === 'light') ? 'light' : 'dark';
|
|
syncIcon(theme);
|
|
}
|
|
|
|
// Reflect the theme set by the inline head script.
|
|
var current = root.getAttribute('data-theme') || 'light';
|
|
if (THEMES.indexOf(current) === -1) current = 'light';
|
|
syncIcon(current);
|
|
|
|
if (btn) {
|
|
btn.addEventListener('click', function () {
|
|
var cur = root.getAttribute('data-theme') || 'light';
|
|
var i = THEMES.indexOf(cur);
|
|
apply(THEMES[(i + 1) % THEMES.length]);
|
|
});
|
|
}
|
|
|
|
// Follow the OS preference unless the visitor chose explicitly.
|
|
if (window.matchMedia) {
|
|
window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', function (e) {
|
|
try {
|
|
if (localStorage.getItem(STORAGE_KEY)) return;
|
|
} catch (err) {}
|
|
apply(e.matches ? 'dark' : 'light');
|
|
});
|
|
}
|
|
})();
|
|
</script>
|
|
|
|
<!-- Randomise the order of the navigation / pages list on each load -->
|
|
<script>
|
|
(function () {
|
|
function shuffle(arr) {
|
|
for (var i = arr.length - 1; i > 0; i--) {
|
|
var j = Math.floor(Math.random() * (i + 1));
|
|
var tmp = arr[i]; arr[i] = arr[j]; arr[j] = tmp;
|
|
}
|
|
return arr;
|
|
}
|
|
var lists = document.querySelectorAll('.js-random-nav ul');
|
|
Array.prototype.forEach.call(lists, function (ul) {
|
|
var items = Array.prototype.filter.call(ul.children, function (el) {
|
|
return el.tagName === 'LI';
|
|
});
|
|
shuffle(items).forEach(function (li) { ul.appendChild(li); });
|
|
});
|
|
})();
|
|
</script>
|
|
|
|
<!-- Load Bludit Plugins: Site Body End -->
|
|
<?php Theme::plugins('siteBodyEnd'); ?>
|
|
|
|
</body>
|
|
</html>
|