joshua/fhqwhgads
1
0
Fork 0
mirror of https://github.com/seigler/fhqwhgads synced 2025-07-26 06:26:09 +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: {
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',

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

13
package.json
View file

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

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

@ -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);
}
}

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