From f418c160646bd3162e62d6162a013682377a334a Mon Sep 17 00:00:00 2001 From: klenwell Date: Mon, 2 Feb 2026 12:09:19 -0800 Subject: [PATCH 1/4] Adds index file to docs. --- docs/index.html | 132 ++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 132 insertions(+) create mode 100644 docs/index.html diff --git a/docs/index.html b/docs/index.html new file mode 100644 index 0000000..e1c4d56 --- /dev/null +++ b/docs/index.html @@ -0,0 +1,132 @@ + + + + + + + + + + + + + Mushpup + + + + + + + + + + + + + + + + + + + +
+
+ + +
+
+

To use Mushpup, first:

+
    +
  1. Pick a Mushpup secret word (a master password only you remember)
    2. +
  2. Pick a Mushpup number (between 8 and 16)
    3. +
  3. Pick a Mushpup side (left, right, or middle)
    4. +
+

You will want to use these by habit, so make picks that you will remember.

+
+
+

Then, to get a new password:

+
    +
  1. Identify new site (e.g. github.com)
    2. +
  2. Set your user name (e.g. klenwell)
    3. +
  3. Set your site input based on site/user (e.g. github.com/klenwell)
    4. +
+

Use the Mushpup form above when you register to a new site. Now is the time to use the confirm button to make sure you enter your secret word correctly.

+
+
+

Finally, to retrieve the password:

+
    +
  1. Input site input and Mushpup secret word in the Mushpup form
    2. +
  2. Using your Mushpup number and Mushpup side, copy your password
    3. +
  3. Paste the password into the site login password field.
    4. +
+

Now you can get you password any time you need it. In this way, by remembering a single password, you get a unique password for every site you use

