Compare commits

...

8 Commits

Author SHA1 Message Date
b7359b66e5 fix 2022-05-12 23:48:20 +08:00
5e6a36762d fix 2022-05-12 23:31:03 +08:00
0816c17897 fix 2022-05-12 23:28:54 +08:00
8bc5cb9ba4 fix build 2022-05-12 23:19:48 +08:00
06dab46a55 Click for more 2022-05-12 23:13:52 +08:00
9460a2496e typo 2022-05-12 22:50:19 +08:00
3cff04ab24 OjO 2022-05-12 21:07:22 +08:00
1bc724aa5f OjO 2022-05-12 21:04:21 +08:00
7 changed files with 47 additions and 34 deletions

View File

@@ -0,0 +1,12 @@
export default function ClickForMore() {
return (
<span
style={{
textDecorationLine: "underline",
color: "red",
}}
>
{"点击阅读更多..."}
</span>
);
}

View File

@@ -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>
</>

View File

@@ -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={{

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -2,7 +2,7 @@ html,
body {
padding: 0;
margin: 0;
font-family:Arial, Helvetica, sans-serif
font-family:Arial, Helvetica, sans-serif;
}
a {