Add "about" section to page

package.json

@@ -1,6 +1,6 @@
 {
     "name": "death-notifier",
-    "version": "0.19.5", "_comment_version": "Also update version in `composer.json`!",
+    "version": "0.19.6", "_comment_version": "Also update version in `composer.json`!",
     "description": "Get notified when a famous person dies.",
     "author": "Florine W. Dekker",
     "browser": "dist/bundle.js",

src/main/config.default.ini.php

@@ -1,7 +1,5 @@
 ;<?php exit(); ?>
 
-# TODO: Add i18n
-
 [admin]
 # bcrypt hash of password to use the CLI of `api.php`. If set to its default value, or if empty, the CLI is disabled.
 cli_password = REPLACE THIS WITH A SECRET VALUE

src/main/css/main.css

@@ -32,7 +32,8 @@ a.red-link {
 
 /* Messages */
 #global-message,
-#shared-status-card {
+#shared-status-card,
+#about-part {
     margin-bottom: 0;
 }
 

src/main/index.html

@@ -56,10 +56,28 @@
                 <a href="./">Click here to return to the main page.</a>
             </p>
 
+            <article id="about-part">
+                <header>
+                    <hgroup>
+                        <h2>About</h2>
+                        <h3>What is Death Notifier?</h3>
+                    </hgroup>
+                </header>
+                <p>
+                    Wikipedia's editors are
+                    <a href="https://knowyourmeme.com/memes/wikipedia-editors-when-someone-dies" target="_blank">infamous</a>
+                    for the speed at which they update the encyclopedia if someone has died.
+                    <b>What if you could harness this power for yourself?</b>
+                </p>
+
+                <p>
+                    Add the famous people that are important to you, and Death Notifier will automatically email you if
+                    they have passed away (according to some random editor).
+                </p>
+            </article>
+
             <div id="welcome-part" class="grid hidden">
                 <article>
-                    <!-- TODO: Add paragraph explaining what Death Notifier is on main page -->
-                    <!-- TODO: Disable login form after logging in -->
                     <header>
                         <hgroup>
                             <h2>Log in</h2>

src/main/js/Main.ts

@@ -287,17 +287,23 @@ doAfterLoad(() => {
         refreshUserData();
         refreshTrackings();
 
+        $("#about-part").classList.add("hidden");
         $("#welcome-part").classList.add("hidden");
         $("#tracking-part").classList.remove("hidden");
         $("#settings-part").classList.remove("hidden");
+
+        window.scrollTo(0, 0);
     });
     logoutHandler.addListener(() => {
         clearMessageStatus(sharedMessageElement);
 
+        $("#about-part").classList.remove("hidden");
         $("#welcome-part").classList.remove("hidden");
         $("#tracking-part").classList.add("hidden");
         $("#settings-part").classList.add("hidden");
         $("#login-email").focus();
+
+        window.scrollTo(0, 0);
     });
 
     // Password visibility toggling

src/main/php/com/fwdekker/deathnotifier/tracking/UpdateTrackingsAction.php

@@ -104,6 +104,7 @@ class UpdateTrackingsAction extends Action
 
         // Send mails, log events
         // TODO: Restrict number of notifications to 1 per hour (excluding "oops we're not sure" message)
+        // TODO: Wait for some time after person has been marked as dead before sending the email
         $logger = LoggerUtil::with_name($this::class);
         $emails = [];