PHP Archives | Dahlske Bank

Arguing with Grok until PHP does what I want

Somewhat ~~simple~~ PHP script to read and extract information from images to a json. Fetches dimensions, EXIF taken date, adds tags based on folder structure. Built from arguing with Grok… refined, fixed, and mastered by Claude Code. Like Lemon said, “Grok stupid bro”.

If I could offer you only one tip for the future, choose life.
Choose Claude.

<?php
$images    = [];
$fullDir   = __DIR__ . '/full';
$sourceDir = __DIR__ . '/original';

$files = glob($fullDir . '/*_full.webp');

foreach ($files as $file) {
	$filename = basename($file);

	// Extract day number from filename (e.g. day-03 or Day25)
	preg_match('/day[-_]?(\d+)/i', $filename, $m);
	$day = str_pad($m[1] ?? '00', 2, '0', STR_PAD_LEFT);

	// Base name without the _full.webp suffix
	$base = str_replace('_full.webp', '', $filename);

	// Day-level source folder (unpadded int to match folder names like /original/3/)
	$daySourceDir = $sourceDir . '/' . (int)$day;

	// Detect category tags and find original filename in one pass
	$tags             = [];
	$originalExt      = 'jpg'; // fallback
	$foundOriginal    = false;
	$originalPath     = null;
	$originalCategory = null;

	foreach (['promo', 'off', 'bts'] as $category) {
		$dir     = $daySourceDir . '/' . $category . '/';
		$matches = glob($dir . $base . '.*'); // matches any extension, Windows-safe
		if (!empty($matches)) {
			$tags[] = $category;
			if (!$foundOriginal) {
				$originalExt      = strtolower(pathinfo($matches[0], PATHINFO_EXTENSION));
				$originalPath     = $matches[0];
				$originalCategory = $category;
				$foundOriginal    = true;
			}
		}
	}

	// Read dimensions from the full webp
	$dims   = @getimagesize($file);
	$width  = $dims ? $dims[0] : 3008;
	$height = $dims ? $dims[1] : 2000;

	// Read EXIF date from the original JPG, fall back to filename
	$dateTaken = null;
	if ($originalPath && $originalExt === 'jpg') {
		$exif = @exif_read_data($originalPath);
		$raw  = $exif['DateTimeOriginal'] ?? $exif['DateTime'] ?? null;
		if ($raw) {
			// EXIF format is "YYYY:MM:DD HH:MM:SS" — fix separators then parse
			$dateTaken = date('Y-m-d', strtotime(str_replace(':', '-', substr($raw, 0, 10))));
		}
	}
	// Fallback: parse date from filename e.g. killing-heat_day-2_2008-06-30_...
	if (!$dateTaken) {
		preg_match('/(\d{4}-\d{2}-\d{2})/', $base, $dm);
		$dateTaken = $dm[1] ?? null;
	}

	$images[] = [
		"filename"         => $filename,
		"day"              => $day,
		"width"            => $width,
		"height"           => $height,
		"dateTaken"        => $dateTaken,
		"tags"             => $tags,
		"featured"         => false,
		"hide"             => false,
		"caption"          => "",
		"originalFilename" => $base . '.' . $originalExt,
		"originalPath"     => $foundOriginal
			? 'original/' . (int)$day . '/' . $originalCategory . '/' . $base . '.' . $originalExt
			: null,
	];
}

// Sort by day (ascending), then alphabetically by filename within each day
usort($images, function ($a, $b) {
	if ($a['day'] !== $b['day']) return (int)$a['day'] - (int)$b['day'];
	return strcmp($a['filename'], $b['filename']);
});

file_put_contents('images.json', json_encode($images, JSON_PRETTY_PRINT));
echo "✅ Done! " . count($images) . " images written to images.json\n";
echo "Tags (#promo, #off, #bts) detected from source subfolders.\n";
echo "Sorted by day (Day 1 first), then by filename.\n";

<?php

$images = [];

$fullDir = __DIR__ . '/full';

$sourceDir = __DIR__ . '/original';

$files = glob($fullDir . '/*_full.webp');

