Projects Archives | Dahlske Bank

// ILiveAgain.com // Creating a Website Art Experience

I may have a slight backlog when it comes to blogging about my projects… perhaps like… 7 as Marvin would say. It’s actually a really real problem, because feeding the monster inside you, getting the dopamin requires constant spice flow. Coding with Claude might as well be a Class A narcotic, cause I can feel the Claude Effect, and it’s hazy!

Once you complete a project, it’s like the aether is wearing off… I could write a post about the project I just completed, while it’s fresh in my mind, and I really should. However… vibe coding is an instant dopamin hit. That kicks. Every. Single. Time. Sixty percent of the time!

When there’s nothing left dying for, what will you live for?

Yes, I might be stuck in a self destructive Skinner Box, and yes, it’s probably not good for me. Vibe coding has all the qualifications of a dangerous addictive recursive loop. You know, like a slot machine? Pull a lever and see not IF you win, but WHAT you win. Triggering the reward center in my brain, just about all the fucking time.

I guess whatever makes you feel good, will eventually become your addiction. Whether it’s cumming backstage with Arnold, shooting heroin, or rolling the LLM dice. At least I can pretend that this is ok. It may destroy my motivation long term… but sure do I feel like I Live Again! *badumtss*

Dopamine Hits to Digital Rebirth

The idea was to test something called Animated Video (timeline-based motion design) in Claude Design. Rolling through my stack of domains, I tried to find the one domain where I could use this and get something out of it. ILiveAgain.com was registered way back in 2007, what the original idea was is lost. Though I’m 100% sure it was a reference to the first line said in the 90s game Blood.

I’m going to leave it up to interpretation. An art installation if you will. Anywho! I started with explaining my ideas to Claude Web, which he helped me refine into useful prompts. Not only for Claude Design, but also for Grok Imagine. Telling the story required images that conveyed my idea, while also constraining to a style that looks coherent when shown one after the other.

For the overly interested, I added separate images for the 404 and 403 pages that also tell parts of the story, but in a more… well, as I said, it’s up for interpretation. I know what I wanted this to tell me. What does this fartsy video give you?

i live… again.

// DFAULT.IT // Copy + Paste until broken

D-FAULT originally started as a manifesto by Kenny Wang on how to make movies, fabricate films, vaulting videos, and it still is, at its core.

Online, D-FAULT was supposed to become something else entirely: a TV platform, an organizational workflow tool, and most of all, a philosophy of “dfaulting” any process or system down to its simplest, most recognizable and repeatable patterns.

I’m still light years away from recapturing the essence and building what D-FAULT could, or should, have been. For now, dfault.it is a home for some web tools I actually use, and a house for my domain and website projects.

While each new website project will be a test of some sort, trying a new feature, an idea, or just figuring out how something works so I can go back and find it if I ever need it. Dfault.it is where the tools beyond displaying a website will live. Where I can meddle with Bootstrap when creativity needs to fiddle.

Back in the hayday I made a Pop-up Generator, mostly by copy+pasting from wherever I could find code. Monitors were like literally way smaller back then, if you go back 10-12 years, 1920×1080 was considered big. I still even had a trusty 1280×1024. And when you’re poor, when you can’t afford a third monitor, and when Google had the fucking audacity to believe people wanted to stare into bright light all motherfucking day, you had to make your own solutions.

Dark Mode Before Google Gave a Shit – Google Keep Edition

For example I could style Google Keep into a soothingly pleasant dark theme, which I did, heck it even had like 3.2k installs on Userstyles.org before being archived. Keeping up with the constant class changes was a hassle, eventually Google stopped cosplaying Mark Strong in Sunshine and put some shades on their apps.

Even with a dark Google Keep, monitor size was still an issue. This is where the Pop-up Generator became useful. You see, a pop-up didn’t have any of that browser bullshit stealing valuable screen area. Didn’t even show the URL back in the day. Making a pop-up of a website made it feel like a proper program. An app if you’d so kindly not call it that. I could work on my main monitor, and have Google Keep lined up on monitor two, next to WhatsApp and Telegram, all of them with custom dark CSS using the Chrome extension Stylus, all three as pop-ups, none of the blinding lights.

Actually, why the fucking fuck did every single website and app that was released 10 to 15 years ago, all have it in for Gizmo the Mogwai? I rooted my first smartphone so that I could install custom APKs where smarter people had blacked out all the white in apps such as Gmail, Keep, Facebook, etc and so on. It took Google almost 10 years to realize that white light consumed more energy and battery… really?! Were Google developers some sort of super fans of the Gorillaz song White Light? I would have assumed they were psychos, but then they would’ve exploded by their own design…

