render project link condtionally
This commit is contained in:
@@ -126,18 +126,22 @@ const currentUrl = Astro.url;
|
||||
<p>{project.data.description}</p>
|
||||
</div>
|
||||
|
||||
<hr class="my-4 border-t" />
|
||||
{project.data.link && (
|
||||
<>
|
||||
<hr class="my-4 border-t" />
|
||||
|
||||
<div class="flex flex-col gap-2 text-sm text-muted-foreground">
|
||||
<h3 class="text-base font-semibold">Project Links</h3>
|
||||
<ul class="list-disc pl-4">
|
||||
<li>
|
||||
<a href={project.data.link} target="_blank" rel="noopener noreferrer" aria-label="Project link">
|
||||
{project.data.link}
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="flex flex-col gap-2 text-sm text-muted-foreground">
|
||||
<h3 class="text-base font-semibold">Project Links</h3>
|
||||
<ul class="list-disc pl-4">
|
||||
<li>
|
||||
<a href={project.data.link} target="_blank" rel="noopener noreferrer" aria-label="Project link">
|
||||
{project.data.link}
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
@@ -151,18 +155,22 @@ const currentUrl = Astro.url;
|
||||
<p>{project.data.description}</p>
|
||||
</div>
|
||||
|
||||
<hr class="my-4 border-t" />
|
||||
{project.data.link && (
|
||||
<>
|
||||
<hr class="my-4 border-t" />
|
||||
|
||||
<div class="flex flex-col gap-2 text-sm text-muted-foreground">
|
||||
<h3 class="text-base font-semibold">Project Links</h3>
|
||||
<ul class="list-disc pl-4">
|
||||
<li>
|
||||
<a href={project.data.link} target="_blank" rel="noopener noreferrer" aria-label="Project link">
|
||||
{project.data.link}
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="flex flex-col gap-2 text-sm text-muted-foreground">
|
||||
<h3 class="text-base font-semibold">Project Links</h3>
|
||||
<ul class="list-disc pl-4">
|
||||
<li>
|
||||
<a href={project.data.link} target="_blank" rel="noopener noreferrer" aria-label="Project link">
|
||||
{project.data.link}
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
Reference in New Issue
Block a user