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

Compare commits

base: LGCC:25b4875e4710c339fcbf2360728a5d18a378c314
Branches Tags
LGCC:main
LGCC:shared-news
LGCC:update-logos
LGCC:email-form-contact
LGCC:loading-send
LGCC:prisma-sqlite
LGCC:status-postulacion
LGCC:astro-db
LGCC:delete-images-jbp
LGCC:multilingualsite
LGCC:duplicate-record-validation
LGCC:feature/seo-optimizations
LGCC:feature/carouseltext
LGCC:feature/responsive
LGCC:feature/ColumnsSection
LGCC:identitySection
..
compare: LGCC:9468b0549d7ae2d91fd105d77adca931bf7e258d
Branches Tags
LGCC:main
LGCC:shared-news
LGCC:update-logos
LGCC:email-form-contact
LGCC:loading-send
LGCC:prisma-sqlite
LGCC:status-postulacion
LGCC:astro-db
LGCC:delete-images-jbp
LGCC:multilingualsite
LGCC:duplicate-record-validation
LGCC:feature/seo-optimizations
LGCC:feature/carouseltext
LGCC:feature/responsive
LGCC:feature/ColumnsSection
LGCC:identitySection

No commits in common. "25b4875e4710c339fcbf2360728a5d18a378c314" and "9468b0549d7ae2d91fd105d77adca931bf7e258d" have entirely different histories.
25b4875e47 ... 9468b0549d

6 changed files with 24 additions and 53 deletions
Show Stats 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,14 +2,8 @@
import { ClientRouter } from "astro:transitions"; import { ClientRouter } from "astro:transitions";
import { GoogleAnalytics } from 'astro-google-analytics'; import { GoogleAnalytics } from 'astro-google-analytics';
const { const { title = "Centro del Reino de Paz y Justicia", description = "" } =
title = "Centro del Reino de Paz y Justicia", Astro.props;
description = "",
image = null,
url = null,
} = Astro.props;
const imageUrl = image ? new URL(image, Astro.site).toString() : null;
--- ---
<head> <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="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,6 +23,11 @@
<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" />
@ -55,6 +60,9 @@
<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>
@ -98,7 +106,9 @@ const copyLink = async () => {
console.error("No se pudo copiar") 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(() => { const fullUrl = computed(() => {
if (props.url.startsWith("http")) { 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 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,13 +8,7 @@ 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 { const { title } = Astro.props;
title,
description,
image,
url
} = Astro.props;
--- ---
<style is:global> <style is:global>
img { img {
@ -26,12 +20,7 @@ const {
</style> </style>
<html lang="en" class="scroll-smooth"> <html lang="en" class="scroll-smooth">
<BaseHead <BaseHead title={title} />
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') {
@ -41,7 +30,7 @@ const {
</script> </script>
<body class="font-primary"> <body class="font-primary">
{Astro.url.pathname.includes('/news/') && ( {Astro.url.pathname.includes('/news/') && (
<ShareSticky client:only url={Astro.url.href} /> <ShareSticky client:load url={Astro.url.href} />
)} )}
<slot /> <slot />
<Footer /> <Footer />

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

@ -38,12 +38,7 @@ 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,11 +19,15 @@ 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 ?? ""}`;
--- ---