fix: branding, rename Local -> LCL

tbdsux · tbdsux · commit 5e8678b85a33 · 2021-07-15T09:21:08.000+08:00
diff --git a/public/logo.png b/public/logo.png
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
@@ -7,16 +7,16 @@ const Footer = () => {
       <section className="w-11/12 mx-auto">
         <div className="flex flex-col md:flex-row items-center justify-between">
           <div className="my-2 md:my-0">
-            <h1 className="text-xl font-black tracking-wide text-secondary-800">
-              Local <span className="text-primary-500">Paste</span>
+            <h1 className="text-lg font-black tracking-wide text-secondary-700">
+              LCL <span className="text-primary-500">Paste</span>
             </h1>
-            <p className="text-secondary-700 text-center text-sm">
+            <p className="text-secondary-700 text-center text-xs">
               &copy; {new Date().getFullYear()} | All Rights Reserved
             </p>
             <ExternalLinkButton
               href="https://github.com/TheBoringDude"
               title="Phurma project"
-              className="text-sm text-secondary-500 hover:underline"
+              className="text-xs text-secondary-500 hover:underline"
             >
               @TheBoringDude
             </ExternalLinkButton>
diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
 import Head from 'next/head';
+import { ReactNode } from 'react';
 import { Footer } from './Footer';
 import Navigation from './Nav';
 
@@ -12,7 +12,7 @@ export default function Layout({ children, title }: LayoutProps) {
   return (
     <>
       <Head>
-        <title>{title} | Local Paste</title>
+        <title>{title} | LCL Paste</title>
         <meta charSet="utf-8" />
         <meta name="viewport" content="initial-scale=1.0, width=device-width" />
       </Head>
diff --git a/src/components/Nav.tsx b/src/components/Nav.tsx
@@ -1,6 +1,5 @@
-import { useState } from 'react';
 import Link from 'next/link';
-
+import { useState } from 'react';
 import { LinkButton } from './shared/link';
 import { UserNav } from './userNav';
 
@@ -12,8 +11,8 @@ const Navigation = () => {
       <div className="w-full sm:w-auto flex items-center justify-between">
         <Link href="/">
           <a title="Return Home">
-            <h1 className="text-xl font-black tracking-wide">
-              Local <span className="text-primary-500">Paste</span>
+            <h1 className="text-2xl font-black tracking-wide text-secondary-700">
+              LCL <span className="text-primary-500">Paste</span>
             </h1>
             <p className="text-sm text-secondary-400 tracking-wide">a simple paste(bin) manager</p>
           </a>
