CSS Archives | Dahlske Bank

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

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

High contrast (WCAG)

Legacy

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

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

// High contrast (WCAG)

// Print CSS to front-end header

function dd_high_contrast_dark(){

$text = of_get_option('dd_high_contrast_dark_color_text');

$background = of_get_option('dd_high_contrast_dark_color_background');

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

$hc_dark .= '</style>';

echo $hc_dark;

}

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

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

}

Dark CSS style for Package Control

Legacy

For packagecontrol.io

header {
	background-image: -moz-linear-gradient(bottom, #1b1b1b 0%, #1b1b1b 100%);
}
body {
	background-color: #1b1b1b;
}
header form input#search {
	background-color: #353535;
}
header nav a {
	color: #CACACA;
}
header nav a.active {
	background-color: #b1b1b1;
}
ul.packages li:hover {
	background-color: #b1b1b1;
}
footer {
	background-color: #1b1b1b;
}
kbd, tt, code {
	background-color: #363636;
	text-shadow: none;
}
p.code {
	background-color: #363636;
}
.code st3 {
	color:#353535;
}
body.package div#readme div.contents {
	background-color: #1b1b1b;
}
body.package div#readme div.contents code {
	background-color: #363636;
}
pre {
	text-shadow: 0 1px 0 #363636;
}
body.package div#readme div.contents pre {
	background-color: #363636;
}
body.package div#installs div#daily_installs .grid line.minor {
	stroke: #363636;
}
body.package div#installs div#daily_installs .grid .major.tick line {
	stroke: #363636;
}
.st3, .st2 {
	background-color: #363636;
	color: #a2a2a2;
}
ul.packages li .meta .installs {
	background-color: #b1b1b1;
}
ul.packages li .meta .installs em {
	color: #1b1b1b;
}
body.package div#installs div#daily_installs .layer.windows {
	fill: #677280;
}
body.package div#installs div#daily_installs .layer.osx {
	fill: #768494;
}
body.package div#installs div#daily_installs .layer.linux {
	fill: #8D9EB3;
}

header {

background-image: -moz-linear-gradient(bottom, #1b1b1b 0%, #1b1b1b 100%);

}

body {

background-color: #1b1b1b;

}

header form input#search {

background-color: #353535;

}

header nav a {

color: #CACACA;

}

header nav a.active {

background-color: #b1b1b1;

}

ul.packages li:hover {

background-color: #b1b1b1;

}

footer {

background-color: #1b1b1b;

}

kbd, tt, code {

background-color: #363636;

text-shadow: none;

}

p.code {

background-color: #363636;

}

.code st3 {

color:#353535;

}

body.package div#readme div.contents {

background-color: #1b1b1b;

}

body.package div#readme div.contents code {

background-color: #363636;

}

pre {

text-shadow: 0 1px 0 #363636;

}

body.package div#readme div.contents pre {

background-color: #363636;

}

body.package div#installs div#daily_installs .grid line.minor {

stroke: #363636;

}

body.package div#installs div#daily_installs .grid .major.tick line {

stroke: #363636;

}

.st3, .st2 {

background-color: #363636;

color: #a2a2a2;

}

ul.packages li .meta .installs {

background-color: #b1b1b1;

}

ul.packages li .meta .installs em {

color: #1b1b1b;

}

body.package div#installs div#daily_installs .layer.windows {

fill: #677280;

}

body.package div#installs div#daily_installs .layer.osx {

fill: #768494;

}

body.package div#installs div#daily_installs .layer.linux {

fill: #8D9EB3;

}

Package Control CSS updated: 16.01.16

Dark CSS style for Font Awesome

Legacy

Conforming to a standard is not an indicator of code quality. However, I use Font Awesome in all my projects, because following a standard saves time. For some weird reason, Font Awesome is also bright light… thusly I have my own custom CSS for a darker, simpler and cleaner way to view and search FA-icons.

body {
	background: #111;
	color: #aaa;
}

.fontawesome-icon-list .fa-hover a {
	color: #aaa;
}

.alert {
	background: #222;
	border-color: #333;
}

.jumbotron,
#social-buttons,
#footer,
#fusionads,
.fonticons {
	display: none;
}

