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

Fixed layout issues, added blog post, added date sorting, changed embed file, fixed old link

Browse source
This commit is contained in:
Firq 2023-03-08 23:56:44 +01:00
parent 019fea9d00
commit ec61f2ff70
Signed by: Firq
GPG key ID: 3ACC61C8CEC83C20
8 changed files with 129 additions and 17 deletions
src/components
blogCard.astro

15
src/components/blogCard.astro
View file

@ -16,7 +16,7 @@ const date = new Date(pubdate).toLocaleDateString('en-GB', options_date);
---
<a href={url} rel="noopener noreferrer">
<article class="contact do-hover">
<article>
<h2>{title}</h2>
<h3>{date}</h3>
<p>{description}</p>
@ -26,6 +26,8 @@ const date = new Date(pubdate).toLocaleDateString('en-GB', options_date);
<style>
a {
text-decoration: none;
height: auto;
margin: 0.5rem;
}
p {
color: white;
@ -50,17 +52,18 @@ const date = new Date(pubdate).toLocaleDateString('en-GB', options_date);
}
article {
display: flex;
flex: 1;
flex-wrap: wrap;
flex-direction: row;
align-items: baseline;
flex-direction: column;
align-items: center;
align-content: flex-start;
justify-content: center;
justify-content: baseline;
background-color: var(--c-darkergray);
padding: 10px;
text-align: center;
transition: transform var(--speed) var(--ease);
height: auto;
width: 172px;
min-height: 100%;
width: 11rem;
}
a:hover {
transform: scale(var(--hover-scale));