Show an intro screen while loading initial toots

toot/tui/app.py

@@ -5,7 +5,7 @@ import urwid
 
 from concurrent.futures import ThreadPoolExecutor
 
-from toot import api
+from toot import api, __version__
 
 from .constants import PALETTE
 from .entities import Status
@@ -90,7 +90,8 @@ class TUI(urwid.Frame):
         self.timeline_generator = api.home_timeline_generator(app, user, limit=40)
         # self.timeline_generator = api.public_timeline_generator(app.instance, local=False, limit=40)
 
-        self.body = urwid.Filler(urwid.Text("Loading toots...", align="center"))
+        # Show intro screen while toots are being loaded
+        self.body = self.build_intro()
         self.header = Header(app, user)
         self.footer = Footer()
         self.footer.set_status("Loading...")
@@ -106,6 +107,30 @@ class TUI(urwid.Frame):
         self.loop.run()
         self.executor.shutdown(wait=False)
 
+    def build_intro(self):
+        font = urwid.font.Thin6x6Font()
+
+        # NB: Padding with width="clip" will convert the fixed BigText widget
+        # to a flow widget so it can be used in a Pile.
+
+        big_text = "Toot {}".format(__version__)
+        big_text = urwid.BigText(("intro_bigtext", big_text), font)
+        big_text = urwid.Padding(big_text, align="center", width="clip")
+
+        intro = urwid.Pile([
+            big_text,
+            urwid.Divider(),
+            urwid.Text([
+                "Maintained by ",
+                ("intro_smalltext", "@ihabunek"),
+                " and contributors"
+            ], align="center"),
+            urwid.Divider(),
+            urwid.Text(("intro_smalltext", "Loading toots..."), align="center"),
+        ])
+
+        return urwid.Filler(intro)
+
     def run_in_thread(self, fn, args=[], kwargs={}, done_callback=None, error_callback=None):
         """Runs `fn(*args, **kwargs)` asynchronously in a separate thread.
 

toot/tui/constants.py

@@ -7,6 +7,8 @@ PALETTE = [
     ('footer_status_bold', 'white, bold', 'dark blue'),
     ('header', 'white', 'dark blue'),
     ('header_bold', 'white,bold', 'dark blue'),
+    ('intro_bigtext', 'yellow', ''),
+    ('intro_smalltext', 'light blue', ''),
 
     # Functional
     ('hashtag', 'light cyan,bold', ''),