.navbar {
	-webkit-filter: grayscale(100%);
}

.navbar-inverse {
	background: #222;
}

pre {
	background-color: #000;
	border-color: #222
}

body {

background: #111;

color: #aaa;

}

.fontawesome-icon-list .fa-hover a {

color: #aaa;

}

.alert {

background: #222;

border-color: #333;

}

.jumbotron,

#social-buttons,

#footer,

#fusionads,

.fonticons {

display: none;

}

.navbar {

-webkit-filter: grayscale(100%);

}

.navbar-inverse {

background: #222;

}

pre {

background-color: #000;

border-color: #222

}

Font Awesome CSS updated: 16.01.16

Dark CSS style for Google Keep

Legacy

As a self-proclaimed Google henchman, I obviously love Google Keep. But similar to a Mogwai or a vampire, I don’t like bright light. Google seems hellbent on blinding us users, probably in a scheme to sneakily implement Google Eye… So here is my custom CSS for a darker, more pleasantly Keep interface.

To add this style to Keep, I use the extension My Style. Actually, I prefer my modified version of My Style, because as everything else it’s bright light, but to each their own…

body {background:#050505 !important; color:#fff !important;}
 
a {color:#FFCD35 !important;}
 
.HLvlvd-h1U9Be {
    background:#222 !important;
    color:#fff !important;
}
 
.IZ65Hb-YPqjbf {
    color:#fff !important;
}
 
.TUdKmf-xhiy4-INgbqf.IZ65Hb-INgbqf {
    background:#222 !important;
}
 
.IZ65Hb-TBnied {
    background:#222 !important;
}
 
.UU3Zxb.auswjd, .kPTQic-nUpftc .UU3Zxb.auswjd {
    background:#333 !important;
}
 
.INgbqf-LIyHke-Bz112c,
.IZ65Hb-MPu53c.VIpgJd-MPu53c-barxie,
.TUdKmf-xhiy4 .INgbqf-Bz112c-VHuOHf,
.IZ65Hb-H9WeWe-oPu43,
.rymPhb-ibnC6b-VkLyEc-Bz112c,
.IZ65Hb-MPu53c,
.IZ65Hb-aptq0d-MPu53c,
.QA0Szd-oPu43,
.QA0Szd-ibnC6b,
.UU3Zxb-jOfkMb-V67aGc,
.UU3Zxb-docTNd-Bz112c,
.UU3Zxb-qwsjo-Bz112c,
.neVct-Ne3sFf-Bz112c.G0jgYd,
.neVct-Ne3sFf-fmcmS,
.IZ65Hb-Tswv1b,
.zyxPWd-AznF2e-P86uke-Bz112c,
.zyxPWd-AznF2e-ihIZgd-Bz112c,
.TUdKmf-xhiy4 .INgbqf-Bz112c-zyxPWd,
.TUdKmf-xhiy4 .INgbqf-Bz112c-VsHK1d,
.rymPhb-EnFNjd-ibnC6b,
.rymPhb-EnFNjd-yePe5c-bN97Pc,
.NYTeh-tJHJj-Q8Kwad,
.aptq0d-htvI8d-ibnC6b-Bz112c,
.tk3N6e-nEeMgc-oKdM2c,
.a4NQYe-ti6hGc-Bz112c {
    -webkit-filter: invert(100%);
    filter: invert(100%);
}
 
.IZ65Hb-YPqjbf[placeholder]:empty:before {
    color:#999 !important;
}
 
.IZ65Hb-RW7GDd .CmABtb-YPqjbf {
    color:#999 !important;
}
 
.QA0Szd {
    background:#222 !important;
    -webkit-box-shadow: 0 0 40px rgba(0,0,0,1.0) !important;
    box-shadow: 0 0 40px rgba(0,0,0,1.0) !important;
}
 
#gbqfb {
    background:#000 !important;
}
 
.QA0Szd .hSRGPd-haAclf {
    border-top: 1px solid #111 !important;
}
 
 
::-webkit-scrollbar {width: 6px !important; height: 6px !important;}
::-webkit-scrollbar-track {background: rgba rgba(0,0,0,1) !important;}
::-webkit-scrollbar-thumb {background: #333 !important;}
::-webkit-scrollbar-track-piece {background:none !important;}
 
.fFW7wc-diOhnc-nP8ZQe-pMQP8 {
    background:#FF0 !important;
}
 
.r4nke-YPqjbf {
    border-bottom:2px groove #333 !important;
    padding-bottom:10px !important;
}
 
 
.zyxPWd-L9AdLc-uxAMZ .VIpgJd-AznF2e,
.zyxPWd-L9AdLc-BeDmAc {
    border-color: #000 !important;
}
 
.zyxPWd-L9AdLc-gElRsf-YPqjbf,
.tk3N6e-y4JFTd {
    background:#000 !important;
    color: #999 !important;
    border-color: #000 !important;
}
 
.zyxPWd-L9AdLc-WS1epc,
.VIpgJd-j7LFlb,
.zyxPWd-rTEl-V67aGc,
.zyxPWd-L9AdLc-r4nke {
    color: #999 !important;
}
 
.tk3N6e-LgbsSe-n2to0e {
    background: none !important;
    color:#999 !important;
    border-color: transparent !important;
}
.tk3N6e-LgbsSe-n2to0e:hover {
    border-color: transparent !important;
    color:#FFCD35 !important;
}
 
.VIpgJd-xl07Ob {
    background:#222 !important;
}
 
.VsHK1d-nEeMgc,
.a4NQYe-EtCsxc {
    background:#111 !important;
}
 
.UU3Zxb,
.UU3Zxb-G0jgYd-jSBk7b {
    background:#333 !important;
}
 
.CmABtb:not(.NYTeh-tJHJj).IZ65Hb-QQhtn {
    border-bottom: 1px solid #444 !important;
    border-top: 1px solid #444 !important;
}
 
.i9yGGd-vrrIBb div {
    background:#111 !important;
}
 
.gb_Ic .gb_Nb,
.gb_Kc .gb_Pb {
    background: #222 !important;
}
 
.gbqfqw {
    background: #000 !important;
}
 
.gbqfif, .gbqfsf {
    color:#aaa !important;
}
 
.gb_Nc .gb_Sb {
    background: #222 !important;;
}
 
.IZ65Hb-YPqjbf.r4nke-YPqjbf.bJ69tf-ma6Yeb {
    background: #222 !important;
}
 
.XKSfm-L9AdLc-AHe6Kc {
    background: #000 !important
}


.TUdKmf-xhiy4>.IZ65Hb-INgbqf {
    background: #222;
}

.IZ65Hb-INgbqf .RmniWd-rymPhb,
.TUdKmf-xhiy4 .IZ65Hb-INgbqf .Ge5tnd-HiaYvf {
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

.gb_Qc .gb_Vb {
    background: #151515;
}

.gb_Pa {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

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

body {background:#050505 !important; color:#fff !important;}

a {color:#FFCD35 !important;}

.HLvlvd-h1U9Be {

background:#222 !important;

color:#fff !important;

}

.IZ65Hb-YPqjbf {

color:#fff !important;

}

.TUdKmf-xhiy4-INgbqf.IZ65Hb-INgbqf {

background:#222 !important;

}

.IZ65Hb-TBnied {

background:#222 !important;

}

.UU3Zxb.auswjd, .kPTQic-nUpftc .UU3Zxb.auswjd {

background:#333 !important;

}

.INgbqf-LIyHke-Bz112c,

.IZ65Hb-MPu53c.VIpgJd-MPu53c-barxie,

.TUdKmf-xhiy4 .INgbqf-Bz112c-VHuOHf,

.IZ65Hb-H9WeWe-oPu43,

.rymPhb-ibnC6b-VkLyEc-Bz112c,

.IZ65Hb-MPu53c,

.IZ65Hb-aptq0d-MPu53c,

.QA0Szd-oPu43,

.QA0Szd-ibnC6b,

.UU3Zxb-jOfkMb-V67aGc,

.UU3Zxb-docTNd-Bz112c,

.UU3Zxb-qwsjo-Bz112c,

.neVct-Ne3sFf-Bz112c.G0jgYd,

.neVct-Ne3sFf-fmcmS,

.IZ65Hb-Tswv1b,

.zyxPWd-AznF2e-P86uke-Bz112c,

.zyxPWd-AznF2e-ihIZgd-Bz112c,

.TUdKmf-xhiy4 .INgbqf-Bz112c-zyxPWd,

.TUdKmf-xhiy4 .INgbqf-Bz112c-VsHK1d,

.rymPhb-EnFNjd-ibnC6b,

.rymPhb-EnFNjd-yePe5c-bN97Pc,

.NYTeh-tJHJj-Q8Kwad,

.aptq0d-htvI8d-ibnC6b-Bz112c,

.tk3N6e-nEeMgc-oKdM2c,

.a4NQYe-ti6hGc-Bz112c {

-webkit-filter: invert(100%);

filter: invert(100%);

}

.IZ65Hb-YPqjbf[placeholder]:empty:before {

color:#999 !important;

}

.IZ65Hb-RW7GDd .CmABtb-YPqjbf {

color:#999 !important;

}

.QA0Szd {

background:#222 !important;

-webkit-box-shadow: 0 0 40px rgba(0,0,0,1.0) !important;

box-shadow: 0 0 40px rgba(0,0,0,1.0) !important;

}

#gbqfb {

background:#000 !important;

}

.QA0Szd .hSRGPd-haAclf {

border-top: 1px solid #111 !important;

}

::-webkit-scrollbar {width: 6px !important; height: 6px !important;}

::-webkit-scrollbar-track {background: rgba rgba(0,0,0,1) !important;}

::-webkit-scrollbar-thumb {background: #333 !important;}

::-webkit-scrollbar-track-piece {background:none !important;}

.fFW7wc-diOhnc-nP8ZQe-pMQP8 {

background:#FF0 !important;

}

.r4nke-YPqjbf {

border-bottom:2px groove #333 !important;

padding-bottom:10px !important;

}

.zyxPWd-L9AdLc-uxAMZ .VIpgJd-AznF2e,

.zyxPWd-L9AdLc-BeDmAc {

border-color: #000 !important;

}

.zyxPWd-L9AdLc-gElRsf-YPqjbf,

.tk3N6e-y4JFTd {

background:#000 !important;

color: #999 !important;

border-color: #000 !important;

}

.zyxPWd-L9AdLc-WS1epc,

.VIpgJd-j7LFlb,

.zyxPWd-rTEl-V67aGc,

.zyxPWd-L9AdLc-r4nke {

color: #999 !important;

}

.tk3N6e-LgbsSe-n2to0e {

background: none !important;

color:#999 !important;

border-color: transparent !important;

}

.tk3N6e-LgbsSe-n2to0e:hover {

border-color: transparent !important;

color:#FFCD35 !important;

}

.VIpgJd-xl07Ob {

background:#222 !important;

}

.VsHK1d-nEeMgc,

.a4NQYe-EtCsxc {

background:#111 !important;

}

.UU3Zxb,

.UU3Zxb-G0jgYd-jSBk7b {

background:#333 !important;

}

.CmABtb:not(.NYTeh-tJHJj).IZ65Hb-QQhtn {

border-bottom: 1px solid #444 !important;

border-top: 1px solid #444 !important;

}

.i9yGGd-vrrIBb div {

background:#111 !important;

}

.gb_Ic .gb_Nb,

.gb_Kc .gb_Pb {

background: #222 !important;

}

.gbqfqw {

background: #000 !important;

}

.gbqfif, .gbqfsf {

color:#aaa !important;

}

.gb_Nc .gb_Sb {

background: #222 !important;;

}

.IZ65Hb-YPqjbf.r4nke-YPqjbf.bJ69tf-ma6Yeb {

background: #222 !important;

}

.XKSfm-L9AdLc-AHe6Kc {

background: #000 !important

}

.TUdKmf-xhiy4>.IZ65Hb-INgbqf {

background: #222;

}

.IZ65Hb-INgbqf .RmniWd-rymPhb,

.TUdKmf-xhiy4 .IZ65Hb-INgbqf .Ge5tnd-HiaYvf {

-webkit-filter: invert(100%);

filter: invert(100%);

}

.gb_Qc .gb_Vb {

background: #151515;

}

.gb_Pa {

-webkit-filter: grayscale(1);

filter: grayscale(1);

}

Google Keep CSS updated: 31.01.15