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="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>

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

@ -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">