build out ui

src/widgets/home_page.py

@@ -0,0 +1,102 @@
+from textual.widgets import Static, Rule
+from textual.containers import Vertical, Horizontal, Center
+from textual import on
+
+from textualeffects.widgets import EffectLabel
+from terminaltexteffects.utils.graphics import Color
+
+import pyfiglet
+
+
+class HomePage(Vertical):
+    DEFAULT_CSS = """
+    HomePage {
+        content-align: center top;
+        
+        Static {
+            text-align: center;
+        }
+        
+        #banner {
+            height: 6; # probs will need to be updated
+            margin-bottom: 1;
+            
+            Rule {
+                color: $surface-lighten-2;
+                height: 100%;
+                content-align: center middle;
+                margin: 0 3;
+            }
+            
+            EffectLabel {
+                height: 100%;
+            }
+            
+            
+        }
+        
+        #bindings {
+            Horizontal {
+                max-width: 50;
+                
+                width: 50%;
+                margin-top: 1;
+                height: 1;
+                
+                .bind-name {
+                    width: 75%;
+                }
+                .bind-keys {
+                    width: 25%;
+                }
+
+                Static {
+                    text-align: left;
+                    link-background: transparent;
+                    link-color: $primary;
+                }
+                
+                
+            }
+            
+        }
+    }
+    """
+    
+    @on(EffectLabel.EffectFinished)
+    def restart_effect(self):
+        self.banner_label.run_worker(self.banner_label.run_effect, exclusive=True)
+
+    
+    def compose(self):
+        with Horizontal(id="banner"):
+            yield Rule()
+            self.banner_label = EffectLabel(pyfiglet.figlet_format("berry", font="sub-zero"), effect="Highlight", config={
+                "final_gradient_stops": [Color("#f263ff"), Color("#946ff2")],
+                "cycles": 0
+            })
+            yield self.banner_label
+            yield Rule()
+
+        yield Static("[dim]The text editor that no one asked for and didn't need.[/]")
+        
+        # bindings
+        with Center(id="bindings"):
+            binds = self.app.bind_keys
+            
+            with Horizontal():
+                yield Static("[b] New file[/]", classes="bind-name")
+                yield Static(f"[@click=app.new]{binds["new"]}[/]", classes="bind-keys")
+            
+            with Horizontal():
+                yield Static("[b] Open file[/]", classes="bind-name")
+                yield Static(f"[@click=app.open]{binds["open"]}[/]", classes="bind-keys")
+            
+            with Horizontal():
+                yield Static("[b] Open Folder[/]", classes="bind-name")
+                yield Static(f"[@click=app.open_folder]{binds["open-folder"]}[/]", classes="bind-keys")
+            
+            with Horizontal():
+                yield Static("[b] Settings[/]", classes="bind-name")
+                yield Static(f"[@click=app.settings]{binds["settings"]}[/]", classes="bind-keys")
+