alterwain/Nosedive
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

design edit

Browse Source
This commit is contained in:
Michael Wain 2024-07-15 23:12:08 +03:00
parent 00eeb394bd
commit 094c48bd1e
2 changed files with 26 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/main/resources/static/css/game.css
View File

@ -201,7 +201,17 @@ body {
grid-row-end: 11; grid-row-end: 11;
} }
.players { .players {
margin-right: 80px; margin-right: 40px;
}
.player-stats {
font-size: 12px;
list-style-type: none;
}
.player-stats > li {
text-align: end;
}
.player-stats-title {
font-size: 14px;
} }
.player { .player {
margin-top: 10px; margin-top: 10px;
@ -214,6 +224,9 @@ body {
padding: 4px; padding: 4px;
cursor: pointer; cursor: pointer;
} }
.nickname {
font-size: 14px;
}
.player-turn { .player-turn {
width: 193px; width: 193px;
height: 150px; height: 150px;

14
src/main/resources/templates/game.html
View File

@ -5,7 +5,7 @@
<link rel="stylesheet" href="/static/css/game.css"> <link rel="stylesheet" href="/static/css/game.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sockjs-client@1/dist/sockjs.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/sockjs-client@1/dist/sockjs.min.js"></script>
<script type="module" src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<title th:text="${title} ? ${title} : 'Nosedive'"></title> <title th:text="${title} ? ${title} : 'Nosedive'"></title>
<link rel="shortcut icon" type="image/x-icon" href="/static/images/favicon.ico"> <link rel="shortcut icon" type="image/x-icon" href="/static/images/favicon.ico">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,800" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,800" rel="stylesheet">
@ -31,7 +31,15 @@
<div class="game"> <div class="game">
<div class="players"> <div class="players">
<!--<div class="player" th:data-pid="${p.id}" onClick="drop(this)"> <!--<div class="player" th:data-pid="${p.id}" onClick="drop(this)">
<p class="timeout"></p> <div class="player-info">
<div></div> player avatar
<div class="player-stats">
<li class="player-stats-title">10,000</li>
<li>40,159</li>
<li>50%</li>
<li>1,000</li>
</div>
</div>
<p class="nickname" th:text="${p.name}"></p> <p class="nickname" th:text="${p.name}"></p>
<p class="money" th:text="${p.money}"></p> <p class="money" th:text="${p.money}"></p>
<div class="dropbox" style="display: none"></div> margin-top: -35px; <div class="dropbox" style="display: none"></div> margin-top: -35px;
@ -242,6 +250,8 @@
</div> </div>
</body> </body>
<footer> <footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.4.1/chart.min.js" integrity="sha512-L0Shl7nXXzIlBSUUPpxrokqq4ojqgZFQczTYlGjzONGTDAcLremjwaWv5A+EDLnxhQzY5xUZPWLOLqYRkY0Cbw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script type="text/javascript" src="/static/javascript/game.js"></script> <script type="text/javascript" src="/static/javascript/game.js"></script>
<script type="text/javascript" src="/static/javascript/scale.js"></script> <script type="text/javascript" src="/static/javascript/scale.js"></script>
</footer> </footer>