new ogImages and ogCode | v1.0.3

toybreaker · Feb 21, 2024 · 045f9c6 · 045f9c6
1 parent 8b8e454
commit 045f9c6
Show file tree

Hide file tree

Showing 28 changed files with 40 additions and 31 deletions.
diff --git a/astro.config.mjs b/astro.config.mjs
@@ -1,18 +1,19 @@
 import { defineConfig } from 'astro/config'
 import mdx from '@astrojs/mdx'
-//import partytown from '@astrojs/partytown'
 
 export default defineConfig({
  output: 'static',
  build: {
  inlineStylesheets: 'always'
  },
+ experimental: {
+ contentCollectionCache: true
+ },
  integrations: [
  mdx({
  extendMarkdownConfig: false,
  gfm: true
  })
- //partytown()
  ],
  outDir: './dist',
  site: 'https://rokma.com/',

diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
  "name": "rokastro",
  "type": "module",
- "version": "1.0.2",
+ "version": "1.0.3",
  "scripts": {
  "dev": "astro dev",
  "build": "astro build",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/public/og/og_about.jpg b/public/og/og_about.jpg
diff --git a/public/og/og_advertising.jpg b/public/og/og_advertising.jpg
diff --git a/public/og/og_branding.jpg b/public/og/og_branding.jpg
diff --git a/public/og/og_home.jpg b/public/og/og_home.jpg
diff --git a/public/og/og_photography.jpg b/public/og/og_photography.jpg
diff --git a/public/og/og_specials.jpg b/public/og/og_specials.jpg
diff --git a/public/og/og_webdesign.jpg b/public/og/og_webdesign.jpg
diff --git a/src/assets/og_about.jpg b/src/assets/og_about.jpg
diff --git a/src/assets/og_advertising.jpg b/src/assets/og_advertising.jpg
diff --git a/src/assets/og_branding.jpg b/src/assets/og_branding.jpg
diff --git a/src/assets/og_home.jpg b/src/assets/og_home.jpg
diff --git a/src/assets/og_photography.jpg b/src/assets/og_photography.jpg
diff --git a/src/assets/og_spoecials.jpg b/src/assets/og_spoecials.jpg
diff --git a/src/assets/og_webdesign.jpg b/src/assets/og_webdesign.jpg
diff --git a/src/assets/00.jpg → src/assets/p/00.jpg b/src/assets/00.jpg → src/assets/p/00.jpg
diff --git a/src/assets/o-avatar.jpg → src/assets/p/o-avatar.jpg b/src/assets/o-avatar.jpg → src/assets/p/o-avatar.jpg
diff --git a/src/layouts/Post.astro b/src/layouts/Post.astro
@@ -9,14 +9,15 @@ const { title, category, images, tags, bodyClass } =
 
 const pageDesc = siteData.description_web
 const mainClass = 'container'
+const ogImages = images[0]
 ---
 
 <Layout
  pageTitle={title}
  pageDesc={pageDesc}
  mainClass={mainClass}
  bodyClass={category + ' ' + bodyClass}
- ogImage={images[0]}
+ ogImage={ogImages}
 >
  <div class='uppercase' slot='header'>
  <nav aria-label='breadcrumb'>

diff --git a/src/pages/about.astro b/src/pages/about.astro
@@ -19,6 +19,7 @@ export interface Props {
 const bodyClass = 'about black'
 const mainClass = 'no_padding'
 const pageTitle = 'empowers'
+const ogImage = '/og/og_about.jpg'
 const pageDesc = siteData.description
 ---
 
@@ -27,7 +28,7 @@ const pageDesc = siteData.description
  bodyClass={bodyClass}
  mainClass={mainClass}
  pageDesc={pageDesc}
- ogImage='../assets/og_about.jpg'
+ ogImage={ogImage}
 >
  <article class='container'>
  <h1 class='h3 container'>ABOUT ROKMA.</h1>

diff --git a/src/pages/advertising/index.astro b/src/pages/advertising/index.astro
@@ -41,6 +41,7 @@ export interface Props {
 const mainClass = 'container'
 const bodyClass = category
 const pageDesc = siteData.description_advertising
+const ogImage = '/og/og_advertising.jpg'
 ---
 
 <Layout
@@ -49,7 +50,7 @@ const pageDesc = siteData.description_advertising
  mainClass={mainClass}
  category={category}
  pageDesc={pageDesc}
- ogImage='../assets/og_webdesign.jpg'
+ ogImage={ogImage}
 >
  <p slot='header' class='center'>Significative Advertising works</p>
  <div class='posts'>

diff --git a/src/pages/branding/index.astro b/src/pages/branding/index.astro
@@ -41,6 +41,7 @@ export interface Props {
 const mainClass = 'container'
 const bodyClass = category + ' lightgray'
 const pageDesc = siteData.description_branding
+const ogImage = '/og/og_branding.jpg'
 ---
 
 <Layout
@@ -49,7 +50,7 @@ const pageDesc = siteData.description_branding
  mainClass={mainClass}
  category={category}
  pageDesc={pageDesc}
- ogImage='../assets/og_webdesign.jpg'
+ ogImage={ogImage}
 >
  <p slot='header' class='center'>Noteworthy Branding projects</p>
  <div class='posts'>

diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -26,6 +26,7 @@ export interface Props {
 const bodyClass = 'home'
 const mainClass = 'no_padding'
 const pageTitle = 'empowers'
+const ogImage = '/og/og_home.jpg'
 const pageDesc = siteData.description
 ---
 
@@ -34,7 +35,7 @@ const pageDesc = siteData.description
  bodyClass={bodyClass}
  mainClass={mainClass}
  pageDesc={pageDesc}
- ogImage='../assets/og_home.jpg'
+ ogImage={ogImage}
 >
  <section class='intro why full_height hero'>
  <div class='container'>

diff --git a/src/pages/photography/index.astro b/src/pages/photography/index.astro
@@ -43,9 +43,7 @@ export interface Props {
 const mainClass = 'container'
 const bodyClass = category + ' black'
 const pageDesc = siteData.description_photography
-//const pickedTags = 'photography'
-
-// console.log(pickedTags)
+const ogImage = '/og/og_photography.jpg'
 
 const relatedPosts = await getCollection('posts', ({ data }) => {
  return (
@@ -62,7 +60,7 @@ const relatedPosts = await getCollection('posts', ({ data }) => {
  mainClass={mainClass}
  category={category}
  pageDesc={pageDesc}
- ogImage='../assets/og_webdesign.jpg'
+ ogImage={ogImage}
 >
  <p slot='header' class='center'>Pretty Cool Photography projects.</p>
  <div class='posts featured'>

diff --git a/src/pages/specials/index.astro b/src/pages/specials/index.astro
@@ -41,6 +41,7 @@ export interface Props {
 const mainClass = 'container'
 const bodyClass = category + ' white'
 const pageDesc = siteData.description_specials
+const ogImage = '/og/og_specials.jpg'
 ---
 
 <Layout
@@ -49,7 +50,7 @@ const pageDesc = siteData.description_specials
  mainClass={mainClass}
  category={category}
  pageDesc={pageDesc}
- ogImage='../assets/og_webdesign.jpg'
+ ogImage={ogImage}
 >
  <p slot='header' class='center'>Special one-shot projects</p>
  <div class='posts'>

diff --git a/src/pages/websites/index.astro b/src/pages/websites/index.astro
@@ -41,6 +41,7 @@ export interface Props {
 const mainClass = 'container'
 const bodyClass = category + ' darkgray'
 const pageDesc = siteData.description_web
+const ogImage = '/og/og_webdesign.jpg'
 ---
 
 <Layout
@@ -49,7 +50,7 @@ const pageDesc = siteData.description_web
  mainClass={mainClass}
  category={category}
  pageDesc={pageDesc}
- ogImage='../assets/og_webdesign.jpg'
+ ogImage={ogImage}
 >
  <p slot='header' class='center'>Recently Crafted Digital Products</p>
  <div class='posts'>

diff --git a/tsconfig.json b/tsconfig.json
@@ -9,7 +9,8 @@
  "@data/*": ["src/data/*"],
  "@fav/*": ["public/assets/favicons/*"],
  "@layouts/*": ["src/layouts/*"],
- "@p/*": ["src/assets/*"],
+ "@p/*": ["src/assets/p/*"],
+ "@og/*": ["src/assets/p/og/*"],
  "@scripts/*": ["src/scripts/*"],
  "@svgs/*": ["src/assets/svgs/*"],
  "@assets/*": ["public/assets/*"],