| 
						
						
							
								
							
						
						
					 | 
				
				 | 
				
					@ -13,7 +13,8 @@ | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					    </div> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					
 | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					    <p> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      To invite someone, generate a link to send to them from this page: | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      To invite someone the easiest way, send them a link that you generate from | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      this page: | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      <router-link | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        :to="{ name: 'invite-one' }" | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        class="bg-gradient-to-b from-green-400 to-green-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1.5 py-2 rounded-md" | 
				
			
			
		
	
	
		
			
				
					| 
						
						
						
							
								
							
						
					 | 
				
				 | 
				
					@ -21,31 +22,42 @@ | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        <fa icon="envelope-open-text" class="fa-fw text-xl" | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      /></router-link> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					    </p> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					    <p>That's all it takes.</p> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					    <p>Watch that page to see when people accept their invite.</p> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					    <p>Then watch that page to see when they accept their invite.</p> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					    <p> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      That page is also reachable from the Contacts <fa icon="users" /> page | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      though the invitation <fa icon="envelope-open-text" /> icon. | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      (That page is also reachable from the Contacts <fa icon="users" /> page | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      though the invitation <fa icon="envelope-open-text" /> icon.) | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					    </p> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					
 | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					    <h1 class="font-bold text-xl">Advanced</h1> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					    The following are optional steps for even more functionality: | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					    <!-- eslint-disable prettier/prettier --> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					    <h1 class="mt-4 font-bold text-xl">Next Steps</h1> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					    Although not totally necessary, these are important to understand. | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					
 | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					    <div class="ml-4"> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      <h1 class="font-bold text-xl">Install</h1> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      <h1 class="font-bold text-xl">Backups</h1> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      <div> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        <p> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					          1) Have them visit TimeSafari.app in a browser, preferably Chrome or Safari. | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        </p> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        <p> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					          2) Have them "Install" the site to their desktop. | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					          Exporting backups (from the Account <fa icon="circle-user" /> screen) | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					          is important for the case where they lose their device. This is | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					          especially true for the Identifier Seed: that is theirs and and theirs | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					          alone, and currently nobody else can recover it if they lose it. The | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					          good thing is that anyone can create a new account and simply inform | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					          their network of their new ID. | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        </p> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      </div> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					    </div> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					
 | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					    <h1 class="mt-4 font-bold text-xl">Advanced</h1> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					    The following are optional steps for even more functionality. | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					
 | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					    <!-- eslint-disable prettier/prettier --> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					    <div class="ml-4"> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					
 | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      <h1 class="font-bold text-xl">Add Contact & Register</h1> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      <p> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        You share even more information such as your picture and name when | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        you share with your QR code at these links: <fa icon="qrcode" /> Scanning | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        you share with your QR code at these links: <fa icon="qrcode" /> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      </p> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      <p> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        Scanning | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        those with your cameras will automatically register people and add them | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        to each other's contact lists. | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      </p> | 
				
			
			
		
	
	
		
			
				
					| 
						
						
						
							
								
							
						
					 | 
				
				 | 
				
					@ -54,33 +66,37 @@ | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      </p> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      <div> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        <p> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					          3) Have them follow their yellow prompts. | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					          1) Have them follow their yellow prompts. | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        </p> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        <p> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					          4) Scan their QR, or have them tap on it to copy their info and send it to you. | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					          2) Scan their QR, or have them tap on it to copy their info and send it to you. | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					          Then you can add them to your Contacts <fa icon="users" /> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        </p> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        <p> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					          5) You can register them at their info page <fa icon="circle-info" /> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					          3) You can register them at their info page <fa icon="circle-info" /> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					          and click on the register button <fa icon="person-circle-question" /> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        </p> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        <p> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					          6) Add yourself to their Contacts <fa icon="users" /> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					          4) Add yourself to their Contacts <fa icon="users" /> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        </p> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      </div> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					
 | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      <h1 class="font-bold text-xl">Enable Notifications</h1> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      <h1 class="font-bold text-xl">Install</h1> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      <div> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        <p> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					          7) Enable notifications from the Account page <fa icon="circle-user" /> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					          Have them visit TimeSafari.app in a browser, preferably Chrome or Safari, | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					          and then look for the "Install" selection which adds this app to their desktop. | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					          This enables other things, like the ability to "share" a photo from their | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					          device directly to Time Safari, and it makes notifications more reliable. | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        </p> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      </div> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					
 | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      <h1 class="font-bold text-xl">Discuss Backups</h1> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      <h1 class="font-bold text-xl">Enable Notifications</h1> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      <div> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        <p> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					          8) Exporting backups <fa icon="circle-user" /> are important if they lose their phone | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					          --- especially for the Identifier Seed! | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					          Enable notifications from the Account page <fa icon="circle-user" />. | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					          Those notifications might show up on the device depending on your settings. | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					          For the most reliable habits, people should own alarm or some other ritual to look every day. | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        </p> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      </div> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					
 | 
				
			
			
		
	
	
		
			
				
					| 
						
							
								
							
						
						
						
					 | 
				
				 | 
				
					
  |