From 631f30402b20d2ac2d640406fb0ec2df7f1d9831 Mon Sep 17 00:00:00 2001
From: Teddy Wing
Date: Thu, 22 Nov 2018 22:16:28 +0100
Subject: 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.
---
 assets/styles.css                 | 7 ++++---
 assets/stylesheets/color.hcss     | 4 ----
 assets/stylesheets/typography.css | 5 +++++
 index.html                        | 8 ++++++--
 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;
 }
diff --git a/index.html b/index.html
index 11ef928..8795f98 100644
--- a/index.html
+++ b/index.html
@@ -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>
-- 
cgit v1.2.3