fix little issues
This commit is contained in:
@@ -3,7 +3,7 @@ import FormattedDate from '@components/FormattedDate.astro';
|
|||||||
|
|
||||||
interface Props {
|
interface Props {
|
||||||
title: String;
|
title: String;
|
||||||
date: String;
|
date: Date;
|
||||||
slug?: String;
|
slug?: String;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -1,5 +1,4 @@
|
|||||||
---
|
---
|
||||||
import RSSIcon from './icons/RSS.astro';
|
|
||||||
const year = new Date().getFullYear();
|
const year = new Date().getFullYear();
|
||||||
---
|
---
|
||||||
|
|
||||||
|
|||||||
@@ -1,7 +1,4 @@
|
|||||||
---
|
---
|
||||||
import UserIcon from './icons/UserIcon.astro';
|
|
||||||
import WebsiteIcon from './icons/Website.astro';
|
|
||||||
|
|
||||||
const { pathname } = Astro.url;
|
const { pathname } = Astro.url;
|
||||||
|
|
||||||
const navLinks = [
|
const navLinks = [
|
||||||
@@ -33,7 +30,7 @@ const navLinks = [
|
|||||||
<style>
|
<style>
|
||||||
header {
|
header {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0.5rem 1rem;
|
padding: 1.5rem 1rem;
|
||||||
max-width: 800px;
|
max-width: 800px;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|||||||
@@ -8,9 +8,7 @@ export interface Props {
|
|||||||
title: string;
|
title: string;
|
||||||
}
|
}
|
||||||
|
|
||||||
const title = Astro.props.frontmatter
|
const title = Astro.props.title;
|
||||||
? Astro.props.frontmatter.title
|
|
||||||
: Astro.props.title;
|
|
||||||
---
|
---
|
||||||
|
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
|
|||||||
@@ -11,7 +11,11 @@ const posts = await getCollection('blog');
|
|||||||
<Layout title="Home">
|
<Layout title="Home">
|
||||||
{
|
{
|
||||||
posts
|
posts
|
||||||
.sort((a, b) => Date.parse(b.data.pubDate) - Date.parse(a.data.pubDate))
|
.sort(
|
||||||
|
(a, b) =>
|
||||||
|
new Date(b.data.pubDate).valueOf() -
|
||||||
|
new Date(a.data.pubDate).valueOf()
|
||||||
|
)
|
||||||
.slice(0, 5)
|
.slice(0, 5)
|
||||||
.map((post) => <PostPreview post={post} />)
|
.map((post) => <PostPreview post={post} />)
|
||||||
}
|
}
|
||||||
|
|||||||
+16
-2
@@ -17,13 +17,23 @@
|
|||||||
--red: #ce3446;
|
--red: #ce3446;
|
||||||
--orange: #e56045;
|
--orange: #e56045;
|
||||||
--text: #444444;
|
--text: #444444;
|
||||||
--background: #fffef5;
|
--background: white;
|
||||||
--flat-bg: white;
|
|
||||||
--radius: 5px;
|
--radius: 5px;
|
||||||
--shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
|
--shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
|
||||||
--border: 1px solid #7f7f7f;
|
--border: 1px solid #7f7f7f;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (prefers-color-scheme: dark) {
|
||||||
|
:root {
|
||||||
|
--blue: #5996e9;
|
||||||
|
--red: #e75969;
|
||||||
|
--orange: #e87c66;
|
||||||
|
--text: white;
|
||||||
|
--background: color(display-p3 0.141 0.149 0.216);
|
||||||
|
--border: 1px solid rgb(102, 102, 102);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
* {
|
* {
|
||||||
/* font-family: 'CrimsonText', serif; */
|
/* font-family: 'CrimsonText', serif; */
|
||||||
font-family: 'CrimsonText', serif;
|
font-family: 'CrimsonText', serif;
|
||||||
@@ -84,6 +94,10 @@ kbd {
|
|||||||
rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
|
rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
sup > a {
|
||||||
|
font-size: 0.8rem;
|
||||||
|
}
|
||||||
|
|
||||||
/* Links */
|
/* Links */
|
||||||
|
|
||||||
a {
|
a {
|
||||||
|
|||||||
Reference in New Issue
Block a user