more non-textual updates to the bandwidth wizard

This commit is contained in:
hankhill19580
2020-06-24 18:02:25 +00:00
parent 9a6374c79b
commit 39f3e3a92c
3 changed files with 64 additions and 7 deletions

View File

@@ -110,6 +110,14 @@
<img class="wizard progress" src="/themes/console/images/wizard/logogrey1.png">
<h3 id="wizardheading" class="wizard"><%=uihelper._t("Router Console Language")%></h3>
<img class="wizardimg" src="/themes/console/images/wizard/step-0.png">
<div class="clickableProgression">
<span class="currentProgression">&#x2B24;</span>
<span class="unvisitedProgression">&#x25EF;</span>
<span class="unvisitedProgression">&#x25EF;</span>
<span class="unvisitedProgression">&#x25EF;</span>
<span class="unvisitedProgression">&#x25EF;</span>
<span class="unvisitedProgression">&#x25EF;</span>
</div>
<div id="wizlangsettings" class="wizard">
<jsp:getProperty name="uihelper" property="langSettings" />
</div>
@@ -123,6 +131,14 @@
<img class="wizard progress" src="/themes/console/images/wizard/logogrey2.png">
<h3 id="wizardheading" class="wizard"><%=intl._t("Why I2P?")%></h3>
<img class="wizardimg" src="/themes/console/images/wizard/step-1.png">
<div class="clickableProgression">
<span class="visitedProgression">&#x25EF;</span>
<span class="currentProgression">&#x2B24;</span>
<span class="unvisitedProgression">&#x25EF;</span>
<span class="unvisitedProgression">&#x25EF;</span>
<span class="unvisitedProgression">&#x25EF;</span>
<span class="unvisitedProgression">&#x25EF;</span>
</div>
<div class="wizardtext">
<p>
<%=intl._t("I2P is a communication tool for people who value privacy and wish to remain anonymous online.")%>
@@ -137,6 +153,14 @@
<img class="wizard progress" src="/themes/console/images/wizard/logogrey3.png">
<h3 id="wizardheading" class="wizard"><%=intl._t("Bandwidth Test")%></h3>
<img class="wizardimg" src="/themes/console/images/wizard/step-2.png">
<div class="clickableProgression">
<span class="visitedProgression">&#x25EF;</span>
<span class="visitedProgression">&#x25EF;</span>
<span class="currentProgression">&#x2B24;</span>
<span class="unvisitedProgression">&#x25EF;</span>
<span class="unvisitedProgression">&#x25EF;</span>
<span class="unvisitedProgression">&#x25EF;</span>
</div>
<div class="wizardtext">
<p>
<%=intl._t("I2P will now test your internet connection to identify the optimal speed settings.")%>
@@ -158,6 +182,14 @@
<img class="wizard progress" src="/themes/console/images/wizard/logogrey4.png">
<h3 id="wizardheading" class="wizard"><%=intl._t("Bandwidth Test in Progress")%></h3>
<img class="wizardimg" src="themes/console/images/wizard/step-3.png">
<div class="clickableProgression">
<span class="visitedProgression">&#x25EF;</span>
<span class="visitedProgression">&#x25EF;</span>
<span class="visitedProgression">&#x25EF;</span>
<span class="currentProgression">&#x2B24;</span>
<span class="unvisitedProgression">&#x25EF;</span>
<span class="unvisitedProgression">&#x25EF;</span>
</div>
<div id="xhr" class="notifcation">
<!-- for non-script -->
<%=intl._t("Javascript is disabled - wait 60 seconds for the bandwidth test to complete and then click Next")%>
@@ -178,6 +210,14 @@
%>
<img class="wizard progress bwtest" src="/themes/console/images/wizard/logogrey5.png">
<h3 id="wizardheading" class="wizard bwtest"><%=intl._t("Bandwidth Test Results")%></h3>
<div class="clickableProgression">
<span class="visitedProgression">&#x25EF;</span>
<span class="visitedProgression">&#x25EF;</span>
<span class="visitedProgression">&#x25EF;</span>
<span class="currentProgression">&#x2B24;</span>
<span class="unvisitedProgression">&#x25EF;</span>
<span class="unvisitedProgression">&#x25EF;</span>
</div>
<table class="mlabtable">
<tr><td><%=intl._t("Test server location")%></td><td colspan="3"><%=wizhelper.getServerLocation()%></td></tr>
<tr><td><%=intl._t("Completion status")%></td><td colspan="3"><%=wizhelper.getCompletionStatus()%></td></tr>
@@ -198,6 +238,7 @@
%>
<img class="wizard progress" src="/themes/console/images/wizard/logogrey6.png">
<h3 id="wizardheading" class="wizard"><%=intl._t("Bandwidth Configuration")%></h3>
<img class="wizardimg" src="/themes/console/images/wizard/step-4.png">
<style>
.bwtest {
display: none;
@@ -249,7 +290,15 @@
%>
<img class="wizard progress" src="/themes/console/images/wizard/logogrey7.png">
<h3 id="wizardheading" class="wizard"><%=intl._t("Browser Setup")%></h3>
<img class="wizardimg" src="/themes/console/images/wizard/step-4.png">
<img class="wizardimg" src="/themes/console/images/wizard/step-5.png">
<div class="clickableProgression">
<span class="visitedProgression">&#x25EF;</span>
<span class="visitedProgression">&#x25EF;</span>
<span class="visitedProgression">&#x25EF;</span>
<span class="visitedProgression">&#x25EF;</span>
<span class="currentProgression">&#x2B24;</span>
<span class="unvisitedProgression">&#x25EF;</span>
</div>
<div class="wizardtext"><p>
<%=intl._t("Your browser needs to be configured to work with I2P.")%>
<%=intl._t("We have instructions for configuring both Firefox and Chromium based browsers with I2P.")%>
@@ -272,7 +321,15 @@
// Done
%>
<h3 id="wizardheading" class="wizard"><%=intl._t("Welcome to I2P!")%></h3>
<img class="wizardimg" src="/themes/console/images/wizard/step-5.png">
<img class="wizardimg" src="/themes/console/images/wizard/step-6.png">
<div class="clickableProgression">
<span class="visitedProgression">&#x25EF;</span>
<span class="visitedProgression">&#x25EF;</span>
<span class="visitedProgression">&#x25EF;</span>
<span class="visitedProgression">&#x25EF;</span>
<span class="visitedProgression">&#x25EF;</span>
<span class="currentProgression">&#x2B24;</span>
</div>
<div class="wizardtext">
<p>
<%=intl._t("When you start I2P, it may take a few minutes to bootstrap (integrate) your router into the network and find additional peers, so please be patient.")%>

View File

@@ -3143,6 +3143,7 @@ td#themeselect {
box-shadow: inset 0 0 0 1px #fff;
filter: drop-shadow(0 0 1px #ccf);
background: rgba(0,0,0,0.7);
padding: 2px;
}
#bandwidthconfig {
@@ -3544,11 +3545,6 @@ table#bandwidthconfig td:first-child {
left: 30%;
top: 40%;
font-size: larger;
background: #000;
background: linear-gradient(to right, #fafaff, #000);
background-size: auto 100%, 100% 100%;
box-shadow: inset 0 0 0 1px #fff;
filter: drop-shadow(0 0 1px #ccf);
}
table#bandwidthconfig {

View File

@@ -2543,6 +2543,10 @@ td {
box-shadow: none !important;
}
.clickableProgression {
color: #327bbf;
}
#infodiv {
position: absolute;
right: 12%;