+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + From 0fec80cb88b715371cdba1f86c9dffade2312572 Mon Sep 17 00:00:00 2001 From: klenwell Date: Mon, 2 Feb 2026 12:15:43 -0800 Subject: [PATCH 2/4] Move remote asset files to local source. --- docs/css/bootstrap.css | 24 ++++ docs/css/mushpup-ui.css | 160 +++++++++++++++++++++++++ docs/favicon.ico | Bin 0 -> 1406 bytes docs/index.html | 7 +- docs/js/mushpup-form.js | 252 ++++++++++++++++++++++++++++++++++++++++ 5 files changed, 439 insertions(+), 4 deletions(-) create mode 100644 docs/css/bootstrap.css create mode 100644 docs/css/mushpup-ui.css create mode 100644 docs/favicon.ico create mode 100644 docs/js/mushpup-form.js diff --git a/docs/css/bootstrap.css b/docs/css/bootstrap.css new file mode 100644 index 0000000..f8362de --- /dev/null +++ b/docs/css/bootstrap.css @@ -0,0 +1,24 @@ +/* Sticky footer styles +-------------------------------------------------- */ +html { + position: relative; + min-height: 100%; +} +body { + /* Margin bottom by footer height */ + margin-bottom: 66px; +} +.footer { + position: absolute; + bottom: 0; + width: 100%; + /* Set the fixed height of the footer here */ + height: 66px; + background-color: #f5f5f5; + padding-top: 12px; +} +.footer p { + margin-bottom: 4px; + text-align: center; + color: #999999; +} diff --git a/docs/css/mushpup-ui.css b/docs/css/mushpup-ui.css new file mode 100644 index 0000000..752aa4c --- /dev/null +++ b/docs/css/mushpup-ui.css @@ -0,0 +1,160 @@ +/* + * State Rules + */ +.rolled-up { + display: none; +} + +div.mushpup { + max-width: 384px; + padding: 40px 0px; + margin: 0 auto; +} + + +/* + * Input Form + */ +div.mushpup form {} +div.mushpup form .form-control { + position: relative; + height: auto; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 10px; + font-size: 16px; +} +div.mushpup form .form-control:focus { + z-index: 2; +} +div.mushpup form input[type="locus"] { + margin-bottom: -1px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +div.mushpup form input[type="pocus"] { + margin-bottom: 10px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +div.action-panel { + width: 100%; + margin: 0 auto; + padding: 0; +} +div.action-panel span.action { + display: inline-block; + margin: 0 auto; + padding: 0; + text-align: center; + width: 16%; +} +div.action-panel span.action.mush { + width: 64%; +} +div.action-panel button.mush { + display: inline-block; + margin: 0 auto; +} +div.action-panel span.circle { + display: inline-block; + width: 50px; + height: 50px; + border-radius: 25px; + -moz-border-radius: 25px; + -webkit-border-radius: 25px; + line-height: 50px; +} +div.action-panel span.circle.button { + text-align: center; + background-color: #337ab7; + box-shadow: 0 0 2px #2e6da4; + cursor: pointer; + color: white; +} +div.action-panel span.circle.button:hover { + background-color: #286090; + box-shadow: 0 0 2px #204d74; +} + +/* + * Reveal Panel + */ +div.output-panel { + display: none; + margin-top: 8px; + width: 100%; +} + +/* Payload / Rulers */ +div.output-panel div.payload { + margin: 0 auto; + width: 100%; + background-color: #eee; + text-align: center; +} +div.output-panel div.payload span.c { + display: inline-block; + width: 16px; + text-align: center; + padding: 0px; + margin: 0px; + font-family: Inconsolata,"Lucida Console",Monaco,monospace; +} + +div.output-panel div.payload div.ruler { + background-color: white; + font-size: 14px; +} +div.output-panel div.payload div.ruler.upper { + color: red; + border-top: solid red 1px; + border-bottom: solid red 1px; +} +div.output-panel div.payload div.ruler.lower { + color: blue; + border-top: solid blue 1px; + border-bottom: solid blue 1px; +} +div.output-panel div.payload div.ruler span.c {} + +div.output-panel div.payload div.hash { + margin: 0 auto; + padding: 0; + width: 100%; + background-color: white; + text-align: center; +} +div.output-panel div.payload div.hash span.group { + padding: 0; + display: inline-block; +} +div.payload div.hash span.group.west { + background-color: #ffdddd; + color: white; +} +div.payload div.hash span.group.east { + background-color: #ddddff; + color: white; +} +div.payload div.hash span.group.central { + background-color: white; + color: #dddddd; +} +div.output-panel div.payload div.hash span.c { + font-size: 20px; + padding: 4px 0; +} + +/* Alerts */ +div.output-panel div.alerts { + margin-bottom: 4px; +} +div.output-panel div.alerts div.alert { + margin-bottom: 1px; + padding-top: 4px; + padding-bottom: 4px; + padding-left: 8px; +} diff --git a/docs/favicon.ico b/docs/favicon.ico new file mode 100644 index 0000000000000000000000000000000000000000..92e87c3ceadd99f87fafa8ac86f492f7eb80a2c9 GIT binary patch literal 1406 zcmeHD*-ipM5Ud$?g}rC~ywa0Cs;8=F zw*f}S=YwTmDiES7MJ`(jat0Sg;FDR&4kz{Tc*K6c$8NX7;c&oqyTy9FhH09ZOeUDk zW|+_Cm`*)1*=yW(ylZu{r-`*Y6>rc?DZ|B*bOeB5YIyBRwpS@BqC#y7)qFmM}P2%l83Ms zjSKM*N*Izrfh=%)KX@HS)^cSblO0>tNDhxLr&bKm$i#(y7`J$_BDFjaFp tUAmVVlF3z|Grmh8B^^QeSPl!egJ&Ef9e1L literal 0 HcmV?d00001 diff --git a/docs/index.html b/docs/index.html index e1c4d56..a16c5b7 100644 --- a/docs/index.html +++ b/docs/index.html @@ -22,9 +22,8 @@ - - + + @@ -119,7 +118,7 @@

Finally, to retrieve the password:

- + - +