Tweak front page

hakuzumon · Aug 13, 2024 · 7161408 · 7161408
1 parent 1865182
commit 7161408
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 7 deletions.
diff --git a/src/components/TypeAnimation.tsx b/src/components/TypeAnimation.tsx
@@ -47,6 +47,6 @@ export default function TypeAnimation(props: TypeSimulationProps) {
     setPrompt(props.showPromptInitially ?? false);
 
     return (
-        <span class={props.cssClass}>{text()}<span class="text-amber-500">{prompt() ? '_' : ''}</span></span>
+        <span class={props.cssClass}>{text()}&nbsp;<span class="text-amber-500">{prompt() ? '_' : ''}</span></span>
     )
 }
diff --git a/src/routes/index.tsx b/src/routes/index.tsx
@@ -13,21 +13,20 @@ export default function Home() {
 
     return (
         <div class="bg1">
-            <div class="p-4 md:p-8 md:pt-16 font-light text-white/85 max-w-screen-md mx-auto">
-
-                <div class="text-7xl h-[4rem]">
+            <div class="p-4 pt-8 md:p-8 md:pt-16 font-light text-white/85 max-w-screen-md mx-auto">
+                <div class="text-7xl">
                     <TypeAnimation start={a1} completed={() => setA2(true)} text={"evident."}
                                    typingDelayMs={75} cssClass="blinker"
-                                   showPromptInitially={true}></TypeAnimation>
+                                   showPromptInitially={false}></TypeAnimation>
                 </div>
 
-                <div class="mt-8 md:mt-32 w-full">
+                <div class="mt-16 md:mt-24 w-full">
                     <div class="p-8 bg-white/70 text-black/90 rounded text-xl">
                         <p>Olemme softatalo. Teemme web-, työpöytä- ja mobiilisovelluksia.</p>
                     </div>
 
                     <div class="mt-8 p-8 bg-stone-800/90 text-white/90 rounded text-lg">
-                        <p>Palveluihimme kuuluu mm.</p>
+                        <p>Palveluihimme kuuluvat mm.</p>
                         <ul class="list-disc pl-6 pt-3">
                             <li>Full-stack sovelluskehitys</li>
                             <li>Ohjelmistoarkkitehtuurin suunnittelu</li>