blockshell/templates/blockdata.html

113 lines
5.0 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Blockshell Web for Blockshell CLI">
<meta name="author" content="Daxeel Soni">
<title>Blockshell | Block Data</title>
<!-- Bootstrap core CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<!-- Custom styles for this template -->
<style>
body {
padding-top: 54px;
}
@media (min-width: 992px) {
body {
padding-top: 56px;
}
}
footer {
position: fixed;
height: 40px;
bottom: 0;
width: 100%;
background-color: #e7e7e7;
padding-left: 80px;
padding-top: 10px;
color: #000;
}
</style>
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
<div class="container">
<a class="navbar-brand" href="/">BlockShell</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="#" data-toggle="modal" data-target="#exampleModal">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/allblocks">Mined Blocks</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Page Content -->
<div class="container">
<div class="row">
<div class="col-lg-12" style="margin-top:20px;">
<h2><span class="badge bg-primary">{{data['hash']}}</span></h2>
<br>
<div class="d-flex justify-content-center" style="height: 8rem;">
<img src="data:image/png;base64,{{data['image64']}}" class="img-thumbnail" alt="Block image" style="image-rendering: pixelated;" height="100%">
</div>
<table class="table table-dark table-striped">
<tr>
<td><b>Height</b></td>
<td>{{data['index']}}</td>
</tr>
<tr>
<td><b>Timestamp</b></td>
<td>{{data['timestamp']}}</td>
</tr>
<tr>
<td><b>EPITA UID</b></td>
<td>{{data['uid_epita']}}</td>
</tr>
<tr>
<td><b>EPITA email</b></td>
<td>{{data['email_epita']}}</td>
</tr>
<tr>
<td><b>Firstname</b></td>
<td>{{data['firstname']}}</td>
</tr>
<tr>
<td><b>Lastname</b></td>
<td>{{data['lastname']}}</td>
</tr>
<tr>
<td><b>Hash</b></td>
<td>{{data['hash']}}</td>
</tr>
<tr>
<td><b>Previous Block Hash</b></td>
<td>{{data['previousHash']}}</td>
</tr>
<tr>
<td><b>Nonce</b></td>
<td>{{data['nonce']}}</td>
</tr>
</table>
<p class="lead">
</p>
</div>
</div>
</div>
<!-- <footer class="fixed-bottom">
<p>Project by <a href="https://daxeel.github.io" target="_blank">Daxeel Soni</a></p>
</footer> -->
<!-- Bootstrap core JavaScript -->
<script src="https://code.jquery.com/jquery-3.6.4.min.js" integrity="sha256-oP6HI9z1XaZNBrJURtCoUT5SUnxFr8s3BzRl+cbzUq8=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous"></script>
</body>
</html>