...

citedrive · Sep 23, 2023 · 675eb4f · 675eb4f
1 parent ded9f5f
commit 675eb4f
Show file tree

Hide file tree

Showing 6 changed files with 312 additions and 99 deletions.
diff --git a/package.json b/package.json
@@ -25,6 +25,7 @@
     "astro": "^3.0.7",
     "astro-feather-icons": "^1.0.2",
     "astro-icon": "^0.8.0",
+    "astro-og-canvas": "^0.2.1",
     "astro-seo": "^0.7.4",
     "formik": "^2.4.2",
     "preact": "^10.16.0",

diff --git a/src/components/navbar/navbar.astro b/src/components/navbar/navbar.astro
@@ -112,13 +112,11 @@ const menuitems = [
       </ul>
       <div class="lg:hidden flex items-center mt-3 gap-4">
         <LanguageSelector lang={lang} languages={languages} client:idle/>
-        <Link Style="background:#4351e2" href="#" size="md" block>Subscription</Link>
       </div>
     </nav>
     <div>
       <div class="hidden lg:flex items-center gap-4">
         <LanguageSelector lang={lang} languages={languages} client:idle/>
-        <Link Style="background:#4351e2" href="#" size="md">Subscription</Link>
       </div>
     </div>
   </header>

diff --git a/src/layouts/BlogLayout.astro b/src/layouts/BlogLayout.astro
@@ -14,12 +14,14 @@ const { title, description } = Astro.props;
 ---
 
 <Layout title={title} description={description}>
+  <div class="bg-[#eaeaea] py-24 sm:py-32 border-t border-gray-300">
+    <div class="mx-auto bg-white rounded-xl p-8 max-w-7xl px-6 lg:px-8">
   <Container>
     <div class="mx-auto max-w-[735px] mt-14">
       <div></div>
     </div>
 
-    <div class="mx-auto prose prose-lg mt-6">
+    <div class="bg-white mx-auto prose prose-lg mt-6">
       <slot />
     </div>
     <div class="text-center mt-8">
@@ -31,3 +33,5 @@ const { title, description } = Astro.props;
     </div>
   </Container>
 </Layout>
+</div>
+</div>
diff --git a/src/pages/[lang]/index.astro b/src/pages/[lang]/index.astro
@@ -23,7 +23,7 @@ export const getStaticPaths = () =>
 ---
 
 <Layout title="Blog">
-  <div class="bg-[#fef6fa] py-24 sm:py-32">
+  <div class="bg-[#eaeaea] py-24 sm:py-32 border-t border-gray-300">
     <div class="mx-auto bg-white rounded-xl p-8 max-w-7xl px-6 lg:px-8">
       <div class="mx-auto max-w-2xl lg:mx-0">
         <h2 class="text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">

diff --git a/src/pages/[lang]/tag/[...slug].astro b/src/pages/[lang]/tag/[...slug].astro
@@ -63,7 +63,7 @@ const blogEntries = await getCollection("blog", ({ id, data }) => {
 ---
 
 <Layout title={page.tag[0]} >
-  <div class="bg-[#fef6fa] py-24 sm:py-32">
+  <div class="bg-[#eaeaea] py-24 sm:py-32 border-t border-gray-300">
     <div class="mx-auto bg-white rounded-xl p-8 max-w-7xl px-6 lg:px-8">
       <div class="mx-auto max-w-2xl lg:mx-0">
         <p class="mt-2 text-lg leading-8 text-gray-600">