Anywho!

Copy + Paste until broken!

DFAULT.IT

// AlphaConsumerServices.com // WordPress stripped down to HTML

They’ll provide what is lacking. They provide everything.

Alpha Consumer Services is a fictional company from the movie Killing Heat, where protagonists Gordon Goldman and John Walker rake in their dollars. It’s a fun little tie-in from my old pretend-verse-building days, and home to some of the greatest video ads ever made for the Alpha Consumer Card (available in Gold and Platinum, obviously).

The 2010 Version of Alpha Consumer Services.

Originally originally in 2010, the website was something super simple with PHP fetching static HTML, but around 2015 I recreated the whole thing in WordPress, with my custom WP-theme built on Bootstrap 3. Rather than having to maintain an 11-year -old WordPress install and the very outdated functions in my theme, I scraped the site down to HTML with HTTrack Website Copier. No plugins, no database, no PHP-meddling, just pure static.

Website Archaeology: Keeping a Fake Company Alive Since 2010

Claude then got to work converting it to Eleventy, keeping everything intact, while functionality like AJAX content fetching and such got upgraded to more robust standards. ACS is a rather static site, and should I need to update or add a press release, the Eleventy setup makes that very easy. I can just write it in VSCode, no need for a GUI.

Eleventy also writes a straightforward sitemap. Not that ACS is a big website, though for testing and debugging purposes, I like having a page with all links within the site, so I can flip through each of them. When you got lots of nested pages within categories and tags, I especially, lose track of where the Effrey Epstein I was.

Kenny Wang handtyped much of the content long before LLMs, which is quite impressive when you read pages such as Site Terms, Privacy Policy, or FAQ. The lengths he went to just for this fictional company is over level 6000 autisme. It still reads better than Grok trying to write the same type of Privacy Policy…

AlphaConsumerServices.com

// Arksanity.com // Dedicated ARK Survival Evolved Linux Server

Does it seem weird that I tag each post with Claude and LLM when I use Claude, an LLM, for most if not all the heavy work? Might be superfluous… Arksanity may be dead and offline, but the content was still going strong, good content comes on slow… rules, config, mods, the domain… ARK is a terrible addiction, not going on a limb here and literally claiming it’s worse than heroin (my Steam review of ARK).

Not being an important project, I told Claude to make the whole design based on screenshots from ARK. Recreate that feeling, reminiscent of the game. What I love about this project, what vibed for me, was Claude fixing Steam API to list the mods and explaining step by step what he needed from me to display news from the Discord server.

Nostalgia or Just Old Habits?

Should this also be tagged nostalgia? Grok, fetch me some WordPress tagging etiquette! I played the game first time in 2015, raking up 900 hours in like 3 months… just stopped at 2997 hours years later… the server was live basically from 2015 through 2019, with a brief stint in 2021 and another in 2023. Is it far enough into the past to be nostalgic? Fuck if I know.

Anywho. Pure Claude Code built with Eleventy, using Tailwind and a bunch of custom CSS that Claude figured out himself. Not sure I could’ve done that myself in a weeks worth of work, let alone in… was it 10 minutes? I gotta start timing the little fucker!

The website states that the tames are gone, but actually, I can see the server physically while writing this post. So you know you never know. The addiction is real, thus the Arksanity.

Arksanity.com

// Filmeliten.no anno 2013 // Websites From The Back of The Boat

Djeezus Keerist, am I supposed to write about all the effin’ projects I dig up from my personal Web Sematary? You gotta commit to it, Dahl, you gotta commit to the blog. Commit often, commit early… does that apply to blogging?

Some point after retiring Dahlske Bank the Amateur Film Vault, me and Kenny had this grandish idea to create a website… nay, a portal, to 3Fs movies specifically. Most amateur moviemakers had opted in to the horrendously terrible bitrate of JewToob, while others ventured into the slightly less shitty video quality on Vimeo. Being an avid hater of streaming, buffering, and waiting for shit to fucking load, I was keen on keeping the tradition of serving downloadable movies.

A Grand Plan: The Portal for 3F Movies (Buffering the Video Slayer Sucks)

Not solely because I keep pirating and torrenting like it’s 2003, but cause sometimes, Internet connection is shit, and I just can’t do it… trying to watch a video that stops to buffer and then just keeps fucking buffering until the end of times… there’s no video on it!

