diff --git a/src/components/content/UseCases.astro b/src/components/content/UseCases.astro index aec3a26..1d1098f 100644 --- a/src/components/content/UseCases.astro +++ b/src/components/content/UseCases.astro @@ -1,4 +1,5 @@ --- + --- <div class="mb-8 pb-8 pt-10 c-background"> @@ -87,7 +88,7 @@ /> <div class="text"> - <h4 class="font-bold">Complex Validation</h4> + <h4 class="font-bold">Forms example</h4> <p class="md:text-left"> Checkout address form with embedded store picker owned by explore. </p> diff --git a/src/layouts/ContentLayout.astro b/src/layouts/ContentLayout.astro index 66a0c1e..eb0cb02 100644 --- a/src/layouts/ContentLayout.astro +++ b/src/layouts/ContentLayout.astro @@ -8,7 +8,6 @@ import "../styles/global.css"; import GoogleFont from "./GoogleFont.astro"; -import FontAwesome from "./FontAwesome.astro"; import ThemeScript from "./ThemeScript.astro"; import Favicon from "./Favicon.astro"; import Header from "../components/Header.astro"; @@ -27,7 +26,7 @@ const formattedDate = new Date(date).toLocaleDateString("en-us", { }); --- -<!DOCTYPE html> +<!doctype html> <html class="theme-bubblegum" lang="en"> <head> <!-- Global Metadata --> @@ -37,7 +36,6 @@ const formattedDate = new Date(date).toLocaleDateString("en-us", { <slot name="meta" /> <GoogleFont /> <ThemeScript /> - <FontAwesome /> </head> <body class="max-w-4xl mx-auto min-h-screen px-6 sm:px-8"> diff --git a/src/layouts/FontAwesome.astro b/src/layouts/FontAwesome.astro deleted file mode 100644 index ef5840b..0000000 --- a/src/layouts/FontAwesome.astro +++ /dev/null @@ -1,45 +0,0 @@ ---- -/* - - README!!!! IF YOU USE ANY FONTAWESOME ICON OTHER THAN ONES - ALREADY USED IN THIS TEMPLATE, IT WON'T WORK. - UNCOMMENT THE ORIGINAL FONTAWESOME CSS FILES TO USE OTHER ICONS. - - We only use a few fontawesome icons in this template - - two brand icons (github and twitter) and a few solid icons. - So we've created a leaner version of the styles that are only needed. - 1. fontawesome.bareminimum.css - 2. brands.bareminimum.css - 3. solid.min.css is already lean so manual stripping was needed - - If you want to use any other icon, you can do one of these two things: - 1. Copy those relevant icons styles from the original - fontawesome(or)brands.css stylesheet to - fontawesome(or)brands.bareminimum.css stylesheet. - 2. Don't use the leaner *.bareminimum.css stylesheets - and instead use the full fontawesome(or)brands.min.css stylesheets. - -*/ ---- - -<Fragment> - <!-- - These are the original fontawesome stylesheets. But these are - about a 100kb and we only use a few icons in this template. - So instead we have created two custom *.bareminimum.css stylesheets - and use them in this template. If you want to uncomment these and - comment the *.bareminimum.css files. - --> - <!-- - <link href="/fontawesome/css/brands.min.css" rel="stylesheet" /> - <link href="/fontawesome/css/fontawesome.min.css" rel="stylesheet" /> - --> - - <link href="/fontawesome/css/fontawesome.bareminimum.css" rel="stylesheet" /> - <link href="/fontawesome/css/brands.bareminimum.css" rel="stylesheet" /> - - <!-- - There's no leaner version for solid.min.css because it's already lean. - --> - <link href="/fontawesome/css/solid.min.css" rel="stylesheet" /> -</Fragment> diff --git a/src/layouts/GoogleFont.astro b/src/layouts/GoogleFont.astro index bf441dd..bfe72fa 100644 --- a/src/layouts/GoogleFont.astro +++ b/src/layouts/GoogleFont.astro @@ -30,14 +30,14 @@ <Fragment> <link rel="preload" - href="/fonts/Raleway-Regular.ttf" + href="/tractor-store/fonts/Raleway-Regular.ttf" as="font" type="font/ttf" crossorigin="crossorigin" /> <link rel="preload" - href="/fonts/Raleway-MediumItalic.ttf" + href="/tractor-store/fonts/Raleway-MediumItalic.ttf" as="font" type="font/ttf" crossorigin="crossorigin" @@ -48,16 +48,18 @@ font-family: "Raleway"; font-style: normal; font-weight: 400; - src: local(""), - url("/fonts/Raleway-Regular.ttf") format("ttf"); + src: + local(""), + url("/tractor-store/fonts/Raleway-Regular.ttf") format("ttf"); } /* space-grotesk-700 - latin */ @font-face { font-family: "Raleway MediumItalic"; font-style: italic; font-weight: 400; - src: local(""), - url("/fonts/Raleway-MediumItalic.ttf") format("ttf"); + src: + local(""), + url("/tractor-store/fonts/Raleway-MediumItalic.ttf") format("ttf"); } </style> </Fragment> diff --git a/src/layouts/PageLayout.astro b/src/layouts/PageLayout.astro index c7b1442..07433f2 100644 --- a/src/layouts/PageLayout.astro +++ b/src/layouts/PageLayout.astro @@ -8,14 +8,13 @@ import "../styles/global.css"; import GoogleFont from "./GoogleFont.astro"; -import FontAwesome from "./FontAwesome.astro"; import ThemeScript from "./ThemeScript.astro"; import Favicon from "./Favicon.astro"; import Header from "../components/Header.astro"; import Footer from "../components/Footer.astro"; --- -<!DOCTYPE html> +<!doctype html> <html class="theme-bubblegum" lang="en"> <head> <!-- Global Metadata --> @@ -25,7 +24,6 @@ import Footer from "../components/Footer.astro"; <slot name="meta" /> <GoogleFont /> <ThemeScript /> - <FontAwesome /> </head> <body class="max-w-6xl mx-auto min-h-screen px-6 sm:px-8">