Firq/firq-dev-website
Firq/firq-dev-website
1
0
Fork 0
Code Issues Pull requests Projects Releases172 Packages1 Wiki Activity Actions

Merge fix

Browse source
This commit is contained in:
Firq 2023-03-09 11:44:18 +01:00
parent 9584987150
commit a2ee3564bc
Signed by: Firq
GPG key ID: 3ACC61C8CEC83C20
26 changed files with 1125 additions and 1039 deletions
src/components
blogCard.astro

118
src/components/blogCard.astro
View file

@ -1,71 +1,71 @@
---
export interface Props {
url: string | undefined;
title: string;
pubdate: string;
description: string;
url: string | undefined
title: string
pubdate: string
description: string
}
const options_date: Intl.DateTimeFormatOptions = {
year: "numeric",
month: "long",
day: "2-digit",
year: 'numeric',
month: 'long',
day: '2-digit',
}
const { description, pubdate, url, title } = Astro.props;
const date = new Date(pubdate).toLocaleDateString('en-GB', options_date);
const { description, pubdate, url, title } = Astro.props
const date = new Date(pubdate).toLocaleDateString('en-GB', options_date)
---
<a href={url} rel="noopener noreferrer">
<article>
<h2>{title}</h2>
<h3>{date}</h3>
<p>{description}</p>
</article>
<article>
<h2>{title}</h2>
<h3>{date}</h3>
<p>{description}</p>
</article>
</a>
<style>
a {
text-decoration: none;
height: auto;
margin: 0.5rem;
}
p {
color: white;
padding: 0em 0.5em;
text-align: left;
font-size: 1.1em;
margin: 0.5em;
}
article>h2 {
margin: 0.3em 0px;
color: var(--c-darkpurple);
font-size: 1.3em;
line-height: normal;
text-decoration: none;
}
article>h3 {
margin: 0.2em;
color: white;
font-size: 0.8em;
line-height: normal;
text-decoration: none;
}
article {
display: flex;
flex: 1;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
align-content: flex-start;
justify-content: baseline;
background-color: var(--c-darkergray);
padding: 10px;
text-align: center;
transition: transform var(--speed) var(--ease);
min-height: 100%;
width: 11rem;
}
a:hover {
transform: scale(var(--hover-scale));
}
</style>
a {
text-decoration: none;
height: auto;
margin: 0.5rem;
}
p {
color: white;
padding: 0em 0.5em;
text-align: left;
font-size: 1.1em;
margin: 0.5em;
}
article > h2 {
margin: 0.3em 0px;
color: var(--c-darkpurple);
font-size: 1.3em;
line-height: normal;
text-decoration: none;
}
article > h3 {
margin: 0.2em;
color: white;
font-size: 0.8em;
line-height: normal;
text-decoration: none;
}
article {
display: flex;
flex: 1;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
align-content: flex-start;
justify-content: baseline;
background-color: var(--c-darkergray);
padding: 10px;
text-align: center;
transition: transform var(--speed) var(--ease);
min-height: 100%;
width: 11rem;
}
a:hover {
transform: scale(var(--hover-scale));
}
</style>