mirror of
https://github.com/exane/not-gwent-online
synced 2024-10-31 10:36:53 +00:00
init
This commit is contained in:
exane
commit
253f60d0ba
3
.gitignore
vendored
Normal file
3
.gitignore
vendored
Normal file
@ -0,0 +1,3 @@
|
||||
node_modules
|
||||
.idea
|
||||
build
|
||||
48
gulpfile.js
Normal file
48
gulpfile.js
Normal file
@ -0,0 +1,48 @@
|
||||
var browserify = require('browserify');
|
||||
var gulp = require('gulp');
|
||||
var source = require('vinyl-source-stream');
|
||||
var fs = require("fs");
|
||||
var babelify = require("babelify");
|
||||
var livereload = require("gulp-livereload");
|
||||
var sass = require("gulp-sass");
|
||||
livereload({start: true});
|
||||
|
||||
//fast install
|
||||
//npm i --save-dev browserify vinyl-source-stream babelify gulp-livereload gulp gulp-sass
|
||||
|
||||
|
||||
gulp.task('browserify', function(){
|
||||
browserify('./public/js/main.js', {standalone: "app", debug: true})
|
||||
.transform(babelify)
|
||||
.bundle().on("error", function(err){
|
||||
console.log(err);
|
||||
})
|
||||
.pipe(source('app.js').on("error", function(err){
|
||||
console.log(err);
|
||||
}))
|
||||
.pipe(gulp.dest('./build/').on("error", function(err){
|
||||
console.log(err);
|
||||
}));
|
||||
});
|
||||
|
||||
gulp.task('sass', function(){
|
||||
gulp.src('./public/scss/*.scss')
|
||||
.pipe(sass({
|
||||
outputStyle: 'compressed'
|
||||
}).on("error", function(err){
|
||||
console.log(err);
|
||||
}))
|
||||
.pipe(gulp.dest('./build/').on("error", function(err){
|
||||
console.log(err);
|
||||
}))
|
||||
.pipe(livereload().on("error", function(err){
|
||||
console.log(err);
|
||||
}));
|
||||
});
|
||||
|
||||
gulp.task("watch", function(){
|
||||
gulp.watch("./public/js/*", ["browserify"]);
|
||||
gulp.watch("./public/scss/*", ["sass"]);
|
||||
})
|
||||
|
||||
gulp.task("default", ["watch", "browserify", "sass"]);
|
||||
23
package.json
Normal file
23
package.json
Normal file
@ -0,0 +1,23 @@
|
||||
{
|
||||
"name": "gwent",
|
||||
"version": "0.0.1",
|
||||
"description": "",
|
||||
"main": "gulpfile.js",
|
||||
"dependencies": {
|
||||
"babelify": "^6.1.2",
|
||||
"backbone": "^1.2.1",
|
||||
"browserify": "^10.2.4",
|
||||
"gulp": "^3.9.0",
|
||||
"gulp-livereload": "^3.8.0",
|
||||
"gulp-sass": "^2.0.1",
|
||||
"socket.io": "^1.3.5",
|
||||
"vinyl-source-stream": "^1.1.0",
|
||||
"socket.io-client": "^1.3.5"
|
||||
},
|
||||
"devDependencies": {},
|
||||
"scripts": {
|
||||
"test": "echo \"Error: no test specified\" && exit 1"
|
||||
},
|
||||
"author": "exane",
|
||||
"license": "ISC"
|
||||
}
|
||||
6584
public/css/bootstrap.css
vendored
Normal file
6584
public/css/bootstrap.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
125
public/index.html
Normal file
125
public/index.html
Normal file
@ -0,0 +1,125 @@
|
||||
<!doctype html>
|
||||
<html class="no-js" lang="">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Gwent</title>
|
||||
<meta name="description" content="">
|
||||
<link rel="stylesheet" href="css/bootstrap.css">
|
||||
<link rel="stylesheet" href="../build/main.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="container board">
|
||||
<div class="col-xs-3 left-side">
|
||||
<div class="col-xs-12 game-info game-info-enemy enemy">
|
||||
<div class="col-xs-12 info-name"></div>
|
||||
<div class="col-xs-6 field-single field-leader"></div>
|
||||
<div class="col-xs-6">
|
||||
<div class="row">
|
||||
<div class="col-xs-6">Points:</div>
|
||||
<div class="col-xs-6 score">0</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-6">Hand:</div>
|
||||
<div class="col-xs-6 hand-card">0</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-12 gwent-lives">
|
||||
<i class="ruby"></i>
|
||||
<i class="ruby"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-12 passing">Passed</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-12 field field-weather">
|
||||
field
|
||||
</div>
|
||||
<div class="col-xs-12 game-info game-info-player player">
|
||||
<div class="col-xs-12 info-name"></div>
|
||||
<div class="col-xs-6 field-single field-leader"></div>
|
||||
<div class="col-xs-6">
|
||||
<div class="row">
|
||||
<div class="col-xs-6">Points:</div>
|
||||
<div class="col-xs-6 score">0</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-6">Hand:</div>
|
||||
<div class="col-xs-6 hand-card">0</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-12 gwent-lives">
|
||||
<i class="ruby"></i>
|
||||
<i></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-12 passing">Passed</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-12">
|
||||
<button class="button-pass">Pass</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-6">
|
||||
<div class="row">
|
||||
<div class="col-xs-12 battleside battleside-enemy enemy">
|
||||
<div class="col-xs-12 field">
|
||||
<div class="col-xs-1 large-field-counter">0</div>
|
||||
<div class="col-xs-11 field-siege"></div>
|
||||
</div>
|
||||
<div class="col-xs-12 field">
|
||||
<div class="col-xs-1 large-field-counter">0</div>
|
||||
<div class="col-xs-11 field-range"></div>
|
||||
</div>
|
||||
<div class="col-xs-12 field">
|
||||
<div class="col-xs-1 large-field-counter">0</div>
|
||||
<div class="col-xs-11 field-close"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-12 mid-line"></div>
|
||||
<div class="col-xs-12 battleside battleside-player player">
|
||||
<div class="col-xs-12 field">
|
||||
<div class="col-xs-1 large-field-counter">0</div>
|
||||
<div class="col-xs-11 field-close"></div>
|
||||
</div>
|
||||
<div class="col-xs-12 field">
|
||||
<div class="col-xs-1 large-field-counter">0</div>
|
||||
<div class="col-xs-11 field-range"></div>
|
||||
</div>
|
||||
<div class="col-xs-12 field">
|
||||
<div class="col-xs-1 large-field-counter">0</div>
|
||||
<div class="col-xs-11 field-siege"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-12 field field-hand">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-3">
|
||||
<div class="col-xs-12 card-preview"></div>
|
||||
<div class="col-xs-12 right-side right-side-enemy enemy">
|
||||
<div class="col-xs-5 field-discard field-single">
|
||||
discard deck
|
||||
</div>
|
||||
<div class="col-xs-5 field-single field-deck pull-right">
|
||||
main deck
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-12 right-side right-side-player player">
|
||||
<div class="col-xs-5 field-discard field-single">
|
||||
discard deck
|
||||
</div>
|
||||
<div class="col-xs-5 field-single field-deck pull-right">
|
||||
main deck
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="../build/app.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
3
public/js/main.js
Normal file
3
public/js/main.js
Normal file
@ -0,0 +1,3 @@
|
||||
(function main(){
|
||||
|
||||
})();
|
||||
96
public/scss/main.scss
Normal file
96
public/scss/main.scss
Normal file
@ -0,0 +1,96 @@
|
||||
$height: 600px;
|
||||
$game-height: 800px;
|
||||
|
||||
.board {
|
||||
height: $game-height;
|
||||
border: 1px solid black;
|
||||
}
|
||||
|
||||
.battleside {
|
||||
width: 100%;
|
||||
height: $height/2;
|
||||
border: 1px solid black;
|
||||
}
|
||||
|
||||
.field {
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
border: 1px solid black;
|
||||
}
|
||||
|
||||
.field:hover, .field-single:hover {
|
||||
box-shadow: 0px 0px 10px #000;
|
||||
}
|
||||
|
||||
.field-hand {
|
||||
margin-top: 20px;
|
||||
.card {
|
||||
margin-left: -20px;
|
||||
&:hover {
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
transform: scale(1.25,1.25);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.passing {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.field-single {
|
||||
border: 1px solid black;
|
||||
height: 150px;
|
||||
width: 85px;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
.left-side {
|
||||
//height: $game-height;
|
||||
}
|
||||
|
||||
.game-info {
|
||||
height: $game-height/2 - 100px;
|
||||
width: 100%;
|
||||
border: 1px solid black;
|
||||
}
|
||||
|
||||
.mid-line {
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
border: 1px solid black;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
.right-side {
|
||||
border: 1px solid black;
|
||||
height: $game-height/2;
|
||||
}
|
||||
|
||||
.card {
|
||||
border: 2px solid black;
|
||||
float: left;
|
||||
margin: 3px;
|
||||
height: 90px;
|
||||
overflow: hidden;
|
||||
img {
|
||||
height: 120px;
|
||||
}
|
||||
}
|
||||
|
||||
.card-preview {
|
||||
position: absolute;
|
||||
display: none;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
i {
|
||||
display: block;
|
||||
float: left;
|
||||
height: 40px;
|
||||
width: 40px;
|
||||
background: url("../../assets/ruby-grey.png");
|
||||
&.ruby {
|
||||
background: url("../../assets/ruby.png");
|
||||
}
|
||||
}
|
||||
0
server/server.js
Normal file
0
server/server.js
Normal file
Loading…
Reference in New Issue
Block a user