On the subject of branding… naming our video production company just two letters made it somewhat impossible to get a suitable domain straight off the bat. So “The Film Elite” was to become the home of 3F. Film Eliten in Norwegian. It’s funny cause of how grandeur we pretended we were. One of the many iterations of the same thing. Filmeliten.no also died due to PHP changes I still don’t understand.

Claude’s Greatest Hallucination: The Three Rogaland Stooges

Refurbished. Refactored. Back again. Native video playback without Flash, proper photo display, all thanks to Claude. This did take a couple of yeah nah try that again Clauderino, but we got there in the end. I say we… but it’s amazing how well Claude Code reads and understands code I wrote years ago (which I no longer understand myself) without me having to explain the horrors of why it doesn’t work in 2026.

However. Meta data for social media wasn’t something I was into back in the day, so when I asked Claudie to write it for me, somehow he came to the conclusion that 3F was three buddies from Rogaland. We are two. Neither of us from Rogaland. Maybe Claude just made it up, maybe he didn’t read the about us content… or maybe he heard Kenny’s Rogaland accent in one of the videos and just went with it? I’d like to think so, it’s funnier than a standard LLM hallucination.

Original Filmeliten.no Lives Again

Check out filmeliten.no in all it’s original glory, the way it looked from 2011 until early start of 2013 on the linky below.

filmeliten2013.dfault.it

// Dahlske Bank anno 2010 // Websites From Back to The Future

The nickname dahlskebank, or Dahlske Bank, has been floating between various ideas during my life. While it started out as a funny comment on me lending out money to my friend during a drunken trip to Aalborg (on Friday, July 25th, 2003 to be precise), the name did stick with me as something that would always be available.

In the early days when everyone was on mIRC, if someone else had your nick you had to choose a different one. And if you chose something as common as “Dentist,” you’re gonna have a bad time.

Why a Unique Nick Is Everything

I can’t recall when I learned about branding, if it was while playing Counter-Strike 1.6, or if I actually read about it in some proper form, late at night on a screeching modem surfing the Interwebs. But if you’re building a brand, you need a name nobody else has, an identity you can claim for yourself, that wherever the fuck you venture into, it will be available. And that is what dahlskebank felt like. My name. My nick.

Dahlskebank has become my nickname, tag, handle, whatever you wanna call it, for every single thing I’ve encountered on Internet. Email. Gaming. Porn sites. You can find most of my links in the sidebar (or somewhere else on the site if I change themes in the future). Is it great branding, connecting it to my comments on Reddit, Imgur and 9gag? Do people confuse it way too often with Danske Bank?

The Amateur Film Vault Era (2005–2010)

What happened on 12th of October 2005 (is that actually the date it was registered?), when KiAnDe helped me register the domain, I have no recollection of… but I can tell you what dahlskebank.com has been through the years. It started out as an FTP-server hosting Norwegian amateur movies, mostly due to lack of skills and knowledge when it came to coding. Then transitioned into a website that actually served download links for those movies. Basically I had the idea for YouTube before YouTube, but fucknone of the skills necessary to implement my idea.

Dahlske Bank served as The Amateur Film Vault until end of 2010. Competing with YouTube, Vimeo, and just basic simple WordPress features, was impossible for me when I couldn’t grasp how any of that worked. The learning curve is steep, but it’s a downhill (think rollercoaster weeeee) when you’re interested in what you’re learning. In 2012 I was kinda forced by Lemon into using WordPress, where my interest for disassemble was reactivated. Oh yes, disassemble Johnny Five!

From PHP Tables to WordPress (and a Real Job)

In the beginning of 2014 my skills were good enough to land me a job working as a webdesigner slash developer. This is where Dahlske Bank became a WordPress-theme. A somewhat handwritten theme based on Underscores, using Bootstrap 3 and several other fancy plugins and dependencies. I never got around to completing a shareable theme, I had way too many ideas and features to implement, but dahlskebank was used as base for several website projects in 2014 and 2015.

Anywho, now it’s a blog. Where I ramble on and on about the projects I make, code and whatnot. The idea in 2016 was to restart my coding passion and to write a post about everything I did, for my own sanity and for knowledge purposes so I could look up how I solved stuff later on. Alas, life isn’t always easy, so there’s a 10 year gap from when I had this idea until I started fulfilling my obligation to the blog. Albeit with the use of LLms, not so much code is posted here…

Reviving the 2010 Time Capsule with Claude & Eleventy

Kinda forgot what this post was about for a second there. Dahlskebank.com started out using a website made by Inter in 2002/2003, built mostly with PHP and tables.. so many tables… Changes in PHP killed that site, changes I didn’t understand back then (still don’t). So I got Claude Code to read the whole site, all 200+ PHP files, and convert it to a functioning website built on Eleventy, while preserving the original design.

