heimoshuiyu/social-ojo.org
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Compare commits

base: heimoshuiyu:5848a7cdaf58774d3a4c0f4429c279b6b702aad8
Branches Tags
heimoshuiyu:main
..
compare: heimoshuiyu:b7359b66e5e7fbef1d271b5621487138acc09202
Branches Tags
heimoshuiyu:main

8 Commits
5848a7cdaf ... b7359b66e5

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

12
components/ClickForMore.js Normal file
View File

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

2
components/Footer.js
View File

@@ -7,7 +7,7 @@ export default function Footer() {
<> <>
<footer className={styles.footer}> <footer className={styles.footer}>
<small> <small>
©2022-2023 Social OJO. All Rights Reserved. ©2022-2023 Social OjO. All Rights Reserved.
</small> </small>
</footer> </footer>
</> </>

4
components/Header.js
View File

@@ -9,7 +9,7 @@ export default function Header({ titleText }) {
<> <>
<nav className={styles.toolbar}> <nav className={styles.toolbar}>
<strong> <strong>
<Link href="/">Social OJO</Link> <Link href="/">Social OjO</Link>
</strong> </strong>
<div className={styles.nav}> <div className={styles.nav}>
<span> <span>
@@ -20,7 +20,7 @@ export default function Header({ titleText }) {
</span> </span>
</div> </div>
</nav> </nav>
<h1 className={styles.title}>{titleText || "Social OJO"}</h1> <h1 className={styles.title}>{titleText || "Social OjO"}</h1>
<header <header
className={styles.header} className={styles.header}
style={{ style={{

20
pages/index.js
View File

@@ -1,7 +1,7 @@
import Head from "next/head"; import Head from "next/head";
import Link from "next/link"; import Link from "next/link";
import Header from "../components/Header"; import Header from "../components/Header";
import Footer from '../components/Footer'; import ClickForMore from "../components/ClickForMore";
// styles // styles
import styles from "../styles/Home.module.css"; import styles from "../styles/Home.module.css";
@@ -10,26 +10,26 @@ export default function Home() {
return ( return (
<div> <div>
<Head> <Head>
<title>主页 - Social Eye</title> <title>主页 - Social OjO</title>
<meta name="description" content="Social eye 官方网站" /> <meta name="description" content="Social OjO 官方网站" />
<link rel="icon" href="/favicon.ico" /> <link rel="icon" href="/favicon.ico" />
</Head> </Head>
<Header></Header> <Header></Header>
<main className={styles.container}> <main className={styles.container}>
<Link href="/posts/map" passHref> <Link href="/posts/init" passHref>
<section className={styles.postPreview}> <section className={styles.postPreview}>
<h2>全国灾害统计地图</h2> <h2>Social OjO 正式成立</h2>
<small>发布于 2022-05-12</small> <p>平台介绍、期望及使命</p>
<small>发布于 2022-05-12</small>{" | "}<ClickForMore />
</section> </section>
</Link> </Link>
<hr /> <hr />
<Link href="/posts/init" passHref> <Link href="/posts/map" passHref>
<section className={styles.postPreview}> <section className={styles.postPreview}>
<h2>Social OJO 正式成立</h2> <h2>全国灾害统计地图</h2>
<p>平台介绍、期望及使命</p> <small>发布于 2022-05-12</small>{" | "}<ClickForMore />
<small>发布于 2022-05-12</small>
</section> </section>
</Link> </Link>
</main> </main>

13
pages/posts/init.js
View File

@@ -1,17 +1,16 @@
import Head from "next/head"; import Head from "next/head";
import Link from "next/link";
import Header from "../../components/Header"; import Header from "../../components/Header";
import styles from "../../styles/Post.module.css"; import styles from "../../styles/Post.module.css";
import homeStyles from "../../styles/Home.module.css"; import homeStyles from "../../styles/Home.module.css";
export default function Init() { export default function Init() {
const title = "Social OJO 正式成立"; const title = "Social OjO 正式成立";
return ( return (
<div> <div>
<Head> <Head>
<title>{title} - Social Eye</title> <title>{title} - Social OjO</title>
<meta name="description" content="Social eye 官方网站" /> <meta name="description" content="Social OjO 官方网站" />
<link rel="icon" href="/favicon.ico" /> <link rel="icon" href="/favicon.ico" />
</Head> </Head>
<Header></Header> <Header></Header>
@@ -40,12 +39,14 @@ export default function Init() {
<p> <p>
这只是漫漫防灾长路的一步，不是第一步，也肯定不是最后一步。请批评，指正，和参与。 这只是漫漫防灾长路的一步，不是第一步，也肯定不是最后一步。请批评，指正，和参与。
</p> </p>
<p> <p style={{
textAlign: "right",
}}>
黄匡忠 黄匡忠
<br /> <br />
北师港浸大 北师港浸大
<br /> <br />
2008+14, 05,12。 2008+14, 05,12
<br /> <br />
</p> </p>
</section> </section>

28
pages/posts/map.js
View File

@@ -21,8 +21,8 @@ export default function Init() {
return ( return (
<div> <div>
<Head> <Head>
<title>Social OJO 正式成立 - Social Eye</title> <title>Social OjO 正式成立 - Social OjO</title>
<meta name="description" content="Social eye 官方网站" /> <meta name="description" content="Social OjO 官方网站" />
<link rel="icon" href="/favicon.ico" /> <link rel="icon" href="/favicon.ico" />
</Head> </Head>
<Header></Header> <Header></Header>
@@ -40,7 +40,7 @@ export default function Init() {
<h3>各省受台风影响地图</h3> <h3>各省受台风影响地图</h3>
<small> <small>
<Copyright /> <Copyright />
吴懿鹏、林思源 吴懿鹏 林思源
</small> </small>
<Image src={typhoonMapPreview} /> <Image src={typhoonMapPreview} />
</div> </div>
@@ -53,17 +53,17 @@ export default function Init() {
<h3>各省干旱灾害地图</h3> <h3>各省干旱灾害地图</h3>
<small> <small>
<Copyright /> <Copyright />
Keer ZHENG & Mengjia ZHENG 郑可儿 郑梦佳
</small> </small>
<Image src={doughtMapPreview} /> <Image src={doughtMapPreview} />
</div> </div>
</Link> </Link>
<Link href="#" passHref> <Link href="#" passHref>
<div> <div>
<h3>各省雪灾影响地图</h3> <h3>各省低温冰雪灾害地图</h3>
<small> <small>
<Copyright /> <Copyright />
Shuyi GUO 陈熙瑶 郭舒怡 尚阳
</small> </small>
<Image src={snowMapPreview} /> <Image src={snowMapPreview} />
</div> </div>
@@ -73,17 +73,17 @@ export default function Init() {
<h3>各省工伤统计地图</h3> <h3>各省工伤统计地图</h3>
<small> <small>
<Copyright /> <Copyright />
Stanley, Lori, & Kristin. 姚婉谊 战云英 易佳莹
</small> </small>
<Image src={workInjureMapPreview} /> <Image src={workInjureMapPreview} />
</div> </div>
</Link> </Link>
<Link href="https://umap.openstreetmap.fr/zh/map/geological-disasters-in-mainland-china_758447#4/39.44/104.15" passHref> <Link href="https://umap.openstreetmap.fr/zh/map/geological-disasters-in-mainland-china_758447#4/39.44/104.15" passHref>
<div> <div>
<h3>各省突发地址灾害地图</h3> <h3>各省突发地质灾害地图</h3>
<small> <small>
<Copyright /> <Copyright />
Sherry, Ivy, & Rika 孙晓盈 邓忻玥 庞颖彤
</small> </small>
<Image src={geologicalDisasterMapPreview} /> <Image src={geologicalDisasterMapPreview} />
</div> </div>
@@ -93,7 +93,7 @@ export default function Init() {
<h3>新中国成立后各省地震数据</h3> <h3>新中国成立后各省地震数据</h3>
<small> <small>
<Copyright /> <Copyright />
陈九如, 刘梦蝶, & 周鲲鹏 周鲲鹏 刘梦蝶 陈九如
</small> </small>
<Image src={earthquakeMapPreview} /> <Image src={earthquakeMapPreview} />
</div> </div>
@@ -103,17 +103,17 @@ export default function Init() {
<h3>各省森林火灾地图</h3> <h3>各省森林火灾地图</h3>
<small> <small>
<Copyright /> <Copyright />
Jessie, Peggy, & Cindy 施适雨 黄珏晞 易欣宇
</small> </small>
<Image src={forestFireMapPreview} /> <Image src={forestFireMapPreview} />
</div> </div>
</Link> </Link>
<Link href="https://umap.openstreetmap.fr/en/map/untitled-map_758141#4/41.97/106.83" passHref> <Link href="https://umap.openstreetmap.fr/en/map/untitled-map_758141#4/41.97/106.83" passHref>
<div> <div>
<h3>各省洪涝旱灾地图</h3> <h3>各省洪涝灾害地图</h3>
<small> <small>
<Copyright /> <Copyright />
Jade, Cherry, & Mia 杨思怡 张芷晴 马玉
</small> </small>
<Image src={floodsAndDroughtsMapPreview} /> <Image src={floodsAndDroughtsMapPreview} />
</div> </div>
@@ -123,7 +123,7 @@ export default function Init() {
<h3>各省交通事故地图</h3> <h3>各省交通事故地图</h3>
<small> <small>
<Copyright /> <Copyright />
Jade, Cherry, & Mia 朱诗琪 李昕玥 苗诗扬
</small> </small>
<Image src={trafficAccidentsMapPreview} /> <Image src={trafficAccidentsMapPreview} />
</div> </div>

2
styles/globals.css
View File

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