webtestpractice/PlaywrightTests/index.html

205 lines
9.6 KiB
HTML
Executable File

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="OpenPGP Keyserver">
<title>OpenPGP Keyserver</title>
<link rel="icon" href="/favicon.ico" type="image/x-icon"/>
<link href="assets/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<style type="text/css">
html,body {
height: 100%;
}
#wrap {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -60px;
}
#push,#footer {
height: 60px;
}
#footer {
background-color: #f5f5f5;
}
.container .credit {
margin: 20px 0;
}
.modal:target {
display: block;
}
</style>
</head>
<body>
<div id="wrap">
<div class="container">
<div class="page-header" id="banner" style="border-bottom: 0px;">
<div class="row">
<div class="col-lg-12">
<h1 class="text-center"><strong>Hockeypuck</strong> OpenPGP keyserver</h1>
</div>
</div>
</div>
</div><!--closing page header container-->
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<form action="/pks/lookup" method="get" class="form" role="form">
<div class="control-group">
<div class="controls" style="max-width:30em; margin:0 auto;">
<input name="search" class="form-control" type="text" placeholder="Search for an OpenPGP Public Key, ie 0x..." style="font-size: 1.5em; line-height: 1.5em; height: 2em;" required autofocus />
</div>
</div>
<div class="control-group text-center" style="margin-top: 0.5em;">
<div class="controls">
<button type="submit" class="btn btn-primary">
<span class="glyphicon glyphicon-search"></span>
Search Key
</button>
<a id="showSubmitFormBtn" type="button" class="btn btn-primary" data-toggle="modal" href="#submitKey">
<span class="glyphicon glyphicon-cloud-upload"></span>
Submit Key
</a>
</div>
</div>
<details class="text-center" style="margin-top: 0.5em;">
<summary>Advanced Options</summary>
<div class="control-group col-md-4 col-md-offset-2">
<div class="controls">
Index Options:
<label class="checkbox" for="fingerprint">
<input id="fingerprint" type="checkbox" name="fingerprint" checked="checked" />
Show OpenPGP fingerprints
</label>
<label class="checkbox" for="hash">
<input id="hash" type="checkbox" name="hash" />
Show full-key hashes
</label>
<label class="checkbox" for="exact">
<input id="exact" type="checkbox" name="exact" value="on" />
Only return exact matches
</label>
<label class="checkbox" for="mr">
<input id="mr" type="checkbox" name="options" value="mr" />
Machine readable
</label>
</div>
</div>
<div class="control-group col-md-offset-6">
<div class="controls">
Index type:
<label class="radio" for="radios-0">
<input name="op" id="radios-0" value="index" checked="checked" type="radio">
Get regular index of matching keys
</label>
<label class="radio" for="radios-1">
<input name="op" id="radios-1" value="vindex" type="radio">
Get <strong>verbose</strong> index of matching keys
</label>
<label class="radio" for="radios-2">
<input name="op" id="radios-2" value="get" type="radio">
Retrieve ASCII-armored keys
</label>
<label class="radio" for="radios-3">
<input name="op" id="radios-3" value="hget" type="radio">
Retrieve keys by full hash fingerprint
</label>
</div>
</div>
</details>
</form>
</div>
</div>
</div>
<div class="modal" id="submitKey" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="myModalLabel">Submit Your OpenPGP Public Key</h4>
</div>
<div class="modal-body">
<form action="/pks/add" method="post" id="keySubmitForm">
<div class="control-group">
<div class="controls">
<textarea id="textarea" name="keytext" rows="20" style="width: 100%;font-family:Courier;font-size:12px;" placeholder="Enter your ASCII-armored OpenPGP public key here" required ></textarea>
</div>
</div>
<div class="modal-footer">
<a href="#" type="button" class="btn btn-default" data-dismiss="modal">Close</a>
<button type="submit" class="btn btn-primary">
<span class="glyphicon glyphicon-cloud-upload"></span>
Submit Public Key
</button>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="modal" id="about" tabindex="-1" role="dialog" aria-labelledby="AboutLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<a href="#" type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</a>
<h4 class="modal-title" id="AboutLabel">About this Server</h4>
</div>
<div class="modal-body">
<p>This is an <a href="https://en.wikipedia.org/wiki/Key_server_%28cryptographic%29" target="_blank">OpenPGP keyserver</a>.</p>
<p>It is provided to the community as a public service to help distribute OpenPGP encryption keys.</p>
<p>Queries about the operation of this service should be directed to the server contact listed on the <a href="/pks/lookup?op=stats">statistics page</a>.</p>
</div>
<div class="modal-header">
<a href="#" type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</a>
<h4 class="modal-title" id="AboutLabel">The Software</h4>
</div>
<div class="modal-body">
<p>This server is powered by the open-source keyserver software <a href="https://hockeypuck.io" target="_blank">Hockeypuck</a>.
Hockeypuck is a <em>synchronising</em> keyserver that acts as part of a
<a href="https://spider.pgpkeys.eu" target="_blank">decentralised networked database</a> for OpenPGP public keys.</p>
<p>To report a bug in the Hockeypuck software, or contribute to its development, please visit the
<a href="https://github.com/hockeypuck/hockeypuck" target="_blank">Hockeypuck project on GitHub</a>.</p>
</div>
<div class="modal-header">
<a href="#" type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</a>
<h4 class="modal-title" id="AboutLabel">The OpenPGP Standard</h4>
</div>
<div class="modal-body">
<p><strong>OpenPGP</strong> is an <a href="https://en.wikipedia.org/wiki/End-to-end_encryption" target="_blank">End-to-End encryption</a> standard.
It allows emails, files and other data to be encrypted so that they cannot be read by a third party,
and/or signed so that they cannot be modified, while in transit between the sender and recipient.
It is used primarily for high-latency and long-timescale applications such as email, software distribution, record archival and backups.</p>
<ul>
<li><a href="https://en.wikipedia.org/wiki/Pretty_Good_Privacy" target="_blank">PGP (Wikipedia)</a></li>
<li><a href="https://emailselfdefense.fsf.org/en/" target="_blank">Email Self-defense (Free Software Foundation)</a></li>
<li><a href="https://gnupg.org/" target="_blank">GnuPG Homepage</a></li>
<li><a href="https://sequoia-pgp.org/" target="_blank">Sequoia PGP Homepage</a></li>
</ul>
</div>
</div>
</div>
</div>
</div><!--Closing content wrap-->
<div id="footer">
<div class="container">
<div style="max-width: 20em; float: left;" >
<p class="muted credit small">
<a href="#about">about</a> |
<a href="/pks/lookup?op=stats">statistics</a>
</p>
</div>
<div style="float:right;">
<!--
<p class="muted credit small">Use our Tor hidden service at <a href="${TOR_URL}">${TOR_URL}</a>.</p>
-->
</div>
</div>
</div>
</body>
</html>