ip6.biz/src/tools.html
2021-05-02 20:53:12 +02:00

165 lines
5.1 KiB
HTML

<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8" />
<title>ip6.biz</title>
<meta name="viewport" content="width=device-width" />
<link rel="stylesheet" href="/css/bootstrap-dark.min.css" />
<link rel="stylesheet" href="/css/tools.css?v=2" />
</head>
<body>
<div class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/">ip6.biz</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="internal">
<a href="/" title="Connectivity">Connectivity</a>
</li>
<li class="active internal">
<a href="/tools" title="Tools">Tools</a>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li class="internal">
<a href="https://zotan.pw" target="_blank" title="Hosted by ~zotan">Hosted by ~zotan</a>
</li>
</ul>
</div>
</div>
</div>
<div class="container">
<br />
<noscript>
<style>
.jsonly { display: none }
</style>
<div class="address_out" id="random_subnet_noscript">JavaScript is disabled. Please enable it to use this page.</div>
</noscript>
<div class="tools jsonly">
<div class="row">
<div class="col-md-6">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Expand an Address</h3>
</div>
<div class="panel-body">
<table class="table">
<tr>
<td>
<input class="form-control address_in" id="address_to_expand" type="text" value="2001:db8::">
</td>
</tr>
<tr>
<td>
<div class="address_out" id="expanded_address">2001:0db8:0000:0000:0000:0000:0000:0000</div>
</td>
</tr>
</table>
</div>
</div>
</div>
<div class="col-md-6">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Compress an Address</h3>
</div>
<div class="panel-body">
<table class="table">
<tr>
<td>
<input class="form-control address_in" id="address_to_compress" type="text" value="2001:0db8:0000:0000:0000:0000:0000:0000">
</td>
</tr>
<tr>
<td>
<div class="address_out" id="compressed_address">2001:db8::</div>
</td>
</tr>
</table>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Random Subnet</h3>
</div>
<div class="panel-body">
<table class="table">
<tr>
<td>
<input class="form-control address_in" id="random_subnet_src" type="text" value="fd00::/8/64" placeholder="fd00::/8/64" onChange="randomChanged">
</td>
</tr>
<tr>
<td>
<div class="address_out" id="random_subnet">fd00:0000:0000:0000::/64</div>
</td>
</tr>
</table>
</div>
</div>
</div>
<div class="col-md-6">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">ip6.arpa PTR generator</h3>
</div>
<div class="panel-body">
<table class="table">
<tr>
<td>
<input class="form-control address_in" id="ptr_to_generate" type="text" value="2001:db8::">
</td>
</tr>
<tr>
<td>
<div class="address_out ptr" id="generated_ptr">0.0.0.0.0.0.0.0.0.0.0.0.0.0.0.0.0.0.0.0.0.0.0.0.8.b.d.0.1.0.0.2.ip6.arpa</div>
</td>
</tr>
</table>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Subnet Calculator</h3>
<!-- Address Range, Divide Subnet -->
</div>
<div class="panel-body">
<table class="table">
<tr>
<td>
<input class="form-control address_in" id="subnet_in" type="text" value="2001:db8::/32">
</td>
</tr>
<tr>
<td>
<div class="address_out" id="subnet_out">Network Range:<br/><span class="split-addr-net">2001:0db8</span><span class="split-addr-addr">:0000:0000:0000:0000:0000:0000</span><br/><span class="split-addr-net">2001:0db8</span><span class="split-addr-addr">:ffff:ffff:ffff:ffff:ffff:ffff</span><br/><br/>65536 /48 subnets</div>
</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="/js/vendor/jquery.min.js"></script>
<script src="/js/vendor/bootstrap.min.js"></script>
<script src="/js/tools.js?v=2"></script>
</body>
</html>