init finish

This commit is contained in:
2022-05-12 20:32:34 +08:00
parent 4f976b19cd
commit 5848a7cdaf
22 changed files with 7335 additions and 174 deletions

56
pages/posts/init.js Normal file
View File

@@ -0,0 +1,56 @@
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 正式成立";
return (
<div>
<Head>
<title>{title} - Social Eye</title>
<meta name="description" content="Social eye 官方网站" />
<link rel="icon" href="/favicon.ico" />
</Head>
<Header></Header>
<main className={homeStyles.container}>
<section className={styles.post}>
<h2>{title}</h2>
<small>发布于 2022-05-12</small>
<p>今天是汶川大地震的十四周年也是国家每年的防灾减灾日</p>
<p>
十四年前UIC二百多名
师生在地震发生后前赴后继地奔赴灾区在三江水磨绵竹等地提供了灾后社区关怀服务虽然力量有限服务为期不长但师生对灾后服务的情景都记忆猶新今天我们仍在和水磨镇的小伙伴们在话家常
</p>
<p>
自此在UIC我们开设了一门灾害社会工作的选修课探索社会工作者在灾变管理的角色和社会心理应急特别是危机干预介入的技巧
</p>
<p>
转眼间我们已进入数字时代数字社交平台在武汉疫情期间使我们能在线上提供危机干预培训和督导更在线上陪同当地社工社区工作者和志愿者为社区內的新冠患者及其家人提供社会心理服务也可以连接基金会进行精准捐赠以同一模式我们服务了2020年在湖北滞留的香港市民在南韩的我国留学生和2022年面对奥米克隆的香港市民值得一提的是我们数十名毕业生都参与到线上服务当中
</p>
<p>
数字社会工作的基础经已建立大数据也能应用于灾害救援郑州洪灾期间透过收集求助信息志愿者不眠不休地尝试连接求救者和救援队也用GIS
技术将求救者和救援队的位置显示出来中间有多少失望又有多少惊喜不足为外人道UIC一名毕业生自行组织了一个信息志愿队加入了捜救者的行列不求名利实在令人感动现在各个盈利地图都在大灾时开放求助信息通道其实是向社会学习
</p>
<p>
今天是国家防灾减灾日为传承及颂掦UIC师生在灾难靣前挺身而出的优良传统我邀请了一群同学主要是社会工作及社会行政三四年级也有其他三个学部的同学制作了一个中囯灾害地图利用可视化的效果让大家初步了解中国的灾害情况
</p>
<p>
这只是漫漫防灾长路的一步不是第一步也肯定不是最后一步请批评指正和参与
</p>
<p>
黄匡忠
<br />
北师港浸大
<br />
2008+14, 05,12
<br />
</p>
</section>
</main>
</div>
);
}

136
pages/posts/map.js Normal file
View File

@@ -0,0 +1,136 @@
import Head from "next/head";
import Link from "next/link";
import Header from "../../components/Header";
import Copyright from "../../components/Copyright";
import Image from "next/image";
import styles from "../../styles/Post.module.css";
import homeStyles from "../../styles/Home.module.css";
import typhoonMapPreview from "../../public/typhoon.png";
import doughtMapPreview from "../../public/dought.png";
import snowMapPreview from "../../public/snow.jpg";
import workInjureMapPreview from "../../public/workInjury.png";
import geologicalDisasterMapPreview from '../../public/geological.png';
import earthquakeMapPreview from '../../public/earthquake.png';
import forestFireMapPreview from '../../public/forestFire.png';
import floodsAndDroughtsMapPreview from '../../public/floodsAndDroughts.png';
import trafficAccidentsMapPreview from '../../public/traffic.png';
export default function Init() {
return (
<div>
<Head>
<title>Social OJO 正式成立 - Social Eye</title>
<meta name="description" content="Social eye 官方网站" />
<link rel="icon" href="/favicon.ico" />
</Head>
<Header></Header>
<main className={homeStyles.container}>
<section className={styles.post}>
<h2>全国灾害统计地图</h2>
<small>发布于 2022-05-12</small>
<hr />
<div className={styles.grid}>
<Link
href="https://umap.openstreetmap.fr/zh/map/map_761199#4/36.24/122.08"
passHref
>
<div>
<h3>各省受台风影响地图</h3>
<small>
<Copyright />
吴懿鹏林思源
</small>
<Image src={typhoonMapPreview} />
</div>
</Link>
<Link
href="https://umap.openstreetmap.fr/zh/map/drought-disasters-in-chinas-provinces-from-2014-to_758463#5/34.940/109.248"
passHref
>
<div>
<h3>各省干旱灾害地图</h3>
<small>
<Copyright />
Keer ZHENG & Mengjia ZHENG
</small>
<Image src={doughtMapPreview} />
</div>
</Link>
<Link href="#" passHref>
<div>
<h3>各省雪灾影响地图</h3>
<small>
<Copyright />
Shuyi GUO
</small>
<Image src={snowMapPreview} />
</div>
</Link>
<Link href="https://umap.openstreetmap.fr/en/map/gis_756551#5/37.020/103.623" passHref>
<div>
<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>
<small>
<Copyright />
Sherry, Ivy, & Rika
</small>
<Image src={geologicalDisasterMapPreview} />
</div>
</Link>
<Link href="https://umap.osm.ch/en/map/map_4637#4/41.44/118.21" passHref>
<div>
<h3>新中国成立后各省地震数据</h3>
<small>
<Copyright />
陈九如, 刘梦蝶, & 周鲲鹏
</small>
<Image src={earthquakeMapPreview} />
</div>
</Link>
<Link href="https://umap.openstreetmap.fr/en/map/forest-fires-data-map-of-china-2015-2020_753341#4/35.89/104.24" passHref>
<div>
<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>
<small>
<Copyright />
Jade, Cherry, & Mia
</small>
<Image src={floodsAndDroughtsMapPreview} />
</div>
</Link>
<Link href="http://umap.openstreetmap.fr/en/map/traffic-accidents_756060#4/40.38/107.58" passHref>
<div>
<h3>各省交通事故地图</h3>
<small>
<Copyright />
Jade, Cherry, & Mia
</small>
<Image src={trafficAccidentsMapPreview} />
</div>
</Link>
</div>
</section>
</main>
</div>
);
}