index.html
index.html
The frontpage for navigating to the various demo samples should be adjusted as such:
- Version 1
- Version 2
<html>
<head>
<title>Signature SDK JS Demos</title>
</head>
<body>
<h1>Demos for Signature SDK for Javascript</h1>
<ul>
<li>
<div>
<h3><a href="./simple/index.html">Simple Demo</a></h3>
<p>This demo shows the simplest integration using the default values.</p>
</div>
</li>
<li>
<div>
<h3><a href="./complete/index.html">Complete Demo</a></h3>
<p>This demo shows a full integration where it can be setted all the different configuration values.</p>
</div>
</li>
<li>
<div>
<h3><a href="./wizard/index.html">Wizard Demo</a></h3>
<p>This demo shows how to use the Wizard component for STU devices.</p>
</div>
</li>
</ul>
</body>
</html>
<html>
<head>
<style type="text/css">
#demos {
background-color: #90bade;
color: #333;
font-family: Tahoma;
font-size: .7em;
padding: 1em;
}
#demos li {
border-bottom: 1px solid #90bade;
list-style-type: none;
display: inline-block;
}
#demos li a {
background-color: #2175bc;
color: #fff;
border-left: 10px solid #1958b7;
border-right: 10px solid #508fc4;
font-weight: bold;
padding: .5em;
text-decoration: none;
}
#demos li a:hover {
background-color: #2586d7;
color: #fff;
border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;
}
#demos,
#demos ul {
display: inline;
}
</style>
</head>
<body>
<div id="demos">
<ul>
<li><a href="complete/">Complete Demo</a></li>
<li><a href="simple/">Simple Demo</a></li>
<!--li><a href="signpdf/">PDF Sign</a></li>
<li><a href="support_test/">Support test</a></li>
<li><a href="test_harness/test_harness.html">Test Harness</a></li-->
<li><a href="wizard/">Wizard</a></li>
<li><a href="dimensions/">Check Signature dimensions</a></li>
</ul>
</div>
</body>
</html>