Add followed list export hint

index.html

@@ -16,6 +16,11 @@ <h1>Migrannounce</h1>
                 <label>Server URL: <input type='text' name='instance'/></label>
                 <input type='submit' value='Log in'/>
             </form>
+            <h4>By the way, did you know you can copy the people you follow to your new account? Look for Data export on your old account and Import on the new one, or use the links below.</h4>
+              <div>Mastodon Export: <a class="instancelink"><span class="instancename">https://<i>instance</i></span><span class="hintext">/settings/export</span></a></div>
+              <div>Mastodon Import: <a class="instancelink"><span class="instancename">https://<i>instance</i></span><span class="hintext">/settings/import</span></a></div>
+              <div>Pleroma: <a class="instancelink"><span class="instancename">https://<i>instance</i></span><span class="hintext">/~/user-settings</span></a></div>
+            </div>
         </main>
         <footer>
             <nav>Licensed under the revised BSD license - <a href="https://github.com/codl/migrannounce">code here</a></nav>

main.js

@@ -148,11 +148,16 @@ import LoggedInUI from './components/LoggedInUI.html';
     let init = ()=>{
         let form = document.querySelector('#login-form');
         let instance_e = form.querySelector('input[name=instance]');
+        let instance_hints = document.querySelectorAll('.instancename');
+        let instance_links = document.querySelectorAll('.instancelink');
         form.addEventListener('submit', e => {
             e.preventDefault();
             log_in(instance_e.value)
         });
-
+        instance_e.addEventListener('input', () => {
+            instance_hints.forEach(target => { target.innerHTML = "https://" + instance_e.value });
+            instance_links.forEach(target => target.setAttribute("href", "//" + instance_e.value + target.querySelector(".hintext").innerHTML));
+        })
         let params = new URLSearchParams(document.location.search);
         if(params.has('code') && params.has('server')){
             log_in_spinner(true);