-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathfaq.html
More file actions
1429 lines (1296 loc) · 75 KB
/
faq.html
File metadata and controls
1429 lines (1296 loc) · 75 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '2151051148977788');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=2151051148977788&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FAQ - SMPLTSK</title>
<meta name="description" content="Frequently Asked Questions about SMPLTSK - Visual Task Management for Construction">
<link rel="canonical" href="https://smpltsk.com/faq.html" />
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
:root {
--app-blue: #3B5FE5;
--app-red: #EE4B4B;
--app-green: #4FD14A;
--white: #ffffff;
--light-bg: #fafbfc;
--text-dark: #0f172a;
--text-gray: #475569;
}
body {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
background: var(--light-bg);
color: var(--text-dark);
line-height: 1.6;
-webkit-font-smoothing: antialiased;
}
nav {
background: white;
border-bottom: 1px solid rgba(59, 95, 229, 0.1);
padding: 1.5rem 0;
position: sticky;
top: 0;
z-index: 100;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
.nav-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 2rem;
display: flex;
justify-content: space-between;
align-items: center;
}
.logo {
display: flex;
align-items: center;
gap: 0.75rem;
font-size: 1.5rem;
font-weight: 800;
text-decoration: none;
color: var(--text-dark);
}
.logo-icon {
width: 40px;
height: 40px;
}
.nav-links {
display: flex;
gap: 2rem;
align-items: center;
}
.nav-links a {
color: var(--text-gray);
text-decoration: none;
font-weight: 600;
font-size: 0.95rem;
transition: color 0.3s ease;
}
.nav-links a:hover {
color: var(--app-blue);
}
.container {
max-width: 1000px;
margin: 0 auto;
padding: 4rem 2rem;
}
h1 {
font-size: 3.5rem;
font-weight: 900;
margin-bottom: 1rem;
color: var(--text-dark);
line-height: 1.1;
}
.subtitle {
font-size: 1.25rem;
color: var(--text-gray);
margin-bottom: 3rem;
}
.faq-categories {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 1rem;
margin-bottom: 3rem;
}
.category-nav {
background: white;
padding: 1.25rem 1.5rem;
border-radius: 12px;
border: 2px solid transparent;
cursor: pointer;
transition: all 0.3s ease;
font-weight: 600;
color: var(--text-dark);
text-align: center;
}
.category-nav:hover {
border-color: var(--app-blue);
transform: translateY(-4px);
box-shadow: 0 4px 16px rgba(59, 95, 229, 0.15);
}
.faq-section {
margin-bottom: 4rem;
}
.section-title {
font-size: 2.25rem;
font-weight: 800;
margin-bottom: 0.75rem;
color: var(--app-blue);
text-align: center;
}
.section-description {
font-size: 1.125rem;
color: var(--text-gray);
margin-bottom: 2.5rem;
line-height: 1.7;
text-align: center;
}
.faq-item {
background: white;
border-radius: 12px;
padding: 2.5rem;
margin-bottom: 1.5rem;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
border: 2px solid transparent;
transition: all 0.3s ease;
}
.faq-item:hover {
border-color: var(--app-blue);
box-shadow: 0 4px 16px rgba(59, 95, 229, 0.1);
}
.faq-question {
font-size: 1.375rem;
font-weight: 700;
color: var(--text-dark);
margin-bottom: 1.25rem;
display: flex;
align-items: flex-start;
gap: 0.75rem;
line-height: 1.4;
}
.faq-question::before {
content: "Q:";
color: var(--app-blue);
font-weight: 900;
flex-shrink: 0;
font-size: 1.5rem;
}
.faq-answer {
color: var(--text-gray);
font-size: 1.0625rem;
line-height: 1.8;
padding-left: 2.5rem;
}
.faq-answer p {
margin-bottom: 1.25rem;
}
.faq-answer ul, .faq-answer ol {
margin: 1.25rem 0 1.25rem 1.5rem;
}
.faq-answer li {
margin-bottom: 0.75rem;
line-height: 1.7;
}
.faq-answer strong {
color: var(--text-dark);
font-weight: 700;
}
.tip-box {
background: linear-gradient(135deg, rgba(79, 209, 74, 0.06) 0%, rgba(59, 95, 229, 0.06) 100%);
border-left: 4px solid var(--app-green);
padding: 1.75rem;
margin: 1.75rem 0;
border-radius: 8px;
}
.tip-box strong {
color: var(--app-green);
display: block;
margin-bottom: 0.75rem;
font-size: 1.125rem;
}
.warning-box {
background: rgba(238, 75, 75, 0.06);
border-left: 4px solid var(--app-red);
padding: 1.75rem;
margin: 1.75rem 0;
border-radius: 8px;
}
.warning-box strong {
color: var(--app-red);
display: block;
margin-bottom: 0.75rem;
font-size: 1.125rem;
}
.info-box {
background: rgba(59, 95, 229, 0.06);
border-left: 4px solid var(--app-blue);
padding: 1.75rem;
margin: 1.75rem 0;
border-radius: 8px;
}
.info-box strong {
color: var(--app-blue);
display: block;
margin-bottom: 0.75rem;
font-size: 1.125rem;
}
.steps {
background: var(--light-bg);
padding: 1.75rem;
border-radius: 8px;
margin: 1.25rem 0;
}
.steps ol {
margin-left: 1.75rem;
}
.steps li {
margin-bottom: 1rem;
padding-left: 0.5rem;
line-height: 1.7;
}
.steps li strong {
color: var(--text-dark);
}
footer {
background: linear-gradient(135deg, var(--app-blue) 0%, #2a4bc7 100%);
color: white;
text-align: center;
padding: 3rem 2rem;
margin-top: 4rem;
}
footer p {
margin-bottom: 1rem;
}
footer a {
color: white;
text-decoration: none;
font-weight: 600;
transition: opacity 0.3s ease;
}
footer a:hover {
opacity: 0.8;
text-decoration: underline;
}
@media (max-width: 768px) {
h1 {
font-size: 2.5rem;
}
.section-title {
font-size: 1.75rem;
}
.faq-question {
font-size: 1.125rem;
}
.faq-item {
padding: 1.75rem;
}
.faq-answer {
padding-left: 0;
}
.faq-categories {
grid-template-columns: 1fr;
}
.nav-links {
gap: 1rem;
}
}
</style>
</head>
<body>
<nav>
<div class="nav-container">
<a href="/" class="logo">
<svg class="logo-icon" viewBox="0 0 70 70" xmlns="http://www.w3.org/2000/svg">
<rect width="70" height="70" rx="14" ry="14" fill="#3B5FE5"/>
<circle cx="35" cy="35" r="29.75" fill="#EE4B4B"/>
<circle cx="35" cy="35" r="22.75" fill="#4FD14A"/>
<text x="35" y="40" text-anchor="middle" font-family="Arial, sans-serif" font-size="45" font-weight="bold" fill="#3B5FE5" dominant-baseline="middle">S</text>
</svg>
<span>SMPLTSK</span>
</a>
<div class="nav-links">
<a href="/">Home</a>
<a href="user-guide.html">User Guide</a>
<a href="support.html">Support</a>
</div>
</div>
</nav>
<div class="container">
<h1>Frequently Asked Questions</h1>
<p class="subtitle">Everything you need to know about using SMPLTSK to save time and reduce mental load</p>
<!-- Quick Navigation -->
<div class="faq-categories">
<div class="category-nav" onclick="location.href='#getting-started'">🚀 Getting Started</div>
<div class="category-nav" onclick="location.href='#permissions'">⚙️ Permissions & Settings</div>
<div class="category-nav" onclick="location.href='#organization'">📁 Folders & Organization</div>
<div class="category-nav" onclick="location.href='#using-app'">✅ Using the App</div>
<div class="category-nav" onclick="location.href='#sharing'">📤 Sharing Tasks</div>
<div class="category-nav" onclick="location.href='#troubleshooting'">🔧 Troubleshooting</div>
<div class="category-nav" onclick="location.href='#privacy'">🔒 Privacy & Data</div>
<div class="category-nav" onclick="location.href='#subscription'">💳 Subscription</div>
</div>
<!-- GETTING STARTED -->
<div class="faq-section" id="getting-started">
<h2 class="section-title">🚀 Getting Started</h2>
<p class="section-description">New to SMPLTSK? Start here to understand the basics.</p>
<div class="faq-item">
<h3 class="faq-question">What is SMPLTSK and how does it work?</h3>
<div class="faq-answer">
<p>SMPLTSK is visual task management designed specifically for construction and trades. Instead of writing long text descriptions or making phone calls to explain tasks, you simply:</p>
<div class="steps">
<ol>
<li><strong>Take a photo</strong> of the job site or problem area</li>
<li><strong>Tap to place numbered markers</strong> directly on the photo where work is needed</li>
<li><strong>Add task descriptions</strong> to each marker (tap marker to add text)</li>
<li><strong>Send it</strong> to your team via SMS</li>
<li><strong>Track progress</strong> as markers turn from red (pending) to green (complete)</li>
</ol>
</div>
<div class="tip-box">
<strong>💡 Time Saver:</strong>
Visual instructions eliminate confusion and costly miscommunication. Workers see exactly what needs doing and where - no need to call for clarification or make return trips because something wasn't clear.
</div>
</div>
</div>
<div class="faq-item">
<h3 class="faq-question">Do I need any special skills or training to use SMPLTSK?</h3>
<div class="faq-answer">
<p><strong>No.</strong> If you can take a photo on your phone, you can use SMPLTSK.</p>
<p>There's no training required, no complex setup process, and no learning curve. The app is designed to match how construction workers naturally think - visually and practically.</p>
<div class="tip-box">
<strong>💡 Mental Load Reduction:</strong>
SMPLTSK frees your mind by letting you quickly delegate or save tasks. Instead of trying to remember all the details, you capture them once and move on - the app remembers for you.
</div>
</div>
</div>
<div class="faq-item">
<h3 class="faq-question">How long does it take to create and send a task?</h3>
<div class="faq-answer">
<p><strong>Under 60 seconds for most tasks.</strong></p>
<p>Here's the typical breakdown:</p>
<ul>
<li><strong>Take photo:</strong> 10 seconds</li>
<li><strong>Place markers:</strong> 20 seconds (for 3-4 tasks)</li>
<li><strong>Add descriptions:</strong> 20 seconds</li>
<li><strong>Send via SMS:</strong> 5 seconds</li>
<li><strong>Total:</strong> ~55 seconds</li>
</ul>
<p>Compare this to traditional methods:</p>
<ul>
<li>Writing detailed text instructions: 5-10 minutes</li>
<li>Phone call to explain each task: 10-15 minutes</li>
<li>Walking workers around site explaining in person: 15-30 minutes</li>
</ul>
<div class="tip-box">
<strong>💡 Time Saver:</strong>
One minute to create a task vs. 10-15 minutes explaining it. If you create 10 tasks per day, that's 90-140 minutes saved daily. Over a month, that's 30-45 hours of your time back.
</div>
</div>
</div>
<div class="faq-item">
<h3 class="faq-question">Does the person receiving tasks need to install the app?</h3>
<div class="faq-answer">
<p><strong>No - and this is one of SMPLTSK's biggest advantages.</strong></p>
<p>When you share a task, the recipient receives an SMS text message with a link. They simply tap the link and see the task immediately in their mobile browser - no app download required, no login needed, zero friction.</p>
<p>What recipients can do without installing the app:</p>
<ul>
<li>View the photo with all markers and descriptions</li>
<li>Tap each marker to read task details</li>
<li>Mark tasks as complete (markers turn green)</li>
<li>View tasks on any device (phone, tablet, computer)</li>
</ul>
<div class="tip-box">
<strong>💡 Ease of Use:</strong>
This means you can send tasks to subcontractors, suppliers, clients, or anyone without asking them to "download the app first." Zero friction = better adoption and faster results.
</div>
</div>
</div>
<div class="faq-item">
<h3 class="faq-question">What makes SMPLTSK different from other task management apps?</h3>
<div class="faq-answer">
<p><strong>SMPLTSK is built specifically for visual, hands-on work - not office desk jobs.</strong></p>
<p>Key differences:</p>
<ul>
<li><strong>Visual-first:</strong> Photos with markers, not text-heavy task lists</li>
<li><strong>No app required for recipients:</strong> SMS link opens in browser instantly</li>
<li><strong>Folder/File organization:</strong> Find job photos instantly instead of scrolling through your gallery</li>
<li><strong>Zero learning curve:</strong> If you can take a photo, you can use it</li>
<li><strong>Built for trades:</strong> Designed by a builder who lives this problem daily</li>
<li><strong>Local storage:</strong> Your data stays on your device, under your control</li>
</ul>
<div class="info-box">
<strong>🎯 Bottom Line:</strong>
Other apps try to force construction workflows into office-style task managers. SMPLTSK works the way builders and trades actually work - visually, practically, and fast.
</div>
</div>
</div>
</div>
<!-- PERMISSIONS & SETTINGS -->
<div class="faq-section" id="permissions">
<h2 class="section-title">⚙️ Permissions & Settings</h2>
<p class="section-description">Troubleshooting camera access and app settings.</p>
<div class="faq-item">
<h3 class="faq-question">Why isn't my camera working in SMPLTSK?</h3>
<div class="faq-answer">
<p><strong>Camera permission MUST be enabled for SMPLTSK to function.</strong> Without camera access, you cannot take photos to create visual tasks.</p>
<div class="warning-box">
<strong>⚠️ Common Issue:</strong>
If you see an error when trying to take a photo, or the camera button doesn't work, you likely denied camera permission when you first opened the app. This is easy to fix.
</div>
<p><strong>Method 1 - Fix it in SMPLTSK (Recommended):</strong></p>
<div class="steps">
<ol>
<li>Open the <strong>SMPLTSK app</strong></li>
<li>Tap the <strong>Gear icon ⚙️</strong> (bottom icon of the three dashboard icons)</li>
<li>Find the <strong>App Permissions</strong> section</li>
<li>Make sure <strong>Camera</strong> permission is <strong>enabled/allowed</strong></li>
<li>Continue by tapping the Camera button <strong>ON THE DASHBOARD</strong> to take a photo</li>
</ol>
</div>
<p><strong>Method 2 - Fix it in iPhone Settings (iOS):</strong></p>
<div class="steps">
<ol>
<li>Go to your phone's <strong>Settings</strong> app</li>
<li>Scroll down and find <strong>SMPLTSK</strong></li>
<li>Tap <strong>SMPLTSK</strong></li>
<li>Tap <strong>Camera</strong></li>
<li>Select <strong>Allow</strong></li>
<li>Return to SMPLTSK and try again</li>
</ol>
</div>
<p><strong>Method 3 - Fix it in Android Settings:</strong></p>
<div class="steps">
<ol>
<li>Go to your phone's <strong>Settings</strong></li>
<li>Tap <strong>Apps</strong> or <strong>Applications</strong></li>
<li>Find and tap <strong>SMPLTSK</strong></li>
<li>Tap <strong>Permissions</strong></li>
<li>Find <strong>Camera</strong> and enable it</li>
<li>Return to SMPLTSK and try again</li>
</ol>
</div>
<div class="info-box">
<strong>📌 Still Not Working?</strong>
Try restarting your phone after changing permissions. If the camera still doesn't work, contact <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="82f1f7f2f2edf0f6c2f1eff2eef6f1e9ace1edef">[email protected]</a> with your device model and operating system version.
</div>
</div>
</div>
<div class="faq-item">
<h3 class="faq-question">Where do I find app settings?</h3>
<div class="faq-answer">
<p><strong>Tap the Gear icon ⚙️ in SMPLTSK to access Settings.</strong></p>
<p>The Settings menu lets you:</p>
<ul>
<li><strong>Manage permissions</strong> (camera, notifications, contacts)</li>
<li><strong>View subscription details</strong> and manage billing</li>
<li><strong>Update account information</strong> (email, password)</li>
<li><strong>Access support resources</strong> (FAQ, User Guide, Contact Support)</li>
<li><strong>Review legal documents</strong> (Privacy Policy, Terms of Service)</li>
<li><strong>App preferences</strong> (notifications, default settings)</li>
</ul>
</div>
</div>
<div class="faq-item">
<h3 class="faq-question">What permissions does SMPLTSK need and why?</h3>
<div class="faq-answer">
<p>SMPLTSK requests minimal permissions to function effectively:</p>
<p><strong>Required Permission:</strong></p>
<ul>
<li><strong>Camera (REQUIRED):</strong> To take photos of job sites and create visual tasks. SMPLTSK cannot function without camera access.</li>
</ul>
<p><strong>Optional Permissions (enhance functionality):</strong></p>
<ul>
<li><strong>Location:</strong> Enhances your experience by adding location data to tasks</li>
<li><strong>Microphone:</strong> Enables Voice-to-Text for adding descriptions hands-free</li>
<li><strong>Notifications:</strong> Alerts you when tasks are marked complete or team members add comments</li>
<li><strong>Contacts:</strong> Makes it easy to select recipients when sharing tasks</li>
</ul>
<p><strong>Permissions SMPLTSK does NOT need or request:</strong></p>
<ul>
<li>Access to your files or documents (beyond photos you choose)</li>
<li>Access to other apps on your device</li>
</ul>
<div class="tip-box">
<strong>🔒 Privacy Note:</strong>
All your photos and tasks are stored securely in Firebase cloud storage and accessed through your device. SMPLTSK staff cannot access, view, or read your content. See the Privacy section below for more details.
</div>
</div>
</div>
</div>
<!-- FOLDERS & ORGANIZATION -->
<div class="faq-section" id="organization">
<h2 class="section-title">📁 Folders & Organization</h2>
<p class="section-description">Master SMPLTSK's folder system - your competitive advantage for staying organized.</p>
<div class="faq-item">
<h3 class="faq-question">How does the Folder/File organization system work?</h3>
<div class="faq-answer">
<p><strong>SMPLTSK includes a powerful two-level organization system that transforms how you manage job photos.</strong></p>
<p>The structure is simple:</p>
<ul>
<li><strong>FOLDERS</strong> (📁) = Projects, properties, or main categories</li>
<li><strong>FILES</strong> (📄) = Specific trade, area, or task type within a project</li>
</ul>
<p><strong>Example structure you might create:</strong></p>
<div class="info-box">
<strong>Real-world example:</strong>
<ul style="margin-top: 1rem; margin-left: 1.5rem;">
<li>📁 <strong>Main Street Renovation</strong> (Folder)
<ul style="margin-left: 1.5rem; margin-top: 0.5rem;">
<li>📄 Plumbing</li>
<li>📄 Electrical</li>
<li>📄 Defects List</li>
</ul>
</li>
<li>📁 <strong>Beach House Project</strong> (Folder)
<ul style="margin-left: 1.5rem; margin-top: 0.5rem;">
<li>📄 Roofing</li>
<li>📄 Plumbing</li>
</ul>
</li>
<li>📄 <strong>Smith Residence</strong> (File at root level)</li>
<li>📄 <strong>Office Extension</strong> (File at root level)</li>
</ul>
</div>
<p><strong>Creating a Folder:</strong></p>
<div class="steps">
<ol>
<li>Navigate to the Folders screen in SMPLTSK</li>
<li>Tap the <strong>+ (Plus) button</strong> or <strong>Create</strong> button</li>
<li>Select <strong>Create Folder</strong></li>
<li>Name it (e.g., "Main St Renovation", "Smith House", "Unit 14")</li>
<li>Tap <strong>Save</strong> or <strong>Done</strong></li>
</ol>
</div>
<p><strong>Creating a File within a Folder:</strong></p>
<div class="steps">
<ol>
<li>Open the Folder where you want to add a File</li>
<li>Tap the <strong>+ (Plus) button</strong> or <strong>Create</strong> button</li>
<li>Select <strong>Create File</strong></li>
<li>Name it (e.g., "Electrical", "Plumbing", "Kitchen", "Defects")</li>
<li>Tap <strong>Save</strong> or <strong>Done</strong></li>
</ol>
</div>
<div class="tip-box">
<strong>💡 Pro Tip:</strong>
Spend 5 minutes at the start of each project setting up your folder structure. This small investment will save you hours over the project lifecycle by making every photo instantly findable.
</div>
</div>
</div>
<div class="faq-item">
<h3 class="faq-question">How do I assign photos/tasks to Folders or Files?</h3>
<div class="faq-answer">
<p><strong>It's a simple 3-tap process: File icon → Select → Apply.</strong></p>
<p><strong>When viewing an image with markers:</strong></p>
<div class="steps">
<ol>
<li>Open the image you want to organize</li>
<li>Tap the <strong>File icon 📁</strong> (usually near the top of the screen)</li>
<li>You'll see the "Select Folders" screen with all your Folders and Files</li>
<li><strong>Option A:</strong> Tap an existing Folder or File to select it (it gets a checkmark ✓)</li>
<li><strong>Option B:</strong> Tap the <strong>Create</strong> button to make a new Folder/File on the spot</li>
<li>Tap <strong>Apply</strong> at the bottom</li>
<li>Done! Your image is now organized under that Folder/File</li>
</ol>
</div>
<div class="info-box">
<strong>📌 Editing and Deleting:</strong>
On the "Select Folders" screen, you'll also see <strong>Edit</strong> and <strong>Delete</strong> buttons. Use Edit to rename Folders/Files, and Delete to remove ones you no longer need.
</div>
</div>
</div>
<div class="faq-item">
<h3 class="faq-question">What's the advantage of using Folders vs. my phone's photo gallery?</h3>
<div class="faq-answer">
<p><strong>Speed, organization, and mental load reduction.</strong></p>
<p><strong>Scenario: You need to find "that plumbing photo from the Main Street job"</strong></p>
<p><strong>WITHOUT SMPLTSK Folders (using phone gallery):</strong></p>
<ul>
<li>Open Photos app</li>
<li>Scroll through hundreds of random photos</li>
<li>Try to remember: "Was it from last Tuesday? Or Wednesday?"</li>
<li>Keep scrolling: family photos, screenshots, other job sites...</li>
<li>Still scrolling: "Where IS that photo?"</li>
<li><strong>Time wasted: 1-3 minutes (sometimes can't find it at all)</strong></li>
<li>Mental frustration: High</li>
</ul>
<p><strong>WITH SMPLTSK Folders:</strong></p>
<div class="steps">
<ol>
<li>Open SMPLTSK</li>
<li>Tap Folders</li>
<li>Tap "Main Street" Folder</li>
<li>Tap "Plumbing" File</li>
<li>See all plumbing photos for that job</li>
</ol>
</div>
<p><strong>Time taken: 5-10 seconds</strong></p>
<p>Mental load: Zero. No remembering dates, no scrolling, no frustration.</p>
<div class="tip-box">
<strong>💡 Time Saver:</strong>
Even saving just 1-2 minutes per photo search adds up quickly. If you search for job photos 10 times per day, that's 10-20 minutes saved daily - time you can spend on actual work instead of hunting through your phone.
</div>
<div class="tip-box">
<strong>💡 Mental Load Reduction:</strong>
Your brain doesn't have to remember WHERE and WHEN you took each photo. The folder system does the remembering for you. This is huge when you're managing multiple jobs simultaneously.
</div>
</div>
</div>
<div class="faq-item">
<h3 class="faq-question">How should I organize my Folders for maximum efficiency?</h3>
<div class="faq-answer">
<p><strong>The best structure depends on your workflow, but here are proven approaches:</strong></p>
<p><strong>Approach 1: Organize by Project/Property</strong></p>
<p>Best for: Builders managing multiple simultaneous projects</p>
<div class="info-box">
<strong>Example:</strong>
<ul style="margin-top: 1rem; margin-left: 1.5rem;">
<li>📁 <strong>Main St Renovation</strong>
<ul style="margin-left: 1.5rem; margin-top: 0.5rem;">
<li>📄 Electrical</li>
<li>📄 Plumbing</li>
<li>📄 Defects List</li>
<li>📄 Client Requests</li>
</ul>
</li>
<li>📁 <strong>Smith House Extension</strong>
<ul style="margin-left: 1.5rem; margin-top: 0.5rem;">
<li>📄 Kitchen</li>
<li>📄 Bathroom</li>
<li>📄 Exterior</li>
</ul>
</li>
</ul>
</div>
<p><strong>Approach 2: Organize by Trade</strong></p>
<p>Best for: Specialists working across multiple sites</p>
<div class="info-box">
<strong>Example (Electrician):</strong>
<ul style="margin-top: 1rem; margin-left: 1.5rem;">
<li>📁 <strong>Electrical Jobs - North</strong>
<ul style="margin-left: 1.5rem; margin-top: 0.5rem;">
<li>📄 Site A - Rewire</li>
<li>📄 Site B - New Build</li>
<li>📄 Site C - Defects</li>
</ul>
</li>
<li>📁 <strong>Emergency Callouts</strong>
<ul style="margin-left: 1.5rem; margin-top: 0.5rem;">
<li>📄 Dec 2024</li>
<li>📄 Jan 2025</li>
</ul>
</li>
</ul>
</div>
<p><strong>Approach 3: Hybrid (Project + Trade)</strong></p>
<p>Best for: Complex projects with multiple trades</p>
<div class="info-box">
<strong>Example:</strong>
<ul style="margin-top: 1rem; margin-left: 1.5rem;">
<li>📁 <strong>Unit 14 Apartment</strong>
<ul style="margin-left: 1.5rem; margin-top: 0.5rem;">
<li>📄 Electrical - Living</li>
<li>📄 Electrical - Bedrooms</li>
<li>📄 Plumbing - Kitchen</li>
<li>📄 Plumbing - Bathrooms</li>
<li>📄 Defects - All</li>
</ul>
</li>
</ul>
</div>
<div class="tip-box">
<strong>💡 Best Practice:</strong>
Keep Folder names short and File names descriptive. "Main St" + "Plumbing Issues" is better than "Property at Main Street" + "All Plumbing Related Tasks and Problems." Shorter names = faster scanning.
</div>
</div>
</div>
<div class="faq-item">
<h3 class="faq-question">Can I move images between Folders or change their File assignment?</h3>
<div class="faq-answer">
<p><strong>Yes, easily.</strong></p>
<p>To move an image to a different Folder/File:</p>
<div class="steps">
<ol>
<li>Open the image</li>
<li>Tap the <strong>File icon 📁</strong></li>
<li>Select a different Folder or File</li>
<li>Tap <strong>Apply</strong></li>
</ol>
</div>
<p>The image is now organized under the new location. Simple reorganization whenever your project structure changes.</p>
</div>
</div>
<div class="faq-item">
<h3 class="faq-question">Can one image belong to multiple Folders or Files?</h3>
<div class="faq-answer">
<p><strong>Yes, if needed.</strong></p>
<p>Some tasks span multiple categories. For example, a defect that involves both electrical and plumbing work can be assigned to both:</p>
<ul>
<li>📄 Electrical - Defects</li>
<li>📄 Plumbing - Defects</li>
</ul>
<p>When assigning Folders/Files, you can select multiple items before tapping Apply.</p>
</div>
</div>
<div class="faq-item">
<h3 class="faq-question">How do I filter my tasks by Folder or File category?</h3>
<div class="faq-answer">
<p><strong>Use the "Filter by Files" feature on the FILES screen.</strong></p>
<p>On the FILES screen, you'll see:</p>
<ul>
<li>Four main categories at the top: <strong>SENT</strong>, <strong>RECEIVED</strong>, <strong>MINE</strong>, <strong>DRAFTS</strong> (with counts showing how many items in each)</li>
<li>Below that, a <strong>"Filter by Files"</strong> section</li>
<li>Tap "expand to see all categories" to view all your Folders and Files</li>
<li>Select any Folder or File to filter and see only tasks assigned to that category</li>
</ul>
<div class="tip-box">
<strong>💡 Quick Navigation:</strong>
The Filter by Files feature makes it easy to jump straight to a specific project or trade. Instead of scrolling through all your tasks, just tap the Folder/File you want to see.
</div>
</div>
</div>
</div>
<!-- USING THE APP -->
<div class="faq-section" id="using-app">
<h2 class="section-title">✅ Using the App</h2>
<p class="section-description">Creating tasks, placing markers, and tracking completion.</p>
<div class="faq-item">
<h3 class="faq-question">How do I create a task with SMPLTSK?</h3>
<div class="faq-answer">
<p><strong>It's a simple 3-phase process that takes less than 60 seconds:</strong></p>
<div class="steps">
<h4>Phase 1: Take Photo & Place Markers</h4>
<ol>
<li><strong>Take a photo</strong> of the area where work is needed (or select existing photo)</li>
<li><strong>Tap on the photo</strong> to place your first marker - a numbered red marker (1) appears</li>
<li><strong>Tap additional locations</strong> to place more markers (2, 3, 4...) - just tap locations, no descriptions yet</li>
<li>When you've placed all markers, tap the <strong>forward arrow →</strong></li>
</ol>
</div>
<div class="steps">
<h4>Phase 2: Describe Tasks (DESCRIBE Screen)</h4>
<ol>
<li>The <strong>DESCRIBE screen</strong> appears showing all your markers in a list</li>
<li><strong>Tap each marker row</strong> to add a description (e.g., "Fix crack in drywall", "Replace outlet")</li>
<li><strong>Optional features on DESCRIBE screen:</strong>
<ul style="margin-left: 1.5rem; margin-top: 0.5rem;">
<li><strong>Folder icon 📁</strong> (top right) - assign to folders/files for organization</li>
<li><strong>HIDE LIST button</strong> - shows just the image with markers to refresh your memory of placement</li>
<li><strong>Back arrow ←</strong> - returns to image if you need to add more markers</li>
<li><strong>ADD IMAGE button</strong> - adds another image to this task batch</li>
</ul>
</li>
</ol>
</div>
<div class="steps">
<h4>Phase 3: Send or Keep</h4>
<ol>
<li>When descriptions are complete, choose:
<ul style="margin-left: 1.5rem; margin-top: 0.5rem;">
<li><strong>ME button</strong> - keep this task for yourself (saved to MINE category)</li>
<li><strong>Forward arrow → button</strong> - share with others (opens phone's share menu)</li>
</ul>
</li>
<li>If sharing: select SMS, WhatsApp, email, or other messaging app</li>
<li>Choose recipients and send!</li>
</ol>
</div>
<div class="tip-box">
<strong>💡 Flexible Workflow:</strong>
Place all your markers first (quick taps while walking the site), then sit down later to add detailed descriptions. Or hide the list to see the image and remember what each marker was for. The workflow adapts to how you work.
</div>
</div>
</div>
<div class="faq-item">
<h3 class="faq-question">How many markers can I add to one photo?</h3>
<div class="faq-answer">
<p><strong>Unlimited.</strong> Add as many markers as you need to fully communicate the work required.</p>
<p>Common scenarios:</p>
<ul>
<li><strong>Simple repair:</strong> 1-2 markers</li>
<li><strong>Defects list inspection:</strong> 5-10 markers on one photo showing multiple issues</li>
<li><strong>Complete room renovation:</strong> 15+ markers covering walls, ceiling, floors, fixtures</li>
<li><strong>Complex equipment:</strong> 20+ markers labeling parts, repairs, maintenance points</li>
</ul>
<div class="tip-box">
<strong>💡 Mental Load Reduction:</strong>
Instead of trying to remember or write down "all the things wrong with this room," just tap each problem location once as you spot it. SMPLTSK remembers everything for you - you can focus on the work, not the documentation.
</div>
</div>
</div>
<div class="faq-item">
<h3 class="faq-question">How do I (or my team) mark a task as complete?</h3>
<div class="faq-answer">
<p><strong>One tap marks it complete - plus team members can add comments.</strong></p>
<p>When a task is finished:</p>
<div class="steps">
<ol>
<li>Open the image with markers (either in SMPLTSK app or via the SMS/WhatsApp/email link)</li>
<li>Tap the red marker for the completed task</li>
<li>The marker instantly turns <strong>green</strong></li>
<li><strong>Optional:</strong> Add a comment or note about the task (e.g., "Used copper instead of PVC as discussed")</li>
<li>The status and any comments automatically update on the sender's phone</li>
</ol>
</div>
<p><strong>For the person who sent the task:</strong></p>
<ul>
<li>You get a <strong>notification</strong> when a task is marked complete (if you've enabled Notification permission)</li>
<li>Open SMPLTSK to see the green marker and read any comments</li>
<li>No need to call or text to check progress - it updates automatically</li>
</ul>
<div class="tip-box">
<strong>💡 Communication & Progress Tracking:</strong>
Team members can add notes like "needs more materials" or "finished ahead of schedule." You see status updates and comments in real-time without interrupting your workflow or theirs.
</div>
</div>
</div>
<div class="faq-item">
<h3 class="faq-question">Can I edit or delete markers after creating them?</h3>
<div class="faq-answer">
<p><strong>Yes - before sending the task batch.</strong></p>
<ul>
<li><strong>Edit description:</strong> Tap the marker → Select "Edit" → Change the text → Save</li>
<li><strong>Delete marker:</strong> Tap marker → Select "Delete" → Confirm</li>
<li><strong>Move marker:</strong> Tap and hold the marker → Drag to new position → Release</li>
<li><strong>Change marker number:</strong> Markers are numbered automatically; delete and recreate in desired order if needed</li>
</ul>
<p><strong>Important:</strong> Make all corrections <strong>before sending</strong> the task batch. Once sent, the batch cannot be edited (for security reasons - prevents accidental or intentional deletion of tasks by team members).</p>
</div>
</div>
<div class="faq-item">
<h3 class="faq-question">What if I spot more tasks after I've already sent the photo?</h3>
<div class="faq-answer">
<p><strong>Create a new task batch with the additional markers.</strong></p>
<p>Once a batch is sent, it cannot be edited for security reasons. However, you can:</p>
<ul>
<li><strong>Open the same photo</strong> and add new markers</li>
<li><strong>Send the new batch</strong> to your team</li>
<li>Both the original batch and the new batch remain accessible</li>
</ul>
<p>This keeps a complete record of all tasks and prevents accidental changes to sent batches.</p>
</div>
</div>
<div class="faq-item">
<h3 class="faq-question">Can I add notes or comments beyond the marker descriptions?</h3>
<div class="faq-answer">
<p><strong>Each marker has its own description field where you can add detailed notes.</strong></p>
<p>Best practices for marker descriptions:</p>
<ul>
<li><strong>Be specific:</strong> "Replace 3-gang power outlet - current one is loose" instead of just "Fix outlet"</li>
<li><strong>Include materials:</strong> "Paint this wall - use Dulux Antique White USA" instead of just "Paint wall"</li>
<li><strong>Add deadlines if needed:</strong> "Fix by Friday COB - client visiting Saturday"</li>
<li><strong>Note safety concerns:</strong> "Asbestos present - call licensed removalist before touching"</li>
</ul>
<p>There's no character limit - write as much detail as needed for each marker.</p>
</div>
</div>
</div>
</div>
<!-- SHARING TASKS -->
<div class="faq-section" id="sharing">