Browse Source

update onboarding

Paul Frazee 5 years ago
parent
commit
c2b7b1e426
4 changed files with 21 additions and 35 deletions
  1. 16
    31
      ui/lib/com/help.js
  2. 2
    2
      ui/lib/com/invite-form.js
  3. 2
    1
      ui/lib/pages/setup.js
  4. 1
    1
      ui/lib/ui/subwindows.js

+ 16
- 31
ui/lib/com/help.js View File

@@ -25,19 +25,6 @@ exports.helpBody = function (item) {
25 25
   }
26 26
   if (item == 'howto-find-ppl') {
27 27
     return h('div', { style: 'padding: 20px' },
28
-      h('p', h('strong', 'Method 1: Recommendations')),
29
-      h('p', 
30
-        'Click the ', com.icon('user'), ' icon in the homepage links to see ', h('a', { href: '#/friends' }, 'your friends page'), '. ',
31
-        'It recommends users who your friends follow.'
32
-      ),
33
-      h('br'),
34
-      h('p', h('strong', 'Method 2: Search')),
35
-      h('p',
36
-        'Try typing your friend\'s username into the location bar (top center). ',
37
-        'They may show up in the results.'
38
-      ),
39
-      h('br'),
40
-      h('p', h('strong', 'Method 3: Send ID')),
41 28
       h('p',
42 29
         'Have your friend send you their ID. ',
43 30
         'Then, put it in the location bar (top center) and press enter. ',
@@ -143,13 +130,12 @@ exports.welcome = function () {
143 130
   return h('.message',
144 131
     h('span.user-img', h('img', { src: com.profilePicUrl(false) })),
145 132
     h('.message-inner',
146
-      h('ul.message-header.list-inline', h('li', h('strong', 'Scuttlebot'))),
133
+      h('ul.message-header.list-inline', h('li', h('strong', 'Patchwork'))),
147 134
       h('.message-body',
148
-        h('.markdown',
149
-          h('h3', 'Hello! And welcome to ', h('strong', 'Patchwork.')),
135
+        h('.markdown', { style: 'margin-bottom: 10px' },
136
+          h('h3', 'Hello! And welcome to ', h('strong', 'SSB.')),
150 137
           h('p', 
151
-            'Patchwork is an independent network of users. ',
152
-            'The software is Free and Open-source, and the data is stored on your computer.'
138
+            'This program is an informal beta/demo for the SSB devs and our friends.'
153 139
           ),
154 140
           h('p', h('img.emoji', { src: './img/emoji/facepunch.png', height: 20, width: 20}), ' We fight for the user.')
155 141
         )
@@ -159,13 +145,13 @@ exports.welcome = function () {
159 145
       h('.message',
160 146
         h('span.user-img', h('img', { src: com.profilePicUrl(false) })),
161 147
         h('.message-inner',
162
-          h('ul.message-header.list-inline', h('li', h('strong', 'Scuttlebot'))),
148
+          h('ul.message-header.list-inline', h('li', h('strong', 'Patchwork'))),
163 149
           h('.message-body',
164 150
             h('.markdown',
165
-              h('h4', 'Step 1: Join a public mesh node ', h('img.emoji', { src: './img/emoji/computer.png', height: 20, width: 20})),
166
-              h('p', 'To reach across the Internet, you need to belong to a public mesh node, also known as a ', h('strong', 'Pub'), '. '),
151
+              h('h4', 'Step 1: Join the public mesh ', h('img.emoji', { src: './img/emoji/computer.png', height: 20, width: 20})),
152
+              h('p', 'To reach the rest of us, you need a Pub node to sync with you. '),
167 153
               h('.text-center', { style: 'padding: 7px; background: rgb(238, 238, 238); margin-bottom: 10px; border-radius: 5px;' },
168
-                h('a.btn.btn-3d', { href: '#', onclick: modals.invite }, com.icon('cloud'), ' Join a Public Node')
154
+                h('a.btn.btn-3d', { href: '#', onclick: modals.invite }, com.icon('cloud'), ' Join a Pub')
169 155
               )
170 156
             )
171 157
           )
@@ -174,11 +160,11 @@ exports.welcome = function () {
174 160
       h('.message',
175 161
         h('span.user-img', h('img', { src: com.profilePicUrl(false) })),
176 162
         h('.message-inner',
177
-          h('ul.message-header.list-inline', h('li', h('strong', 'Scuttlebot'))),
163
+          h('ul.message-header.list-inline', h('li', h('strong', 'Patchwork'))),
178 164
           h('.message-body',
179
-            h('.markdown',
180
-              h('h4', 'Step 2: Find your friends ', h('img.emoji', { src: './img/emoji/busts_in_silhouette.png', height: 20, width: 20})),
181
-              h('p', 'Have your friends send you their IDs so you can follow them. Paste the ID into the location bar, just like it\'s a URL.')
165
+            h('.markdown', { style: 'margin-bottom: 10px' },
166
+              h('h4', 'Step 2: Follow people ', h('img.emoji', { src: './img/emoji/busts_in_silhouette.png', height: 20, width: 20})),
167
+              h('p', 'Have people send you their @ IDs so you can follow them. Paste the ID into the location bar at the top, like it\'s a URL.')
182 168
             )
183 169
           )
184 170
         )
@@ -186,9 +172,9 @@ exports.welcome = function () {
186 172
       h('.message',
187 173
         h('span.user-img', h('img', { src: com.profilePicUrl(false) })),
188 174
         h('.message-inner',
189
-          h('ul.message-header.list-inline', h('li', h('strong', 'Scuttlebot'))),
175
+          h('ul.message-header.list-inline', h('li', h('strong', 'Patchwork'))),
190 176
           h('.message-body',
191
-            h('.markdown',
177
+            h('.markdown', { style: 'margin-bottom: 10px' },
192 178
               h('h4', 'Step 3: ', h('img.emoji', { src: './img/emoji/metal.png', height: 20, width: 20})),
193 179
               h('p', 'You can publish ', h('strong', 'Messages and Files'), ' using the box at the top of your feed, and ', h('strong', 'Secret Messages'), ' via friends\' profile pages.')
194 180
             )
@@ -216,7 +202,7 @@ exports.side = function () {
216 202
 
217 203
   return h('div',
218 204
     h('strong', 'Help Topics:'), h('br'),
219
-    help('howto-pubs', 'How do I get onto the public mesh?'),
205
+    h('a', { style: 'color: #555', href: '#', onclick: modals.invite }, com.icon('question-sign'), ' ',  'How do I get onto the public mesh?'), h('br'),
220 206
     help('howto-find-ppl', 'How do I find people?'),
221 207
     h('br'),
222 208
     help('howto-posts', 'How do I make a new post?'),
@@ -224,7 +210,6 @@ exports.side = function () {
224 210
     help('howto-post-files', 'How do I post a file or photo?'),
225 211
     h('br'),
226 212
     help('secret-messages', 'What are secret messages?'),
227
-    help('howto-secret-messages', 'How do I send a secret message?'),
228
-    help('howto-find-ppl', 'How do I read my messages?')
213
+    help('howto-secret-messages', 'How do I send a secret message?')
229 214
   )
230 215
 }

+ 2
- 2
ui/lib/com/invite-form.js View File

@@ -21,10 +21,10 @@ module.exports = function (opts) {
21 21
     h('p.text-muted', h('strong', 'Public nodes help you communicate across the Internet.')),
22 22
     h('p.text-muted',
23 23
       'Neckbeards can setup their own public nodes. ',
24
-      h('a', { href: 'https://github.com/ssbc/scuttlebot', target: '_blank' }, 'Read the server documentation here.')
24
+      h('a', { href: 'https://github.com/ssbc/docs#setup-up-a-pub', target: '_blank' }, 'Read the server documentation here.')
25 25
     ),
26 26
     h('p.text-muted',
27
-      'Don\'t have an invite to a public node? During the closed beta, you\'ll have to find a pub owner and ask for one.'
27
+      'Don\'t have an invite to a public node? You\'ll have to find a pub owner and ask for one. Ask the folks in #scuttlebutt, on Freenode.'
28 28
     )
29 29
   )
30 30
 

+ 2
- 1
ui/lib/pages/setup.js View File

@@ -38,7 +38,8 @@ module.exports = function () {
38 38
     h('.layout-setup-right', h('.layout-setup-right-inner',
39 39
       (is_new) ?
40 40
         [
41
-          h('p', 'Welcome to ', h('strong', 'Secure Scuttlebutt!')),
41
+          h('br'),
42
+          h('p', 'Welcome to ', h('strong', 'Patchwork!')),
42 43
           h('p', 'Fill out your profile and then click ', h('strong', 'Save'), ' to get started.')
43 44
         ] :
44 45
         h('p', 'Update your profile and then click ', h('strong', 'Save'), ' to publish the changes.'),

+ 1
- 1
ui/lib/ui/subwindows.js View File

@@ -89,7 +89,7 @@ module.exports.subwindow = function (el, title, opts) {
89 89
 
90 90
   function onhelp (e) {
91 91
     e.preventDefault()
92
-    makeSubwindow(com.help.helpBody(opts.help), [com.icon('question-sign'), ' ', com.help.helpTitle(opts.help)])
92
+    makeSubwindow(com.help.helpBody(opts.help), com.help.helpTitle(opts.help), { icon: 'question-sign' })
93 93
   }
94 94
 
95 95
   // manage

Loading…
Cancel
Save