joshua/fhqwhgads
1
0
Fork 0
mirror of https://github.com/seigler/fhqwhgads synced 2025-07-26 22:46:08 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

removed PHP dependency, fixed scanlines for Chrome

Browse source
This commit is contained in:
Joshua Seigler 2017-02-13 09:36:48 -05:00
parent 53786df51b
commit 5ec1e31ee7
5 changed files with 26 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

9
Gruntfile.js
View file

@ -84,10 +84,9 @@ module.exports = function (grunt) {
} }
}, },
php: { connect: {
watch: { server: {
options: { options: {
hostname: '0.0.0.0',
port: 1337, port: 1337,
base: 'build' base: 'build'
} }
@ -103,13 +102,13 @@ module.exports = function (grunt) {
grunt.loadNpmTasks('grunt-contrib-less'); grunt.loadNpmTasks('grunt-contrib-less');
grunt.loadNpmTasks('grunt-autoprefixer'); grunt.loadNpmTasks('grunt-autoprefixer');
grunt.loadNpmTasks('grunt-contrib-watch'); grunt.loadNpmTasks('grunt-contrib-watch');
grunt.loadNpmTasks('grunt-php'); grunt.loadNpmTasks('grunt-contrib-connect');
// Default task(s). // Default task(s).
grunt.registerTask( grunt.registerTask(
'default', 'default',
'Default is to build everything, then watch for changes', 'Default is to build everything, then watch for changes',
['build', 'php:watch', 'watch'] ['build', 'connect', 'watch']
); );
grunt.registerTask( grunt.registerTask(
'stylesheets', 'stylesheets',

2
README.md
View file

@ -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. 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. The output will be created in the "build" directory.

13
package.json
View file

@ -11,13 +11,14 @@
"license": "CC BY 4.0", "license": "CC BY 4.0",
"devDependencies": { "devDependencies": {
"grunt": "~0.4.5", "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-autoprefixer": "~2.0.0",
"grunt-contrib-watch": "~0.6.1",
"grunt-contrib-uglify": "~0.6.0",
"grunt-cleanempty": "~1.0.1", "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"
} }
} }

18
src/assets/css/style.less
View file

@ -15,6 +15,14 @@ html, body {
background-image: url('/assets/images/table.svg'); background-image: url('/assets/images/table.svg');
background-size: 100% 100%; background-size: 100% 100%;
} }
html {
font-size: 6vh;
@media (max-width: 132.6029165vh) {
font-size: 4.524787356vw;
}
}
#compy { #compy {
position: absolute; position: absolute;
top: 0; top: 0;
@ -26,12 +34,10 @@ html, body {
@media (max-width: 132.6029165vh) { @media (max-width: 132.6029165vh) {
height: 75.4131226vw; height: 75.4131226vw;
width: 100%; width: 100%;
font-size: 4.524787356vw;
} }
margin: auto auto 0; margin: auto auto 0;
font-family: computerfontregular, monospace; font-family: computerfontregular, monospace;
color: @consoleColor; color: @consoleColor;
font-size: 6vh;
> #case { > #case {
position: absolute; position: absolute;
top: 0; top: 0;
@ -67,11 +73,11 @@ html, body {
position: absolute; position: absolute;
left: 0; left: 0;
right: 0; right: 0;
top: -3em; top: 0;
bottom: -3em; bottom: -3em;
animation: scroll 2s linear infinite; animation: scroll 2s linear infinite;
background: url('/assets/images/scanline.svg') black; background: url('/assets/images/scanline.svg') black;
background-size: 25em 4em; background-size: 100% 15%;
background-repeat: repeat-y; background-repeat: repeat-y;
background-position: 50% 0%; background-position: 50% 0%;
transition: background-color 2s; transition: background-color 2s;
@ -126,9 +132,9 @@ html, body {
} }
@keyframes scroll { @keyframes scroll {
0% { 0% {
transform: translate3d(0,2em,0); transform: translate3d(0,0,0);
} }
100% { 100% {
transform: translate3d(0,-2em,0); transform: translate3d(0,-15%,0);
} }
} }

7
src/index.php → src/index.html
View file

@ -5,9 +5,7 @@
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0"> <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
<title>FHQWHGADS</title> <title>FHQWHGADS</title>
<link rel="icon" href="data:;base64,iVBORw0KGgo="> <link rel="icon" href="data:;base64,iVBORw0KGgo=">
<style type="text/css"> <link rel="stylesheet" href="compiled-styles.css">
<?php include('compiled-styles.css'); ?>
</style>
</head> </head>
<body> <body>
<form><label id="compy"> <form><label id="compy">
@ -28,8 +26,7 @@ i love u
<div class="knob" id="knobup"></div> <div class="knob" id="knobup"></div>
</div> </div>
</label></form> </label></form>
<script type="application/javascript"> <script type="application/javascript" src="application.js">
<?php include('application.js'); ?>
</script> </script>
</body> </body>
</html> </html>