This commit is contained in:
parent
7ffc4f518b
commit
ab16219f3b
@ -12,21 +12,21 @@
|
|||||||
---
|
---
|
||||||
|
|
||||||
<div class="p-4 md:w-1/3">
|
<div class="p-4 md:w-1/3">
|
||||||
<div class="h-full overflow-hidden border-2 border-gray-200 rounded-lg border-opacity-60 dark:border-gray-800 dark:bg-gray-800">
|
<div class="w-full h-full overflow-hidden bg-gray-500 rounded-lg sm:pt-0 rounded-xl bg-clip-padding backdrop-filter backdrop-blur-md bg-opacity-10">
|
||||||
<img class="object-cover object-center w-full lg:h-48 md:h-36" src={image} alt="blog" draggable="false">
|
<img class="object-cover object-center w-full lg:h-48 md:h-36" src={image} alt="blog" draggable="false">
|
||||||
<div class="p-6">
|
<div class="p-6">
|
||||||
<h2 class="mb-1 text-xs font-medium tracking-widest text-gray-400 dark:text-gray-500 title-font">{category}</h2>
|
<h2 class="mb-1 text-xs font-medium tracking-widest text-gray-300">{category}</h2>
|
||||||
<h1 class="mb-3 text-lg font-medium text-gray-900 title-font dark:text-white">{title}</h1>
|
<h1 class="mb-3 text-lg font-medium text-white title-font">{title}</h1>
|
||||||
<p class="mb-3 leading-relaxed">{subtitle}</p>
|
<p class="mb-3 leading-relaxed">{subtitle}</p>
|
||||||
<div class="flex flex-wrap items-center ">
|
<div class="flex flex-wrap items-center ">
|
||||||
<a href={link} class="inline-flex items-center text-indigo-500 md:mb-2 lg:mb-0">Read
|
<a href={link} class="inline-flex items-center text-indigo-200 md:mb-2 lg:mb-0">Read
|
||||||
<svg class="w-4 h-4 ml-2" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none"
|
<svg class="w-4 h-4 ml-2" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none"
|
||||||
stroke-linecap="round" stroke-linejoin="round">
|
stroke-linecap="round" stroke-linejoin="round">
|
||||||
<path d="M5 12h14"></path>
|
<path d="M5 12h14"></path>
|
||||||
<path d="M12 5l7 7-7 7"></path>
|
<path d="M12 5l7 7-7 7"></path>
|
||||||
</svg>
|
</svg>
|
||||||
</a>
|
</a>
|
||||||
<span class="text-sm leading-none text-right text-gray-400 grow">{date}</span>
|
<span class="text-sm leading-none text-right text-gray-300 grow">{date}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
import Layout from "../../layouts/Layout.astro";
|
import Layout from "../../layouts/Layout.astro";
|
||||||
import BlogProjectCard from "../../components/misc/BlogProjectCard.astro";
|
import BlogProjectCard from "../../components/misc/BlogProjectCard.astro";
|
||||||
|
import Nav from "../../components/nav/Nav.astro";
|
||||||
|
|
||||||
export async function getStaticPaths({ paginate }: { paginate: any }) {
|
export async function getStaticPaths({ paginate }: { paginate: any }) {
|
||||||
const posts = (await Astro.glob("./**/*.{md,mdx}")).sort(
|
const posts = (await Astro.glob("./**/*.{md,mdx}")).sort(
|
||||||
@ -16,9 +17,10 @@
|
|||||||
---
|
---
|
||||||
|
|
||||||
<Layout title=" | Projects">
|
<Layout title=" | Projects">
|
||||||
|
<Nav/>
|
||||||
<main class="z-10 w-full mx-auto mt-4 md:w-5/6 lg:w-4/5 xl:w-4/5">
|
<main class="z-10 w-full mx-auto mt-4 md:w-5/6 lg:w-4/5 xl:w-4/5">
|
||||||
<section class="text-gray-600 dark:text-gray-400 body-font">
|
<section class="text-white">
|
||||||
<p class="px-5 text-2xl font-bold sm:text-2xl md:text-2xl lg:text-4xl xl:text-4xl 2xl:text-4xl">Latest
|
<p class="px-5 text-2xl font-bold drop-shadow-md sm:text-2xl md:text-2xl lg:text-4xl xl:text-4xl 2xl:text-4xl">Latest
|
||||||
Projects</p>
|
Projects</p>
|
||||||
<div class="container px-5 py-6 mx-auto">
|
<div class="container px-5 py-6 mx-auto">
|
||||||
<div class="flex flex-wrap -m-4">
|
<div class="flex flex-wrap -m-4">
|
||||||
|
Loading…
Reference in New Issue
Block a user