Made external icon consitent with others

thefrontside · Dec 17, 2023 · f2a2b7b · f2a2b7b
1 parent 43efe12
commit f2a2b7b
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 22 deletions.
diff --git a/www/components/footer.tsx b/www/components/footer.tsx
@@ -1,4 +1,4 @@
-import { IconExtern } from "./icons/iconextern.tsx";
+import { IconExternal } from "./icons/external.tsx";
 
 export function Footer(): JSX.Element {
   return (
@@ -8,32 +8,32 @@ export function Footer(): JSX.Element {
           About
         </h1>
         <a class="text-gray-800" href="https://frontside.com">
-          Created by Frontside <IconExtern />
+          Created by Frontside <IconExternal />
         </a>
       </section>
       <section class="flex flex-col gap-y-1">
         <h1 class="text-sm uppercase font-bold text-blue-primary mb-4">
           OSS Projects
         </h1>
         <a href="https://frontside.com/interactors" class="text-gray-800">
-          Interactors <IconExtern />
+          Interactors <IconExternal />
         </a>
         <a href="/V2" class="text-gray-800">
-          Effection<em class="align-super text-xs">v2</em> <IconExtern />
+          Effection<em class="align-super text-xs">v2</em> <IconExternal />
         </a>
       </section>
       <section class="flex flex-col gap-y-1">
         <h1 class="text-sm uppercase font-bold text-blue-primary mb-4">
           Community
         </h1>
         <a href="https://discord.gg/r6AvtnU" class="text-gray-800">
-          Discord <IconExtern />
+          Discord <IconExternal />
         </a>
         <a 
           href="https://github.com/thefrontside/effection"
           class="text-gray-800"
         >
-          GitHub <IconExtern />
+          GitHub <IconExternal />
         </a>
       </section>
       <p class="col-span-3 text-blue-primary text-xs py-4">

diff --git a/www/components/icons/iconextern.tsx → www/components/icons/external.tsx b/www/components/icons/iconextern.tsx → www/components/icons/external.tsx
@@ -1,4 +1,4 @@
-export const IconExtern = () => (
+export const IconExternal = () => (
   <svg
     class="inline"
     width="13.5"

diff --git a/www/routes/index-route.tsx b/www/routes/index-route.tsx
@@ -140,21 +140,6 @@ export function indexRoute(): JSXHandler {
                 </Feature>
               </div>
             </section>
-            <section class="my-4">
-              <hgroup class="mx-auto max-w-2xl lg:text-center">
-                <h2 class="mt-2 text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">
-                  Crash course in Effection
-                </h2>
-                <p class="mt-6 text-lg leading-8 text-gray-600">
-                  Small API focused excusively on what you need to gain
-                  Structured Concurrency guarantees for APIs available in your
-                  JavaScript runtime.
-                </p>
-              </hgroup>
-              <div class="mx-auto mt-8 max-w-2xl sm:mt-12 lg:mt-16 lg:max-w-4xl grid grid-cols-2 gap-y-4">
-
-              </div>
-            </section>
             <Footer />
           </article>
         </>