foreach ($files as $file) {

$filename = basename($file);

// Extract day number from filename (e.g. day-03 or Day25)

preg_match('/day[-_]?(\d+)/i', $filename, $m);

$day = str_pad($m[1] ?? '00', 2, '0', STR_PAD_LEFT);

// Base name without the _full.webp suffix

$base = str_replace('_full.webp', '', $filename);

// Day-level source folder (unpadded int to match folder names like /original/3/)

$daySourceDir = $sourceDir . '/' . (int)$day;

// Detect category tags and find original filename in one pass

$tags = [];

$originalExt = 'jpg'; // fallback

$foundOriginal = false;

$originalPath = null;

$originalCategory = null;

foreach (['promo', 'off', 'bts'] as $category) {

$dir = $daySourceDir . '/' . $category . '/';

$matches = glob($dir . $base . '.*'); // matches any extension, Windows-safe

if (!empty($matches)) {

$tags[] = $category;

if (!$foundOriginal) {

$originalExt = strtolower(pathinfo($matches[0], PATHINFO_EXTENSION));

$originalPath = $matches[0];

$originalCategory = $category;

$foundOriginal = true;

}

// Read dimensions from the full webp

$dims = @getimagesize($file);

$width = $dims ? $dims[0] : 3008;

$height = $dims ? $dims[1] : 2000;

// Read EXIF date from the original JPG, fall back to filename

$dateTaken = null;

if ($originalPath && $originalExt === 'jpg') {

$exif = @exif_read_data($originalPath);

$raw = $exif['DateTimeOriginal'] ?? $exif['DateTime'] ?? null;

if ($raw) {

// EXIF format is "YYYY:MM:DD HH:MM:SS" — fix separators then parse

$dateTaken = date('Y-m-d', strtotime(str_replace(':', '-', substr($raw, 0, 10))));

}

// Fallback: parse date from filename e.g. killing-heat_day-2_2008-06-30_...

if (!$dateTaken) {

preg_match('/(\d{4}-\d{2}-\d{2})/', $base, $dm);

$dateTaken = $dm[1] ?? null;

}

$images[] = [

"filename" => $filename,

"day" => $day,

"width" => $width,

"height" => $height,

"dateTaken" => $dateTaken,

"tags" => $tags,

"featured" => false,

"hide" => false,

"caption" => "",

"originalFilename" => $base . '.' . $originalExt,

"originalPath" => $foundOriginal

? 'original/' . (int)$day . '/' . $originalCategory . '/' . $base . '.' . $originalExt

: null,

];

}

// Sort by day (ascending), then alphabetically by filename within each day

usort($images, function ($a, $b) {

if ($a['day'] !== $b['day']) return (int)$a['day'] - (int)$b['day'];

return strcmp($a['filename'], $b['filename']);

});

file_put_contents('images.json', json_encode($images, JSON_PRETTY_PRINT));

echo "✅ Done! " . count($images) . " images written to images.json\n";

echo "Tags (#promo, #off, #bts) detected from source subfolders.\n";

echo "Sorted by day (Day 1 first), then by filename.\n";

Script used in process to make gallery function for Killing Heat website.

// Meloslave.com // The First Real Project of 2026

Out of all the domains at my fingertips, Meloslave.com was the most straightforward project to approach. I needed a quick fix, a site that could go live fast without too many distractions or variable factors to contemplate. Glenn Thomas Andersen being an artist, musician and a DJ, my first thought was that Meloslave.com needed a linktree (link in bio). His main activity is on Spotify, where people stream his music (he has 3.8K monthly listeners), so you don’t really need an elaborate website with pages, posts or galleries. You can find all of that on Meloslave’s social media accounts, hence the linktree.

Click here to view Meloslave.com

The main goal was to figure out video playback as a background, together with social media sharing details, which I must say is rather easy with Grok and Claude at my disposal. Grok may not be perfect, but he does all the heavy lifting, all the noise and chatter, then I ask Claude to refine. Actually, I did ask Chad too… and while he does have good input, my attitude towards The Woke Chad is mostly fuck off. Come to think of it, are alle the LLMs male?

~~Doing a new thing here where I just link directly to the files on Meloslave.com. Should that work? Weird that it worked…~~ I might have to learn GitHub, eventually.

<!DOCTYPE html>
<html lang="en" class="h-100" data-bs-theme="dark">

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<meta name="description" content="Meloslave (Glenn Thomas Andersen) - Norwegian DJ/producer from Mosby. High-energy Techno, Trance, House, Hardstyle & Hardcore. Stream latest track 'Dronninga Av Drama' now!">
	<!-- <meta name="author" content="Daniel Dahl"> -->
	<meta name="robots" content="index, follow" />

	<meta property="og:title" content="Meloslave – Norwegian DJ/Producer">
	<meta property="og:description" content="Meloslave (Glenn Thomas Andersen) – High-energy Techno, Trance, House, Hardstyle & Hardcore from Mosby, Norway. Stream 'Dronninga Av Drama' now!">
	<meta property="og:url" content="https://meloslave.com/">
	<meta property="og:type" content="website">
	<meta property="og:site_name" content="Meloslave">
	<meta property="og:locale" content="en_US">
	<meta property="og:image" content="https://meloslave.com/assets/og-image.jpg">
	<meta property="og:image:type" content="image/jpeg">
	<meta property="og:image:width" content="1200">
	<meta property="og:image:height" content="630">
	<meta property="og:image:alt" content="Meloslave DJ">
	<meta name="twitter:card" content="summary_large_image">
	<meta name="twitter:title" content="Meloslave – Norwegian DJ/Producer">
	<meta name="twitter:description" content="Meloslave (Glenn Thomas Andersen) – High-energy Techno, Trance, House, Hardstyle & Hardcore from Mosby. Stream now!">
	<meta name="twitter:image" content="https://meloslave.com/assets/og-image.jpg">
	<meta name="theme-color" content="#000000">

	<title>Meloslave – Norwegian DJ / Producer | Techno, Trance, Hardstyle</title>
	<link rel="canonical" href="https://meloslave.com/" />

	<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon-32x32.png">
	<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon-16x16.png">
	<link rel="apple-touch-icon" sizes="180x180" href="/assets/apple-touch-icon.png">
	<link rel="manifest" href="/assets/site.webmanifest">

	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/5.3.8/brite/bootstrap.min.css" integrity="sha512-hdHm7G0usstmeadnEc35uty2sWkdO3btt1t4+yQOieAPIyUyC6AcE36YIrL4SrbNinll5f4HxpQSUA0UseNhVg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" integrity="sha384-XGjxtQfXaH2tnPFa9x+ruJTuLE3Aa6LhHSWRr1XeTyhezb4abCG4ccI5AkVDxqC+" crossorigin="anonymous">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css" integrity="sha512-2SwdPD6INVrV/lHTZbO2nodKhrnDdJK9/kg2XD1r9uGqPo1cUbujc+IYdlYdEErWNu69gVcYgdxlmVmzTWnetw==" crossorigin="anonymous" referrerpolicy="no-referrer" />

	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?family=Bungee&family=Syne:wght@400..800&display=swap" rel="stylesheet">

	<link rel="stylesheet" href="/style.css" id="dfault-css" media="all" />

	<script async src="https://www.googletagmanager.com/gtag/js?id=G-QSB216C4V3"></script>
	<script>
		window.dataLayer = window.dataLayer || [];

		function gtag() {
			dataLayer.push(arguments);
		}
		gtag('js', new Date());
		gtag('config', 'G-QSB216C4V3');
	</script>

	<script type="application/ld+json">
		{
			"@context": "https://schema.org",
			"@type": ["Person", "MusicGroup"],
			"name": "Meloslave",
			"inLanguage": "en",
			"alternateName": "Glenn Thomas Andersen",
			"url": "https://meloslave.com",
			"image": "https://meloslave.com/assets/meloslave-1.jpg",
			"genre": ["Techno", "Trance", "House", "Hardstyle", "Hardcore"],
			"sameAs": [
				"https://www.instagram.com/meloslave/",
				"https://www.youtube.com/channel/UCzlgVXNXSgeO5ngsoJxmesg",
				"https://www.facebook.com/Meloslave/",
				"https://x.com/Meloslave",
				"https://www.twitch.tv/meloslave",
				"https://open.spotify.com/artist/3YUVoZ2g2WCj2uSJEZsPR9"
			]
		}
	</script>
</head>

<body class="d-flex h-100">

	<video autoplay loop muted playsinline id="bgVideo" aria-hidden="true"
		poster="/assets/meloslave-poster.jpg" preload="metadata" class="position-fixed top-0 start-0 w-100 h-100 object-fit-cover">
		<source src="/assets/meloslave-bg-long.mp4" type="video/mp4">
		<source src="/assets/meloslave-bg-long.webm" type="video/webm">
	</video>
	<div class="position-fixed top-0 start-0 w-100 h-100 dd-bg-img"></div>
	<div class="position-fixed bottom-0 end-0 m-2 d-flex gap-1 dd-btn-bar">
		<button id="pauseToggle" class="btn btn-outline-light rounded-pill" aria-label="Pause background video">
			<i id="pauseIcon" class="fa-solid fa-pause"></i>
		</button>
		<button id="muteToggle" class="btn btn-outline-light rounded-pill" aria-label="Mute background audio">
			<i id="speakerIcon" class="fa-solid fa-volume-mute"></i>
		</button>
		<div class="btn-group dropup dd-hc-btn">
			<button type="button"
				class="btn btn-outline-light rounded-pill dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
				<i class="fa-solid fa-palette fa-xl"></i>
			</button>

			<ul class="dropdown-menu dropdown-menu-end">
				<li><a class="dropdown-item" href="#" data-theme="dark">Default Dark</a></li>
				<li><a class="dropdown-item" href="#" data-theme="high-contrast-dark">High Contrast Dark</a></li>
				<li><a class="dropdown-item" href="#" data-theme="high-contrast-light">High Contrast Light</a></li>
				<li><a class="dropdown-item" href="#" data-theme="high-contrast-custom">High Contrast Yellow</a></li>
			</ul>
		</div>
	</div>

	<div class="container d-flex w-100 h-100 p-3 mx-auto flex-column">
		<header id="site-header" class="mb-5 mt-4 text-center">

			<div id="profileCarousel" class="carousel slide mb-3 mx-auto"
				data-bs-ride="carousel" data-bs-interval="4500" style="max-width: 240px;">

				<div class="carousel-inner">
					<div class="carousel-item active">
						<img src="/assets/meloslave-1.jpg" class="d-block w-100 rounded-4" fetchpriority="high"
							alt="Meloslave 1 | from bassrave, photo by snadravictoria">
					</div>
					<div class="carousel-item">
						<img src="/assets/meloslave-2.jpg" class="d-block w-100 rounded-4" loading="lazy"
							alt="Meloslave 2 | photo by unknown">
					</div>
					<div class="carousel-item">
						<img src="/assets/meloslave-3.jpg" class="d-block w-100 rounded-4" loading="lazy"
							alt="Meloslave 3 | photo by erling_abrahamsen">
					</div>
					<div class="carousel-item">
						<img src="/assets/meloslave-4.jpg" class="d-block w-100 rounded-4" loading="lazy"
							alt="Meloslave 4 | photo by erling_abrahamsen">
					</div>
					<div class="carousel-item">
						<img src="/assets/meloslave-5.jpg" class="d-block w-100 rounded-4" loading="lazy"
							alt="Meloslave 5 | from bassrave, photo by snadravictoria">
					</div>
					<div class="carousel-item">
						<img src="/assets/meloslave-6.jpg" class="d-block w-100 rounded-4" loading="lazy"
							alt="Meloslave 6  | photo by erling_abrahamsen">
					</div>
					<div class="carousel-item">
						<img src="/assets/meloslave-7.jpg" class="d-block w-100 rounded-4" loading="lazy"
							alt="Meloslave 7 | photo by unknown">
					</div>
				</div>

				<button class="carousel-control-prev" type="button" data-bs-target="#profileCarousel" data-bs-slide="prev">
					<span class="carousel-control-prev-icon" aria-hidden="true"></span>
					<span class="visually-hidden">Previous</span>
				</button>
				<button class="carousel-control-next" type="button" data-bs-target="#profileCarousel" data-bs-slide="next">
					<span class="carousel-control-next-icon" aria-hidden="true"></span>
					<span class="visually-hidden">Next</span>
				</button>
			</div>

			<h1 class="display-1">Meloslave</h1>
			<p>
				DJ <i class="bi bi-slash"></i> Producer from Norway<br>
				Techno <i class="bi bi-dot"></i> Trance <i class="bi bi-dot"></i> Hardstyle <i class="bi bi-dot"></i> Hardcore
			</p>

			<button type="button" class="btn btn-primary btn-fixed-width" data-bs-toggle="modal" data-bs-target="#bioModal">
				<i class="fa-solid fa-user fa-fw"></i> Read Bio
			</button>
			<button type="button" class="btn btn-primary btn-fixed-width d-none" data-bs-toggle="modal" data-bs-target="#contactModal">
				<i class="fa-solid fa-envelope fa-fw"></i> Contact
			</button>

			<div class="mt-5 mb-2 text-center">
				<div class="d-flex justify-content-center gap-4 flex-wrap">
					<div class="social-icon">
						<a href="https://www.instagram.com/meloslave/" target="_blank" rel="noopener noreferrer" title="Instagram">
							<i class="fa-brands fa-instagram fa-3x fa-fw"></i></a>
						<a href="https://www.youtube.com/channel/UCzlgVXNXSgeO5ngsoJxmesg" target="_blank" rel="noopener noreferrer" title="YouTube">
							<i class="fa-brands fa-youtube fa-3x fa-fw"></i></a>
						<a href="https://www.facebook.com/Meloslave/" target="_blank" rel="noopener noreferrer" title="Facebook">
							<i class="fa-brands fa-facebook fa-3x fa-fw"></i></a>
						<a href="https://x.com/Meloslave" target="_blank" rel="noopener noreferrer" title="X / Twitter">
							<i class="fa-brands fa-x-twitter fa-3x fa-fw"></i></a>
						<a href="https://www.twitch.tv/meloslave" target="_blank" rel="noopener noreferrer" title="Twitch">
							<i class="fa-brands fa-twitch fa-3x fa-fw"></i></a>
					</div>
				</div>
			</div>

		</header>

		<main id="dd-melomain" class="text-center mb-5">
			<div class="mb-5 d-grid gap-2 col-lg-6 mx-auto">

				<div class="spotify-hero">
					<h3 class="mb-3">Play Latest Song</h3>
					<iframe data-testid="embed-iframe" src="https://open.spotify.com/embed/track/6Tc8XNF0hywVt9CP2BgE2l?utm_source=generator" width="100%" height="152" frameborder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
				</div>

				<h3 class="mt-4">Stream Music</h3>
				<a class="icon-link btn btn-primary btn-lg btn-spotify" href="https://open.spotify.com/artist/3YUVoZ2g2WCj2uSJEZsPR9">
					<i class="fa-brands fa-spotify fa-fw"></i> Spotify</a>
				<div class="dd-grid-3 d-grid gap-2">
					<a class="icon-link btn btn-primary btn-lg btn-apple" href="https://music.apple.com/no/artist/meloslave/1251003673">
						<i class="fa-brands fa-itunes-note fa-fw"></i> Apple Music</a>
					<a class="icon-link btn btn-primary btn-lg btn-amazon" href="https://www.amazon.com/music/player/artists/B097D428YL/meloslave">
						<i class="fa-brands fa-amazon fa-fw"></i> Amazon Music</a>
					<a class="icon-link btn btn-primary btn-lg btn-soundcloud" href="https://soundcloud.com/glenn-andersen-1">
						<i class="fa-brands fa-soundcloud fa-fw"></i> SoundCloud</a>
				</div>

				<h3 class="mt-4">Follow & Watch</h3>
				<div class="dd-grid-2 d-grid gap-2">
					<a class="icon-link btn btn-primary btn-lg btn-instagram" href="https://www.instagram.com/meloslave/">
						<i class="fa-brands fa-instagram fa-fw"></i> Instagram</a>
					<a class="icon-link btn btn-primary btn-lg btn-youtube" href="https://www.youtube.com/channel/UCzlgVXNXSgeO5ngsoJxmesg">
						<i class="fa-brands fa-youtube fa-fw"></i> YouTube</a>
					<a class="icon-link btn btn-primary btn-lg btn-facebook" href="https://www.facebook.com/Meloslave/">
						<i class="fa-brands fa-facebook fa-fw"></i> Facebook</a>
					<a class="icon-link btn btn-primary btn-lg btn-twitch" href="https://www.twitch.tv/meloslave">
						<i class="fa-brands fa-twitch fa-fw"></i> Twitch</a>
				</div>

				<h3 class="mt-4">Merch</h3>
				<a class="icon-link btn btn-primary btn-lg btn-glass" href="https://vennesla-merch.creator-spring.com/listing/buy-meloslave-offisiell">
					<i class="fa-solid fa-shirt fa-fw"></i> Official Vennesla Merch</a>

				<h3 class="mt-4">Other Links</h3>
				<div class="dd-grid-2 d-grid gap-2">
					<a class="icon-link btn btn-primary btn-lg btn-glass" href="https://streamelements.com/meloslave">
						StreamElements</a>
					<a class="icon-link btn btn-primary btn-lg btn-glass" href="https://www.imdb.com/name/nm8282384/">
						IMDb</a>
					<a class="icon-link btn btn-primary btn-lg btn-glass" href="https://bassandtime.com/Meloslave">
						Bass and Time</a>
					<a class="icon-link btn btn-primary btn-lg btn-glass" href="https://www.palmesus.com/artister/meloslave">
						Palmesus</a>
					<a class="icon-link btn btn-primary btn-lg btn-glass" href="https://www.passion4trance.no/2025/10/11/meloslave-to-passion-4-trance-electronic-artwork-the-17th-of-october/">
						Passion 4 Trance</a>
					<a class="icon-link btn btn-primary btn-lg btn-glass" href="https://www.youtube.com/watch?v=Trqi7GeBd0s">
						Meloslave - Fuck D&aelig; (Music Video)</a>
				</div>

			</div>

			<div class="my-5 dd-melo-footer">
				<h3>Meloslave</h3>
				<p class="lead">DJ Glenn Thomas Andersen<br>Org. no.: 931 698 176</p>
				<a href="#" data-bs-toggle="modal" data-bs-target="#contactModal" class="text-primary d-none">Contact</a>
			</div>

		</main>

		<footer class="pb-5 mt-5 dd-dfault-footer text-center">
			<p>
				<a href="https://dfault.it/" target="_blank" title="D-FAULT PENDING" class="text-warning">D-FAULT PENDING</a><br>
				<span class="d-none d-lg-inline">Copyright</span> <i class="bi bi-c-circle"></i> 2007&ndash;<?php echo date("Y") ?> <i class="bi bi-dot"></i> <a href="https://meloslave.com/" title="Glenn Thomas Andersen" class="text-warning">Meloslave.com</a><br>
				<a href="https://dahlskebank.com/" target="_blank" title="Dahlske Bank" class="text-warning">Powered by dB</a> <i class="bi bi-slash"></i>
				<a href="https://danieldahl.com/" target="_blank" title="Daniel Dahl" class="text-warning">Fueled by dD</a> <i class="bi bi-slash"></i>
				<a href="https://dxd.no/" target="_blank" title="deus ex Dahl" class="text-warning">Pinnacle of dxD</a>
			</p>
		</footer>

	</div>

	<div class="modal fade" id="bioModal" tabindex="-1" aria-labelledby="bioModalLabel" aria-hidden="true">
		<div class="modal-dialog modal-dialog-centered modal-lg">
			<div class="modal-content">
				<div class="modal-header">
					<h3 class="modal-title" id="bioModalLabel">About Meloslave</h3>
					<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
				</div>
				<div class="modal-body">
					<img src="/assets/og-image.jpg" class="img-fluid rounded mb-3" alt="Meloslave & Soran">
					<p class="lead">
						Meloslave, whose real name is Glenn Thomas Andersen, was born on March 22, 1986 in T&oslash;nsberg, Norway.
					</p>
					<p class="lead">
						His passion for music started early. At the age of 15, he began experimenting with music production and synthesizer theory in his bedroom. Two years later, he discovered DJing after meeting fellow DJ Active Bee, who lent him his first setup. This ignited his lifelong love for energizing dancefloors.
					</p>
					<p class="lead">
						He learned to beatmatch on vinyl before transitioning to CD players and spent several years playing private parties. After producing and DJing on and off for some time, the COVID pandemic led him to start streaming on Twitch. His streams quickly caught the attention of local promoters and relaunched his career.
					</p>
					<p class="lead">
						Today, Meloslave is known for his high-energy and versatile style. He loves blending multiple genres - Techno, Trance, House, Hardstyle, and Hardcore - always adapting his sets to create the perfect vibe for every audience.
					</p>
				</div>
				<div class="modal-footer"><button type="button" class="btn btn-primary" data-bs-dismiss="modal">Close</button></div>
			</div>
		</div>
	</div>

	<div class="modal fade" id="contactModal" tabindex="-1" aria-labelledby="contactModalLabel" aria-hidden="true" data-bs-theme="light">
		<div class="modal-dialog modal-dialog-centered">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title" id="contactModalLabel">Contact Meloslave</h4>
					<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
				</div>
				<div class="modal-body text-center">
					<p class="lead">Meloslave DJ Glenn Thomas Andersen<br>Organization number: 931 698 176</p>
					<p class="lead"><i>Contact details and functionality coming soon!</i></p>

					<!-- Optional: if you have a public email -->
					<!-- <p class="mt-4">Kontakt: <a href="mailto:xxx@meloslave.com">xxx@meloslave.com</a></p> -->
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
				</div>
			</div>
		</div>
	</div>

	<!--
		Video Controls Explanation Alert
		<div id="videoAlert" class="alert alert-dismissible alert-warning position-fixed bottom-0 start-50 translate-middle-x mb-3" role="alert">
			<button type="button" class="btn-close" data-bs-dismiss="alert"></button>
				<h5 class="alert-heading">Warning! Background video sound is off</h5>
				Tap the <i class="fa-solid fa-volume-high fa-fw"></i> speaker to turn music on/off.<br>
				Tap the <i class="fa-solid fa-pause fa-fw"></i> button to pause/resume the video.
		</div>
		-->

	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js" integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" crossorigin="anonymous"></script>
	<script src="/dfault.js"></script>

</body>

</html>

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

218

219

220

221

222

223

224

225

226

227

228

229

230

231

232

233

234

235

236

237

238

239

240

241

242

243

244

245

246

247

248

249

250

251

252

253

254

255

256

257

258

259

260

261

262

263

264

265

266

267

268

269

270

271

272

273

274

275

276

277

278

279

280

281

282

283

284

285

286

287

288

289

290

291

292

293

294

295

296

297

298

299

300

301

302

303

304

305

306

307

308

309

310

311

312

313

314

315

316

317

318

319

320

321

322

323

324

325

326

<!DOCTYPE html>

<head>

<title>Meloslave – Norwegian DJ / Producer | Techno, Trance, Hardstyle</title>

window.dataLayer = window.dataLayer || [];

function gtag() {

dataLayer.push(arguments);

}

gtag('js', new Date());

gtag('config', 'G-QSB216C4V3');

</script>

{

"@context": "https://schema.org",

"@type": ["Person", "MusicGroup"],

"name": "Meloslave",

"inLanguage": "en",

"alternateName": "Glenn Thomas Andersen",

"url": "https://meloslave.com",

"image": "https://meloslave.com/assets/meloslave-1.jpg",

"genre": ["Techno", "Trance", "House", "Hardstyle", "Hardcore"],

"sameAs": [

"https://www.instagram.com/meloslave/",

"https://www.youtube.com/channel/UCzlgVXNXSgeO5ngsoJxmesg",

"https://www.facebook.com/Meloslave/",

"https://x.com/Meloslave",

"https://www.twitch.tv/meloslave",

"https://open.spotify.com/artist/3YUVoZ2g2WCj2uSJEZsPR9"

]

}

</script>

</head>

<video autoplay loop muted playsinline id="bgVideo" aria-hidden="true"

poster="/assets/meloslave-poster.jpg" preload="metadata" class="position-fixed top-0 start-0 w-100 h-100 object-fit-cover">

</video>

</button>

</button>

<button type="button"

class="btn btn-outline-light rounded-pill dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">

</button>

<li><a class="dropdown-item" href="#" data-theme="dark">Default Dark</a></li>

<li><a class="dropdown-item" href="#" data-theme="high-contrast-dark">High Contrast Dark</a></li>

<li><a class="dropdown-item" href="#" data-theme="high-contrast-light">High Contrast Light</a></li>

<li><a class="dropdown-item" href="#" data-theme="high-contrast-custom">High Contrast Yellow</a></li>

</ul>

</div>

<div id="profileCarousel" class="carousel slide mb-3 mx-auto"

data-bs-ride="carousel" data-bs-interval="4500" style="max-width: 240px;">

<img src="/assets/meloslave-1.jpg" class="d-block w-100 rounded-4" fetchpriority="high"

alt="Meloslave 1 | from bassrave, photo by snadravictoria">

</div>

<img src="/assets/meloslave-2.jpg" class="d-block w-100 rounded-4" loading="lazy"

alt="Meloslave 2 | photo by unknown">

</div>

<img src="/assets/meloslave-3.jpg" class="d-block w-100 rounded-4" loading="lazy"

alt="Meloslave 3 | photo by erling_abrahamsen">

</div>

<img src="/assets/meloslave-4.jpg" class="d-block w-100 rounded-4" loading="lazy"

alt="Meloslave 4 | photo by erling_abrahamsen">

</div>

<img src="/assets/meloslave-5.jpg" class="d-block w-100 rounded-4" loading="lazy"

alt="Meloslave 5 | from bassrave, photo by snadravictoria">

</div>

<img src="/assets/meloslave-6.jpg" class="d-block w-100 rounded-4" loading="lazy"

alt="Meloslave 6 | photo by erling_abrahamsen">

</div>

<img src="/assets/meloslave-7.jpg" class="d-block w-100 rounded-4" loading="lazy"

alt="Meloslave 7 | photo by unknown">

</div>

<span class="visually-hidden">Previous</span>

</button>

</button>

</div>

<h1 class="display-1">Meloslave</h1>

<p>

DJ <i class="bi bi-slash"></i> Producer from Norway<br>

Techno <i class="bi bi-dot"></i> Trance <i class="bi bi-dot"></i> Hardstyle <i class="bi bi-dot"></i> Hardcore

</p>

<i class="fa-solid fa-user fa-fw"></i> Read Bio

</button>

<i class="fa-solid fa-envelope fa-fw"></i> Contact

</button>

</div>

</header>

<h3 class="mb-3">Play Latest Song</h3>

</div>

<h3 class="mt-4">Stream Music</h3>

<i class="fa-brands fa-spotify fa-fw"></i> Spotify</a>

<i class="fa-brands fa-itunes-note fa-fw"></i> Apple Music</a>

<i class="fa-brands fa-amazon fa-fw"></i> Amazon Music</a>

<i class="fa-brands fa-soundcloud fa-fw"></i> SoundCloud</a>

</div>

<h3 class="mt-4">Follow & Watch</h3>

<i class="fa-brands fa-instagram fa-fw"></i> Instagram</a>

<i class="fa-brands fa-youtube fa-fw"></i> YouTube</a>

<i class="fa-brands fa-facebook fa-fw"></i> Facebook</a>

<i class="fa-brands fa-twitch fa-fw"></i> Twitch</a>

</div>

<h3 class="mt-4">Merch</h3>

<i class="fa-solid fa-shirt fa-fw"></i> Official Vennesla Merch</a>

<h3 class="mt-4">Other Links</h3>

StreamElements</a>

IMDb</a>

Bass and Time</a>

Palmesus</a>

Passion 4 Trance</a>

Meloslave - Fuck Dæ (Music Video)</a>

</div>

<h3>Meloslave</h3>

<p class="lead">DJ Glenn Thomas Andersen<br>Org. no.: 931 698 176</p>

<a href="#" data-bs-toggle="modal" data-bs-target="#contactModal" class="text-primary d-none">Contact</a>

</div>

</main>

<p>

<a href="https://dfault.it/" target="_blank" title="D-FAULT PENDING" class="text-warning">D-FAULT PENDING</a><br>

<span class="d-none d-lg-inline">Copyright</span> <i class="bi bi-c-circle"></i> 2007–<?php echo date("Y") ?> <i class="bi bi-dot"></i> <a href="https://meloslave.com/" title="Glenn Thomas Andersen" class="text-warning">Meloslave.com</a><br>

<a href="https://dahlskebank.com/" target="_blank" title="Dahlske Bank" class="text-warning">Powered by dB</a> <i class="bi bi-slash"></i>

<a href="https://danieldahl.com/" target="_blank" title="Daniel Dahl" class="text-warning">Fueled by dD</a> <i class="bi bi-slash"></i>

<a href="https://dxd.no/" target="_blank" title="deus ex Dahl" class="text-warning">Pinnacle of dxD</a>

</p>

</footer>

</div>

<h3 class="modal-title" id="bioModalLabel">About Meloslave</h3>

</div>

Meloslave, whose real name is Glenn Thomas Andersen, was born on March 22, 1986 in Tønsberg, Norway.

</p>

His passion for music started early. At the age of 15, he began experimenting with music production and synthesizer theory in his bedroom. Two years later, he discovered DJing after meeting fellow DJ Active Bee, who lent him his first setup. This ignited his lifelong love for energizing dancefloors.

</p>

He learned to beatmatch on vinyl before transitioning to CD players and spent several years playing private parties. After producing and DJing on and off for some time, the COVID pandemic led him to start streaming on Twitch. His streams quickly caught the attention of local promoters and relaunched his career.

</p>

Today, Meloslave is known for his high-energy and versatile style. He loves blending multiple genres - Techno, Trance, House, Hardstyle, and Hardcore - always adapting his sets to create the perfect vibe for every audience.

</p>

</div>

<div class="modal-footer"><button type="button" class="btn btn-primary" data-bs-dismiss="modal">Close</button></div>

</div>

<h4 class="modal-title" id="contactModalLabel">Contact Meloslave</h4>

</div>

<p class="lead">Meloslave DJ Glenn Thomas Andersen<br>Organization number: 931 698 176</p>

<p class="lead"><i>Contact details and functionality coming soon!</i></p>

</div>

<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>

</div>

<!--

Video Controls Explanation Alert

<h5 class="alert-heading">Warning! Background video sound is off</h5>

Tap the <i class="fa-solid fa-volume-high fa-fw"></i> speaker to turn music on/off.<br>

Tap the <i class="fa-solid fa-pause fa-fw"></i> button to pause/resume the video.

</div>

-->

</body>

</html>

/*
	Theme Name:		D-FAULT
	Theme URI:		http://dfault.it/
	Author:			Daniel Dahl
	Author URI:		http://danieldahl.com/
	Description:	D-FAULT
	Version:		v26-0.0.3_melo
	License:		WTFPL
	License URI:	http://www.wtfpl.net/txt/copying/
	Text Domain:	dahlskebank
	Tags:
*/

/*--------------------------------------------------------------
>>> THEME CUSTOMIZATION STARTS HERE
--------------------------------------------------------------*/
:root {
	--bs-font-sans-serif: "Syne", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Bungee", sans-serif !important;
}

.dd-404 {
	background-image: linear-gradient(rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85)), url(/assets/meloslave-poster-soran.jpg);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}

#bgVideo {
	z-index: -2;
}

.dd-bg-img{
	background: rgba(10,10,10,0.75); z-index: -1;
}

.dd-hc-btn {
	z-index: 10;
}

.dd-btn-bar {
	z-index: 10;
}

@media screen and (min-width: 769px) {
	.dd-grid-2 {
		grid-template-columns: repeat(2, 1fr);
	}
	.dd-grid-3 {
		grid-template-columns: repeat(3, 1fr);
	}
	.dd-grid-4 {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media screen and (max-width: 768px) {
	.dd-404 {
		background-position: -98px;
	}

	#profileCarousel {
		max-width: 100% !important;
	}
	header#site-header {
		margin-top: 0 !important;
	}
	.social-icon {
		font-size: 0.7rem;
	}
	.social-icon .fa-fw {
		width: 3.5rem !important;
	}
	.social-icon .fa-fw {
		margin-right: 0 !important;
	}
	.dd-dfault-footer {
		margin-left: -1rem;
		margin-right: -1rem;
	}
	#dd-melomain {
		margin-bottom: 50vh !important;
	}

}

