From 5ec1e31ee7f1c6f46f3cb342ae9ba23603041588 Mon Sep 17 00:00:00 2001
From: Joshua Seigler <joshua@seigler.net>
Date: Mon, 13 Feb 2017 09:36:48 -0500
Subject: [PATCH] removed PHP dependency, fixed scanlines for Chrome

---
 Gruntfile.js                  |  9 ++++-----
 README.md                     |  2 +-
 package.json                  | 13 +++++++------
 src/assets/css/style.less     | 18 ++++++++++++------
 src/{index.php => index.html} |  7 ++-----
 5 files changed, 26 insertions(+), 23 deletions(-)
 rename src/{index.php => index.html} (83%)

diff --git a/Gruntfile.js b/Gruntfile.js
index 95109be..654b214 100644
--- a/Gruntfile.js
+++ b/Gruntfile.js
@@ -84,10 +84,9 @@ module.exports = function (grunt) {
 			}
 		},
 
-		php: {
-			watch: {
+		connect: {
+			server: {
 				options: {
-					hostname: '0.0.0.0',
 					port: 1337,
 					base: 'build'
 				}
@@ -103,13 +102,13 @@ module.exports = function (grunt) {
 	grunt.loadNpmTasks('grunt-contrib-less');
 	grunt.loadNpmTasks('grunt-autoprefixer');
 	grunt.loadNpmTasks('grunt-contrib-watch');
-	grunt.loadNpmTasks('grunt-php');
+	grunt.loadNpmTasks('grunt-contrib-connect');
 
 	// Default task(s).
 	grunt.registerTask(
 		'default',
 		'Default is to build everything, then watch for changes',
-		['build', 'php:watch', 'watch']
+		['build', 'connect', 'watch']
 	);
 	grunt.registerTask(
 		'stylesheets',
diff --git a/README.md b/README.md
index a2ccc70..41b4177 100644
--- a/README.md
+++ b/README.md
@@ -9,5 +9,5 @@ You can see it hosted at http://fhqwhgads.bit/ (if that won't resolve for you, u
 
 The project uses grunt for LESS preprocessing and some other small tasks. In the base directory, run "npm install" to download all the dependencies.
 
-When you are ready to develop or build, run "grunt" in the base directory, and the grunt task runner will build the project, then attempt to host it locally for you on port 1337 using your local installation of PHP.
+When you are ready to develop or build, run "grunt" in the base directory, and the grunt task runner will build the project, then attempt to host it locally for you on port 1337.
 The output will be created in the "build" directory.
diff --git a/package.json b/package.json
index 1f792b1..0404d89 100644
--- a/package.json
+++ b/package.json
@@ -11,13 +11,14 @@
   "license": "CC BY 4.0",
   "devDependencies": {
     "grunt": "~0.4.5",
-    "grunt-contrib-copy": "~0.7.0",
-    "grunt-contrib-clean": "~0.6.0",
-    "grunt-contrib-less": "~0.12.0",
     "grunt-autoprefixer": "~2.0.0",
-    "grunt-contrib-watch": "~0.6.1",
-    "grunt-contrib-uglify": "~0.6.0",
     "grunt-cleanempty": "~1.0.1",
-    "grunt-php": "~1.1.1"
+    "grunt-contrib-clean": "~0.6.0",
+    "grunt-contrib-copy": "~0.7.0",
+    "grunt-contrib-less": "~0.12.0",
+    "grunt-contrib-uglify": "~0.6.0",
+    "grunt-contrib-watch": "~0.6.1",
+    "grunt-php": "~1.1.1",
+    "grunt-contrib-connect": "^1.0.2"
   }
 }
diff --git a/src/assets/css/style.less b/src/assets/css/style.less
index 37fbb82..0b61940 100644
--- a/src/assets/css/style.less
+++ b/src/assets/css/style.less
@@ -15,6 +15,14 @@ html, body {
 	background-image: url('/assets/images/table.svg');
 	background-size: 100% 100%;
 }
+
+html {
+	font-size: 6vh;
+	@media (max-width: 132.6029165vh) {
+		font-size: 4.524787356vw;
+	}
+}
+
 #compy {
 	position: absolute;
 	top: 0;
@@ -26,12 +34,10 @@ html, body {
 	@media (max-width: 132.6029165vh) {
 		height: 75.4131226vw;
 		width: 100%;
-		font-size: 4.524787356vw;
 	}
 	margin: auto auto 0;
 	font-family: computerfontregular, monospace;
 	color: @consoleColor;
-	font-size: 6vh;
 	> #case {
 		position: absolute;
 		top: 0;
@@ -67,11 +73,11 @@ html, body {
 			position: absolute;
 			left: 0;
 			right: 0;
-			top: -3em;
+			top: 0;
 			bottom: -3em;
 			animation: scroll 2s linear infinite;
 			background: url('/assets/images/scanline.svg') black;
-			background-size: 25em 4em;
+			background-size: 100% 15%;
 			background-repeat: repeat-y;
 			background-position: 50% 0%;
 			transition: background-color 2s;
@@ -126,9 +132,9 @@ html, body {
 }
 @keyframes scroll {
 	0% {
-		transform: translate3d(0,2em,0);
+		transform: translate3d(0,0,0);
 	}
 	100% {
-		transform: translate3d(0,-2em,0);
+		transform: translate3d(0,-15%,0);
 	}
 }
diff --git a/src/index.php b/src/index.html
similarity index 83%
rename from src/index.php
rename to src/index.html
index fe7cdce..2847b7a 100644
--- a/src/index.php
+++ b/src/index.html
@@ -5,9 +5,7 @@
 		<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
 		<title>FHQWHGADS</title>
 		<link rel="icon" href="data:;base64,iVBORw0KGgo=">
-		<style type="text/css">
-<?php include('compiled-styles.css'); ?>
-		</style>
+		<link rel="stylesheet" href="compiled-styles.css">
 	</head>
 	<body>
 		<form><label id="compy">
@@ -28,8 +26,7 @@ i love u
 				<div class="knob" id="knobup"></div>
 			</div>
 		</label></form>
-		<script type="application/javascript">
-<?php include('application.js'); ?>
+		<script type="application/javascript" src="application.js">
 		</script>
 	</body>
 </html>