This commit is contained in:
Henric Backman
2020-04-24 20:30:26 +02:00
parent 01a7259288
commit 5de27e34aa
5 changed files with 129 additions and 131 deletions
+28 -23
View File
@@ -7,44 +7,58 @@
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<script src="locales/en.js"></script>
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
</head>
<body style="background-color: rgba(0,0,0,0); font-family: 'Roboto', sans-serif !important;">
<div class="main-container">
<div class="main-container">
<div>
<div class="character-container">
<div class="character-box" data-ischar="false" data-charid="1">
<h3 class="character-fullname"><i class="fas fa-plus"></i></h3>
<h3 class="character-fullname">Empty Slot</h3>
<div class="character-info">
<p class="character-info-new"></p>
<p class="character-info-new">Create new character</p>
</div>
</div>
<div class="character-box" data-ischar="false" data-charid="2">
<h3 class="character-fullname"><i class="fas fa-plus"></i></h3>
<h3 class="character-fullname">Empty Slot</h3>
<div class="character-info">
<p class="character-info-new">Create new character</p>
</div>
</div>
<div class="character-box" data-ischar="false" data-charid="3">
<h3 class="character-fullname"><i class="fas fa-plus"></i></h3>
<h3 class="character-fullname">Empty Slot</h3>
<div class="character-info">
<p class="character-info-new">Create new character</p>
</div>
</div>
<div class="character-box" data-ischar="false" data-charid="4">
<h3 class="character-fullname"><i class="fas fa-plus"></i></h3>
<h3 class="character-fullname">Empty Slot</h3>
<div class="character-info">
<p class="character-info-new">Create new character</p>
</div>
</div>
<div class="character-box" data-ischar="false" data-charid="5">
<h3 class="character-fullname">Empty Slot</i></h3>
<div class="character-info">
<p class="character-info-new">Create new character</p>
</div>
</div>
<div class="character-box" data-ischar="false" data-charid="6">
<h3 class="character-fullname">Empty Slot</i></h3>
<div class="character-info">
<p class="character-info-new">Create new character</p>
</div>
</div>
</div>
<div class="character-buttons">
</div>
<br>
<center>
<div class="character-buttons" >
<button class="btn btn-play" id="play-char">PLAY</button>
<button class="btn btn-delete" id="delete" data-toggle="modal" data-target="#delete-char">DELETE</button>
</div>
</div>
</center>
<div id="delete-char" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
@@ -52,9 +66,9 @@
<button type="button" class="close" data-dismiss="modal">&times;</button>
</div>
<div class="modal-body">
<h5 class="modalTitle">Are You Sure?</h5>
<h5>Are You Sure?</h5>
<hr>
<p class="modalText">By deleting your account we won't be able to recover it, all properties, cars etc. will be deleted</p>
<p>By deleting your account we won't be able to recover it, all properties, cars etc. will be deleted</p>
<hr>
<div class="modal-footer">
<button id="deletechar" class="btn btn-delete" data-toggle="modal" data-dismiss="modal">DELETE</button>
@@ -67,15 +81,6 @@
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
<script src="js/app.js" type="text/javascript"></script>
</div>
</body>
</html>
<script>
$(document).ready(() => {
$(".character-info-new").html(translate.new)
$(".btn-play").html(translate.play);
$(".btn-delete").html(translate.delete);
$(".modalTitle").html(translate.modalTitle);
$(".modalText").html(translate.modalText);
});
</script>
</html>