LGCC
/
cdrdpyj
2
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

shared-news #20

Merged
esteban merged 4 commits from shared-news into main 2026-03-08 18:35:49 +00:00
Conversation 0 Commits 4 Files Changed 6 +53 -24
6 changed files with 53 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
astro.config.mjs
View File

@ -13,7 +13,7 @@ export default defineConfig({
vite: { vite: {
plugins: [tailwindcss()], plugins: [tailwindcss()],
}, },
site: "https://centrodelreinodepazyjusticia.com/",
//base: '/mockup/', //base: '/mockup/',
integrations: [markdoc(), icon(), vue()], integrations: [markdoc(), icon(), vue()],

32
src/components/BaseHead.astro
View File

@ -2,8 +2,14 @@
import { ClientRouter } from "astro:transitions"; import { ClientRouter } from "astro:transitions";
import { GoogleAnalytics } from 'astro-google-analytics'; import { GoogleAnalytics } from 'astro-google-analytics';
const { title = "Centro del Reino de Paz y Justicia", description = "" } = const {
Astro.props; 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;
--- ---
<head> <head>
@ -13,7 +19,29 @@ const { title = "Centro del Reino de Paz y Justicia", description = "" } =
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="generator" content={Astro.generator} /> <meta name="generator" content={Astro.generator} />
<GoogleAnalytics id="G-26KM3HWW9J" /> <GoogleAnalytics id="G-26KM3HWW9J" />
<title>{title}</title> <title>{title}</title>
<meta property="og:site_name" content={title} />
<meta name="description" content={description} /> <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> </head>
<ClientRouter /> <ClientRouter />

13
src/components/ShareSticky.vue
View File

@ -23,11 +23,6 @@
<Icon icon="ph:facebook-logo-thin" class="text-2xl" /> <Icon icon="ph:facebook-logo-thin" class="text-2xl" />
</a> </a>
</li> </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"> <li class="border-b pb-3">
<a :href="whatsappUrl" target="_blank"> <a :href="whatsappUrl" target="_blank">
<Icon icon="ph:whatsapp-logo-thin" class="text-2xl" /> <Icon icon="ph:whatsapp-logo-thin" class="text-2xl" />
@ -60,9 +55,6 @@
<a :href="facebookUrl" target="_blank" class="text-gray-600 hover:text-blue-600 transition border-b pb-3"> <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" /> <Icon icon="ph:facebook-logo-thin" class="text-2xl" />
</a> </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"> <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" /> <Icon icon="ph:whatsapp-logo-thin" class="text-2xl" />
</a> </a>
@ -106,9 +98,7 @@ const copyLink = async () => {
console.error("No se pudo copiar") console.error("No se pudo copiar")
} }
} }
const BASE_URL = typeof window !== "undefined" const BASE_URL = window.location.host
? `${window.location.protocol}//${window.location.host}`
: ""
const fullUrl = computed(() => { const fullUrl = computed(() => {
if (props.url.startsWith("http")) { if (props.url.startsWith("http")) {
@ -123,5 +113,4 @@ const twitterUrl = computed(() => `https://twitter.com/intent/tweet?url=${encode
const facebookUrl = computed(() => `https://www.facebook.com/sharer/sharer.php?u=${encodedUrl.value}`) 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 whatsappUrl = computed(() => `https://api.whatsapp.com/send?text=${encodedUrl.value}`)
const linkedinUrl = computed(() => `https://www.linkedin.com/sharing/share-offsite/?url=${encodedUrl.value}`) const linkedinUrl = computed(() => `https://www.linkedin.com/sharing/share-offsite/?url=${encodedUrl.value}`)
const instagramUrl = computed(() => `https://www.instagram.com/centrodelreinodepazyjusticia`)
</script> </script>

17
src/layouts/MainLayout.astro
View File

@ -8,7 +8,13 @@ import "@fontsource/poppins/500.css";
import "@fontsource/poppins/700.css"; import "@fontsource/poppins/700.css";
import "@fontsource-variable/kameron"; import "@fontsource-variable/kameron";
import ShareSticky from "../components/ShareSticky.vue"; import ShareSticky from "../components/ShareSticky.vue";
const { title } = Astro.props; const {
title,
description,
image,
url
} = Astro.props;
--- ---
<style is:global> <style is:global>
img { img {
@ -20,7 +26,12 @@ const { title } = Astro.props;
</style> </style>
<html lang="en" class="scroll-smooth"> <html lang="en" class="scroll-smooth">
<BaseHead title={title} /> <BaseHead
title={title}
description={description}
image={image}
url={url}
/>
<script> <script>
document.addEventListener('contextmenu', event => { document.addEventListener('contextmenu', event => {
if (event.target.tagName === 'IMG') { if (event.target.tagName === 'IMG') {
@ -30,7 +41,7 @@ const { title } = Astro.props;
</script> </script>
<body class="font-primary"> <body class="font-primary">
{Astro.url.pathname.includes('/news/') && ( {Astro.url.pathname.includes('/news/') && (
<ShareSticky client:load url={Astro.url.href} /> <ShareSticky client:only url={Astro.url.href} />
)} )}
<slot /> <slot />
<Footer /> <Footer />

7
src/pages/[locale]/news/[id].astro
View File

@ -38,7 +38,12 @@ const baseSlug = routeTranslations.news[locale] || routeTranslations.news.en;
--- ---
</style> </style>
<MainLayout> <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)}
>
<div class="container mx-auto md:py-16 py-8"> <div class="container mx-auto md:py-16 py-8">
<Header /> <Header />
</div> </div>

6
src/pages/news/[id].astro
View File

@ -19,15 +19,11 @@ export async function getStaticPaths() {
const { post } = Astro.props; const { post } = Astro.props;
const { Content } = await render(post); const { Content } = await render(post);
console.log("astro site", Astro.site);
const baseUrl = Astro.site ?? "https://mk8nrc8p-4321.brs.devtunnels.ms"; const baseUrl = Astro.site ?? "https://mk8nrc8p-4321.brs.devtunnels.ms";
const pageUrl = new URL(`/es/news/${post.id}`, baseUrl).toString(); 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 ?? ""}`;
--- ---