Fix inconsistent line separators across files

The development of this project began several years ago on a Windows system until I switched to GNU\Linux. Therefore, some files contained CRLF as line separators, now replaced with LF.

5 files changed, 431 insertions, 431 deletions

diff --git a/static/bigpipe.js b/static/bigpipe.js
index 43189a4..ae15935 100644
--- a/static/bigpipe.js
+++ b/static/bigpipe.js
@@ -1,366 +1,366 @@
-//==============================================================================

-// BigPipe Module

-//==============================================================================

-BigPipe = (function() {

-	"use strict";

-

-	//==============================================================================

-	// PhaseDoneJS: Responsible for Pagelet and Resource

-	//==============================================================================

-	const PhaseDoneJS = {

-		//==============================================================================

-		// Increase phase and execute callbacks

-		//==============================================================================

-		handler(context, phase) {

-			for(let currentPhase = context.phase; currentPhase <= phase; ++currentPhase) {

-				this.execute(context, currentPhase);

-			}

-

-			return context.phase = ++phase;

-		},

-

-		//==============================================================================

-		// Execute callbacks of the given phase

-		//==============================================================================

-		execute(context, phase) {

-			context.phaseDoneJS[phase].forEach(function(code) {

-				try {

-					window.eval.call(window, code);

-				} catch(e) {

-					console.error("PhaseDoneJS: " + e);

-				}

-			});

-		}

-	};

-

-	//==============================================================================

-	// Resource: Represents a resource

-	//==============================================================================

-	class Resource {

-		constructor(dataJSON, type) {

-			this.ID   = dataJSON.ID;

-			this.HREF = dataJSON.HREF;

-			this.callbacks = [];

-			this.node = false;

-			this.done = false;

-			this.type = type;

-

-			this.phaseDoneJS = dataJSON.PHASE;

-			this.phase = 0;

-

-			PhaseDoneJS.handler(this, Resource.PHASE_INIT);

-		}

-

-		//==============================================================================

-		// Resource types

-		//==============================================================================

-		static get TYPE_STYLESHEET() { return 0; }

-		static get TYPE_JAVASCRIPT() { return 1; }

-

-		//==============================================================================

-		// Phase numbers for PhaseDoneJS

-		//==============================================================================

-		static get PHASE_INIT() { return 0; }

-		static get PHASE_LOAD() { return 1; }

-		static get PHASE_DONE() { return 2; }

-

-		//==============================================================================

-		// Loading the resource

-		//==============================================================================

-		execute() {

-			switch(this.type) {

-				case Resource.TYPE_STYLESHEET:

-					this.node = document.createElement("link");

-					this.node.setAttribute("rel", "stylesheet");

-					this.node.setAttribute("href", this.HREF);

-					break;

-				case Resource.TYPE_JAVASCRIPT:

-					this.node = document.createElement("script");

-					this.node.setAttribute("src", this.HREF);

-					this.node.setAttribute("async", "async");

-					break;

-				default:

-					return false;

-			}

-

-			const callback = () => {

-				PhaseDoneJS.handler(this, Resource.PHASE_DONE);

-				this.executeCallbacks();

-			};

-

-			this.node.onload  = callback;

-			this.node.onerror = callback;

-

-			document.head.appendChild(this.node);

-

-			PhaseDoneJS.handler(this, Resource.PHASE_LOAD);

-		}

-

-		//==============================================================================

-		// Register a new callback

-		//==============================================================================

-		registerCallback(callback) {

-			return this.callbacks.push(callback);

-		}

-

-		//==============================================================================

-		// Executes all registered callbacks

-		//==============================================================================

-		executeCallbacks() {

-			if(!this.done && (this.done = true)) {

-				this.callbacks.forEach(function(callback) {

-					callback();

-				});

-			}

-		}

-

-		//==============================================================================

-		// Remove callbacks after abort of loading the resource

-		//==============================================================================

-		abortLoading() {

-			if(this.node) {

-				this.node.onload  = null;

-				this.node.onerror = null;

-

-				// Remove element from DOM

-				let parentNode = this.node.parentNode;

-				return parentNode.removeChild(this.node);

-			}

-		}

-	}

-

-	//==============================================================================

-	// Pagelet: Represents a pagelet

-	//==============================================================================

-	class Pagelet {

-		constructor(dataJSON, HTML) {

-			this.ID   = dataJSON.ID;

-			this.NEED = dataJSON.NEED;

-			this.HTML = HTML;

-			this.JSCode = dataJSON.CODE;

-			this.phaseDoneJS = dataJSON.PHASE;

-			this.stylesheets = dataJSON.RSRC[Resource.TYPE_STYLESHEET];

-			this.javascripts = dataJSON.RSRC[Resource.TYPE_JAVASCRIPT];

-

-			this.phase = 0;

-			this.resources = [[], []];

-

-			PhaseDoneJS.handler(this, Pagelet.PHASE_INIT);

-		}

-

-		//==============================================================================

-		// Phase numbers for PhaseDoneJS

-		//==============================================================================

-		static get PHASE_INIT()    { return 0; }

-		static get PHASE_LOADCSS() { return 1; }

-		static get PHASE_HTML()    { return 2; }

-		static get PHASE_LOADJS()  { return 3; }

-		static get PHASE_DONE()    { return 4; }

-

-		//==============================================================================

-		// Initialize and execute the CSS resources

-		//==============================================================================

-		execute() {

-			this.initializeResources();

-

-			if(!this.executeResources(Resource.TYPE_STYLESHEET)) {

-				this.replaceHTML();

-			}

-		}

-

-		//==============================================================================

-		// Initialize the pagelet resources

-		//==============================================================================

-		initializeResources() {

-			this.stylesheets.forEach(data => {

-				this.attachResource(new Resource(data, Resource.TYPE_STYLESHEET));

-			});

-

-			this.javascripts.forEach(data => {

-				this.attachResource(new Resource(data, Resource.TYPE_JAVASCRIPT));

-			});

-		}

-

-		//==============================================================================

-		// Executes all resources of the specific type

-		//==============================================================================

-		executeResources(type) {

-			let somethingExecuted = false;

-

-			this.resources[type].forEach(function(resource) {

-				somethingExecuted = true;

-				resource.execute();

-			});

-

-			return somethingExecuted;

-		}

-

-		//==============================================================================

-		// Attach a new resource to the pagelet

-		//==============================================================================

-		attachResource(resource) {

-			switch(resource.type) {

-				case Resource.TYPE_STYLESHEET:

-					resource.registerCallback(() => this.onStylesheetLoaded());

-					break;

-

-				case Resource.TYPE_JAVASCRIPT:

-					resource.registerCallback(() => this.onJavascriptLoaded());

-					break;

-			}

-

-			return this.resources[resource.type].push(resource);

-		}

-

-		//==============================================================================

-		// Replaces the placeholder node HTML

-		//==============================================================================

-		replaceHTML() {

-			document.getElementById(this.ID).innerHTML = this.HTML;

-

-			PhaseDoneJS.handler(this, Pagelet.PHASE_HTML);

-

-			BigPipe.onPageletHTMLreplaced(this.ID);

-		}

-

-		//==============================================================================

-		// Executes the inline javascript code of the pagelet

-		//==============================================================================

-		executeInlineJavascript() {

-			this.JSCode.forEach(code => {

-				try {

-					window.eval.call(window, code);

-				} catch(e) {

-					console.error(this.ID + ": " + e);

-				}

-			});

-			PhaseDoneJS.handler(this, Pagelet.PHASE_DONE);

-		}

-

-		//==============================================================================

-		// Executed each time when a stylesheet resource has been loaded

-		//==============================================================================

-		onStylesheetLoaded() {

-			if(this.resources[Resource.TYPE_STYLESHEET].every(function(resource){

-					return resource.done;

-				})) {

-				PhaseDoneJS.handler(this, Pagelet.PHASE_LOADCSS);

-				this.replaceHTML();

-			}

-		}

-

-		//==============================================================================

-		// Executed each time when a javascript resource has been loaded

-		//==============================================================================

-		onJavascriptLoaded() {

-			if(this.resources[Resource.TYPE_JAVASCRIPT].every(function(resource){

-					return resource.done;

-				})) {

-				PhaseDoneJS.handler(this, Pagelet.PHASE_LOADJS);

-				this.executeInlineJavascript();

-			}

-		}

-	}

-

-	//==============================================================================

-	// BigPipe

-	//==============================================================================

-	const BigPipe = {

-		pagelets: [],

-		phase: 0,

-		done: [],

-		wait: [],

-

-		onPageletArrive(data, codeContainer) {

-			let pageletHTML = codeContainer.innerHTML;

-			pageletHTML = pageletHTML.substring(5, pageletHTML.length - 4);

-			codeContainer.parentNode.removeChild(codeContainer);

-

-			let pagelet = new Pagelet(data, pageletHTML);

-

-			this.pagelets.push(pagelet);

-

-			if(this.phase === 0) {

-				this.phase = 1;

-			}

-

-			if(data.IS_LAST) {

-				this.phase = 2;

-			}

-

-			if(pagelet.NEED.length === 0 || pagelet.NEED.every(function(needID) {

-					return BigPipe.done.indexOf(needID) !== -1;

-				})) {

-				pagelet.execute();

-			}

-

-			else {

-				this.wait.push(pagelet);

-			}

-		},

-

-		onPageletHTMLreplaced(pageletID) {

-			BigPipe.done.push(pageletID);

-

-			for(let i = 0; i < this.wait.length; ++i) {

-				let pagelet = this.wait[i];

-

-				// Check if all IDs from NEED exists within BigPipe.done

-				// If this is true, then all required dependencies are satisfied.

-				if(pagelet.NEED.every(function(needID){

-						return BigPipe.done.indexOf(needID) !== -1;

-					})) {

-					BigPipe.wait.splice(i--, 1); // remove THIS pagelet from wait list

-					pagelet.execute();

-				}

-			}

-

-			// Check if this was the last pagelet and then execute loading of the external JS resources

-			if(BigPipe.phase === 2 && BigPipe.done.length === BigPipe.pagelets.length) {

-				BigPipe.executeJavascriptResources();

-			}

-		},

-

-		executeJavascriptResources() {

-			this.phase = 3;

-

-			this.pagelets.forEach(function(pagelet) {

-				if(!pagelet.executeResources(Resource.TYPE_JAVASCRIPT)) {

-					pagelet.onJavascriptLoaded();

-				}

-			});

-		}

-	};

-

-	//==============================================================================

-	// Public-Access

-	//==============================================================================

-	return {

-		onPageletArrive(data, codeContainer) {

-			BigPipe.onPageletArrive(data, codeContainer);

-		},

-

-		reset() {

-			BigPipe.pagelets.forEach(function(pagelet) {

-				pagelet.resources[Resource.TYPE_STYLESHEET].forEach(function(resource) {

-					resource.abortLoading();

-				});

-

-				pagelet.resources[Resource.TYPE_JAVASCRIPT].forEach(function(resource) {

-					resource.abortLoading();

-				});

-			});

-

-			try {

-				window.stop();

-			} catch(e) {

-				document.execCommand('Stop');

-			}

-

-			BigPipe.pagelets = [];

-			BigPipe.phase = 0;

-			BigPipe.wait = [];

-			BigPipe.done = [];

-		}

-	};

+//==============================================================================
+// BigPipe Module
+//==============================================================================
+BigPipe = (function() {
+	"use strict";
+
+	//==============================================================================
+	// PhaseDoneJS: Responsible for Pagelet and Resource
+	//==============================================================================
+	const PhaseDoneJS = {
+		//==============================================================================
+		// Increase phase and execute callbacks
+		//==============================================================================
+		handler(context, phase) {
+			for(let currentPhase = context.phase; currentPhase <= phase; ++currentPhase) {
+				this.execute(context, currentPhase);
+			}
+
+			return context.phase = ++phase;
+		},
+
+		//==============================================================================
+		// Execute callbacks of the given phase
+		//==============================================================================
+		execute(context, phase) {
+			context.phaseDoneJS[phase].forEach(function(code) {
+				try {
+					window.eval.call(window, code);
+				} catch(e) {
+					console.error("PhaseDoneJS: " + e);
+				}
+			});
+		}
+	};
+
+	//==============================================================================
+	// Resource: Represents a resource
+	//==============================================================================
+	class Resource {
+		constructor(dataJSON, type) {
+			this.ID   = dataJSON.ID;
+			this.HREF = dataJSON.HREF;
+			this.callbacks = [];
+			this.node = false;
+			this.done = false;
+			this.type = type;
+
+			this.phaseDoneJS = dataJSON.PHASE;
+			this.phase = 0;
+
+			PhaseDoneJS.handler(this, Resource.PHASE_INIT);
+		}
+
+		//==============================================================================
+		// Resource types
+		//==============================================================================
+		static get TYPE_STYLESHEET() { return 0; }
+		static get TYPE_JAVASCRIPT() { return 1; }
+
+		//==============================================================================
+		// Phase numbers for PhaseDoneJS
+		//==============================================================================
+		static get PHASE_INIT() { return 0; }
+		static get PHASE_LOAD() { return 1; }
+		static get PHASE_DONE() { return 2; }
+
+		//==============================================================================
+		// Loading the resource
+		//==============================================================================
+		execute() {
+			switch(this.type) {
+				case Resource.TYPE_STYLESHEET:
+					this.node = document.createElement("link");
+					this.node.setAttribute("rel", "stylesheet");
+					this.node.setAttribute("href", this.HREF);
+					break;
+				case Resource.TYPE_JAVASCRIPT:
+					this.node = document.createElement("script");
+					this.node.setAttribute("src", this.HREF);
+					this.node.setAttribute("async", "async");
+					break;
+				default:
+					return false;
+			}
+
+			const callback = () => {
+				PhaseDoneJS.handler(this, Resource.PHASE_DONE);
+				this.executeCallbacks();
+			};
+
+			this.node.onload  = callback;
+			this.node.onerror = callback;
+
+			document.head.appendChild(this.node);
+
+			PhaseDoneJS.handler(this, Resource.PHASE_LOAD);
+		}
+
+		//==============================================================================
+		// Register a new callback
+		//==============================================================================
+		registerCallback(callback) {
+			return this.callbacks.push(callback);
+		}
+
+		//==============================================================================
+		// Executes all registered callbacks
+		//==============================================================================
+		executeCallbacks() {
+			if(!this.done && (this.done = true)) {
+				this.callbacks.forEach(function(callback) {
+					callback();
+				});
+			}
+		}
+
+		//==============================================================================
+		// Remove callbacks after abort of loading the resource
+		//==============================================================================
+		abortLoading() {
+			if(this.node) {
+				this.node.onload  = null;
+				this.node.onerror = null;
+
+				// Remove element from DOM
+				let parentNode = this.node.parentNode;
+				return parentNode.removeChild(this.node);
+			}
+		}
+	}
+
+	//==============================================================================
+	// Pagelet: Represents a pagelet
+	//==============================================================================
+	class Pagelet {
+		constructor(dataJSON, HTML) {
+			this.ID   = dataJSON.ID;
+			this.NEED = dataJSON.NEED;
+			this.HTML = HTML;
+			this.JSCode = dataJSON.CODE;
+			this.phaseDoneJS = dataJSON.PHASE;
+			this.stylesheets = dataJSON.RSRC[Resource.TYPE_STYLESHEET];
+			this.javascripts = dataJSON.RSRC[Resource.TYPE_JAVASCRIPT];
+
+			this.phase = 0;
+			this.resources = [[], []];
+
+			PhaseDoneJS.handler(this, Pagelet.PHASE_INIT);
+		}
+
+		//==============================================================================
+		// Phase numbers for PhaseDoneJS
+		//==============================================================================
+		static get PHASE_INIT()    { return 0; }
+		static get PHASE_LOADCSS() { return 1; }
+		static get PHASE_HTML()    { return 2; }
+		static get PHASE_LOADJS()  { return 3; }
+		static get PHASE_DONE()    { return 4; }
+
+		//==============================================================================
+		// Initialize and execute the CSS resources
+		//==============================================================================
+		execute() {
+			this.initializeResources();
+
+			if(!this.executeResources(Resource.TYPE_STYLESHEET)) {
+				this.replaceHTML();
+			}
+		}
+
+		//==============================================================================
+		// Initialize the pagelet resources
+		//==============================================================================
+		initializeResources() {
+			this.stylesheets.forEach(data => {
+				this.attachResource(new Resource(data, Resource.TYPE_STYLESHEET));
+			});
+
+			this.javascripts.forEach(data => {
+				this.attachResource(new Resource(data, Resource.TYPE_JAVASCRIPT));
+			});
+		}
+
+		//==============================================================================
+		// Executes all resources of the specific type
+		//==============================================================================
+		executeResources(type) {
+			let somethingExecuted = false;
+
+			this.resources[type].forEach(function(resource) {
+				somethingExecuted = true;
+				resource.execute();
+			});
+
+			return somethingExecuted;
+		}
+
+		//==============================================================================
+		// Attach a new resource to the pagelet
+		//==============================================================================
+		attachResource(resource) {
+			switch(resource.type) {
+				case Resource.TYPE_STYLESHEET:
+					resource.registerCallback(() => this.onStylesheetLoaded());
+					break;
+
+				case Resource.TYPE_JAVASCRIPT:
+					resource.registerCallback(() => this.onJavascriptLoaded());
+					break;
+			}
+
+			return this.resources[resource.type].push(resource);
+		}
+
+		//==============================================================================
+		// Replaces the placeholder node HTML
+		//==============================================================================
+		replaceHTML() {
+			document.getElementById(this.ID).innerHTML = this.HTML;
+
+			PhaseDoneJS.handler(this, Pagelet.PHASE_HTML);
+
+			BigPipe.onPageletHTMLreplaced(this.ID);
+		}
+
+		//==============================================================================
+		// Executes the inline javascript code of the pagelet
+		//==============================================================================
+		executeInlineJavascript() {
+			this.JSCode.forEach(code => {
+				try {
+					window.eval.call(window, code);
+				} catch(e) {
+					console.error(this.ID + ": " + e);
+				}
+			});
+			PhaseDoneJS.handler(this, Pagelet.PHASE_DONE);
+		}
+
+		//==============================================================================
+		// Executed each time when a stylesheet resource has been loaded
+		//==============================================================================
+		onStylesheetLoaded() {
+			if(this.resources[Resource.TYPE_STYLESHEET].every(function(resource){
+					return resource.done;
+				})) {
+				PhaseDoneJS.handler(this, Pagelet.PHASE_LOADCSS);
+				this.replaceHTML();
+			}
+		}
+
+		//==============================================================================
+		// Executed each time when a javascript resource has been loaded
+		//==============================================================================
+		onJavascriptLoaded() {
+			if(this.resources[Resource.TYPE_JAVASCRIPT].every(function(resource){
+					return resource.done;
+				})) {
+				PhaseDoneJS.handler(this, Pagelet.PHASE_LOADJS);
+				this.executeInlineJavascript();
+			}
+		}
+	}
+
+	//==============================================================================
+	// BigPipe
+	//==============================================================================
+	const BigPipe = {
+		pagelets: [],
+		phase: 0,
+		done: [],
+		wait: [],
+
+		onPageletArrive(data, codeContainer) {
+			let pageletHTML = codeContainer.innerHTML;
+			pageletHTML = pageletHTML.substring(5, pageletHTML.length - 4);
+			codeContainer.parentNode.removeChild(codeContainer);
+
+			let pagelet = new Pagelet(data, pageletHTML);
+
+			this.pagelets.push(pagelet);
+
+			if(this.phase === 0) {
+				this.phase = 1;
+			}
+
+			if(data.IS_LAST) {
+				this.phase = 2;
+			}
+
+			if(pagelet.NEED.length === 0 || pagelet.NEED.every(function(needID) {
+					return BigPipe.done.indexOf(needID) !== -1;
+				})) {
+				pagelet.execute();
+			}
+
+			else {
+				this.wait.push(pagelet);
+			}
+		},
+
+		onPageletHTMLreplaced(pageletID) {
+			BigPipe.done.push(pageletID);
+
+			for(let i = 0; i < this.wait.length; ++i) {
+				let pagelet = this.wait[i];
+
+				// Check if all IDs from NEED exists within BigPipe.done
+				// If this is true, then all required dependencies are satisfied.
+				if(pagelet.NEED.every(function(needID){
+						return BigPipe.done.indexOf(needID) !== -1;
+					})) {
+					BigPipe.wait.splice(i--, 1); // remove THIS pagelet from wait list
+					pagelet.execute();
+				}
+			}
+
+			// Check if this was the last pagelet and then execute loading of the external JS resources
+			if(BigPipe.phase === 2 && BigPipe.done.length === BigPipe.pagelets.length) {
+				BigPipe.executeJavascriptResources();
+			}
+		},
+
+		executeJavascriptResources() {
+			this.phase = 3;
+
+			this.pagelets.forEach(function(pagelet) {
+				if(!pagelet.executeResources(Resource.TYPE_JAVASCRIPT)) {
+					pagelet.onJavascriptLoaded();
+				}
+			});
+		}
+	};
+
+	//==============================================================================
+	// Public-Access
+	//==============================================================================
+	return {
+		onPageletArrive(data, codeContainer) {
+			BigPipe.onPageletArrive(data, codeContainer);
+		},
+
+		reset() {
+			BigPipe.pagelets.forEach(function(pagelet) {
+				pagelet.resources[Resource.TYPE_STYLESHEET].forEach(function(resource) {
+					resource.abortLoading();
+				});
+
+				pagelet.resources[Resource.TYPE_JAVASCRIPT].forEach(function(resource) {
+					resource.abortLoading();
+				});
+			});
+
+			try {
+				window.stop();
+			} catch(e) {
+				document.execCommand('Stop');
+			}
+
+			BigPipe.pagelets = [];
+			BigPipe.phase = 0;
+			BigPipe.wait = [];
+			BigPipe.done = [];
+		}
+	};
 })();
\ No newline at end of file
diff --git a/static/blue.php b/static/blue.php
index 5f9bacb..c5e7de8 100644
--- a/static/blue.php
+++ b/static/blue.php
@@ -1,17 +1,17 @@
-<?php

-#===============================================================================

-# Disable cache

-#===============================================================================

-header('Cache-Control: no-cache, no-store, must-revalidate');

-

-#===============================================================================

-# Set Content-Type

-#===============================================================================

-header('Content-Type: text/css');

-

-#===============================================================================

-# Simulate long loading time

-#===============================================================================

-usleep(intval(rand(60, 100).'0000'));

-?>

+<?php
+#===============================================================================
+# Disable cache
+#===============================================================================
+header('Cache-Control: no-cache, no-store, must-revalidate');
+
+#===============================================================================
+# Set Content-Type
+#===============================================================================
+header('Content-Type: text/css');
+
+#===============================================================================
+# Simulate long loading time
+#===============================================================================
+usleep(intval(rand(60, 100).'0000'));
+?>
 #blue{background:blue;}
\ No newline at end of file
diff --git a/static/delayJS.php b/static/delayJS.php
index b4af48d..51252b0 100644
--- a/static/delayJS.php
+++ b/static/delayJS.php
@@ -1,18 +1,18 @@
-<?php

-#===============================================================================

-# Disable cache

-#===============================================================================

-header('Cache-Control: no-cache, no-store, must-revalidate');

-

-#===============================================================================

-# Set Content-Type

-#===============================================================================

-header('Content-Type: text/javascript');

-

-#===============================================================================

-# Simulate long loading time

-#===============================================================================

-usleep(intval(rand(10, 40).'0000'));

-?>

-

-console.log("EXTERNAL: Delayed javascript resource loaded");

+<?php
+#===============================================================================
+# Disable cache
+#===============================================================================
+header('Cache-Control: no-cache, no-store, must-revalidate');
+
+#===============================================================================
+# Set Content-Type
+#===============================================================================
+header('Content-Type: text/javascript');
+
+#===============================================================================
+# Simulate long loading time
+#===============================================================================
+usleep(intval(rand(10, 40).'0000'));
+?>
+
+console.log("EXTERNAL: Delayed javascript resource loaded");
diff --git a/static/green.php b/static/green.php
index f1c5f1b..3a9959d 100644
--- a/static/green.php
+++ b/static/green.php
@@ -1,17 +1,17 @@
-<?php

-#===============================================================================

-# Disable cache

-#===============================================================================

-header('Cache-Control: no-cache, no-store, must-revalidate');

-

-#===============================================================================

-# Set Content-Type

-#===============================================================================

-header('Content-Type: text/css');

-

-#===============================================================================

-# Simulate long loading time

-#===============================================================================

-usleep(intval(rand(60, 100).'0000'));

-?>

+<?php
+#===============================================================================
+# Disable cache
+#===============================================================================
+header('Cache-Control: no-cache, no-store, must-revalidate');
+
+#===============================================================================
+# Set Content-Type
+#===============================================================================
+header('Content-Type: text/css');
+
+#===============================================================================
+# Simulate long loading time
+#===============================================================================
+usleep(intval(rand(60, 100).'0000'));
+?>
 #green{background:green;}
\ No newline at end of file
diff --git a/static/red.php b/static/red.php
index b54abb3..7eda0da 100644
--- a/static/red.php
+++ b/static/red.php
@@ -1,17 +1,17 @@
-<?php

-#===============================================================================

-# Disable cache

-#===============================================================================

-header('Cache-Control: no-cache, no-store, must-revalidate');

-

-#===============================================================================

-# Set Content-Type

-#===============================================================================

-header('Content-Type: text/css');

-

-#===============================================================================

-# Simulate long loading time

-#===============================================================================

-usleep(intval(rand(60, 100).'0000'));

-?>

+<?php
+#===============================================================================
+# Disable cache
+#===============================================================================
+header('Cache-Control: no-cache, no-store, must-revalidate');
+
+#===============================================================================
+# Set Content-Type
+#===============================================================================
+header('Content-Type: text/css');
+
+#===============================================================================
+# Simulate long loading time
+#===============================================================================
+usleep(intval(rand(60, 100).'0000'));
+?>
 #red{background:red;}
\ No newline at end of file