Compare commits
8 Commits
5848a7cdaf
...
b7359b66e5
| Author | SHA1 | Date | |
|---|---|---|---|
|
b7359b66e5
|
|||
|
5e6a36762d
|
|||
|
0816c17897
|
|||
|
8bc5cb9ba4
|
|||
|
06dab46a55
|
|||
|
9460a2496e
|
|||
|
3cff04ab24
|
|||
|
1bc724aa5f
|
12
components/ClickForMore.js
Normal file
12
components/ClickForMore.js
Normal file
@@ -0,0 +1,12 @@
|
||||
export default function ClickForMore() {
|
||||
return (
|
||||
<span
|
||||
style={{
|
||||
textDecorationLine: "underline",
|
||||
color: "red",
|
||||
}}
|
||||
>
|
||||
{"点击阅读更多..."}
|
||||
</span>
|
||||
);
|
||||
}
|
||||
@@ -7,7 +7,7 @@ export default function Footer() {
|
||||
<>
|
||||
<footer className={styles.footer}>
|
||||
<small>
|
||||
©2022-2023 Social OJO. All Rights Reserved.
|
||||
©2022-2023 Social OjO. All Rights Reserved.
|
||||
</small>
|
||||
</footer>
|
||||
</>
|
||||
|
||||
@@ -9,7 +9,7 @@ export default function Header({ titleText }) {
|
||||
<>
|
||||
<nav className={styles.toolbar}>
|
||||
<strong>
|
||||
<Link href="/">Social OJO</Link>
|
||||
<Link href="/">Social OjO</Link>
|
||||
</strong>
|
||||
<div className={styles.nav}>
|
||||
<span>
|
||||
@@ -20,7 +20,7 @@ export default function Header({ titleText }) {
|
||||
</span>
|
||||
</div>
|
||||
</nav>
|
||||
<h1 className={styles.title}>{titleText || "Social OJO"}</h1>
|
||||
<h1 className={styles.title}>{titleText || "Social OjO"}</h1>
|
||||
<header
|
||||
className={styles.header}
|
||||
style={{
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
import Head from "next/head";
|
||||
import Link from "next/link";
|
||||
import Header from "../components/Header";
|
||||
import Footer from '../components/Footer';
|
||||
import ClickForMore from "../components/ClickForMore";
|
||||
|
||||
// styles
|
||||
import styles from "../styles/Home.module.css";
|
||||
@@ -10,26 +10,26 @@ export default function Home() {
|
||||
return (
|
||||
<div>
|
||||
<Head>
|
||||
<title>主页 - Social Eye</title>
|
||||
<meta name="description" content="Social eye 官方网站" />
|
||||
<title>主页 - Social OjO</title>
|
||||
<meta name="description" content="Social OjO 官方网站" />
|
||||
<link rel="icon" href="/favicon.ico" />
|
||||
</Head>
|
||||
|
||||
<Header></Header>
|
||||
|
||||
<main className={styles.container}>
|
||||
<Link href="/posts/map" passHref>
|
||||
<Link href="/posts/init" passHref>
|
||||
<section className={styles.postPreview}>
|
||||
<h2>全国灾害统计地图</h2>
|
||||
<small>发布于 2022-05-12</small>
|
||||
<h2>Social OjO 正式成立</h2>
|
||||
<p>平台介绍、期望及使命</p>
|
||||
<small>发布于 2022-05-12</small>{" | "}<ClickForMore />
|
||||
</section>
|
||||
</Link>
|
||||
<hr />
|
||||
<Link href="/posts/init" passHref>
|
||||
<Link href="/posts/map" passHref>
|
||||
<section className={styles.postPreview}>
|
||||
<h2>Social OJO 正式成立</h2>
|
||||
<p>平台介绍、期望及使命</p>
|
||||
<small>发布于 2022-05-12</small>
|
||||
<h2>全国灾害统计地图</h2>
|
||||
<small>发布于 2022-05-12</small>{" | "}<ClickForMore />
|
||||
</section>
|
||||
</Link>
|
||||
</main>
|
||||
|
||||
@@ -1,17 +1,16 @@
|
||||
import Head from "next/head";
|
||||
import Link from "next/link";
|
||||
import Header from "../../components/Header";
|
||||
|
||||
import styles from "../../styles/Post.module.css";
|
||||
import homeStyles from "../../styles/Home.module.css";
|
||||
|
||||
export default function Init() {
|
||||
const title = "Social OJO 正式成立";
|
||||
const title = "Social OjO 正式成立";
|
||||
return (
|
||||
<div>
|
||||
<Head>
|
||||
<title>{title} - Social Eye</title>
|
||||
<meta name="description" content="Social eye 官方网站" />
|
||||
<title>{title} - Social OjO</title>
|
||||
<meta name="description" content="Social OjO 官方网站" />
|
||||
<link rel="icon" href="/favicon.ico" />
|
||||
</Head>
|
||||
<Header></Header>
|
||||
@@ -40,12 +39,14 @@ export default function Init() {
|
||||
<p>
|
||||
这只是漫漫防灾长路的一步,不是第一步,也肯定不是最后一步。请批评,指正,和参与。
|
||||
</p>
|
||||
<p>
|
||||
<p style={{
|
||||
textAlign: "right",
|
||||
}}>
|
||||
黄匡忠
|
||||
<br />
|
||||
北师港浸大
|
||||
<br />
|
||||
2008+14, 05,12。
|
||||
2008+14, 05,12
|
||||
<br />
|
||||
</p>
|
||||
</section>
|
||||
|
||||
@@ -21,8 +21,8 @@ export default function Init() {
|
||||
return (
|
||||
<div>
|
||||
<Head>
|
||||
<title>Social OJO 正式成立 - Social Eye</title>
|
||||
<meta name="description" content="Social eye 官方网站" />
|
||||
<title>Social OjO 正式成立 - Social OjO</title>
|
||||
<meta name="description" content="Social OjO 官方网站" />
|
||||
<link rel="icon" href="/favicon.ico" />
|
||||
</Head>
|
||||
<Header></Header>
|
||||
@@ -40,7 +40,7 @@ export default function Init() {
|
||||
<h3>各省受台风影响地图</h3>
|
||||
<small>
|
||||
<Copyright />
|
||||
吴懿鹏、林思源
|
||||
吴懿鹏 林思源
|
||||
</small>
|
||||
<Image src={typhoonMapPreview} />
|
||||
</div>
|
||||
@@ -53,17 +53,17 @@ export default function Init() {
|
||||
<h3>各省干旱灾害地图</h3>
|
||||
<small>
|
||||
<Copyright />
|
||||
Keer ZHENG & Mengjia ZHENG
|
||||
郑可儿 郑梦佳
|
||||
</small>
|
||||
<Image src={doughtMapPreview} />
|
||||
</div>
|
||||
</Link>
|
||||
<Link href="#" passHref>
|
||||
<div>
|
||||
<h3>各省雪灾影响地图</h3>
|
||||
<h3>各省低温冰雪灾害地图</h3>
|
||||
<small>
|
||||
<Copyright />
|
||||
Shuyi GUO
|
||||
陈熙瑶 郭舒怡 尚阳
|
||||
</small>
|
||||
<Image src={snowMapPreview} />
|
||||
</div>
|
||||
@@ -73,17 +73,17 @@ export default function Init() {
|
||||
<h3>各省工伤统计地图</h3>
|
||||
<small>
|
||||
<Copyright />
|
||||
Stanley, Lori, & Kristin.
|
||||
姚婉谊 战云英 易佳莹
|
||||
</small>
|
||||
<Image src={workInjureMapPreview} />
|
||||
</div>
|
||||
</Link>
|
||||
<Link href="https://umap.openstreetmap.fr/zh/map/geological-disasters-in-mainland-china_758447#4/39.44/104.15" passHref>
|
||||
<div>
|
||||
<h3>各省突发地址灾害地图</h3>
|
||||
<h3>各省突发地质灾害地图</h3>
|
||||
<small>
|
||||
<Copyright />
|
||||
Sherry, Ivy, & Rika
|
||||
孙晓盈 邓忻玥 庞颖彤
|
||||
</small>
|
||||
<Image src={geologicalDisasterMapPreview} />
|
||||
</div>
|
||||
@@ -93,7 +93,7 @@ export default function Init() {
|
||||
<h3>新中国成立后各省地震数据</h3>
|
||||
<small>
|
||||
<Copyright />
|
||||
陈九如, 刘梦蝶, & 周鲲鹏
|
||||
周鲲鹏 刘梦蝶 陈九如
|
||||
</small>
|
||||
<Image src={earthquakeMapPreview} />
|
||||
</div>
|
||||
@@ -103,17 +103,17 @@ export default function Init() {
|
||||
<h3>各省森林火灾地图</h3>
|
||||
<small>
|
||||
<Copyright />
|
||||
Jessie, Peggy, & Cindy
|
||||
施适雨 黄珏晞 易欣宇
|
||||
</small>
|
||||
<Image src={forestFireMapPreview} />
|
||||
</div>
|
||||
</Link>
|
||||
<Link href="https://umap.openstreetmap.fr/en/map/untitled-map_758141#4/41.97/106.83" passHref>
|
||||
<div>
|
||||
<h3>各省洪涝旱灾地图</h3>
|
||||
<h3>各省洪涝灾害地图</h3>
|
||||
<small>
|
||||
<Copyright />
|
||||
Jade, Cherry, & Mia
|
||||
杨思怡 张芷晴 马玉
|
||||
</small>
|
||||
<Image src={floodsAndDroughtsMapPreview} />
|
||||
</div>
|
||||
@@ -123,7 +123,7 @@ export default function Init() {
|
||||
<h3>各省交通事故地图</h3>
|
||||
<small>
|
||||
<Copyright />
|
||||
Jade, Cherry, & Mia
|
||||
朱诗琪 李昕玥 苗诗扬
|
||||
</small>
|
||||
<Image src={trafficAccidentsMapPreview} />
|
||||
</div>
|
||||
|
||||
@@ -2,7 +2,7 @@ html,
|
||||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-family:Arial, Helvetica, sans-serif
|
||||
font-family:Arial, Helvetica, sans-serif;
|
||||
}
|
||||
|
||||
a {
|
||||
|
||||
Reference in New Issue
Block a user