Add why register information to the register page

Signed-off-by: Kai Wagner <[email protected]>

Author: ImTheKai

app/assets/stylesheets/components/session.css

@@ -30,6 +30,25 @@
   line-height: var(--line-height-relaxed);
 }
 
+.session-subtitle {
+  margin: 0 0 var(--spacing-3);
+  color: var(--color-text-primary);
+  font-size: var(--font-size-base);
+  font-weight: var(--font-weight-semibold);
+}
+
+.session-features {
+  margin: 0 0 var(--spacing-6);
+  padding-left: var(--spacing-5);
+  color: var(--color-text-secondary);
+  font-size: var(--font-size-sm);
+  line-height: var(--line-height-relaxed);
+}
+
+.session-features li + li {
+  margin-top: var(--spacing-2);
+}
+
 .session-oauth {
   margin-bottom: var(--spacing-6);
 }

app/views/registrations/new.html.slim

@@ -2,6 +2,14 @@
   .session-card
     h1.session-title Register
     p.session-text Enter your email. If it's in the archive, we'll verify and attach it. Otherwise, we'll create a new alias.
+    h2.session-subtitle Why register?
+    ul.session-features
+      li Track read progress and mark threads aware.
+      li Add private notes and tags to messages.
+      li @mention people or teams and share tags via notes.
+      li See team reading activity and unread counts.
+      li Follow contributors and get quick access to their recent threads.
+      li Connect all your email addresses to a single identity.
 
     .session-oauth
       = link_to '/auth/google_oauth2', class: 'session-oauth-button' do