Skip to content

Commit

Permalink
Move help text after warnings
Browse files Browse the repository at this point in the history 
That way instructions and help text appear in the same place relative to an open warning.
  • Loading branch information
@alanhkarp
alanhkarp committed Aug 7, 2024
1 parent ff20804 commit 3b50386
Showing 1 changed file with 108 additions and 108 deletions.
216 changes: 108 additions & 108 deletions ssp.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -38,114 +38,6 @@
4. Manually edit the nested list in Your User Name to insert 4 spaces in the inner list.
-->
<div id="helptext" class="sticky side-panel" style="display: none; width: auto">
<div id="domainnamehelptext" name="help" class="helptext">
<br />
<h3>Domain Name Help</h3>
<p>
The domain name is associated with your settings for this account.
It is also the name of a bookmark in the SitePasswordData bookmark folder.
That's the bookmark you can use to get your settings when you're on a machine
that doesn't have the SitePassword extension installed.
</p>
<div class="form-row">
<button id="domainnamehelptextclose" class="button" title="Close this help text">
<span class="btn-text">Close</span>
</button>
&nbsp;&nbsp;
<button id="domainnamehelptextmore" title="Learn more about how SitePassword uses domain names.">
<span class="btn-text">Learn more</span>
</button>
</div>
</div>
<div id="superpwhelptext" name="help" class="helptext">
<br />
<h3>Super Password Help</h3>
<p>
You should choose a strong super password, one with lots of characters that contain
upper and lower case letters, numbers, and special characters. Just make sure
it's something you won't forget. SitePassword can't help you if you do.
</p>
<div class="form-row">
<button id="superpwhelptextclose" class="button" title="Close this help text.">
<span class="btn-text">Close<span class="btn-text"></span>
</button>
&nbsp;&nbsp;
<button id="superpwhelptextmore" title="Learn more about your super password">
<span class="btn-text">Learn more</span>
</button>
<span style="flex:1"></span>
</div>
</div>
<div id="sitenamehelptext" name="help" class="helptext">
<br />
<h3>Nickname Help</h3>
<p>
Your nickname is the way you refer to this account. It should be easy to remember,
such as 'amazon' for amazon.com, but it doesn't have to be that simple. You can
change the password for an account by changing the nickname. That's useful if you
have to change your password periodically.
</p>
<div class="form-row">
<button id="sitenamehelptextclose" class="button" title="Close this help text.">
<span class="btn-text">Close<span class="btn-text"></span>
</button>
&nbsp;&nbsp;
<button id="sitenamehelptextmore" title="Learn more about your site nickname">
<span class="btn-text">Learn more</span>
</button>
</div>
</div>
<div id="usernamehelptext" name="help" class="helptext">
<br />
<h3>User Name Help</h3>
<p>
Your user name is the name you use to log in to the site. It is
associated with the nickname for the account and is used to
calculate your site password. That means you can only have a
single user name for a given nickname.
<span name="hideifnobookmarks">If you want to use different
user names for the same site, follow the instructions for
<span id="sharedref" name="sectionref"><a href="#shared-machines">Shared Machines</a></span>.
<!--
There is another element with id=sharedref, which you're not supposed
to do, but I've got a hack for handling these links that needs it.
-->
</p>
<div class="form-row">
<button id="usernamehelptextclose" class="button" title="Close this help text.">
<span class="btn-text">Close</span>
</button>
&nbsp;&nbsp;
<button id="usernamehelptextmore" title="Learn more about your username">
<span class="btn-text">Learn more</span>
</button>
</div>
</div>
<div id="sitepwhelptext" name="help" class="helptext">
<br />
<h3>Site Password Help</h3>
<p>
SitePassword uses your super password, nickname for the site, and
your user name for the site along with the additional settings to
calculate this password for the account.
</p>
<p>
If the password field on
the login form doesn't say <em>Click here for password</em>, you
can use the Copy option on the menu to put this password on the clipboard.
</p>
<div class="form-row">
<button id="sitepwhelptextclose" class="button" title="Close this help text.">
<span class="btn-text">Close</span>
</button>
&nbsp;&nbsp;
<button id="sitepwhelptextmore" title="Learn more about your site password">
<span class="btn-text">Learn more</span>
</button>
</div>
</div>
</div>
<div id="warnings" class="sticky side-panel" style="display: none; width: auto; top: -10px">
<div id="phishing" class="warning nodisplay" style="width: 25em">
<img src="images/warning.png" class="icon warning-icon">
Expand Down Expand Up @@ -274,6 +166,114 @@ <h3>Site Password Help</h3>
</span>
</div>
</div>
<div id="helptext" class="sticky side-panel" style="display: none; width: auto">
<div id="domainnamehelptext" name="help" class="helptext">
<br />
<h3>Domain Name Help</h3>
<p>
The domain name is associated with your settings for this account.
It is also the name of a bookmark in the SitePasswordData bookmark folder.
That's the bookmark you can use to get your settings when you're on a machine
that doesn't have the SitePassword extension installed.
</p>
<div class="form-row">
<button id="domainnamehelptextclose" class="button" title="Close this help text">
<span class="btn-text">Close</span>
</button>
&nbsp;&nbsp;
<button id="domainnamehelptextmore" title="Learn more about how SitePassword uses domain names.">
<span class="btn-text">Learn more</span>
</button>
</div>
</div>
<div id="superpwhelptext" name="help" class="helptext">
<br />
<h3>Super Password Help</h3>
<p>
You should choose a strong super password, one with lots of characters that contain
upper and lower case letters, numbers, and special characters. Just make sure
it's something you won't forget. SitePassword can't help you if you do.
</p>
<div class="form-row">
<button id="superpwhelptextclose" class="button" title="Close this help text.">
<span class="btn-text">Close<span class="btn-text"></span>
</button>
&nbsp;&nbsp;
<button id="superpwhelptextmore" title="Learn more about your super password">
<span class="btn-text">Learn more</span>
</button>
<span style="flex:1"></span>
</div>
</div>
<div id="sitenamehelptext" name="help" class="helptext">
<br />
<h3>Nickname Help</h3>
<p>
Your nickname is the way you refer to this account. It should be easy to remember,
such as 'amazon' for amazon.com, but it doesn't have to be that simple. You can
change the password for an account by changing the nickname. That's useful if you
have to change your password periodically.
</p>
<div class="form-row">
<button id="sitenamehelptextclose" class="button" title="Close this help text.">
<span class="btn-text">Close<span class="btn-text"></span>
</button>
&nbsp;&nbsp;
<button id="sitenamehelptextmore" title="Learn more about your site nickname">
<span class="btn-text">Learn more</span>
</button>
</div>
</div>
<div id="usernamehelptext" name="help" class="helptext">
<br />
<h3>User Name Help</h3>
<p>
Your user name is the name you use to log in to the site. It is
associated with the nickname for the account and is used to
calculate your site password. That means you can only have a
single user name for a given nickname.
<span name="hideifnobookmarks">If you want to use different
user names for the same site, follow the instructions for
<span id="sharedref" name="sectionref"><a href="#shared-machines">Shared Machines</a></span>.
<!--
There is another element with id=sharedref, which you're not supposed
to do, but I've got a hack for handling these links that needs it.
-->
</p>
<div class="form-row">
<button id="usernamehelptextclose" class="button" title="Close this help text.">
<span class="btn-text">Close</span>
</button>
&nbsp;&nbsp;
<button id="usernamehelptextmore" title="Learn more about your username">
<span class="btn-text">Learn more</span>
</button>
</div>
</div>
<div id="sitepwhelptext" name="help" class="helptext">
<br />
<h3>Site Password Help</h3>
<p>
SitePassword uses your super password, nickname for the site, and
your user name for the site along with the additional settings to
calculate this password for the account.
</p>
<p>
If the password field on
the login form doesn't say <em>Click here for password</em>, you
can use the Copy option on the menu to put this password on the clipboard.
</p>
<div class="form-row">
<button id="sitepwhelptextclose" class="button" title="Close this help text.">
<span class="btn-text">Close</span>
</button>
&nbsp;&nbsp;
<button id="sitepwhelptextmore" title="Learn more about your site password">
<span class="btn-text">Learn more</span>
</button>
</div>
</div>
</div>
<div id="instructionpanel" class="sticky side-panel" style="display: none">
<div id="sections">
<section id="overviewinfo" name="instructions" class="instructionpaneltext">
Expand Down

0 comments on commit 3b50386

Please sign in to comment.