Files
social-ojo.org/src/pages/index.js
2022-10-24 14:23:11 +08:00

60 lines
1.7 KiB
JavaScript

import * as React from "react"
import * as styles from "../styles/Home.module.css"
import {StaticImage} from "gatsby-plugin-image"
import Header from "../components/Header"
import PostPreview from "../components/PostPreview"
import Footer from "../components/Footer"
const IndexPage = () => {
return (
<>
<Header Background={
<StaticImage placeholder="blurred"
style={{
gridArea: "1/1",
maxHeight: "50vh",
}}
layout="fullWidth"
alt="header background"
src="../images/mainbg.webp"
/>
} />
<main className={styles.container}>
<PostPreview
href="/posts/init"
title="Social OjO 正式成立"
description="平台介绍、期望及使命"
date="2022-05-12"
/>
<hr />
<PostPreview
href="/posts/law"
title="社会管理法律 (Social Management Law)"
description="小组研讨真实法律案件的案情和判决 Groups discuss facts and verdicts of real regal cases"
date="2022-07-06"
bg={
<StaticImage placeholder="blurred" src="../images/486.webp" alt="486 conferences photo" />
}
/>
<hr />
<PostPreview
href="/posts/map"
title="全国灾害统计地图 (Disasters Map of China)"
description=""
date="2022-05-12"
bg={
<StaticImage placeholder="blurred" src="../images/typhoon.png" alt="Typhonon map preview" />
}
/>
</main>
<Footer />
</>
)
}
export default IndexPage
export const Head = () => <title>Home Page</title>