.btn-dark,
.btn-outline-dark {
	background-color: #111;
}

.spotify-hero iframe {
	border-radius: 16px;
	box-shadow: 3px 3px 0 0 var(--bs-border-color);
}

.social-icon .fa-fw { width: 2em; }

#dd-melomain .fa-fw,
.btn-fixed-width .fa-fw { margin-right: 0.5rem; }

#dd-melomain .fa-fw {
	font-size: 1.5em;
}

/* Brand-colored icons */
.social-icon .fa-spotify		{ color: #1DB954; }
.social-icon .fa-youtube		{ color: #FF0000; }
.social-icon .fa-instagram		{ color: #E4405F; }
.social-icon .fa-twitch			{ color: #9146FF; }
.social-icon .fa-facebook		{ color: #1877F2; }
.social-icon .fa-soundcloud		{ color: #FF5500; }
.social-icon .fa-apple			{ color: #FC3C44; }
.social-icon .fa-itunes-note	{ color: #FC3C44; }
.social-icon .fa-amazon			{ color: #00A8E1; }
.social-icon .fa-x-twitter		{ color: #dee2e6; }
.social-icon .fa-imdb			{ color: #F5C518; }

/* Brand-colored buttons */
.btn-spotify		{ background-color: #1DB954; color: #000; }
.btn-apple			{ background-color: #fc3c44; color: #fff; }
.btn-amazon			{ background-color: #00A8E1; color: #000; }
.btn-soundcloud		{ background-color: #FF5500; color: #fff; }
.btn-youtube		{ background-color: #FF0000; color: #fff; }
.btn-facebook		{ background-color: #1877F2; color: #fff; }
.btn-twitch			{ background-color: #9146FF; color: #fff; }
.btn-x				{ background-color: #000000; color: #fff; }
.btn-snapchat		{ background-color: #FFFC00; color: #000; }
.btn-telegram		{ background-color: #2AABEE; color: #fff; }
.btn-imdb			{ background-color: #F5C518; color: #000; }

.btn-instagram {
	background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
	color: #fff;
	position: relative;
	z-index: 0;
}

.btn-instagram::before {
	content: "";
	position: absolute;
	inset: 0;
	background: #a2e436;
	opacity: 0;
	transition: opacity 0.3s ease;
	z-index: -1;
	border-radius: inherit;
}

.btn-instagram:hover::before {
	opacity: 1;
}

.btn-glass {
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	background: rgba(255, 255, 255, 0.1);
	border-color: rgba(255, 255, 255, 0.2);
	color: #fff;
}

.btn-fixed-width {
	min-width: 132px;
	width: auto;
}

.social-icon a i {
	transition: all 0.3s ease;
}

.social-icon a:hover i {
	color: #fff;
}

footer a,
.dd-melo-footer a {
	text-decoration: none !important;
}

footer a:hover,
.dd-melo-footer a:hover {
	text-decoration: underline !important;
}


/* Disable video background on mobile — show poster instead */
/*
@media (max-width: 991px) {
	video {
		display: none !important;
	}

	.position-fixed.top-0.start-0.w-100.h-100[style*="background: rgba(10,10,10,0.75)"] {
		background-image: url('/assets/meloslave-poster-soran.jpg') !important;
		background-size: cover;
		background-position: center;
	}
}
*/

/* HIGH-CONTRAST MODES */
.high-contrast-dark * {
	color: #ffffff !important;
	background-color: #000000 !important;
	border-color: #ffffff !important;
	box-shadow: none !important;
	text-shadow: none !important;
	border-radius: 0 !important;
}
.high-contrast-dark a:hover,
.high-contrast-dark a:focus,
.high-contrast-dark button:focus { text-decoration: underline !important; }
.high-contrast-dark a { color: #ffffff !important; }
.high-contrast-dark svg * { fill: #ffffff !important; }
.high-contrast-dark ::placeholder { color: #ffffff !important; opacity: 0.75; }

.high-contrast-light * {
	color: #000000 !important;
	background-color: #ffffff !important;
	border-color: #000000 !important;
	box-shadow: none !important;
	text-shadow: none !important;
	border-radius: 0 !important;
}
.high-contrast-light a:hover,
.high-contrast-light a:focus,
.high-contrast-light button:focus { text-decoration: underline !important; }
.high-contrast-light a { color: #000000 !important; }
.high-contrast-light svg * { fill: #000000 !important; }
.high-contrast-light ::placeholder { color: #000000 !important; opacity: 0.75; }

.high-contrast-custom * {
	color: #ffff00 !important;
	background-color: #000000 !important;
	border-color: #ffff00 !important;
	box-shadow: none !important;
	text-shadow: none !important;
	border-radius: 0 !important;
}
.high-contrast-custom a:hover,
.high-contrast-custom a:focus,
.high-contrast-custom button:focus { text-decoration: underline !important; }
.high-contrast-custom a { color: #ffff00 !important; }
.high-contrast-custom svg * { fill: #ffff00 !important; }
.high-contrast-custom ::placeholder { color: #ffff00 !important; opacity: 0.75; }

.high-contrast-custom .carousel-control-prev,
.high-contrast-custom .carousel-control-next,
.high-contrast-custom .carousel-control-next-icon,
.high-contrast-custom .carousel-control-prev-icon,
.high-contrast-light .carousel-control-prev,
.high-contrast-light .carousel-control-next,
.high-contrast-light .carousel-control-next-icon,
.high-contrast-light .carousel-control-prev-icon,
.high-contrast-dark .carousel-control-prev,
.high-contrast-dark .carousel-control-next,
.high-contrast-dark .carousel-control-next-icon,
.high-contrast-dark .carousel-control-prev-icon {
	background-color: rgb(0 0 0 / 0%) !important;
}

.high-contrast-custom .btn-instagram,
.high-contrast-custom .btn-instagram::before,
.high-contrast-dark .btn-instagram,
.high-contrast-dark .btn-instagram::before {
	background: #000;
}

.high-contrast-light .btn-instagram,
.high-contrast-light .btn-instagram::before {
	background: #fff;
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

218

219

220

221

222

223

224

225

226

227

228

229

230

231

232

233

234

235

236

237

238

239

240

241

242

243

244

245

246

247

248

249

250

251

252

253

254

255

256

257

258

259

260

261

262

263

264

265

266

267

268

269

270

271

272

273

274

275

276

277

278

279

280

281

Theme Name: D-FAULT

Theme URI: http://dfault.it/

Author: Daniel Dahl

Author URI: http://danieldahl.com/

Description: D-FAULT

Version: v26-0.0.3_melo

License: WTFPL

License URI: http://www.wtfpl.net/txt/copying/

Text Domain: dahlskebank

Tags:

/*--------------------------------------------------------------

>>> THEME CUSTOMIZATION STARTS HERE

--------------------------------------------------------------*/

:root {

--bs-font-sans-serif: "Syne", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

}

h1, h2, h3, h4, h5, h6 {

font-family: "Bungee", sans-serif !important;

}

.dd-404 {

background-image: linear-gradient(rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85)), url(/assets/meloslave-poster-soran.jpg);

position: fixed;

top: 0;

left: 0;

width: 100%;

height: 100%;

z-index: -1;

background-size: cover;

background-position: center;

background-attachment: fixed;

}

#bgVideo {

z-index: -2;

}

.dd-bg-img{

background: rgba(10,10,10,0.75); z-index: -1;

}

.dd-hc-btn {

z-index: 10;

}

.dd-btn-bar {

z-index: 10;

}

@media screen and (min-width: 769px) {

.dd-grid-2 {

grid-template-columns: repeat(2, 1fr);

}

.dd-grid-3 {

grid-template-columns: repeat(3, 1fr);

}

.dd-grid-4 {

grid-template-columns: repeat(4, 1fr);

}

@media screen and (max-width: 768px) {

.dd-404 {

background-position: -98px;

}

#profileCarousel {

max-width: 100% !important;

}

header#site-header {

margin-top: 0 !important;

}

.social-icon {

font-size: 0.7rem;

}

.social-icon .fa-fw {

width: 3.5rem !important;

}

.social-icon .fa-fw {

margin-right: 0 !important;

}

.dd-dfault-footer {

margin-left: -1rem;

margin-right: -1rem;

}

#dd-melomain {

margin-bottom: 50vh !important;

}

.btn-dark,

.btn-outline-dark {

background-color: #111;

}

.spotify-hero iframe {

border-radius: 16px;

box-shadow: 3px 3px 0 0 var(--bs-border-color);

}

.social-icon .fa-fw { width: 2em; }

#dd-melomain .fa-fw,

.btn-fixed-width .fa-fw { margin-right: 0.5rem; }

#dd-melomain .fa-fw {

font-size: 1.5em;

}

/* Brand-colored icons */

.social-icon .fa-spotify { color: #1DB954; }

.social-icon .fa-youtube { color: #FF0000; }

.social-icon .fa-instagram { color: #E4405F; }

.social-icon .fa-twitch { color: #9146FF; }

.social-icon .fa-facebook { color: #1877F2; }

.social-icon .fa-soundcloud { color: #FF5500; }

.social-icon .fa-apple { color: #FC3C44; }

.social-icon .fa-itunes-note { color: #FC3C44; }

.social-icon .fa-amazon { color: #00A8E1; }

.social-icon .fa-x-twitter { color: #dee2e6; }

.social-icon .fa-imdb { color: #F5C518; }

/* Brand-colored buttons */

.btn-spotify { background-color: #1DB954; color: #000; }

.btn-apple { background-color: #fc3c44; color: #fff; }

.btn-amazon { background-color: #00A8E1; color: #000; }

.btn-soundcloud { background-color: #FF5500; color: #fff; }

.btn-youtube { background-color: #FF0000; color: #fff; }

.btn-facebook { background-color: #1877F2; color: #fff; }

.btn-twitch { background-color: #9146FF; color: #fff; }

.btn-x { background-color: #000000; color: #fff; }

.btn-snapchat { background-color: #FFFC00; color: #000; }

.btn-telegram { background-color: #2AABEE; color: #fff; }

.btn-imdb { background-color: #F5C518; color: #000; }

.btn-instagram {

background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);

color: #fff;

position: relative;

z-index: 0;

}

.btn-instagram::before {

content: "";

position: absolute;

inset: 0;

background: #a2e436;

opacity: 0;

transition: opacity 0.3s ease;

z-index: -1;

border-radius: inherit;

}

.btn-instagram:hover::before {

opacity: 1;

}

.btn-glass {

backdrop-filter: blur(20px);

-webkit-backdrop-filter: blur(20px);

background: rgba(255, 255, 255, 0.1);

border-color: rgba(255, 255, 255, 0.2);

color: #fff;

}

.btn-fixed-width {

min-width: 132px;

width: auto;

}

.social-icon a i {

transition: all 0.3s ease;

}

.social-icon a:hover i {

color: #fff;

}

footer a,

.dd-melo-footer a {

text-decoration: none !important;

}

footer a:hover,

.dd-melo-footer a:hover {

text-decoration: underline !important;

}

/* Disable video background on mobile — show poster instead */

@media (max-width: 991px) {

video {

display: none !important;

}

.position-fixed.top-0.start-0.w-100.h-100[style*="background: rgba(10,10,10,0.75)"] {

background-image: url('/assets/meloslave-poster-soran.jpg') !important;

background-size: cover;

background-position: center;

}

/* HIGH-CONTRAST MODES */

.high-contrast-dark * {

color: #ffffff !important;

background-color: #000000 !important;

border-color: #ffffff !important;

box-shadow: none !important;

text-shadow: none !important;

border-radius: 0 !important;

}

.high-contrast-dark a:hover,

.high-contrast-dark a:focus,

.high-contrast-dark button:focus { text-decoration: underline !important; }

.high-contrast-dark a { color: #ffffff !important; }

.high-contrast-dark svg * { fill: #ffffff !important; }

.high-contrast-dark ::placeholder { color: #ffffff !important; opacity: 0.75; }

.high-contrast-light * {

color: #000000 !important;

background-color: #ffffff !important;

border-color: #000000 !important;

box-shadow: none !important;

text-shadow: none !important;

border-radius: 0 !important;

}

.high-contrast-light a:hover,

.high-contrast-light a:focus,

.high-contrast-light button:focus { text-decoration: underline !important; }

.high-contrast-light a { color: #000000 !important; }

.high-contrast-light svg * { fill: #000000 !important; }

.high-contrast-light ::placeholder { color: #000000 !important; opacity: 0.75; }

.high-contrast-custom * {

color: #ffff00 !important;

background-color: #000000 !important;

border-color: #ffff00 !important;

box-shadow: none !important;

text-shadow: none !important;

border-radius: 0 !important;

}

.high-contrast-custom a:hover,

.high-contrast-custom a:focus,

.high-contrast-custom button:focus { text-decoration: underline !important; }

.high-contrast-custom a { color: #ffff00 !important; }

.high-contrast-custom svg * { fill: #ffff00 !important; }

.high-contrast-custom ::placeholder { color: #ffff00 !important; opacity: 0.75; }

.high-contrast-custom .carousel-control-prev,

.high-contrast-custom .carousel-control-next,

.high-contrast-custom .carousel-control-next-icon,

.high-contrast-custom .carousel-control-prev-icon,

.high-contrast-light .carousel-control-prev,

.high-contrast-light .carousel-control-next,

.high-contrast-light .carousel-control-next-icon,

.high-contrast-light .carousel-control-prev-icon,

.high-contrast-dark .carousel-control-prev,

.high-contrast-dark .carousel-control-next,

.high-contrast-dark .carousel-control-next-icon,

.high-contrast-dark .carousel-control-prev-icon {

background-color: rgb(0 0 0 / 0%) !important;

}

.high-contrast-custom .btn-instagram,

.high-contrast-custom .btn-instagram::before,

.high-contrast-dark .btn-instagram,

.high-contrast-dark .btn-instagram::before {

background: #000;

}

.high-contrast-light .btn-instagram,

.high-contrast-light .btn-instagram::before {

background: #fff;

}

document.addEventListener("DOMContentLoaded", () => {
	const video = document.getElementById("bgVideo");
	const muteBtn = document.getElementById("muteToggle");
	const muteIcon = document.getElementById("speakerIcon");
	const pauseBtn = document.getElementById("pauseToggle");
	const pauseIcon = document.getElementById("pauseIcon");

	// === VIDEO CONTROLS ===
	if (video && muteBtn && muteIcon && pauseBtn && pauseIcon) {
		muteBtn.addEventListener("click", () => {
			video.muted = !video.muted;
			video.play().catch(() => {});
			if (video.muted) {
				muteIcon.classList.remove("fa-volume-high");
				muteIcon.classList.add("fa-volume-mute");
			} else {
				muteIcon.classList.remove("fa-volume-mute");
				muteIcon.classList.add("fa-volume-high");
			}
		});

		pauseBtn.addEventListener("click", () => {
			if (video.paused) {
				video.play().catch(() => {});
				pauseIcon.classList.remove("fa-play");
				pauseIcon.classList.add("fa-pause");
			} else {
				video.pause();
				pauseIcon.classList.remove("fa-pause");
				pauseIcon.classList.add("fa-play");
			}
		});
	}

	// === THEME DROPDOWN ===
	const themeLinks = document.querySelectorAll("[data-theme]");
	const html = document.documentElement;

	// Load saved theme
	const savedTheme = localStorage.getItem("meloslave-theme") || "dark";
	applyTheme(savedTheme);

	function applyTheme(theme) {
		// Remove all previous themes
		html.classList.remove("high-contrast-dark", "high-contrast-light", "high-contrast-custom");
		html.removeAttribute("data-bs-theme");

		if (theme === "dark") {
			html.setAttribute("data-bs-theme", "dark");
		} else {
			html.classList.add(theme);
		}

		localStorage.setItem("meloslave-theme", theme);
	}

	themeLinks.forEach((link) => {
		link.addEventListener("click", (e) => {
			e.preventDefault();
			const selectedTheme = link.getAttribute("data-theme");
			applyTheme(selectedTheme);
		});
	});

	/*
	// Show video explanation alert only once
	if (!localStorage.getItem('videoAlertShown')) {
		const alertEl = document.getElementById('videoAlert');
		if (alertEl) {
			alertEl.classList.remove('d-none'); // make sure it's visible

			// Remember it was shown when dismissed
			alertEl.addEventListener('closed.bs.alert', () => {
				localStorage.setItem('videoAlertShown', 'true');
			});
		}
	}
*/
});

document.addEventListener("DOMContentLoaded", () => {

const video = document.getElementById("bgVideo");

const muteBtn = document.getElementById("muteToggle");

const muteIcon = document.getElementById("speakerIcon");

const pauseBtn = document.getElementById("pauseToggle");

const pauseIcon = document.getElementById("pauseIcon");

// === VIDEO CONTROLS ===

if (video && muteBtn && muteIcon && pauseBtn && pauseIcon) {

muteBtn.addEventListener("click", () => {

video.muted = !video.muted;

video.play().catch(() => {});

if (video.muted) {

muteIcon.classList.remove("fa-volume-high");

muteIcon.classList.add("fa-volume-mute");

} else {

muteIcon.classList.remove("fa-volume-mute");

muteIcon.classList.add("fa-volume-high");

}

});

pauseBtn.addEventListener("click", () => {

if (video.paused) {

video.play().catch(() => {});

pauseIcon.classList.remove("fa-play");

pauseIcon.classList.add("fa-pause");

} else {

video.pause();

pauseIcon.classList.remove("fa-pause");

pauseIcon.classList.add("fa-play");

}

});

}

// === THEME DROPDOWN ===

const themeLinks = document.querySelectorAll("[data-theme]");

const html = document.documentElement;

// Load saved theme

const savedTheme = localStorage.getItem("meloslave-theme") || "dark";

applyTheme(savedTheme);

function applyTheme(theme) {

// Remove all previous themes

html.classList.remove("high-contrast-dark", "high-contrast-light", "high-contrast-custom");

html.removeAttribute("data-bs-theme");

if (theme === "dark") {

html.setAttribute("data-bs-theme", "dark");

} else {

html.classList.add(theme);

}

localStorage.setItem("meloslave-theme", theme);

}

themeLinks.forEach((link) => {

link.addEventListener("click", (e) => {

e.preventDefault();

const selectedTheme = link.getAttribute("data-theme");

applyTheme(selectedTheme);

});

// Show video explanation alert only once

if (!localStorage.getItem('videoAlertShown')) {

const alertEl = document.getElementById('videoAlert');

if (alertEl) {

alertEl.classList.remove('d-none'); // make sure it's visible

// Remember it was shown when dismissed

alertEl.addEventListener('closed.bs.alert', () => {

localStorage.setItem('videoAlertShown', 'true');

});

}

});

<?php
header("HTTP/1.1 404 Not Found");
header("Status: 404 Not Found");
?>
<!DOCTYPE html>
<html lang="en" class="h-100" data-bs-theme="dark">

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<!-- <meta name="author" content="Daniel Dahl"> -->
	<meta name="robots" content="noindex, nofollow" />
	<meta name="description" content="404 Page Not Found on Meloslave.com" />
	<meta property="og:title" content="404 Page Not Found | Meloslave">

	<meta property="og:description" content="Meloslave (Glenn Thomas Andersen) – High-energy Techno, Trance, House, Hardstyle & Hardcore from Mosby, Norway. Stream 'Dronninga Av Drama' now!">
	<meta property="og:url" content="https://meloslave.com/">
	<meta property="og:type" content="website">
	<meta property="og:site_name" content="Meloslave">
	<meta property="og:locale" content="en_US">
	<meta property="og:image" content="https://meloslave.com/assets/og-image.jpg">
	<meta property="og:image:type" content="image/jpeg">
	<meta property="og:image:width" content="1200">
	<meta property="og:image:height" content="630">
	<meta property="og:image:alt" content="Meloslave DJ">
	<meta name="twitter:card" content="summary_large_image">
	<meta name="twitter:title" content="Meloslave – Norwegian DJ/Producer">
	<meta name="twitter:description" content="Meloslave (Glenn Thomas Andersen) – High-energy Techno, Trance, House, Hardstyle & Hardcore from Mosby. Stream now!">
	<meta name="twitter:image" content="https://meloslave.com/assets/og-image.jpg">
	<meta name="theme-color" content="#000000">

	<title>404 Page Not Found | Meloslave – Norwegian DJ / Producer</title>
	<link rel="canonical" href="https://meloslave.com/" />

	<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon-32x32.png">
	<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon-16x16.png">
	<link rel="apple-touch-icon" sizes="180x180" href="/assets/apple-touch-icon.png">
	<link rel="manifest" href="/assets/site.webmanifest">

	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/5.3.8/brite/bootstrap.min.css" integrity="sha512-hdHm7G0usstmeadnEc35uty2sWkdO3btt1t4+yQOieAPIyUyC6AcE36YIrL4SrbNinll5f4HxpQSUA0UseNhVg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" integrity="sha384-XGjxtQfXaH2tnPFa9x+ruJTuLE3Aa6LhHSWRr1XeTyhezb4abCG4ccI5AkVDxqC+" crossorigin="anonymous">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css" integrity="sha512-2SwdPD6INVrV/lHTZbO2nodKhrnDdJK9/kg2XD1r9uGqPo1cUbujc+IYdlYdEErWNu69gVcYgdxlmVmzTWnetw==" crossorigin="anonymous" referrerpolicy="no-referrer" />

	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?family=Bungee&family=Syne:wght@400..800&display=swap" rel="stylesheet">

	<link rel="stylesheet" href="/style.css" id="dfault-css" media="all" />

	<script async src="https://www.googletagmanager.com/gtag/js?id=G-QSB216C4V3"></script>
	<script>
		window.dataLayer = window.dataLayer || [];

		function gtag() {
			dataLayer.push(arguments);
		}
		gtag('js', new Date());
		gtag('config', 'G-QSB216C4V3');
	</script>

	<script type="application/ld+json">
		{
			"@context": "https://schema.org",
			"@type": ["Person", "MusicGroup"],
			"name": "Meloslave",
			"inLanguage": "en",
			"alternateName": "Glenn Thomas Andersen",
			"url": "https://meloslave.com",
			"image": "https://meloslave.com/assets/meloslave-1.jpg",
			"genre": ["Techno", "Trance", "House", "Hardstyle", "Hardcore"],
			"sameAs": [
				"https://www.instagram.com/meloslave/",
				"https://www.youtube.com/channel/UCzlgVXNXSgeO5ngsoJxmesg",
				"https://www.facebook.com/Meloslave/",
				"https://x.com/Meloslave",
				"https://www.twitch.tv/meloslave",
				"https://open.spotify.com/artist/3YUVoZ2g2WCj2uSJEZsPR9"
			]
		}
	</script>
</head>

<body class="d-flex h-100">
	<div class="dd-404"></div>

	<div class="position-fixed bottom-0 end-0 m-2 d-flex gap-1 dd-btn-bar">
		<div class="btn-group dropup dd-hc-btn">
			<button type="button"
				class="btn btn-outline-light rounded-pill dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
				<i class="fa-solid fa-palette fa-xl"></i>
			</button>

			<ul class="dropdown-menu dropdown-menu-end">
				<li><a class="dropdown-item" href="#" data-theme="dark">Default Dark</a></li>
				<li><a class="dropdown-item" href="#" data-theme="high-contrast-dark">High Contrast Dark</a></li>
				<li><a class="dropdown-item" href="#" data-theme="high-contrast-light">High Contrast Light</a></li>
				<li><a class="dropdown-item" href="#" data-theme="high-contrast-custom">High Contrast Yellow</a></li>
			</ul>
		</div>
	</div>

	<div class="container d-flex w-100 h-100 p-3 mx-auto flex-column">
		<header id="site-header" class="text-center flex-grow-1 d-flex flex-column align-items-center justify-content-center">
			<h1 class="display-1 text-danger">404</h1>
			<h2 class="display-5">Page Not Found</h2>
			<p class="lead mt-4">
				The page you're looking for doesn't exist.
			</p>
			<a href="/" class="btn btn-primary btn-lg mt-3">
				<i class="fa-solid fa-home me-2"></i> Go Back Home
			</a>


			<div class="my-5">
				<p class="lead">
					Still looking for something?<br>Check out the latest on socials:
				</p>
				<div class="d-flex justify-content-center gap-4 flex-wrap">
					<div class="social-icon">
						<a href="https://www.instagram.com/meloslave/" target="_blank" rel="noopener noreferrer" title="Instagram">
							<i class="fa-brands fa-instagram fa-3x fa-fw"></i></a>
						<a href="https://www.youtube.com/channel/UCzlgVXNXSgeO5ngsoJxmesg" target="_blank" rel="noopener noreferrer" title="YouTube">
							<i class="fa-brands fa-youtube fa-3x fa-fw"></i></a>
						<a href="https://www.facebook.com/Meloslave/" target="_blank" rel="noopener noreferrer" title="Facebook">
							<i class="fa-brands fa-facebook fa-3x fa-fw"></i></a>
						<a href="https://x.com/Meloslave" target="_blank" rel="noopener noreferrer" title="X / Twitter">
							<i class="fa-brands fa-x-twitter fa-3x fa-fw"></i></a>
						<a href="https://www.twitch.tv/meloslave" target="_blank" rel="noopener noreferrer" title="Twitch">
							<i class="fa-brands fa-twitch fa-3x fa-fw"></i></a>
					</div>
				</div>
			</div>

			<div class="dd-melo-footer">
				<h3>Meloslave</h3>
				<p class="lead">DJ Glenn Thomas Andersen<br>Org. no.: 931 698 176</p>
			</div>
		</header>

		<footer class="pb-3 mt-auto dd-dfault-footer text-center">
			<p>
				<a href="https://dfault.it/" target="_blank" title="D-FAULT PENDING" class="text-warning">D-FAULT PENDING</a><br>
				<span class="d-none d-lg-inline">Copyright</span> <i class="bi bi-c-circle"></i> 2007&ndash;<?php echo date("Y") ?> <i class="bi bi-dot"></i> <a href="https://meloslave.com/" title="Glenn Thomas Andersen" class="text-warning">Meloslave.com</a><br>
				<a href="https://dahlskebank.com/" target="_blank" title="Dahlske Bank" class="text-warning">Powered by dB</a> <i class="bi bi-slash"></i>
				<a href="https://danieldahl.com/" target="_blank" title="Daniel Dahl" class="text-warning">Fueled by dD</a> <i class="bi bi-slash"></i>
				<a href="https://dxd.no/" target="_blank" title="deus ex Dahl" class="text-warning">Pinnacle of dxD</a>
			</p>
		</footer>

	</div>

	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js" integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" crossorigin="anonymous"></script>
	<script src="/dfault.js"></script>

</body>

</html>

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

<?php

header("HTTP/1.1 404 Not Found");

header("Status: 404 Not Found");

<!DOCTYPE html>

<head>

<title>404 Page Not Found | Meloslave – Norwegian DJ / Producer</title>

window.dataLayer = window.dataLayer || [];

function gtag() {

dataLayer.push(arguments);

}

gtag('js', new Date());

gtag('config', 'G-QSB216C4V3');

</script>

{

"@context": "https://schema.org",

"@type": ["Person", "MusicGroup"],

"name": "Meloslave",

"inLanguage": "en",

"alternateName": "Glenn Thomas Andersen",

"url": "https://meloslave.com",

"image": "https://meloslave.com/assets/meloslave-1.jpg",

"genre": ["Techno", "Trance", "House", "Hardstyle", "Hardcore"],

"sameAs": [

"https://www.instagram.com/meloslave/",

"https://www.youtube.com/channel/UCzlgVXNXSgeO5ngsoJxmesg",

"https://www.facebook.com/Meloslave/",

"https://x.com/Meloslave",

"https://www.twitch.tv/meloslave",

"https://open.spotify.com/artist/3YUVoZ2g2WCj2uSJEZsPR9"

]

}

</script>

</head>

<button type="button"

class="btn btn-outline-light rounded-pill dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">

</button>

<li><a class="dropdown-item" href="#" data-theme="dark">Default Dark</a></li>

<li><a class="dropdown-item" href="#" data-theme="high-contrast-dark">High Contrast Dark</a></li>

<li><a class="dropdown-item" href="#" data-theme="high-contrast-light">High Contrast Light</a></li>

<li><a class="dropdown-item" href="#" data-theme="high-contrast-custom">High Contrast Yellow</a></li>

</ul>

</div>

<h2 class="display-5">Page Not Found</h2>

The page you're looking for doesn't exist.

</p>

<i class="fa-solid fa-home me-2"></i> Go Back Home

</a>

Still looking for something?<br>Check out the latest on socials:

</p>

</div>

<h3>Meloslave</h3>

<p class="lead">DJ Glenn Thomas Andersen<br>Org. no.: 931 698 176</p>

</div>

</header>

<p>

<a href="https://dfault.it/" target="_blank" title="D-FAULT PENDING" class="text-warning">D-FAULT PENDING</a><br>

<a href="https://dahlskebank.com/" target="_blank" title="Dahlske Bank" class="text-warning">Powered by dB</a> <i class="bi bi-slash"></i>

<a href="https://danieldahl.com/" target="_blank" title="Daniel Dahl" class="text-warning">Fueled by dD</a> <i class="bi bi-slash"></i>

<a href="https://dxd.no/" target="_blank" title="deus ex Dahl" class="text-warning">Pinnacle of dxD</a>

</p>

</footer>

</div>

</body>

</html>

RewriteEngine On

# ---------------------------------------------------------------
# HTTPS + non-www canonicalization
# ---------------------------------------------------------------
# Redirect HTTP → HTTPS
RewriteCond %{HTTPS} off
RewriteRule ^ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]

# Redirect www → non-www
RewriteCond %{HTTP_HOST} ^www\.meloslave\.com [NC]
RewriteRule ^ https://meloslave.com%{REQUEST_URI} [R=301,L]

# ---------------------------------------------------------------
# Clean root URL
# ---------------------------------------------------------------
RewriteRule ^$ index.php [L]

# ---------------------------------------------------------------
# Block direct access to PHP error pages
# (they should only be invoked via ErrorDocument)
# ---------------------------------------------------------------
RewriteCond %{ENV:REDIRECT_STATUS} ^$
RewriteRule ^(403|404)\.php$ - [F,L]

# ---------------------------------------------------------------
# Error pages
# ---------------------------------------------------------------
ErrorDocument 404 /404.php
ErrorDocument 403 /403.php

# ---------------------------------------------------------------
# Security
# ---------------------------------------------------------------
Options -Indexes

# Protect .htaccess itself
<Files ".htaccess">
	Require all denied
</Files>

# Security headers
<IfModule mod_headers.c>
	Header always set X-Content-Type-Options "nosniff"
	Header always set X-Frame-Options "SAMEORIGIN"
	Header always set Referrer-Policy "strict-origin-when-cross-origin"
	Header always set Permissions-Policy "camera=(), microphone=(), geolocation=()"
</IfModule>

# ---------------------------------------------------------------
# Cache-Control for static assets
# ---------------------------------------------------------------
<IfModule mod_expires.c>
	ExpiresActive On
	ExpiresByType image/jpeg				"access plus 1 year"
	ExpiresByType image/png					"access plus 1 year"
	ExpiresByType image/webp				"access plus 1 year"
	ExpiresByType video/mp4					"access plus 1 month"
	ExpiresByType video/webm				"access plus 1 month"
	ExpiresByType text/css					"access plus 1 month"
	ExpiresByType application/javascript 	"access plus 1 month"
	ExpiresByType font/woff2				"access plus 1 year"
</IfModule>

RewriteEngine On

# ---------------------------------------------------------------

# HTTPS + non-www canonicalization

# ---------------------------------------------------------------

# Redirect HTTP → HTTPS

RewriteCond %{HTTPS} off

RewriteRule ^ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]

# Redirect www → non-www

RewriteCond %{HTTP_HOST} ^www\.meloslave\.com [NC]

RewriteRule ^ https://meloslave.com%{REQUEST_URI} [R=301,L]

# ---------------------------------------------------------------

# Clean root URL

# ---------------------------------------------------------------

RewriteRule ^$ index.php [L]

# ---------------------------------------------------------------

# Block direct access to PHP error pages

# (they should only be invoked via ErrorDocument)

# ---------------------------------------------------------------

RewriteCond %{ENV:REDIRECT_STATUS} ^$

RewriteRule ^(403|404)\.php$ - [F,L]

# ---------------------------------------------------------------

# Error pages

# ---------------------------------------------------------------

ErrorDocument 404 /404.php

ErrorDocument 403 /403.php

# ---------------------------------------------------------------

# Security

# ---------------------------------------------------------------

Options -Indexes

# Protect .htaccess itself

Require all denied

</Files>

# Security headers

Header always set X-Content-Type-Options "nosniff"

Header always set X-Frame-Options "SAMEORIGIN"

Header always set Referrer-Policy "strict-origin-when-cross-origin"

Header always set Permissions-Policy "camera=(), microphone=(), geolocation=()"

</IfModule>

# ---------------------------------------------------------------

# Cache-Control for static assets

# ---------------------------------------------------------------

ExpiresActive On

ExpiresByType image/jpeg "access plus 1 year"

ExpiresByType image/png "access plus 1 year"

ExpiresByType image/webp "access plus 1 year"

ExpiresByType video/mp4 "access plus 1 month"

ExpiresByType video/webm "access plus 1 month"

ExpiresByType text/css "access plus 1 month"

ExpiresByType application/javascript "access plus 1 month"

ExpiresByType font/woff2 "access plus 1 year"

</IfModule>

Did you know? The video used in background was shot on location in Thailand. Click here to see the music video!

Update 17-03-26:
Added code reviewed by Claude into post, rather than fetching from file.

The Landing of Parked Domains

Tackling a sudden comeback to web development hasn’t been easy on my mind. Figuring out where to begin, what to start with, how to approach a long forgotten and perhaps even dead hobby within me… did take a couple rounds. Staring down the barrel of a forced retirement from being a layger gnome, I had to consider the future. My the future.

While I still constantly discuss with the endless voices of myself, the year of the future offered something I didn’t have last time I was active with webdev…

We marveled at our own magnificence as we gave birth to AI.

— Morpheus, The Matrix (1999)

Perhaps not quite the Skynet we were promised, so I will refrain from misusing the term. Glorified Google. Spell Checker on Steroids. Large Language Models… Chad? Grok? Claude? Any of the stupid terms we give each night? Anywho, this technology made it easier for me to discuss with a different entity other than myselves, one that could do the Google for me, collect information at light speed, and help me reach a starting point.

So we landed on making a template for my parked domains. Me, Myself and Grok. We have spun the tiny totem that will eventually weave itself into existence, as my brain reconnects to the web of dev. Or so to speak.

So here we are… screenshots of the parked-domain landings I’ve built so far, plus the code to view them. In time, each parking spot will become a real site, and this post will be the archive of those forgotten placeholders. Also I needed to kickstart writing about whatever the fuck it is that I’m doing…

I won’t go too much into details, I wanted a simple parked setup that would display something slightly different for each domain, with a countdown that is random (giving myself endless time to actually make a real website).

<?php require_once __DIR__ . '/config.php'; ?>
<!DOCTYPE html>
<html lang="en" class="h-100" data-bs-theme="dark">

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<meta name="description" content="D-FAULT PARKED | Coming soon page for <?php echo htmlspecialchars($settings['title'] ?? ucfirst($domain)); ?>">
	<meta name="theme-color" content="#0f172a">
	<!-- <meta name="author" content="Daniel Dahl"> -->
	<meta name="robots" content="index, follow" />
	<title><?php echo htmlspecialchars($settings['title']); ?> | Coming Soon</title>
	<link rel="canonical" href="https://<?php echo htmlspecialchars($domain); ?>/" />
	<link rel="icon" href="/favicon.ico" type="image/x-icon">

	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/5.3.8/quartz/bootstrap.min.css" integrity="sha512-dnVRkLGpagS9BYaiWREn1h+iXsQukido4lIuMQFNc0ZBI285WEfmpQWf5sjL0yWS4JfrEJ1XUZ0O99zacIPmPA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" integrity="sha384-XGjxtQfXaH2tnPFa9x+ruJTuLE3Aa6LhHSWRr1XeTyhezb4abCG4ccI5AkVDxqC+" crossorigin="anonymous">

	<link rel="stylesheet" href="/style.css" id="dfault-css" type="text/css" media="all" />

	<?php if (!empty($settings['ga_id'])): ?>
		<script async src="https://www.googletagmanager.com/gtag/js?id=<?php echo htmlspecialchars($settings['ga_id']); ?>"></script>
		<script>
			window.dataLayer = window.dataLayer || [];

			function gtag() {
				dataLayer.push(arguments);
			}
			gtag('js', new Date());
			gtag('config', '<?php echo htmlspecialchars($settings['ga_id']); ?>')
		</script>
	<?php endif; ?>
	<?php if (!empty($settings['background_image'])): ?>
		<style>
			.bg-image {
				background-image:
					linear-gradient(rgba(0, 0, 0, <?php echo $settings['overlay_opacity']; ?>),
						rgba(0, 0, 0, <?php echo $settings['overlay_opacity']; ?>)),
					url('<?php echo htmlspecialchars($settings['background_image']); ?>') !important;
				opacity: <?php echo $settings['bg_opacity']; ?>
			}
		</style>
	<?php endif; ?>

	<meta property="og:type" content="website" />
	<meta property="og:url" content="https://<?php echo htmlspecialchars($domain); ?>/" />
	<meta property="og:title" content="<?php echo htmlspecialchars($settings['og_title'] ?? $settings['title'] ?? ucfirst($domain)); ?>" />
	<meta property="og:description" content="<?php echo htmlspecialchars($settings['og_description'] ?? 'D-FAULT PARKED'); ?>" />
	<meta property="og:image" content="https://<?= htmlspecialchars($domain) ?><?= htmlspecialchars($settings['background_image']) ?>" />
	<meta name="twitter:card" content="summary_large_image" />
	<meta name="twitter:title" content="<?php echo htmlspecialchars($settings['og_title'] ?? $settings['title'] ?? ucfirst($domain)); ?>" />
	<meta name="twitter:description" content="<?php echo htmlspecialchars($settings['og_description'] ?? 'D-FAULT PARKED'); ?>" />
	<meta name="twitter:image" content="https://<?= htmlspecialchars($domain) ?><?= htmlspecialchars($settings['background_image']) ?>" />

</head>

<body class="d-flex h-100">
	<div class="bg-image"></div>
	<div class="container d-flex w-100 h-100 p-1 mx-auto flex-column">
		<div class="mb-auto d-lg-block"> </div>

		<main class="text-center">
			<h1 class="display-1 dd-fw4">Website <span class="d-lg-inline d-block text-warning">Coming Soon</span></h1>
			<blockquote>
				<p class="lead pb-2">Oh, yes. Very soon. <span class="d-lg-inline d-block">They are building it now.</span></p>
			</blockquote>

			<div class="container">
				<div class="row">
					<div class="col-6 col-lg-3">
						<div class="card mb-1">
							<div class="card-body">
								<h1 id="days" class="card-title display-1">--</h1>
							</div>
							<div class="card-footer text-body-secondary">Days</div>
						</div>
					</div>
					<div class="col-6 col-lg-3">
						<div class="card mb-1">
							<div class="card-body">
								<h1 id="hours" class="card-title display-1">--</h1>
							</div>
							<div class="card-footer text-body-secondary">Hours</div>
						</div>
					</div>
					<div class="col-6 col-lg-3">
						<div class="card mb-1">
							<div class="card-body">
								<h1 id="minutes" class="card-title display-1">--</h1>
							</div>
							<div class="card-footer text-body-secondary">Minutes</div>
						</div>
					</div>
					<div class="col-6 col-lg-3">
						<div class="card mb-1">
							<div class="card-body">
								<h1 id="seconds" class="card-title display-1">--</h1>
							</div>
							<div class="card-footer text-body-secondary">Seconds</div>
						</div>
					</div>
				</div>
			</div>

		</main>

		<footer class="mt-auto text-center" role="contentinfo">
			<p class="m-0">
				<a href="https://dfault.it/" target="_blank" title="D-FAULT PENDING" class="text-warning">D-FAULT PARKED</a><br>
				<span class="d-none d-lg-inline">Copyright</span> <i class="bi bi-c-circle"></i> 2005&ndash;<?php echo date("Y") ?><i class="bi bi-dot"></i><a href="https://<?php echo htmlspecialchars($domain); ?>/" title="<?php echo htmlspecialchars(ucfirst($domain)); ?>" class="text-warning"><?php echo htmlspecialchars($settings['title']); ?></a><br>
				<a href="https://dahlskebank.com/" target="_blank" title="Dahlske Bank" class="text-warning">Powered by dB</a> /
				<a href="https://danieldahl.com/" target="_blank" title="Daniel Dahl" class="text-warning">Fueled by dD</a> /
				<a href="https://dxd.no/" target="_blank" title="deus ex Dahl" class="text-warning">Pinnacle of dxD</a>
			</p>
		</footer>

	</div>

	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js" integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" crossorigin="anonymous"></script>
	<script src="/dfault.js"></script>

</body>

</html>

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

<?php require_once __DIR__ . '/config.php'; ?>

<!DOCTYPE html>

<head>

<title><?php echo htmlspecialchars($settings['title']); ?> | Coming Soon</title>

<?php if (!empty($settings['ga_id'])): ?>

window.dataLayer = window.dataLayer || [];

function gtag() {

dataLayer.push(arguments);

}

gtag('js', new Date());

gtag('config', '<?php echo htmlspecialchars($settings['ga_id']); ?>')

</script>

<?php endif; ?>

<?php if (!empty($settings['background_image'])): ?>

<style>

.bg-image {

background-image:

linear-gradient(rgba(0, 0, 0, <?php echo $settings['overlay_opacity']; ?>),

rgba(0, 0, 0, <?php echo $settings['overlay_opacity']; ?>)),

url('<?php echo htmlspecialchars($settings['background_image']); ?>') !important;

opacity: <?php echo $settings['bg_opacity']; ?>

}

</style>

<?php endif; ?>

</head>

<h1 class="display-1 dd-fw4">Website <span class="d-lg-inline d-block text-warning">Coming Soon</span></h1>

<p class="lead pb-2">Oh, yes. Very soon. <span class="d-lg-inline d-block">They are building it now.</span></p>

</blockquote>

</div>

</div>

</div>

<div class="card-footer text-body-secondary">Hours</div>

</div>

</div>

<div class="card-footer text-body-secondary">Minutes</div>

</div>

</div>

<div class="card-footer text-body-secondary">Seconds</div>

</div>

</main>

<a href="https://dfault.it/" target="_blank" title="D-FAULT PENDING" class="text-warning">D-FAULT PARKED</a><br>

<span class="d-none d-lg-inline">Copyright</span> <i class="bi bi-c-circle"></i> 2005–<?php echo date("Y") ?><i class="bi bi-dot"></i><a href="https://<?php echo htmlspecialchars($domain); ?>/" title="<?php echo htmlspecialchars(ucfirst($domain)); ?>" class="text-warning"><?php echo htmlspecialchars($settings['title']); ?></a><br>

<a href="https://dahlskebank.com/" target="_blank" title="Dahlske Bank" class="text-warning">Powered by dB</a> /

<a href="https://danieldahl.com/" target="_blank" title="Daniel Dahl" class="text-warning">Fueled by dD</a> /

<a href="https://dxd.no/" target="_blank" title="deus ex Dahl" class="text-warning">Pinnacle of dxD</a>

</p>

</footer>

</div>

</body>

</html>

<?php
// ====================== PARKED DOMAINS CONFIG ======================
// Add every new domain here. Super easy to maintain.

$host = strtolower(trim($_SERVER['HTTP_HOST'] ?? ''));
$domain = preg_replace('/^www\./i', '', $host);   // strip www. automatically

$configs = [
	'arksanity.com' => [
		'title'				=> 'Arksanity Server',
		'ga_id'				=> '',
		'background_image'	=> '/img/arksanity.jpg',
		'bg_opacity'		=> 0.65,
		'overlay_opacity'	=> 0.50,
		'og_title'			=> 'Arksanity - ARK: Survival Evolved',
		'og_description'	=> 'Dedicated Linux Server for the Popular Game ARK: Survival Evolved'
	],
	'brutalina.com' => [
		'title'				=> 'Brutalina the Movie',
		'ga_id'				=> '',
		'background_image'	=> '/img/brutalina.jpg',
		'bg_opacity'		=> 0.75,
		'overlay_opacity'	=> 0.50,
		'og_title'			=> 'Brutalina the Movie | Too Violent For Your Therapist',
		'og_description'	=> 'The bloodiest cinematic experience of the decade. So unhinged they almost cancelled it before filming started. Coming soonTM (probably).'
	],
	'compoundcomplex.com' => [
		'title'				=> 'Compound Complex',
		'ga_id'				=> '',
		'background_image'	=> '/img/compoundcomplex.jpg',
		'bg_opacity'		=> 0.60,
		'overlay_opacity'	=> 0.75,
		'og_title'			=> 'Compound Complex | Sentences That Make English Teachers Quit',
		'og_description'	=> 'Grammar so convoluted even linguists need therapy. The only website that requires a flowchart to understand itself.'
	],
	'cybabes.org' => [
		'title'				=> 'Cybabes Society',
		'ga_id'				=> '',
		'background_image'	=> '/img/cybabes.png',
		'bg_opacity'		=> 0.75,
		'overlay_opacity'	=> 0.55,
		'og_title'			=> 'Cybabes | Your AI Waifus Are Finally Online (Fashionably 27 Years Late)',
		'og_description'	=> 'Virtual girlfriends who reply... eventually. Better personalities than your ex. Zero emotional baggage (until the update).'
	],
	'cybocop.com' => [
		'title'				=> 'Cybo Cop (TV Series)',
		'ga_id'				=> '',
		'background_image'	=> '/img/cybocop.png',
		'bg_opacity'		=> 0.75,
		'overlay_opacity'	=> 0.35,
		'og_title'			=> 'Cybocop | Half Cop, Half Machine, All Existential Dread',
		'og_description'	=> 'Policing the Internet one bad take at a time. Will arrest you for bad grammar and poor life choices.'
	],
	'dahlskebank.com' => [
		'title'				=> 'Dahlske Bank',
		'ga_id'				=> '',
		'background_image'	=> '/img/dahlskebank.png',
		'bg_opacity'		=> 0.65,
		'overlay_opacity'	=> 0.25,
		'og_title'			=> 'Dahlske Bank | Norwegian Banking With Questionable Ethics',
		'og_description'	=> 'Where your money goes to die... slowly and with excellent customer service. Coming soon (after the next audit).'
	],
	'danieldahl.com' => [
		'title'				=> 'Daniel Dahl',
		'ga_id'				=> '',
		'background_image'	=> '/img/danieldahl.png',
		'bg_opacity'		=> 0.55,
		'overlay_opacity'	=> 0.65,
		'og_title'			=> 'Daniel Dahl | Professional Human, Amateur God',
		'og_description'	=> 'Full-time professional at being Daniel Dahl. Part-time deity. 100% Norwegian chaos energy.'
	],
	'darkdictator.com' => [
		'title'				=> 'The Dark Dictator',
		'ga_id'				=> '',
		'background_image'	=> '/img/darkdictator.png',
		'bg_opacity'		=> 0.65,
		'overlay_opacity'	=> 0.50,
		'og_title'			=> 'Dark Dictator | Yes We\'re The Villains And We\'re Honest About It',
		'og_description'	=> 'Total world domination in progress. Please stand by. (Or else.)'
	],
	'fatalityfacilitator.com' => [
		'title'				=> 'Fatality Facilitator',
		'ga_id'				=> '',
		'background_image'	=> '/img/fatalityfacilitator.jpg',
		'bg_opacity'		=> 0.35,
		'overlay_opacity'	=> 0.00,
		'og_title'			=> 'Fatality Facilitator | Making Death Slightly More Convenient',
		'og_description'	=> 'Professional help with your inevitable demise since 2005. Fast, discreet, and weirdly polite.'
	],
	'iliketomovie.com' => [
		'title'				=> 'I Like To Movie',
		'ga_id'				=> '',
		'background_image'	=> '/img/iliketomovie.png',
		'bg_opacity'		=> 0.75,
		'overlay_opacity'	=> 0.50,
		'og_title'			=> 'I Like To Movie | I Don\'t Watch Films, I Mainline Them Like Heroin',
		'og_description'	=> 'Terminal cinephilia. Entire personality is just obscure references and emotional damage. Coming soon (after my 47th rewatch of the same movie).'
	],
	'iliveagain.com' => [
		'title'				=> 'I Live Again',
		'ga_id'				=> '',
		'background_image'	=> '/img/iliveagain.png',
		'bg_opacity'		=> 0.75,
		'overlay_opacity'	=> 0.50,
		'og_title'			=> 'I Live Again | Death Was A Phase',
		'og_description'	=> 'Came back wrong on purpose. Twice as unhinged and three times as hot. Resurrection kink activated.'
	],
	'kennywang.com' => [
		'title'				=> 'Kenny Wang',
		'ga_id'				=> '',
		'background_image'	=> '/img/kennywang.png',
		'bg_opacity'		=> 0.65,
		'overlay_opacity'	=> 0.50,
		'og_title'			=> 'Kenny Wang | 100% Real Human Person (Source: Dude Trust Me)',
		'og_description'	=> 'Professional Wang. Amateur Kenny. Full-time identity theft victim of his own name.'
	],
	'kiande.com' => [
		'title'				=> 'KiAnDe',
		'ga_id'				=> '',
		'background_image'	=> '/img/kiande.png',
		'bg_opacity'		=> 0.50,
		'overlay_opacity'	=> 0.50,
		'og_title'			=> 'KiAnDe | Alien Queen In A Human Suit',
		'og_description'	=> 'Xenomorph-coded but make it sexy. We\'re not saying we lay eggs... but we\'re not denying it either.'
	],
	'killingheat.com' => [
		'title'				=> 'Killing Heat',
		'ga_id'				=> '',
		'background_image'	=> '/img/killingheat.png',
		'bg_opacity'		=> 0.65,
		'overlay_opacity'	=> 0.25,
		'og_title'			=> 'Killing Heat | So Hot It Should Be Classified As A War Crime',
		'og_description'	=> 'Global warming is just foreplay. This website will literally melt your face off.'
	],
	'marxisthunter.com' => [
		'title'				=> 'Marxist Hunter',
		'ga_id'				=> '',
		'background_image'	=> '/img/marxisthunter.png',
		'bg_opacity'		=> 0.50,
		'overlay_opacity'	=> 0.30,
		'og_title'			=> 'Marxist Hunter | From Each According To His Ability, To Each According To My 12-Gauge',
		'og_description'	=> 'Licensed commie remover. Class consciousness? Nah. Class annihilation.'
	],
	'meatfetish.com' => [
		'title'				=> 'Meat Fetish',
		'ga_id'				=> '',
		'background_image'	=> '/img/meatfetish.png',
		'bg_opacity'		=> 0.45,
		'overlay_opacity'	=> 0.20,
		'og_title'			=> 'Meat Fetish | We Don\'t Eat The Meat... We Fuck It',
		'og_description'	=> 'Carnivores with commitment issues. The only site where "raw dog" has a completely different meaning.'
	],
	'meatsex.org' => [
		'title'				=> 'Meat Sex',
		'ga_id'				=> '',
		'background_image'	=> '/img/meatsex.jpg',
		'bg_opacity'		=> 0.45,
		'overlay_opacity'	=> 0.30,
		'og_title'			=> 'Meatsex | Where The Sausage Party Gets Extremely Literal',
		'og_description'	=> 'Not safe for vegetarians. Not safe for vegans. Not safe for anyone with a functioning moral compass.'
	],
	'meloslave.com' => [
		'title'				=> 'Meloslave',
		'ga_id'				=> '',
		'background_image'	=> '/img/meloslave.png',
		'bg_opacity'		=> 0.75,
		'overlay_opacity'	=> 0.25,
		'og_title'			=> 'Meloslave | Submit To The Beat And Call Me Master',
		'og_description'	=> 'BDSM but the safe word is lo-fi beats to cry and obey to. Melancholy never sounded so submissive.'
	],
	'reservedekk.no' => [
		'title'				=> 'Reservedekk',
		'ga_id'				=> '',
		'background_image'	=> '/img/reservedekk.png',
		'bg_opacity'		=> 0.55,
		'overlay_opacity'	=> 0.20,
		'og_title'			=> 'Reserved Ekk | Norwegian For "Emotionally Constipated By Choice"',
		'og_description'	=> 'We don\'t do feelings. We do long awkward silences and passive-aggressive "hei". Peak Scandinavian dysfunction.'
	],
	'zombiefetish.com' => [
		'title'				=> 'Zombie Fetish',
		'ga_id'				=> '',
		'background_image'	=> '/img/zombiefetish.jpg',
		'bg_opacity'		=> 0.35,
		'overlay_opacity'	=> 0.00,
		'og_title'			=> 'Zombie Fetish | Cold Dead Flesh Is My Love Language',
		'og_description'	=> 'Brains are overrated. Give us rigor mortis and that sweet post-mortem drip. Necrophilia with extra steps.'
	],
];

$settings = $configs[$domain] ?? [
	'title'				=> 'Coming Soon',
	'ga_id'				=> '',
	'background_image'	=> '',
	'bg_opacity'		=> 0.50,
	'overlay_opacity'	=> 0.35,
	'og_title'			=> 'Coming Soon',
	'og_description'	=> 'D-FAULT PARKED'
];

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

<?php

// ====================== PARKED DOMAINS CONFIG ======================

// Add every new domain here. Super easy to maintain.

$host = strtolower(trim($_SERVER['HTTP_HOST'] ?? ''));

$domain = preg_replace('/^www\./i', '', $host); // strip www. automatically

$configs = [

'arksanity.com' => [

'title' => 'Arksanity Server',

'ga_id' => '',

'background_image' => '/img/arksanity.jpg',

'bg_opacity' => 0.65,

'overlay_opacity' => 0.50,

'og_title' => 'Arksanity - ARK: Survival Evolved',

'og_description' => 'Dedicated Linux Server for the Popular Game ARK: Survival Evolved'

'brutalina.com' => [

'title' => 'Brutalina the Movie',

'ga_id' => '',

'background_image' => '/img/brutalina.jpg',

'bg_opacity' => 0.75,

'overlay_opacity' => 0.50,

'og_title' => 'Brutalina the Movie | Too Violent For Your Therapist',

'og_description' => 'The bloodiest cinematic experience of the decade. So unhinged they almost cancelled it before filming started. Coming soonTM (probably).'

'compoundcomplex.com' => [

'title' => 'Compound Complex',

'ga_id' => '',

'background_image' => '/img/compoundcomplex.jpg',

'bg_opacity' => 0.60,

'overlay_opacity' => 0.75,

'og_title' => 'Compound Complex | Sentences That Make English Teachers Quit',

'og_description' => 'Grammar so convoluted even linguists need therapy. The only website that requires a flowchart to understand itself.'

'cybabes.org' => [

'title' => 'Cybabes Society',

'ga_id' => '',

'background_image' => '/img/cybabes.png',

'bg_opacity' => 0.75,

'overlay_opacity' => 0.55,

'og_title' => 'Cybabes | Your AI Waifus Are Finally Online (Fashionably 27 Years Late)',

'og_description' => 'Virtual girlfriends who reply... eventually. Better personalities than your ex. Zero emotional baggage (until the update).'

'cybocop.com' => [

'title' => 'Cybo Cop (TV Series)',

'ga_id' => '',

'background_image' => '/img/cybocop.png',

'bg_opacity' => 0.75,

'overlay_opacity' => 0.35,

'og_title' => 'Cybocop | Half Cop, Half Machine, All Existential Dread',

'og_description' => 'Policing the Internet one bad take at a time. Will arrest you for bad grammar and poor life choices.'

'dahlskebank.com' => [

'title' => 'Dahlske Bank',

'ga_id' => '',

'background_image' => '/img/dahlskebank.png',

'bg_opacity' => 0.65,

'overlay_opacity' => 0.25,

'og_title' => 'Dahlske Bank | Norwegian Banking With Questionable Ethics',

'og_description' => 'Where your money goes to die... slowly and with excellent customer service. Coming soon (after the next audit).'

'danieldahl.com' => [

'title' => 'Daniel Dahl',

'ga_id' => '',

'background_image' => '/img/danieldahl.png',

'bg_opacity' => 0.55,

'overlay_opacity' => 0.65,

'og_title' => 'Daniel Dahl | Professional Human, Amateur God',

'og_description' => 'Full-time professional at being Daniel Dahl. Part-time deity. 100% Norwegian chaos energy.'

'darkdictator.com' => [

'title' => 'The Dark Dictator',

'ga_id' => '',

'background_image' => '/img/darkdictator.png',

'bg_opacity' => 0.65,

'overlay_opacity' => 0.50,

'og_title' => 'Dark Dictator | Yes We\'re The Villains And We\'re Honest About It',

'og_description' => 'Total world domination in progress. Please stand by. (Or else.)'

'fatalityfacilitator.com' => [

'title' => 'Fatality Facilitator',

'ga_id' => '',

'background_image' => '/img/fatalityfacilitator.jpg',

'bg_opacity' => 0.35,

'overlay_opacity' => 0.00,

'og_title' => 'Fatality Facilitator | Making Death Slightly More Convenient',

'og_description' => 'Professional help with your inevitable demise since 2005. Fast, discreet, and weirdly polite.'

'iliketomovie.com' => [

'title' => 'I Like To Movie',

'ga_id' => '',

'background_image' => '/img/iliketomovie.png',

'bg_opacity' => 0.75,

'overlay_opacity' => 0.50,

'og_title' => 'I Like To Movie | I Don\'t Watch Films, I Mainline Them Like Heroin',

'og_description' => 'Terminal cinephilia. Entire personality is just obscure references and emotional damage. Coming soon (after my 47th rewatch of the same movie).'

'iliveagain.com' => [

'title' => 'I Live Again',

'ga_id' => '',

'background_image' => '/img/iliveagain.png',

'bg_opacity' => 0.75,

'overlay_opacity' => 0.50,

'og_title' => 'I Live Again | Death Was A Phase',

'og_description' => 'Came back wrong on purpose. Twice as unhinged and three times as hot. Resurrection kink activated.'

'kennywang.com' => [

'title' => 'Kenny Wang',

'ga_id' => '',

'background_image' => '/img/kennywang.png',

'bg_opacity' => 0.65,

'overlay_opacity' => 0.50,

'og_title' => 'Kenny Wang | 100% Real Human Person (Source: Dude Trust Me)',

'og_description' => 'Professional Wang. Amateur Kenny. Full-time identity theft victim of his own name.'

'kiande.com' => [

'title' => 'KiAnDe',

'ga_id' => '',

'background_image' => '/img/kiande.png',

'bg_opacity' => 0.50,

'overlay_opacity' => 0.50,

'og_title' => 'KiAnDe | Alien Queen In A Human Suit',

'og_description' => 'Xenomorph-coded but make it sexy. We\'re not saying we lay eggs... but we\'re not denying it either.'

'killingheat.com' => [

'title' => 'Killing Heat',

'ga_id' => '',

'background_image' => '/img/killingheat.png',

'bg_opacity' => 0.65,

'overlay_opacity' => 0.25,

'og_title' => 'Killing Heat | So Hot It Should Be Classified As A War Crime',

'og_description' => 'Global warming is just foreplay. This website will literally melt your face off.'

'marxisthunter.com' => [

'title' => 'Marxist Hunter',

'ga_id' => '',

'background_image' => '/img/marxisthunter.png',

'bg_opacity' => 0.50,

'overlay_opacity' => 0.30,

'og_title' => 'Marxist Hunter | From Each According To His Ability, To Each According To My 12-Gauge',

'og_description' => 'Licensed commie remover. Class consciousness? Nah. Class annihilation.'

'meatfetish.com' => [

'title' => 'Meat Fetish',

'ga_id' => '',

'background_image' => '/img/meatfetish.png',

'bg_opacity' => 0.45,

'overlay_opacity' => 0.20,

'og_title' => 'Meat Fetish | We Don\'t Eat The Meat... We Fuck It',

'og_description' => 'Carnivores with commitment issues. The only site where "raw dog" has a completely different meaning.'

'meatsex.org' => [

'title' => 'Meat Sex',

'ga_id' => '',

'background_image' => '/img/meatsex.jpg',

'bg_opacity' => 0.45,

'overlay_opacity' => 0.30,

'og_title' => 'Meatsex | Where The Sausage Party Gets Extremely Literal',

'og_description' => 'Not safe for vegetarians. Not safe for vegans. Not safe for anyone with a functioning moral compass.'

'meloslave.com' => [

'title' => 'Meloslave',

'ga_id' => '',

'background_image' => '/img/meloslave.png',

'bg_opacity' => 0.75,

'overlay_opacity' => 0.25,

'og_title' => 'Meloslave | Submit To The Beat And Call Me Master',

'og_description' => 'BDSM but the safe word is lo-fi beats to cry and obey to. Melancholy never sounded so submissive.'

'reservedekk.no' => [

'title' => 'Reservedekk',

'ga_id' => '',

'background_image' => '/img/reservedekk.png',

'bg_opacity' => 0.55,

'overlay_opacity' => 0.20,

'og_title' => 'Reserved Ekk | Norwegian For "Emotionally Constipated By Choice"',

'og_description' => 'We don\'t do feelings. We do long awkward silences and passive-aggressive "hei". Peak Scandinavian dysfunction.'

'zombiefetish.com' => [

'title' => 'Zombie Fetish',

'ga_id' => '',

'background_image' => '/img/zombiefetish.jpg',

'bg_opacity' => 0.35,

'overlay_opacity' => 0.00,

'og_title' => 'Zombie Fetish | Cold Dead Flesh Is My Love Language',

'og_description' => 'Brains are overrated. Give us rigor mortis and that sweet post-mortem drip. Necrophilia with extra steps.'

];

$settings = $configs[$domain] ?? [

'title' => 'Coming Soon',

'ga_id' => '',

'background_image' => '',

'bg_opacity' => 0.50,

'overlay_opacity' => 0.35,

'og_title' => 'Coming Soon',

'og_description' => 'D-FAULT PARKED'

];

/*
	Theme Name:		D-FAULT
	Theme URI:		http://dfault.it/
	Author:			Daniel Dahl
	Author URI:		http://danieldahl.com/
	Description:	D-FAULT
	Version:		v26-0.0.2_parked
	License:		WTFPL
	License URI:	http://www.wtfpl.net/txt/copying/
	Text Domain:
	Tags:
*/

/*--------------------------------------------------------------
>>> THEME CUSTOMIZATION STARTS HERE
--------------------------------------------------------------*/
html footer a {
	text-decoration: none !important;
}

html footer a:hover {
	text-decoration: underline !important;
}

.bg-image {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}

.card {
	box-shadow:
		0 8px 32px 0 rgba(0, 0, 0, 0.37),			/* my deep outer shadow */
		1px 3px 24px -1px rgba(0, 0, 0, 0.15),		/* your soft outer */
		inset 1px 1px rgba(255, 255, 255, 0.20),	/* your bright top-left highlight */
		inset -1px -1px rgba(255, 255, 255, 0.10),	/* your soft bottom-right */
		inset 0 1px 0 0 rgba(255, 255, 255, 0.15);	/* extra inner glow */
}

.dd-fw4 span {
	font-weight: 400;
}

.display-1 {
	text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}

.card-title.display-1 {
	margin-bottom: 0;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}

.card-footer {
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
}

.lead,
footer {
	text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.85);
}

@media only screen and (min-width: 991px) {
	footer {
		font-weight: 600;
		padding-bottom: 2rem;
	}
}

@media only screen and (max-width: 992px) {
	.col-6.col-lg-3 {
		padding: 0px 5px;
	}
	.card-body {
		padding: 1rem;
	}
}

Theme Name: D-FAULT

Theme URI: http://dfault.it/

Author: Daniel Dahl

Author URI: http://danieldahl.com/

Description: D-FAULT

Version: v26-0.0.2_parked

License: WTFPL

License URI: http://www.wtfpl.net/txt/copying/

Text Domain:

Tags:

/*--------------------------------------------------------------

>>> THEME CUSTOMIZATION STARTS HERE

--------------------------------------------------------------*/

html footer a {

text-decoration: none !important;

}

html footer a:hover {

text-decoration: underline !important;

}

.bg-image {

position: fixed;

top: 0;

left: 0;

width: 100%;

height: 100%;

z-index: -1;

background-size: cover;

background-position: center;

background-attachment: fixed;

}

.card {

box-shadow:

0 8px 32px 0 rgba(0, 0, 0, 0.37), /* my deep outer shadow */

1px 3px 24px -1px rgba(0, 0, 0, 0.15), /* your soft outer */

inset 1px 1px rgba(255, 255, 255, 0.20), /* your bright top-left highlight */

inset -1px -1px rgba(255, 255, 255, 0.10), /* your soft bottom-right */

inset 0 1px 0 0 rgba(255, 255, 255, 0.15); /* extra inner glow */

}

.dd-fw4 span {

font-weight: 400;

}

.display-1 {

text-shadow: 2px 4px 3px rgba(0,0,0,0.3);

}

.card-title.display-1 {

margin-bottom: 0;

text-shadow: 2px 2px 2px rgba(0,0,0,0.5);

}

.card-footer {

text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);

}

.lead,

footer {

text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.85);

}

@media only screen and (min-width: 991px) {

footer {

font-weight: 600;

padding-bottom: 2rem;

}

@media only screen and (max-width: 992px) {

.col-6.col-lg-3 {

padding: 0px 5px;

}

.card-body {

padding: 1rem;

}

// === RANDOM "COMING SOON" COUNTDOWN ===
// Completely random target every page load (no real launch date needed)
// Change minDays / maxDays below if you want a different range

const minDays = 30; // minimum days from now
const maxDays = 180; // maximum days from now (feels like "coming soon" but unknown)

const randomMs = (minDays + Math.random() * (maxDays - minDays)) * 24 * 60 * 60 * 1000;
let targetTime = Date.now() + randomMs; // this changes on every refresh!

function updateCountdown() {
	const diff = targetTime - Date.now();

	if (diff <= 0) {
		// Countdown finished (won't normally happen with random future date)
		document.getElementById("days").textContent = "00";
		document.getElementById("hours").textContent = "00";
		document.getElementById("minutes").textContent = "00";
		document.getElementById("seconds").textContent = "00";
		return;
	}

	const days = Math.floor(diff / (1000 * 60 * 60 * 24));
	const hours = Math.floor((diff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
	const minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60));
	const seconds = Math.floor((diff % (1000 * 60)) / 1000);

	// Update the cards
	document.getElementById("days").textContent = days;
	document.getElementById("hours").textContent = hours.toString().padStart(2, "0");
	document.getElementById("minutes").textContent = minutes.toString().padStart(2, "0");
	document.getElementById("seconds").textContent = seconds.toString().padStart(2, "0");
}

// Start immediately + update every second
updateCountdown();
setInterval(updateCountdown, 1000);

// === RANDOM "COMING SOON" COUNTDOWN ===

// Completely random target every page load (no real launch date needed)

// Change minDays / maxDays below if you want a different range

const minDays = 30; // minimum days from now

const maxDays = 180; // maximum days from now (feels like "coming soon" but unknown)

const randomMs = (minDays + Math.random() * (maxDays - minDays)) * 24 * 60 * 60 * 1000;

let targetTime = Date.now() + randomMs; // this changes on every refresh!

function updateCountdown() {

const diff = targetTime - Date.now();

if (diff <= 0) {

// Countdown finished (won't normally happen with random future date)

document.getElementById("days").textContent = "00";

document.getElementById("hours").textContent = "00";

document.getElementById("minutes").textContent = "00";

document.getElementById("seconds").textContent = "00";

return;

}

const days = Math.floor(diff / (1000 * 60 * 60 * 24));

const hours = Math.floor((diff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));

const minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60));

const seconds = Math.floor((diff % (1000 * 60)) / 1000);

// Update the cards

document.getElementById("days").textContent = days;

document.getElementById("hours").textContent = hours.toString().padStart(2, "0");

document.getElementById("minutes").textContent = minutes.toString().padStart(2, "0");

document.getElementById("seconds").textContent = seconds.toString().padStart(2, "0");

}

// Start immediately + update every second

updateCountdown();

setInterval(updateCountdown, 1000);

<?php
require_once __DIR__ . '/config.php';
header("HTTP/1.1 404 Not Found");
header("Status: 404 Not Found");
?>
<!DOCTYPE html>
<html lang="en" class="h-100" data-bs-theme="dark">

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<meta name="description" content="D-FAULT PARKED | Coming soon page for <?php echo htmlspecialchars($settings['title'] ?? ucfirst($domain)); ?>">
	<meta name="theme-color" content="#0f172a">
	<!-- <meta name="author" content="Daniel Dahl"> -->
	<meta name="robots" content="noindex" />
	<title><?php echo htmlspecialchars($settings['title']); ?> | 404 Page Not Found</title>
	<link rel="canonical" href="https://<?php echo htmlspecialchars($domain); ?>/" />
	<link rel="icon" href="/favicon.ico" type="image/x-icon">

	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/5.3.8/quartz/bootstrap.min.css" integrity="sha512-dnVRkLGpagS9BYaiWREn1h+iXsQukido4lIuMQFNc0ZBI285WEfmpQWf5sjL0yWS4JfrEJ1XUZ0O99zacIPmPA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" integrity="sha384-XGjxtQfXaH2tnPFa9x+ruJTuLE3Aa6LhHSWRr1XeTyhezb4abCG4ccI5AkVDxqC+" crossorigin="anonymous">

	<link rel="stylesheet" href="/style.css" id="dfault-css" type="text/css" media="all" />

	<?php if (!empty($settings['ga_id'])): ?>
		<script async src="https://www.googletagmanager.com/gtag/js?id=<?php echo htmlspecialchars($settings['ga_id']); ?>"></script>
		<script>
			window.dataLayer = window.dataLayer || [];

			function gtag() {
				dataLayer.push(arguments);
			}
			gtag('js', new Date());
			gtag('config', '<?php echo htmlspecialchars($settings['ga_id']); ?>')
		</script>
	<?php endif; ?>
	<?php if (!empty($settings['background_image'])): ?>
		<style>
			.bg-image {
				background-image:
					linear-gradient(rgba(0, 0, 0, <?php echo $settings['overlay_opacity']; ?>),
						rgba(0, 0, 0, <?php echo $settings['overlay_opacity']; ?>)),
					url('<?php echo htmlspecialchars($settings['background_image']); ?>') !important;
				opacity: <?php echo $settings['bg_opacity']; ?>;
			}
		</style>
	<?php endif; ?>

	<meta property="og:type" content="website" />
	<meta property="og:url" content="https://<?php echo htmlspecialchars($domain); ?>/" />
	<meta property="og:title" content="<?php echo htmlspecialchars($settings['og_title'] ?? $settings['title'] ?? ucfirst($domain)); ?>" />
	<meta property="og:description" content="<?php echo htmlspecialchars($settings['og_description'] ?? 'D-FAULT PARKED'); ?>" />
	<meta property="og:image" content="https://<?= htmlspecialchars($domain) ?><?= htmlspecialchars($settings['background_image']) ?>" />
	<meta name="twitter:card" content="summary_large_image" />
	<meta name="twitter:title" content="<?php echo htmlspecialchars($settings['og_title'] ?? $settings['title'] ?? ucfirst($domain)); ?>" />
	<meta name="twitter:description" content="<?php echo htmlspecialchars($settings['og_description'] ?? 'D-FAULT PARKED'); ?>" />
	<meta name="twitter:image" content="https://<?= htmlspecialchars($domain) ?><?= htmlspecialchars($settings['background_image']) ?>" />

</head>

<body class="d-flex h-100">
	<div class="bg-image"></div>
	<div class="container d-flex w-100 h-100 p-1 mx-auto flex-column">
		<div class="mb-auto"> </div>

		<main class="text-center">
			<h1 class="display-1">404<br>Page Not Found</h1>
		</main>

		<footer class="mt-auto text-center" role="contentinfo">
			<p class="m-0">
				<a href="https://dfault.it/" target="_blank" title="D-FAULT PENDING" class="text-warning">D-FAULT PARKED</a><br>
				<span class="d-none d-lg-inline">Copyright</span> <i class="bi bi-c-circle"></i> 2005&ndash;<?php echo date("Y") ?><i class="bi bi-dot"></i><a href="https://<?php echo htmlspecialchars($domain); ?>/" title="<?php echo htmlspecialchars(ucfirst($domain)); ?>" class="text-warning"><?php echo htmlspecialchars($settings['title']); ?></a><br>
				<a href="https://dahlskebank.com/" target="_blank" title="Dahlske Bank" class="text-warning">Powered by dB</a> /
				<a href="https://danieldahl.com/" target="_blank" title="Daniel Dahl" class="text-warning">Fueled by dD</a> /
				<a href="https://dxd.no/" target="_blank" title="deus ex Dahl" class="text-warning">Pinnacle of dxD</a>
			</p>
		</footer>

	</div>

	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js" integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" crossorigin="anonymous"></script>
	<!-- <script src="/dfault.js"></script> -->

</body>

</html>

<?php

require_once __DIR__ . '/config.php';

header("HTTP/1.1 404 Not Found");

header("Status: 404 Not Found");

<!DOCTYPE html>

<head>

<title><?php echo htmlspecialchars($settings['title']); ?> | 404 Page Not Found</title>

<?php if (!empty($settings['ga_id'])): ?>

window.dataLayer = window.dataLayer || [];

function gtag() {

dataLayer.push(arguments);

}

gtag('js', new Date());

gtag('config', '<?php echo htmlspecialchars($settings['ga_id']); ?>')

</script>

<?php endif; ?>

<?php if (!empty($settings['background_image'])): ?>

<style>

.bg-image {

background-image:

linear-gradient(rgba(0, 0, 0, <?php echo $settings['overlay_opacity']; ?>),

rgba(0, 0, 0, <?php echo $settings['overlay_opacity']; ?>)),

url('<?php echo htmlspecialchars($settings['background_image']); ?>') !important;

opacity: <?php echo $settings['bg_opacity']; ?>;

}

</style>

<?php endif; ?>

</head>

<h1 class="display-1">404<br>Page Not Found</h1>

</main>

<a href="https://dfault.it/" target="_blank" title="D-FAULT PENDING" class="text-warning">D-FAULT PARKED</a><br>

<a href="https://dahlskebank.com/" target="_blank" title="Dahlske Bank" class="text-warning">Powered by dB</a> /

<a href="https://danieldahl.com/" target="_blank" title="Daniel Dahl" class="text-warning">Fueled by dD</a> /

<a href="https://dxd.no/" target="_blank" title="deus ex Dahl" class="text-warning">Pinnacle of dxD</a>

</p>

</footer>

</div>

</body>

</html>

RewriteEngine On

# ---------------------------------------------------------------
# SECURITY
# ---------------------------------------------------------------

# Block direct access to config and any other PHP includes
<FilesMatch "^config\.php$">
	Require all denied
</FilesMatch>

# Disable directory listing
Options -Indexes

# Security headers
<IfModule mod_headers.c>
	Header always set X-Frame-Options "SAMEORIGIN"
	Header always set X-Content-Type-Options "nosniff"
	Header always set Referrer-Policy "strict-origin-when-cross-origin"
</IfModule>

# ---------------------------------------------------------------
# REWRITES
# ---------------------------------------------------------------

# 1. Redirect .php extension requests to trailing-slash clean URL (e.g. /page.php → /page/)
RewriteCond %{THE_REQUEST} \s/+(.+)\.php[\s?] [NC]
RewriteRule ^ /%1/ [R=301,L,NE]

# 2. Redirect clean URLs without trailing slash (e.g. /page → /page/)
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_URI} !/$
RewriteCond %{REQUEST_FILENAME}\.php -f
RewriteRule ^(.+)$ /$1/ [R=301,L]

# 3. Internally rewrite trailing-slash clean URLs to .php (e.g. /page/ → page.php)
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_URI} /$
RewriteCond %{REQUEST_FILENAME%/}\.php -f
RewriteRule ^(.*)/$ $1.php [L]

# ---------------------------------------------------------------
# ERROR PAGES
# ---------------------------------------------------------------

ErrorDocument 404 /404.php
ErrorDocument 403 /403.php

RewriteEngine On

# ---------------------------------------------------------------

# SECURITY

# ---------------------------------------------------------------

# Block direct access to config and any other PHP includes

Require all denied

</FilesMatch>

# Disable directory listing

Options -Indexes

# Security headers

Header always set X-Frame-Options "SAMEORIGIN"

Header always set X-Content-Type-Options "nosniff"

Header always set Referrer-Policy "strict-origin-when-cross-origin"

</IfModule>

# ---------------------------------------------------------------

# REWRITES

# ---------------------------------------------------------------

# 1. Redirect .php extension requests to trailing-slash clean URL (e.g. /page.php → /page/)

RewriteCond %{THE_REQUEST} \s/+(.+)\.php[\s?] [NC]

RewriteRule ^ /%1/ [R=301,L,NE]

# 2. Redirect clean URLs without trailing slash (e.g. /page → /page/)

RewriteCond %{REQUEST_FILENAME} !-d

RewriteCond %{REQUEST_FILENAME} !-f

RewriteCond %{REQUEST_URI} !/$

RewriteCond %{REQUEST_FILENAME}\.php -f

RewriteRule ^(.+)$ /$1/ [R=301,L]

# 3. Internally rewrite trailing-slash clean URLs to .php (e.g. /page/ → page.php)

RewriteCond %{REQUEST_FILENAME} !-d

RewriteCond %{REQUEST_FILENAME} !-f

RewriteCond %{REQUEST_URI} /$

RewriteCond %{REQUEST_FILENAME%/}\.php -f

RewriteRule ^(.*)/$ $1.php [L]

# ---------------------------------------------------------------

# ERROR PAGES

# ---------------------------------------------------------------

ErrorDocument 404 /404.php

ErrorDocument 403 /403.php

Built with the help of Grok, based on Bootstrap, using Grok Imagine to generate background images. Also I might’ve written a line or two…

Update 17-03-26:
Added refactored code into post, rather than fetching from file. Remember to add “learning GitHub” to ToDo-list.

Change name of menu item in Theme Options Framework

Legacy

// changes the name of the menu item of theme options framework
function wpmark_change_theme_options_menu_name( $menu ) {

	/* alter the options menu paramters */
	$menu[ 'menu_title' ] = 'Site Options'; // set the menu title
	$menu[ 'page_title' ] = 'Site Options'; // set the menus page title

	/* return our modified menu */
	return $menu;

}

add_filter( 'optionsframework_menu', 'wpmark_change_theme_options_menu_name' );

// changes the name of the menu item of theme options framework

function wpmark_change_theme_options_menu_name( $menu ) {

/* alter the options menu paramters */

$menu[ 'menu_title' ] = 'Site Options'; // set the menu title

$menu[ 'page_title' ] = 'Site Options'; // set the menus page title

/* return our modified menu */

return $menu;

}

add_filter( 'optionsframework_menu', 'wpmark_change_theme_options_menu_name' );

High contrast (WCAG)

Legacy

	// High contrast (WCAG)
	// Print CSS to front-end header
	function dd_high_contrast_dark(){
		$text		= of_get_option('dd_high_contrast_dark_color_text');
		$background	= of_get_option('dd_high_contrast_dark_color_background');
		$class 		= 'html.high-contrast-dark';

		$hc_dark	=	'<style id="high-contrast-dark" type="text/css">'. $class .' * {';
		$hc_dark	.=		'color: '. $text .' !important;';
		$hc_dark	.=		'background-color: '. $background .' !important;';
		$hc_dark	.=		'border-color: '. $text .' !important;';
		$hc_dark	.=		'box-shadow: none !important;';
		$hc_dark	.=		'text-shadow: none !important;';
		$hc_dark	.=		'border-radius: 0 !important; }';
		$hc_dark	.=		$class .' a:hover, '. $class .' a:focus, '. $class .' button:focus {text-decoration:underline !important;}';
		$hc_dark	.=		$class .' a {color:'. $text .' !important;}';
		$hc_dark	.=		$class .' button:focus, '. $class .' input:focus, '. $class .' select:focus, '. $class .' textarea:focus, '. $class .' a:focus ';
		$hc_dark	.=		'{outline: thin dotted !important;}';
		$hc_dark	.=		$class .' svg * {fill:'. $text .' !important;}';
		$hc_dark	.=		$class .' ::-webkit-input-placeholder {color:'. $text .' !important; opacity: 0.75;}';
		$hc_dark	.=		$class .' ::before {color: '. $text .' !important; background: '. $background .' !important;}';
		$hc_dark	.=		$class .' ::after {color: '. $text .' !important; background: '. $background .' !important;}';
		$hc_dark	.=		$class .' .navbar-toggle .icon-bar {background-color: '. $text .' !important;}';
		$hc_dark	.=		$class .' .fa-adjust {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);';
		$hc_dark	.=		'-webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1);}';
		$hc_dark	.=	'</style>';
		echo $hc_dark;
	}
	if (of_get_option('dd_high_contrast_dark_enable',0)) {
//		add_action('wp_head', 'dd_high_contrast_dark');
	}

// High contrast (WCAG)

// Print CSS to front-end header

function dd_high_contrast_dark(){

$text = of_get_option('dd_high_contrast_dark_color_text');

$background = of_get_option('dd_high_contrast_dark_color_background');

$class = 'html.high-contrast-dark';

$hc_dark = '<style id="high-contrast-dark" type="text/css">'. $class .' * {';

$hc_dark .= 'color: '. $text .' !important;';

$hc_dark .= 'background-color: '. $background .' !important;';

$hc_dark .= 'border-color: '. $text .' !important;';

$hc_dark .= 'box-shadow: none !important;';

$hc_dark .= 'text-shadow: none !important;';

$hc_dark .= 'border-radius: 0 !important; }';

$hc_dark .= $class .' a:hover, '. $class .' a:focus, '. $class .' button:focus {text-decoration:underline !important;}';

$hc_dark .= $class .' a {color:'. $text .' !important;}';

$hc_dark .= $class .' button:focus, '. $class .' input:focus, '. $class .' select:focus, '. $class .' textarea:focus, '. $class .' a:focus ';

$hc_dark .= '{outline: thin dotted !important;}';

$hc_dark .= $class .' svg * {fill:'. $text .' !important;}';

$hc_dark .= $class .' ::-webkit-input-placeholder {color:'. $text .' !important; opacity: 0.75;}';

$hc_dark .= $class .' ::before {color: '. $text .' !important; background: '. $background .' !important;}';

$hc_dark .= $class .' ::after {color: '. $text .' !important; background: '. $background .' !important;}';

$hc_dark .= $class .' .navbar-toggle .icon-bar {background-color: '. $text .' !important;}';

$hc_dark .= $class .' .fa-adjust {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);';

$hc_dark .= '-webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1);}';

$hc_dark .= '</style>';

echo $hc_dark;

}

if (of_get_option('dd_high_contrast_dark_enable',0)) {

// add_action('wp_head', 'dd_high_contrast_dark');

}

Remove unnecessary body classes generated by WordPress

Legacy

function wpse15850_body_class( $wp_classes, $extra_classes ) {
// List of the only WP generated classes allowed
$whitelist = array( 'home','blog', 'archive', 'single', 'category', 'tag', 'error404', 'logged-in', 'admin-bar', 'search', 'search-results', 'single-post', 'custom-background', 'woocommerce', 'woocommerce-page', 'woocommerce-cart', 'woocommerce-account', 'woocommerce-checkout' );

// List of the only WP generated classes that are not allowed
//$blacklist = array( '' );

// Filter the body classes
// Whitelist result: (comment if you want to blacklist classes)
$wp_classes = array_intersect( $wp_classes, $whitelist );

// Blacklist result: (uncomment if you want to blacklist classes)
# $wp_classes = array_diff( $wp_classes, $blacklist );

// Add the extra classes back untouched
return array_merge( $wp_classes, (array) $extra_classes );
}
add_filter( 'body_class', 'wpse15850_body_class', 10, 2 );

function wpse15850_body_class( $wp_classes, $extra_classes ) {

// List of the only WP generated classes allowed

$whitelist = array( 'home','blog', 'archive', 'single', 'category', 'tag', 'error404', 'logged-in', 'admin-bar', 'search', 'search-results', 'single-post', 'custom-background', 'woocommerce', 'woocommerce-page', 'woocommerce-cart', 'woocommerce-account', 'woocommerce-checkout' );

// List of the only WP generated classes that are not allowed

//$blacklist = array( '' );

// Filter the body classes

// Whitelist result: (comment if you want to blacklist classes)

$wp_classes = array_intersect( $wp_classes, $whitelist );

// Blacklist result: (uncomment if you want to blacklist classes)

# $wp_classes = array_diff( $wp_classes, $blacklist );

// Add the extra classes back untouched

return array_merge( $wp_classes, (array) $extra_classes );

}

add_filter( 'body_class', 'wpse15850_body_class', 10, 2 );

Get parent page ID in WordPress

Legacy

function get_top_parent_page_id() {
	global $post;
	$ancestors = $post->ancestors;
	// Check if page is a child page (any level)
	if ($ancestors) {
	//  Grab the ID of top-level page from the tree
		return end($ancestors);
	} else {
		// Page is the top level, so use  it's own id
		return $post->ID;
	}
}

function get_top_parent_page_id() {

global $post;

$ancestors = $post->ancestors;

// Check if page is a child page (any level)

if ($ancestors) {

// Grab the ID of top-level page from the tree

return end($ancestors);

} else {

// Page is the top level, so use it's own id

return $post->ID;

}