update: Meta AI + fonts

lucasm · Oct 23, 2024 · 86929b5 · 86929b5
1 parent fafb963
commit 86929b5
Show file tree

Hide file tree

Showing 19 changed files with 1,116 additions and 712 deletions.
diff --git a/app/[locale]/about/page.tsx b/app/[locale]/about/page.tsx
@@ -88,8 +88,8 @@ export default function PageAbout() {
       <section>
         <div className={Style.container}>
           <div className={Style.actionContainer}>
-            <h2>Elevating your search experience</h2>
-            <p>Search decentralized. Built by people, for people.</p>
+            <h2>A healthy search experience</h2>
+            <p>Decentralized search. Built by people, for people.</p>
             <Button url="/" color="colors">
               {t('openApp')}
             </Button>

diff --git a/app/[locale]/globals.css b/app/[locale]/globals.css
@@ -33,7 +33,7 @@
     inset 0 0 0px 5px var(--color-white);
   --opacity: 0.55;
   --font-size: 1rem;
-  --font-size-small: 0.9rem;
+  --font-size-small: 0.85rem;
   --font-size-big: 1.15rem;
   --font-size-3: 1.5rem;
   --font-size-2: 2.5rem;
@@ -221,15 +221,6 @@ article hr {
   }
 }
 
-::-moz-selection {
-  color: var(--color-bg-white);
-  background: var(--color-text-black);
-}
-::selection {
-  color: var(--color-bg-white);
-  background: var(--color-text-black);
-}
-
 ::placeholder {
   color: var(--color-text-black);
   opacity: var(--opacity);

diff --git a/app/[locale]/layout.tsx b/app/[locale]/layout.tsx
@@ -13,11 +13,11 @@ const fontFamily = localFont({
       weight: '400',
       style: 'normal',
     },
-    {
-      path: '../../public/fonts/font-bold.woff2',
-      weight: '700',
-      style: 'bold',
-    },
+    // {
+    //   path: '../../public/fonts/font-bold.woff2',
+    //   weight: '700',
+    //   style: 'bold',
+    // },
   ],
 })
 

diff --git a/components/Alert/Alert.module.css b/components/Alert/Alert.module.css
@@ -3,7 +3,7 @@
   grid-template-columns: 22px auto;
   width: auto;
   padding: 2.5rem 3rem;
-  margin: 0 1rem 1rem;
+  margin: 0 1rem 2.5rem;
   height: auto;
   color: var(--color-text-black);
   font-size: var(--font-size);

diff --git a/components/Footer/Footer.module.css b/components/Footer/Footer.module.css
@@ -26,7 +26,7 @@
 }
 .container ul li a,
 .container p {
-  font-size: var(--font-size);
+  font-size: var(--font-size-small);
   color: var(--color-black-translucent-50);
   font-weight: 400;
 }

