6 changed files with 24 additions and 53 deletions
--- a/astro.config.mjs
+++ b/astro.config.mjs
@ -13,7 +13,7 @@ export default defineConfig({
  vite: {
      plugins: [tailwindcss()],
  },
-  site: "https://centrodelreinodepazyjusticia.com/",
+
  //base: '/mockup/',

  integrations: [markdoc(), icon(), vue()],
--- a/src/components/BaseHead.astro
+++ b/src/components/BaseHead.astro
@ -2,14 +2,8 @@
 import { ClientRouter } from "astro:transitions";

 import { GoogleAnalytics } from 'astro-google-analytics';
-const {
-  title = "Centro del Reino de Paz y Justicia",
-  description = "",
-  image = null,
-  url = null,
-} = Astro.props;
-
-const imageUrl = image ? new URL(image, Astro.site).toString() : null;
+const { title = "Centro del Reino de Paz y Justicia", description = "" } =
+  Astro.props;
 ---

 <head>
@ -19,29 +13,7 @@ const imageUrl = image ? new URL(image, Astro.site).toString() : null;
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta name="generator" content={Astro.generator} />
   <GoogleAnalytics id="G-26KM3HWW9J" />
-
  <title>{title}</title>
-  <meta property="og:site_name" content={title} />
  <meta name="description" content={description} />
-  
-  <!-- Open Graph -->
-
-  {url && <meta property="og:url" content={url} />}
-  <meta property="og:type" content="article" />
-  <meta property="og:title" content={title} />
-  <meta property="og:description" content={description} />
-
-  {imageUrl && <meta property="og:image" content={imageUrl} />}
-  <meta property="og:image:width" content="1200">
-  <meta property="og:image:height" content="630">
-
-  <!-- Twitter -->
-
-  <meta name="twitter:card" content="summary_large_image" />
-  <meta name="twitter:title" content={title} />
-  <meta name="twitter:description" content={description} />
-  {imageUrl && <meta name="twitter:image" content={imageUrl} />}
-  {url && <meta name="twitter:url" content={url} />}
-
 </head>
 <ClientRouter />
--- a/src/components/ShareSticky.vue
+++ b/src/components/ShareSticky.vue
@ -23,6 +23,11 @@
            <Icon icon="ph:facebook-logo-thin" class="text-2xl" />
          </a>
        </li>
+        <li class="border-b pb-3">
+          <a :href="instagramUrl" target="_blank">
+            <Icon icon="ph:instagram-logo-thin" class="text-2xl" />
+          </a>
+        </li>
        <li class="border-b pb-3">
          <a :href="whatsappUrl" target="_blank">
            <Icon icon="ph:whatsapp-logo-thin" class="text-2xl" />
@ -55,6 +60,9 @@
          <a :href="facebookUrl" target="_blank" class="text-gray-600 hover:text-blue-600 transition border-b pb-3">
            <Icon icon="ph:facebook-logo-thin" class="text-2xl" />
          </a>
+          <a :href="instagramUrl" target="_blank" class="text-gray-600 hover:text-pink-600 transition border-b pb-3">
+            <Icon icon="ph:instagram-logo-thin" class="text-2xl" />
+          </a>
          <a :href="whatsappUrl" target="_blank" class="text-gray-600 hover:text-green-600 transition border-b pb-3">
            <Icon icon="ph:whatsapp-logo-thin" class="text-2xl" />
          </a>
@ -98,7 +106,9 @@ const copyLink = async () => {
    console.error("No se pudo copiar")
  }
 }
-const BASE_URL = window.location.host
+const BASE_URL = typeof window !== "undefined"
+  ? `${window.location.protocol}//${window.location.host}`
+  : ""

 const fullUrl = computed(() => {
  if (props.url.startsWith("http")) {
@ -113,4 +123,5 @@ const twitterUrl = computed(() => `https://twitter.com/intent/tweet?url=${encode
 const facebookUrl = computed(() => `https://www.facebook.com/sharer/sharer.php?u=${encodedUrl.value}`)
 const whatsappUrl = computed(() => `https://api.whatsapp.com/send?text=${encodedUrl.value}`)
 const linkedinUrl = computed(() => `https://www.linkedin.com/sharing/share-offsite/?url=${encodedUrl.value}`)
+const instagramUrl = computed(() => `https://www.instagram.com/centrodelreinodepazyjusticia`)
 </script>
--- a/src/layouts/MainLayout.astro
+++ b/src/layouts/MainLayout.astro
@ -8,13 +8,7 @@ import "@fontsource/poppins/500.css";
 import "@fontsource/poppins/700.css";
 import "@fontsource-variable/kameron";
 import ShareSticky from "../components/ShareSticky.vue"; 
-const {
-  title,
-  description,
-  image,
-  url
-} = Astro.props;
-
+const { title } = Astro.props;
 ---
 <style is:global>
  img {
@ -26,12 +20,7 @@ const {
 </style>

 <html lang="en" class="scroll-smooth">
-  <BaseHead
-    title={title}
-    description={description}
-    image={image}
-    url={url}
-  />
+  <BaseHead title={title} />
  <script>
    document.addEventListener('contextmenu', event => {
      if (event.target.tagName === 'IMG') {
@ -41,7 +30,7 @@ const {
  </script>
  <body class="font-primary">
    {Astro.url.pathname.includes('/news/') && (
-      <ShareSticky client:only url={Astro.url.href} />
+      <ShareSticky client:load url={Astro.url.href} />
    )}
    <slot />
    <Footer />
--- a/src/pages/[locale]/news/[id].astro
+++ b/src/pages/[locale]/news/[id].astro
@ -38,12 +38,7 @@ const baseSlug = routeTranslations.news[locale] || routeTranslations.news.en;
 ---
 </style>

-<MainLayout
-  title={post.data.title}
-  description={`${post.data.title} - ${post.data.city ?? ""} ${post.data.country ?? ""}`}
-  image={post.data.thumbnail}
-  url={new URL(`/${locale}/${"news"}/${post.id}`, Astro.site)}
->
+<MainLayout>
  <div class="container mx-auto md:py-16 py-8">
    <Header />
  </div>
--- a/src/pages/news/[id].astro
+++ b/src/pages/news/[id].astro
@ -19,11 +19,15 @@ export async function getStaticPaths() {
 const { post } = Astro.props;
 const { Content } = await render(post);

-console.log("astro site", Astro.site);
 const baseUrl = Astro.site ?? "https://mk8nrc8p-4321.brs.devtunnels.ms";

 const pageUrl = new URL(`/es/news/${post.id}`, baseUrl).toString();

+const imageUrl = post.data.thumbnail
+  ? new URL(post.data.thumbnail.src, baseUrl).toString()
+  : null;
+
+const description = `${post.data.title} - ${post.data.city ?? ""} ${post.data.country ?? ""}`;
 ---