Claude got all pages to work, all internal links fixed, reconnected all files for download. Even with a simple responsive view for mobile. While I did fuck all basically. So enjoy this tiny time travel, my personal wayback machine, take a gander at what the past looked like (when it wasn’t hosted by GeoCities).

Come Take the Trip Back to 2010

dahlskebank2010.dfault.it

// KillingHeat.com // The 3000 Photos No One Ever Saw

Killing Heat is a low budget amateur movie I auteured when living in Thailand. While I actually never got around to editing the film, Kenny Wang did that, the domain always lingered as an unfinished project. Also during the shooting we took roughly 3000 photos which I never got around to using for anything. Not even sure it got shared with anyone who were part of the production. Now that I’ve lost my Facebook account with accompanying friend list, I don’t know how I can ever reach out to any of them. Heck, at least two of the actors in Killing Heat have since died (both young and gone too early), and all of the financial backers have passed on due to old-age-related issues. That hit harder than I expected. So I finally decided it was time to do something with all those lost photos before they disappeared forever.

What became my main goal for killingheat.com was a gallery for those lost behind the scenes photos that no-one ever got to see. Unredacted, unedited and raw. But also mostly trash photos that should’ve been deleted…

Click here to see the Killing Heat BTS Gallery!

Without a doubt, I’m pretty much a fanboy when it comes to choosing products, platforms and programs. I was, and still kinda am, a Google Henchman. Gmail, Google Drive, Maps, Keep, Chrome, Pixel, list prolly goes on. I make hard changes to things I like, abandoning other ships, along with all reason. When I was introduced to Telegram in 2014 by KiAnDe I was amazed at this futuristic cloud saving feature. I could receive a file in a chat and have it available on both my mobile and desktop. Simultaneously. At the time I was using Messenger, Skype and WhatsApp. If I was to receive a file on either of those apps, I had to be there to accept it, and if I was on Skype on my phone when someone sent me a file, that file ended up on my phone. Never where I needed it, so I had to manually send it to my PC. That marked the beginning of a new fanboying change. A hard change. I left all other chat apps and embraced Telegram. Has it reduced my social circle? Probably. Anywho!

I started killingheat.com with the “help” of Grok. Because I like Grok. I like Elon Musk. I am a fanboy. And I really tried. Really really tried. Grok would dump new code, even though I asked it to only mention changes I had to make, while making ridiculous claims such as “Fixed — PhotoSwipe is back, fully working”. Didn’t work. Again and again. Maybe this would have been better for my learning curve, to have to figure it out myself, but I noticed that Grok kept rewriting all the code, making changes to parts we were not changing. While not crucial, it annoyed me.

My rusty old friend Lemon kept pushing me to use Claude Code. I took the code Grok gave me, fed it into Claude, explained the problem, and Claude just fucking fixed it. Like a glove! Easily impressed I got Claude Code for VSCode and let Claude read and edit files directly in my project… and good lord this is a mindblowing gamechanger. Claude improved on everything. My code. Groks code. My commenting. Sorting, organizing and cleaning. I felt like a Warlock shouting the forbidden words to create magic. Could this be the vibe they speak of?

The project has grown beyond what I intend to paste into this database, I will update this post once I got git and can link to or fetch from GitHub. Going forward, I assume all projects will way too many files to list here, so I’ll stick to posting individual code snippets I wanna save for posterity. Look, here’s one we did earlier: Arguing with Grok until PHP does what I want!

However, I’ll mention the other elements of this project that isn’t entirely code. I loved PhotoSwipe.js back in 2015, and it’s still a reactive and fluid experience, like how I want it to feel when I swipe through a gallery. Allegedly CSS can now solve what Masonry.js did for me, and while that may be… it while have to be for another project. We had organized the 3000 photos by day of shooting, and each day into three folders: Promo, BTS, and Off. To make the filenames readable without folders, I used PowerRename from PowerToys to name the files in this fashion: killing-heat_day-4_2008-07-02_dsc_9573. To make the gallery load fast, photos were converted to webp in thumbnails and full sized using XnConvert. Original files were 8gb, thumb and full only 3gb. Image degradation not that visible when viewing by phone. It’s not like anyone is using those images (other than to feed into an LLM), so original quality was not needed… but I did include them with a download button. Fancy feature, 90% for myself.

Killing Heat is an ever ongoing project, so I might add new functionality, photos, videos, links and etc to the site. Check the news modal on the site, or simply look to see if the version number has changed (located in footer).

KillingHeat.com

// 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.