More styling tweaks and word changes.
This commit is contained in:
parent
40878066d1
commit
07468b41b2
|
@ -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;
|
||||
}
|
|
@ -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  <a target="_blank" href="/legal/">Telebit™ Terms of Service</a>?
|
||||
<div>Agree to <a target="_blank" href="/legal/">Telebit™ 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™ 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™ 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>
|
||||
|
|
|
@ -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;
|
||||
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue