Raoul djpogo

## _bg-url.scss
@mixin bg-url($url, $url2x: false, $webp1x: false, $webp2x: false) {
  background-image: url($url);
  @if $webp1x {
    .webp & {
      background-image: url($webp1x);
    }
  }
  @if $url2x {
    @media
    screen and (-webkit-min-device-pixel-ratio: 2),

## dark-mode-media-query.html
<!DOCTYPE html>
<html lang="de">
<head>
    <title>I'm in the mode</title>
    <meta charset="utf-8">

    <meta name="description" content="Sometimes I ran…">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="https://fonts.googleapis.com/css?family=Big+Shoulders+Text&display=swap" rel="stylesheet">
    <style>

## css-theming-rethought.html
<!DOCTYPE html>
<html lang="de">
<head>
    <title>I'm in the mode</title>
    <meta charset="utf-8">

    <meta name="description" content="Sometimes I ran…">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="https://fonts.googleapis.com/css?family=Big+Shoulders+Text&display=swap" rel="stylesheet">
    <script>

## fakeDocumentCookie.js
// idea  from here @see https://stackoverflow.com/questions/6456429/is-it-possible-to-mock-document-cookie-in-javascript
const fakeDocumentCookie = {
  cookies: '',

  get cookie() {
    return this.cookies;
  },

  set cookie(cookieValue) {
    const cookies = this.cookies.split(' ');

## fakeWindowLocalStorage.js
const fakeWindowLocalStorage = {
  localStorage: {
    data: {},
    length: 0,
    setItem(name, value) {
      this.data[name] = value.toString();
      this.length = Object.keys(this.data).length;
    },
    getItem(name) {
      return this.data[name];
	@mixin bg-url($url, $url2x: false, $webp1x: false, $webp2x: false) {
	background-image: url($url);
	@if $webp1x {
	.webp & {
	background-image: url($webp1x);
	}
	}
	@if $url2x {
	@media
	screen and (-webkit-min-device-pixel-ratio: 2),
	<!DOCTYPE html>
	<html lang="de">
	<head>
	<title>I'm in the mode</title>
	<meta charset="utf-8">

	<meta name="description" content="Sometimes I ran…">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link href="https://fonts.googleapis.com/css?family=Big+Shoulders+Text&display=swap" rel="stylesheet">
	<style>
	// idea from here @see https://stackoverflow.com/questions/6456429/is-it-possible-to-mock-document-cookie-in-javascript
	const fakeDocumentCookie = {
	cookies: '',

	get cookie() {
	return this.cookies;
	},

	set cookie(cookieValue) {
	const cookies = this.cookies.split(' ');
	const fakeWindowLocalStorage = {
	localStorage: {
	data: {},
	length: 0,
	setItem(name, value) {
	this.data[name] = value.toString();
	this.length = Object.keys(this.data).length;
	},
	getItem(name) {
	return this.data[name];