refactor: rename tamil font family to Ink (because it resembles fountain pen)

frontend/src/components/editor/ToolBar.tsx

@@ -30,7 +30,7 @@ const FONT_FAMILIES: Map<string, string> = new Map([
   ["Handwriting", "Architects Daughter"],
   ["Slab", "Cutive Mono"],
   ["Mono", "Space Mono"],
-  ["Tamil", "Kavivanar"],
+  ["Ink", "Kavivanar"],
   ["Crazy(pls no)", "Redacted Script"],
 ]);
 const FONT_COLORS: Map<string, string> = new Map([

frontend/src/index.css

@@ -48,7 +48,7 @@
   --font-sans: "Jost Variable", sans-serif;
   --font-serif: "Playfair Display Variable", serif;
   --font-mono: "Space Mono", monospace;
-  --font-tamil: "Kavivanar", sans-serif;
+  --font-ink: "Kavivanar", sans-serif;
   --font-redact: "Redacted Script", cursive;
   --font-slab: "Cutive Mono", monospace;
   --font-hand: "Architects Daughter", cursive;

frontend/src/pages/About.tsx

@@ -11,7 +11,6 @@ import {
   InfoIcon,
   LockKeyOpenIcon,
   LockLaminatedIcon,
-    LockOpenIcon,
   PasswordIcon,
   PeaceIcon,
   PersonArmsSpreadIcon,
@@ -127,7 +126,11 @@ function PrivacySection() {
                 </p>
               </div>
               <div className="divider divider-neutral w-1/2 mx-auto">
-                                <LockKeyOpenIcon weight="duotone" className="-scale-x-100 text-base-200 w-full rounded-full bg-info/50" size={36} />
+                <LockKeyOpenIcon
+                  weight="duotone"
+                  className="-scale-x-100 text-base-200 w-full rounded-full bg-info/50"
+                  size={36}
+                />
               </div>
               <div className="flex flex-col items-center md:gap-2">
                 <ScrollIcon
@@ -180,7 +183,11 @@ function PrivacySection() {
                 </p>
               </div>
               <div className="divider divider-neutral w-1/2 mx-auto">
-                                <LockLaminatedIcon weight="duotone" className="text-success-content w-full rounded-full bg-success" size={36} />
+                <LockLaminatedIcon
+                  weight="duotone"
+                  className="text-success-content w-full rounded-full bg-success"
+                  size={36}
+                />
               </div>
               <div className="flex flex-col items-center md:gap-2">
                 <ScrollIcon
@@ -298,9 +305,12 @@ function SpecsSection() {
             </a>
           </span>
           <div className="w-18 h-18 flex shrink-0 items-center justify-center bg-success/20 rounded-full p-0 ">
-                        <VaultIcon size={36} weight="duotone" className="text-neutral-content" />
+            <VaultIcon
+              size={36}
+              weight="duotone"
+              className="text-neutral-content"
+            />
           </div>
-
         </p>
 
         <button
@@ -485,7 +495,7 @@ function StorySection() {
         <div className="translate-x-2">
           <Logo />
         </div>
-                <div className="flex ml-10 font-tamil text-2xl md:text-3xl group">
+        <div className="flex ml-10 font-ink text-2xl md:text-3xl group">
           <button type="button" className={"flex flex-col flex-wrap ul-wavy"}>
             பின்
             <span
@@ -526,7 +536,7 @@ function StorySection() {
                   <br />
                   <blockquote className="text-primary/50 italic mt-2 ml-2 border-l-primary/20 leading-none border-l">
                     "the most honest thing was always in the{" "}
-                                        <span className="font-tamil">பி. கு.</span>"
+                    <span className="font-ink">பி. கு.</span>"
                   </blockquote>
                 </li>
                 <li>the thing you almost didn't say.</li>
@@ -549,7 +559,9 @@ function StorySection() {
         >
           <p className={""}>
             <Logo type={"inline"} /> is an abbreviated transliteration of the
-                        Tamil word for{" "}
+            <span className="font-ink text-accent"> தமிழ் </span>
+            <span className="italic text-xs md:text-base">(Tamil) </span>word
+            for{" "}
             <button
               type="button"
               className={
@@ -593,10 +605,16 @@ function StorySection() {
             >
               don't just disappear. They
             </button>{" "}
-                        stay <span className={"text-primary font-hand"}>unsaid</span>
+            stay{" "}
-                        &mdash;a quiet weight difficult to bear.
+            <span className={"text-primary font-hand font-extrabold"}>
+              unsaid
+            </span>
+            &mdash;
+            <span className="italic">a quiet weight difficult to bear</span>.
+          </p>
+          <p className={"italic text-neutral text-center"}>
+            And that's okay...
           </p>
-                    <p className={"italic text-primary"}>And that's okay...</p>
           <p>
             <Logo type={"inline"} />
             <span className={"text-primary"}>
@@ -676,7 +694,7 @@ function ArchetypesSection() {
                 finished.
                 <br />
               </p>
-                            <p className="font-tamil font-medium opacity-70">
+              <p className="font-ink font-medium opacity-70">
                 Write the letter anyway. Keep it close.
               </p>
             </div>
@@ -706,7 +724,7 @@ function ArchetypesSection() {
                 noise of a conversation already in motion. A letter slows it
                 down.
               </p>
-                            <p className="font-tamil font-medium opacity-70">
+              <p className="font-ink font-medium opacity-70">
                 Give people their due flowers while they can still smell them.
               </p>
             </div>
@@ -743,7 +761,7 @@ function ArchetypesSection() {
                 Ask yourself of the healed wounds, forgotten fears, or the
                 things you finally learned to live with.
               </p>
-                            <p className="font-tamil font-medium opacity-70">
+              <p className="font-ink font-medium opacity-70">
                 Set a date and let a letter surprise you when you've long
                 forgotten writing it.
               </p>
@@ -769,7 +787,7 @@ function ArchetypesSection() {
                 putting it somewhere outside of yourself. <br />
                 That's sometimes enough.
               </p>
-                            <p className="font-tamil font-medium opacity-70">
+              <p className="font-ink font-medium opacity-70">
                 Say it once. All of it. Then let it fade.
               </p>
             </div>