Add home copy

BeauFindlay/BeauFindlay/Components/Typewriter/Typewriter.razor

@@ -10,7 +10,7 @@ else
 }
 
 @code {
-    private const int typingDelayMilliseconds = 100;
+    private const int typingDelayMilliseconds = 80;
     private const int lineEndDelayMilliseconds = 1000;
 
     private static List<Typewriter> instances = [];
@@ -23,6 +23,8 @@ else
     [Parameter]
     public string Text { get; set; } = "";
     
+    public static event Action? OnAllTypingCompleted;
+
     protected override void OnInitialized()
     {
         Text = Text.Trim();
@@ -73,6 +75,12 @@ else
             delayTimer.Dispose();
             UpdateCursorVisibility();
             StartNextInstanceTyping();
+            
+            if (!instances.Any())
+            {
+                OnAllTypingCompleted?.Invoke();
+            }
+            
             InvokeAsync(StateHasChanged);
         };
         

BeauFindlay/BeauFindlay/Pages/Home.razor

@@ -1,12 +1,46 @@
 @page "/"
 
+@implements IDisposable
+
 <PageTitle>Home - Beau Findlay</PageTitle>
 
 <div>
     <h1 class="text-3xl">
         <Typewriter Text="Hi! I'm Beau."/>
     </h1>
-   <p class="text-lg mt-3">
+
-      <Typewriter Text="Welcome to my portfolio site." />
+    <p class="text-xl mt-8">
+        <Typewriter Text="I'm a software engineer and I love building cool stuff."/>
+    </p>
+
+    <h2 class="text-2xl mt-10 underline underline-offset-4">
+        <Typewriter Text="A bit about me"/>
+    </h2>
+
+    <p class="text-xl mt-4">
+        <Typewriter Text="I mostly specialise in back-end .NET development and I build and maintain systems that scale for hundreds of thousands of global users."/>
+    </p>
+
+    <p class="text-xl mt-4">
+        <Typewriter Text="I'm currently heading up the tech as CTO at a cool company called un:hurd."/>
     </p>
 </div>
+
+@code {
+
+    protected override void OnInitialized()
+    {
+        Typewriter.OnAllTypingCompleted += HandleTypingCompleted;
+    }
+
+    private static void HandleTypingCompleted()
+    {
+        Console.WriteLine("Typewriter finished typing.");
+    }
+
+    public void Dispose()
+    {
+        Typewriter.OnAllTypingCompleted -= HandleTypingCompleted;
+    }
+
+}

BeauFindlay/BeauFindlay/wwwroot/css/app.min.css

@@ -548,22 +548,22 @@ video {
   position: static;
 }
 
+.mt-10 {
+  margin-top: 2.5rem;
+}
+
 .mt-4 {
   margin-top: 1rem;
 }
 
-.mt-3 {
+.mt-8 {
-  margin-top: 0.75rem;
+  margin-top: 2rem;
 }
 
 .flex {
   display: flex;
 }
 
-.h-full {
-  height: 100%;
-}
-
 .min-h-screen {
   min-height: 100vh;
 }
@@ -581,36 +581,17 @@ video {
   background-color: rgb(0 0 0 / var(--tw-bg-opacity));
 }
 
-.p-4 {
-  padding: 1rem;
-}
-
 .p-8 {
   padding: 2rem;
 }
 
-.py-4 {
-  padding-top: 1rem;
-  padding-bottom: 1rem;
-}
-
-.py-8 {
-  padding-top: 2rem;
-  padding-bottom: 2rem;
-}
-
-.px-4 {
-  padding-left: 1rem;
-  padding-right: 1rem;
-}
-
 .font-mono {
   font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
 }
 
-.text-lg {
+.text-2xl {
-  font-size: 1.125rem;
+  font-size: 1.5rem;
-  line-height: 1.75rem;
+  line-height: 2rem;
 }
 
 .text-3xl {
@@ -618,11 +599,37 @@ video {
   line-height: 2.25rem;
 }
 
+.text-lg {
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+}
+
+.text-xl {
+  font-size: 1.25rem;
+  line-height: 1.75rem;
+}
+
+.font-semibold {
+  font-weight: 600;
+}
+
 .text-slate-50 {
   --tw-text-opacity: 1;
   color: rgb(248 250 252 / var(--tw-text-opacity));
 }
 
+.underline {
+  text-decoration-line: underline;
+}
+
+.underline-offset-2 {
+  text-underline-offset: 2px;
+}
+
+.underline-offset-4 {
+  text-underline-offset: 4px;
+}
+
 .subpixel-antialiased {
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;