Fixed the errors.

This commit is contained in:
NoobDeveloper412 2024-09-28 23:06:06 +05:00
parent 0ff4bde8e9
commit 745b6ed677
4 changed files with 6 additions and 7 deletions

View file

@ -16,13 +16,13 @@ const {
<!-- Display gallery with webp images --> <!-- Display gallery with webp images -->
<div <div
class="middle-pane-big grid grid-cols-2 lg:flex lg:flex-nowrap gap-2 md:gap-[3px]" class="middle-pane-big grid grid-cols-2 lg:flex lg:flex-nowrap gap-2 md:gap-[3px] pb-2 md:pb-0"
> >
{ {
images.slice(0, 4).map((image, index) => ( images.slice(0, 4).map((image, index) => (
<div class="flex-auto overflow-hidden"> <div class="flex-auto overflow-hidden">
<img <img
class="object-cover w-full max-h-28 max-h-[80px] md:max-h-[223px] cursor-pointer gallery-image" class="object-cover w-full max-h-[75px] md:max-h-[200px] cursor-pointer gallery-image"
src={image.webp} src={image.webp}
alt={`Image ${index + 1}`} alt={`Image ${index + 1}`}
data-index={index} data-index={index}
@ -39,7 +39,7 @@ const {
images.slice(4).map((image, index) => ( images.slice(4).map((image, index) => (
<div class="flex-auto overflow-hidden"> <div class="flex-auto overflow-hidden">
<img <img
class="object-cover w-full max-h-28 max-h-[80px] md:max-h-[223px] cursor-pointer gallery-image" class="object-cover w-full max-h-[75px] md:max-h-[200px] cursor-pointer gallery-image"
src={image.webp} src={image.webp}
alt={`Image ${index + 5}`} alt={`Image ${index + 5}`}
data-index={index + 4} data-index={index + 4}

View file

@ -44,11 +44,11 @@ function personLink(person) {
<img <img
src={person.imageUrl} src={person.imageUrl}
alt={person.name} alt={person.name}
class="h-24 w-full md:h-48 object-cover object-center h-full transition duration-200 ease-in" class="min-h-[110px] w-full md:h-48 object-cover object-center transition duration-200 ease-in"
/> />
</a> </a>
<div class="mt-4"> <div class="mt-4">
<h3 class="text-xs md:text-[16px] font-bold leading-9">{person.name}</h3> <h3 class="text-[10px] pt-2 font-bold leading-3 md:leading-9 md:text-[16px] ">{person.name}</h3>
{person.refs && ( {person.refs && (
<p class="text-xs text-gray-500"> <p class="text-xs text-gray-500">

View file

@ -65,7 +65,7 @@ for (const e of upcomingEvents) {
subimage="/about/about.png" subimage="/about/about.png"
subtext="We are a think-and-do tank of hundreds of people, projects, and organizations committed to protecting and advancing civil liberties, decentralization, and open-source software." subtext="We are a think-and-do tank of hundreds of people, projects, and organizations committed to protecting and advancing civil liberties, decentralization, and open-source software."
> >
<div class="middle-pane-medium mt-10"> <div class="middle-pane-medium mt-10">th
<div class="grid grid-cols-1 xl:grid-cols-2 gap-16 mb-[82px]"> <div class="grid grid-cols-1 xl:grid-cols-2 gap-16 mb-[82px]">
<div class="flex flex-col gap-[36px] md:order-2"> <div class="flex flex-col gap-[36px] md:order-2">
<div class="md:hidden block mb-[12px]"> <div class="md:hidden block mb-[12px]">

View file

@ -4,7 +4,6 @@ export function parseAndWrapCaptions(caption) {
const parts = content.split(' '); const parts = content.split(' ');
const url = parts.find(part => part.startsWith('https://')); const url = parts.find(part => part.startsWith('https://'));
console.log(content)
if (url) { if (url) {
// If a URL is found, wrap the content in an anchor tag using the first URL // If a URL is found, wrap the content in an anchor tag using the first URL
return `<a href="${url}" return `<a href="${url}"