thomascole/Personal-Site
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

Fixed blog colors
Some checks failed
Build Site / Build-Site (18.x) (push) Failing after 35s
Details

Browse Source
This commit is contained in:
Thomas Cole 2024-01-16 09:39:11 -05:00
parent 7ffc4f518b
commit ab16219f3b
2 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/misc/BlogProjectCard.astro
View File

@ -12,21 +12,21 @@
---
<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">
<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>
<h1 class="mb-3 text-lg font-medium text-gray-900 title-font dark:text-white">{title}</h1>
<h2 class="mb-1 text-xs font-medium tracking-widest text-gray-300">{category}</h2>
<h1 class="mb-3 text-lg font-medium text-white title-font">{title}</h1>
<p class="mb-3 leading-relaxed">{subtitle}</p>
<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"
stroke-linecap="round" stroke-linejoin="round">
<path d="M5 12h14"></path>
<path d="M12 5l7 7-7 7"></path>
</svg>
</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>

6
src/pages/projects/[page].astro
View File

@ -1,6 +1,7 @@
---
import Layout from "../../layouts/Layout.astro";
import BlogProjectCard from "../../components/misc/BlogProjectCard.astro";
import Nav from "../../components/nav/Nav.astro";
export async function getStaticPaths({ paginate }: { paginate: any }) {
const posts = (await Astro.glob("./**/*.{md,mdx}")).sort(
@ -16,9 +17,10 @@
---
<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">
<section class="text-gray-600 dark:text-gray-400 body-font">
<p class="px-5 text-2xl font-bold sm:text-2xl md:text-2xl lg:text-4xl xl:text-4xl 2xl:text-4xl">Latest
<section class="text-white">
<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>
<div class="container px-5 py-6 mx-auto">
<div class="flex flex-wrap -m-4">