mirrors/not-gwent-online
1
0
Fork 0
mirror of https://github.com/exane/not-gwent-online synced 2025-11-05 00:58:26 +00:00
Code Releases Activity

init

Browse Source
This commit is contained in:
exane
2015-06-10 16:25:27 +02:00
commit 253f60d0ba
8 changed files with 6882 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6584
public/css/bootstrap.css vendored Normal file
View File

File diff suppressed because it is too large Load Diff

125
public/index.html Normal file
View 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
View File

@@ -0,0 +1,3 @@
(function main(){
})();

96
public/scss/main.scss Normal file
View 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");
}
}