diff options
| author | Teddy Wing | 2018-11-22 22:16:28 +0100 |
|---|---|---|
| committer | Teddy Wing | 2018-11-22 22:16:28 +0100 |
| commit | 631f30402b20d2ac2d640406fb0ec2df7f1d9831 (patch) | |
| tree | c194b5ef2b5f8738995f49961266ef5a5d1f483c | |
| parent | bb212f3423765d61aa155bcdc3f2928125eaca7d (diff) | |
| download | dome-key-web-631f30402b20d2ac2d640406fb0ec2df7f1d9831.tar.bz2 | |
Prevent selection of '$' in shell commands
Now that it takes two commands to install the program, make it easier
for visitors to copy-paste the commands into their shell by preventing
selection of the '$' prompt character.
This allows us to keep the prompt to indicate that these are shell
commands and still make copy-pasting easier.
As a side note, decided not to add the `brew services` command to the
instructions on the thank-you page because if DomeKey is already
running when you license it, you need to restart it for the license to
take effect.
| -rw-r--r-- | assets/styles.css | 7 | ||||
| -rw-r--r-- | assets/stylesheets/color.hcss | 4 | ||||
| -rw-r--r-- | assets/stylesheets/typography.css | 5 | ||||
| -rw-r--r-- | index.html | 8 | ||||
| -rw-r--r-- | thank-you-license-download.html | 7 |
5 files changed, 19 insertions, 12 deletions
diff --git a/assets/styles.css b/assets/styles.css index afcac9b..6bd8adb 100644 --- a/assets/styles.css +++ b/assets/styles.css @@ -2,9 +2,6 @@ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abb .color-maroon { color: #4e0303; } -.color-murky-pond { - color: #91947f; -} h1, h2, h3, h4, h5, h6 { font-family: "Lucida Grande", "Lucida Sans Unicode", Geneva, sans-serif; } @@ -17,6 +14,10 @@ h2 { font-family: "Monaco", monospace; line-height: 1.6em; } +.shell-command:before { + content: '$ '; + color: #91947f; +} .font-size-0\.8 { font-size: 0.8em; } diff --git a/assets/stylesheets/color.hcss b/assets/stylesheets/color.hcss index aa06e76..f8722c9 100644 --- a/assets/stylesheets/color.hcss +++ b/assets/stylesheets/color.hcss @@ -13,7 +13,3 @@ set(MURKY_POND, #91947f) .color-maroon { color: MAROON; } - -.color-murky-pond { - color: MURKY_POND; -} diff --git a/assets/stylesheets/typography.css b/assets/stylesheets/typography.css index a43d8e8..ad0415d 100644 --- a/assets/stylesheets/typography.css +++ b/assets/stylesheets/typography.css @@ -16,6 +16,11 @@ h2 { line-height: 1.6em; } +.shell-command:before { + content: '$ '; + color: MURKY_POND; +} + .font-size-0\.8 { font-size: 0.8em; } @@ -74,9 +74,13 @@ </a> </div> <div class="code code-block"> - <span class="color-murky-pond">$</span> brew install teddywing/DomeKey/dome-key + <span class="shell-command"> + brew install teddywing/DomeKey/dome-key + </span> <br /> - <span class="color-murky-pond">$</span> brew services start teddywing/DomeKey/dome-key + <span class="shell-command"> + brew services start teddywing/DomeKey/dome-key + </span> </div> <h2>Examples</h2> diff --git a/thank-you-license-download.html b/thank-you-license-download.html index 75007c5..3f2fb4f 100644 --- a/thank-you-license-download.html +++ b/thank-you-license-download.html @@ -45,7 +45,7 @@ </p> <div class="code code-block"> - <span class="color-murky-pond">$</span> brew install teddywing/DomeKey/dome-key + <span class="shell-command">brew install teddywing/DomeKey/dome-key</span> </div> <p> @@ -53,8 +53,9 @@ </p> <div class="code code-block"> - <span class="color-murky-pond">$</span> - dome-key --license PATH/TO/dome-key-license.plist + <span class="shell-command"> + dome-key --license PATH/TO/dome-key-license.plist + </span> </div> <p> |