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