Revisions to FTUE screen 1

app/assets/stylesheets/client/jamkazam.css.scss

@@ -21,9 +21,12 @@ body {
     font-weight: 300;
 }
 
+b { font-weight: bold; }
+
 a {
     cursor:pointer;
     color: $ColorLink;
+    text-decoration: none;
 }
 
 a:hover {

app/assets/stylesheets/client/screen_common.css.scss

@@ -8,6 +8,39 @@
 .screen.secondary {
     border: 1px solid $ColorScreenPrimary;
     background-color:$ColorScreenBackground;
+
+    .footer button {
+        margin:1em 0em 1em 1em;
+    }
+
+    .breadcrumb {
+        margin-bottom:3em;
+    }
+
+    .breadcrumb p {
+        float:left;
+    }
+
+    p {
+        margin: 1em;
+        cursor: pointer;
+        font-size: 120%;
+        line-height: 150%;
+    }
+
+    ul {
+        margin-left: 2em;
+        list-style: disc;
+    }
+
+    li {
+        margin-bottom:1.5em;
+    }
+
+    p.current {
+        font-weight: bold;
+    }
+
 }
 
 .content-head {
@@ -70,23 +103,3 @@
     width:100%;
     /*text-align:right;*/
 }
-.screen.secondary .footer button {
-    margin:1em 0em 1em 1em;
-}
-
-.screen.secondary .breadcrumb {
-    margin-bottom:3em;
-}
-
-.screen.secondary .breadcrumb p {
-    float:left;
-}
-
-.screen.secondary p {
-    margin: .5em;
-    cursor: pointer;
-    font-size: 120%;
-}
-.screen.secondary p.current {
-    font-weight: bold;
-}

app/views/clients/_ftue1.html.erb

@@ -1,10 +1,17 @@
 <!-- First time user experience screen 1 -->
 <div layout="screen" layout-id="ftue1" class="screen secondary">
     <div class="content-head">
-        <h1>Welcome to JamKazam!</h1>
+        <h1>Audio Gear Settings</h1>
         <%= render "screen_navigation" %>
     </div>
 
-    <p>You'll need appropriate audio gear. Here are some links to where you can buy some.</p>
-    <p>Make sure your audio gear is plugged in, then <a href="#/ftue2">CONTINUE</a>.</p>
+    <p>If you already have audio gear to get your instrumental or vocal music into your computer, please set up your gear and instrument now. Then click the Next button below. For Windows this will be ASIO-compatible audio devices, and Mac gear will use Core Audio. We strongly recommend using headphones with your gear vs. speakers or powered monitors to avoid feedback problems. If you don't already have this gear handy or are not sure what will work, please use the help links below for some guidance:</p>
+    <ul>
+        <li><a href="#"><b>Microphones</b></a> (for vocals and/or acoustic instruments like piano, drums, or sax)</li>
+        <li><a href="#"><b>Electric lead or bass guitar only</b></a> (no vocals, just the guitar)</li>
+        <li><a href="#"><b>Electric/digital instruments with or without vocals</b></a> (for guitars, keyboards, etc.)</li>
+    </ul>
+    <div class="buttonrow">
+        <p><a href="#/ftue2"><button>NEXT</button></a></p>
+    </div>
 </div>