More styling tweaks and word changes.

This commit is contained in:
John Shaver 2018-09-13 22:06:04 -07:00
parent 40878066d1
commit 07468b41b2
3 changed files with 17 additions and 10 deletions

View File

@ -15,7 +15,7 @@ p {
h2 {
font-size: 1.777777778em;
margin: 0;
margin: 0 0 1em 0;
}
svg {
@ -112,7 +112,7 @@ svg.authorized-check {
.progress .row {
display: flex;
justify-content: left;
margin: 0.6666em 0;
margin: 0 0 0.6666em 0;
}
.spinner-ball {
@ -134,8 +134,8 @@ span.spinner {
}
.progress {
padding: 0.666666667em 0;
display: inline-block;
margin-bottom: 1.111177778em;
}
.debugging-info-container {
@ -221,3 +221,8 @@ span.js-debugging-button.debugging-button {
75% {transform: scale(1.3);}
100% {transform: scale(1);}
}
.finish-button {
margin-top: 2.222222222em;
}

View File

@ -78,7 +78,7 @@
<use xlink:href="#svg-computer"></use>
</svg>
<h2>Pair <span class="js-hostname">Device</span></h1>
<label>Enter your device pairing code:
<label><span class="important-text">Enter your device pairing code</span>
<input type="text" name="pair-code" placeholder="ex: 0000" autofocus>
</label>
<div class="checkbox-array">
@ -90,7 +90,7 @@
<svg class="icon-unchecked-box" viewBox="0 0 24 24">
<use xlink:href="#svg-unchecked"></use>
</svg>
Agree to &nbsp<a target="_blank" href="/legal/">Telebit&trade; Terms of Service</a>?
<div>Agree to <a target="_blank" href="/legal/">Telebit&trade; Terms of Service</a></div>
</label>
<label>
<input name="letsencrypt-agree" type="checkbox" required>
@ -100,7 +100,7 @@
<svg class="icon-unchecked-box" viewBox="0 0 24 24">
<use xlink:href="#svg-unchecked"></use>
</svg>
Agree to Let's Encrypt&trade; Terms of Service
<div>Agree to <a target="_blank" href="https://letsencrypt.org/documents/LE-SA-v1.2-November-15-2017.pdf"> Let's Encrypt&trade; Terms of Service</a></div>
</label>
</div>
<div>
@ -156,11 +156,10 @@
<use xlink:href="#svg-computer"></use>
</svg>
<h2>Success!</h1>
<div>You've successfully paired
<span class="js-hostname">your devied</span>
with Telebit.
<div>
<span class="important-text js-new-domain">______</span> is paired and ready to use for accessing your device and sharing your stuff.
</div>
<button class="js-finish-button">Finish</button>
<button class="js-finish-button finish-button">Take Me There</button>
<script src="js/app.js"></script>
</div>
</body>

View File

@ -39,6 +39,9 @@ function successScreen() {
document.querySelector('.js-finish-button').addEventListener('click', function(e) {
window.location.href='https://' + domainname;
});
document.querySelectorAll('.js-new-domain').forEach(function(ele) {
ele.innerHTML = domainname;
});
document.querySelector('.js-finish').hidden = false;
}