diff --git a/components/Footer/index.tsx b/components/Footer/index.tsx
@@ -23,16 +23,18 @@ export default function AppFooter() {
           </li>
           <li>
             <p>
-              <Link href="/">Findto</Link> © {year}
+              <Link href="/">Findto</Link> © {year}{' '}
+              {/* <Link href="https://lucasm.dev/">Lucas Menezes</Link> */}
             </p>
           </li>
+
           <li>
             <Link href="/about">{t('about')}</Link>
           </li>
           <li>
             <Link href="/community">{t('community')}</Link>
           </li>
-          <li>
+          {/* <li>
             <a href="https://ko-fi.com/findto" target="_blank" rel="noopener">
               {t('donate')}
             </a>
@@ -41,7 +43,7 @@ export default function AppFooter() {
             <Link href={t('feedback.url')} target="_blank" rel="noopener">
               {t('feedback.title')}
             </Link>
-          </li>
+          </li> */}
           <li>
             <Link href="/terms">{t('terms')}</Link>
           </li>
@@ -50,20 +52,20 @@ export default function AppFooter() {
           </li>
           <li>
             <Link
-              href="https://bsky.app/profile/findto.app"
+              href="https://x.com/findtoapp"
               target="_blank"
               rel="noreferrer"
-              aria-label="Bluesky">
-              <IconBluesky />
+              aria-label="X">
+              <IconX />
             </Link>
           </li>
           <li>
             <Link
-              href="https://x.com/findtoapp"
+              href="https://bsky.app/profile/findto.app"
               target="_blank"
               rel="noreferrer"
-              aria-label="X">
-              <IconX />
+              aria-label="Bluesky">
+              <IconBluesky />
             </Link>
           </li>
           <li>

diff --git a/components/Header/Header.module.css b/components/Header/Header.module.css
@@ -84,7 +84,7 @@
   border-radius: var(--radius);
   display: flex;
   height: var(--size-small);
-  font-size: var(--font-size);
+  font-size: var(--font-size-small);
   background: var(--color-black-translucent);
   color: var(--color-text-black);
   align-items: center;
@@ -94,7 +94,9 @@
 .containerSettings a svg {
   margin: 0 1rem;
 }
-
+.containerSettings select {
+  font-size: var(--font-size-small) !important;
+}
 .header .iconSettings {
   position: absolute;
   right: 0;

diff --git a/components/Search/Search.module.css b/components/Search/Search.module.css
@@ -57,7 +57,7 @@
   color: var(--color-text-black);
 }
 .searchInputContainer {
-  max-width: 700px;
+  max-width: 750px;
   width: 100%;
 }
 
@@ -73,10 +73,10 @@
   display: flex;
   float: none;
   height: auto;
-  min-height: 3.6rem;
+  min-height: 3rem;
   width: 100%;
   margin: 0;
-  padding: 1.15rem 10rem 1.15rem 1.75rem;
+  padding: 1rem 8.5rem 1rem 1.6rem;
   border: none;
   outline: none;
   color: var(--color-black);
@@ -86,7 +86,7 @@
   text-align: left;
   background: var(--color-white);
   box-shadow: var(--box-shadow);
-  border-radius: 2rem;
+  border-radius: 1.75rem;
   transition: all ease-in-out 0.25s;
 }
 .searchInput textarea:hover,
@@ -107,8 +107,8 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  height: var(--size-small);
-  width: var(--size-small);
+  height: 2rem;
+  width: 2rem;
   background: var(--color-black);
   border-radius: var(--radius-full);
   border: 0;
@@ -118,6 +118,7 @@
 }
 .searchButton svg {
   color: var(--color-white);
+  rotate: 90deg;
 }
 .searchButton svg,
 .resetButton svg {
@@ -132,6 +133,8 @@
   border-radius: 0;
   background: transparent;
   color: var(--color-black);
+  height: var(--size-small);
+  width: 2rem;
 }
 .resetButton:focus,
 .resetButton:hover {
@@ -147,7 +150,7 @@
   align-items: center;
   width: auto;
   height: 32px;
-  margin: 1rem 0 1rem 2.25rem;
+  margin: 1rem 0 1rem 2rem;
   text-align: left;
   font-size: var(--font-size-small);
   font-weight: bold;
@@ -161,7 +164,7 @@
 }
 .searchPlaceholder figure {
   width: 8rem;
-  height: 2rem;
+  height: 1.8rem;
   background-repeat: no-repeat;
   background-position: 0;
   /* background-color: yellow; */
@@ -222,22 +225,22 @@
     height: 2rem;
     width: 2rem;
   }
+  .searchButton:hover svg,
+  .searchButton:focus svg {
+    opacity: 1;
+  }
   .searchButton svg {
     width: 18px;
     height: 18px;
   }
-  .searchButton:hover svg,
-  .searchButton:focus svg {
-    opacity: 1;
+  .resetButton svg {
+    width: 14px;
+    height: 14px;
   }
-
   .resetButton {
     width: 1.75rem;
   }
-  .resetButton svg {
-    width: 18px;
-    height: 18px;
-  }
+
   .searchActions {
     right: 0.5rem;
   }

diff --git a/components/SearchTitle/SearchTitle.module.css b/components/SearchTitle/SearchTitle.module.css
@@ -17,7 +17,7 @@
 }
 
 .container h1 {
-  font-size: 3rem;
+  font-size: 2.5rem;
   color: var(--color-text-black);
 }
 

diff --git a/locales/en.json b/locales/en.json
@@ -3,8 +3,8 @@
   "country_code": "US",
   "t": {
     "componentBanner": {
-      "title": "Decentralized search on Web and AI",
-      "description": "Findto puts people in control of search   algorithms."
+      "title": "Decentralized search",
+      "description": "With Findto you control web algorithms and AI. Decentralized searches — truly free."
     },
     "componentVoiceSearch": {
       "voice": "Voice",
@@ -55,6 +55,10 @@
           "name": "Perplexity",
           "action": "https://www.perplexity.ai/?q="
         },
+        {
+          "name": "HuggingChat",
+          "action": "https://huggingface.co/chat?q="
+        },
         {
           "name": "Claude",
           "action": "https://claude.ai/newq="
@@ -64,8 +68,8 @@
           "action": "https://gemini.google.com/app?q="
         },
         {
-          "name": "HuggingChat",
-          "action": "https://huggingface.co/chat?q="
+          "name": "Meta AI",
+          "action": "https://www.meta.ai/?q="
         },
         {
           "name": "You",