feat(logo): new logo

frontend/index.html

@@ -4,7 +4,7 @@
   <meta charset="UTF-8" />
   <link href="/public/manifest.json" rel="manifest">
   <link href="/public/favicon.png" rel="icon" type="image/png" />
-  <link href="/public/favicon.png" rel="apple-touch-icon">
+  <link href="/public/icon-ios.png" rel="apple-touch-icon">
   <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
   <meta content="yes" name="apple-mobile-web-app-capable">
   <meta content="Vortex Notes" name="apple-mobile-web-app-title">

frontend/src/components/Navbar.tsx

@@ -14,7 +14,6 @@ const Navbar: React.FC<Props> = () => {
   const isHome = location.pathname === '/'
   const [theme, setTheme] = useTheme()
 
-  const onGoBack = () => navigate('/')
   const onSearch = search.bind(this, input, navigate)
 
   const navbarBg = isHome ? '' : 'bg-white dark:bg-black dark:bg-transparent-20'
@@ -32,18 +31,18 @@ const Navbar: React.FC<Props> = () => {
       <div className="flex flex-row items-center justify-between m-auto w-full px-5 max-w-lg sm:max-w-6xl">
         {isHome && <div className="flex-1"></div>}
         {!isHome && (
-          <h1
-            className="text-2xl md:text-4xl font-bold mr-5 cursor-pointer select-none"
-            style={{ fontFamily: 'Major Mono Display' }}
-            onClick={onGoBack}>
-            <span className="text-red-500">V</span>
-            <span className="text-violet-700">N</span>
-            <span>OTE</span>
-          </h1>
+          <Link to="/" className="flex flex-row items-center">
+            <img src="/public/icon-200x200.png" className="w-10 mr-2" alt="" />
+            <span
+              style={{ fontFamily: 'Major Mono Display' }}
+              className="text-xl text-black dark:text-white">
+              VORTEX
+            </span>
+          </Link>
         )}
         {!isHome && (
           <div className="flex-1 hidden sm:flex">
-            <section className="relative w-full md:w-1/2 rounded-md border border-black border-opacity-10 dark:border-white dark:border-opacity-20">
+            <section className="relative w-full md:w-1/2 ml-4 rounded-md border border-black border-opacity-10 dark:border-white dark:border-opacity-20">
               <input
                 type="text"
                 name="keywords"

frontend/src/index.css

@@ -73,3 +73,8 @@ mark {
     color: var(--theme-mark-color);
     font-weight: 700;
 }
+
+.wmde-markdown ol li {
+    list-style: auto;
+}
+

frontend/src/screens/HomeScreen/HomeScreen.tsx

@@ -14,13 +14,12 @@ const HomeScreen: React.FC = () => {
     <main className="flex flex-1">
       <Navbar />
       <div className="flex flex-col mt-28 sm:m-auto items-center w-full px-5 transition-all duration-150 max-w-xl">
-        <h1
-          className="font-bold align-middle mb-8 text-4xl sm:text-5xl select-none"
-          style={{ fontFamily: 'Major Mono Display' }}>
-          <span className="text-red-500">V</span>
-          <span className="text-violet-700">N</span>
-          <span>OTE</span>
-        </h1>
+        <div className="flex flex-col items-center">
+          <img src="/public/icon-200x200.png" className="w-28" alt="" />
+          <span style={{ fontFamily: 'Major Mono Display' }} className="text-sm mb-5">
+            vortex notes
+          </span>
+        </div>
         <section className="relative mb-10 w-full border border-black border-opacity-20 dark:border-white dark:border-opacity-30 rounded-md">
           <input
             type="text"

frontend/src/screens/SearchScreen/SearchScreen.tsx

@@ -74,11 +74,11 @@ const SearchScreen: React.FC = () => {
           <div className="mb-5" key={note.id + '_' + index}>
             <Link to={`/notes/${note.id}`}>
               <h4
-                className="mb-2 font-bold text-opacity-70 text-xl"
+                className="mb-2 font-bold text-xl"
                 dangerouslySetInnerHTML={{ __html: displayName(note.name) }}></h4>
             </Link>
             <p
-              className="font-medium opacity-80 line-clamp-5 search-content cursor-pointer"
+              className="font-medium line-clamp-5 search-content cursor-pointer"
               onClick={() => navigate(`/notes/${note.id}`)}
               dangerouslySetInnerHTML={{ __html: note.content }}></p>
             <span className="text-xs text-opacity-50">