delete everything
@@ -1,3 +0,0 @@
|
||||
{
|
||||
"extends": "next/core-web-vitals"
|
||||
}
|
||||
32
.gitignore
vendored
@@ -1,32 +0,0 @@
|
||||
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
|
||||
|
||||
# dependencies
|
||||
/node_modules
|
||||
/.pnp
|
||||
.pnp.js
|
||||
|
||||
# testing
|
||||
/coverage
|
||||
|
||||
# next.js
|
||||
/.next/
|
||||
/out/
|
||||
|
||||
# production
|
||||
/build
|
||||
|
||||
# misc
|
||||
.DS_Store
|
||||
*.pem
|
||||
|
||||
# debug
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
.pnpm-debug.log*
|
||||
|
||||
# local env files
|
||||
.env*.local
|
||||
|
||||
# vercel
|
||||
.vercel
|
||||
34
README.md
@@ -1,34 +0,0 @@
|
||||
This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
|
||||
|
||||
## Getting Started
|
||||
|
||||
First, run the development server:
|
||||
|
||||
```bash
|
||||
npm run dev
|
||||
# or
|
||||
yarn dev
|
||||
```
|
||||
|
||||
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
|
||||
|
||||
You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.
|
||||
|
||||
[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.js`.
|
||||
|
||||
The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
|
||||
|
||||
## Learn More
|
||||
|
||||
To learn more about Next.js, take a look at the following resources:
|
||||
|
||||
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
|
||||
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
|
||||
|
||||
You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
|
||||
|
||||
## Deploy on Vercel
|
||||
|
||||
The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
|
||||
|
||||
Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
|
||||
@@ -1,12 +0,0 @@
|
||||
export default function ClickForMore() {
|
||||
return (
|
||||
<span
|
||||
style={{
|
||||
textDecorationLine: "underline",
|
||||
color: "red",
|
||||
}}
|
||||
>
|
||||
{"点击阅读更多..."}
|
||||
</span>
|
||||
);
|
||||
}
|
||||
@@ -1,5 +0,0 @@
|
||||
function Copyright({ Component, pageProps }) {
|
||||
return "©";
|
||||
}
|
||||
|
||||
export default Copyright;
|
||||
@@ -1,13 +0,0 @@
|
||||
import Link from "next/link";
|
||||
|
||||
function DownloadReport({ URL }) {
|
||||
return (
|
||||
<p>
|
||||
<Link passHref href={URL}>
|
||||
<button>Report (Eng)</button>
|
||||
</Link>
|
||||
</p>
|
||||
);
|
||||
}
|
||||
|
||||
export default DownloadReport;
|
||||
@@ -1,15 +0,0 @@
|
||||
import Link from "next/link";
|
||||
|
||||
import styles from '../styles/Footer.module.css';
|
||||
|
||||
export default function Footer() {
|
||||
return (
|
||||
<>
|
||||
<footer className={styles.footer}>
|
||||
<small>
|
||||
©2022-2023 Social OjO. All Rights Reserved.
|
||||
</small>
|
||||
</footer>
|
||||
</>
|
||||
);
|
||||
}
|
||||
@@ -1,37 +0,0 @@
|
||||
import styles from "../styles/Header.module.css";
|
||||
import Link from "next/link";
|
||||
|
||||
// images
|
||||
import headerBackground from "../public/typhoon.png";
|
||||
|
||||
export default function Header({ titleText, propBG }) {
|
||||
let bgsrc = headerBackground.src;
|
||||
if (propBG) {
|
||||
bgsrc = propBG.src;
|
||||
}
|
||||
return (
|
||||
<>
|
||||
<nav className={styles.toolbar}>
|
||||
<strong>
|
||||
<Link href="/">Social OjO</Link>
|
||||
</strong>
|
||||
<div className={styles.nav}>
|
||||
<span>
|
||||
<Link href="/">主页</Link>
|
||||
</span>
|
||||
<span>
|
||||
<Link href="/posts/init">关于</Link>
|
||||
</span>
|
||||
</div>
|
||||
</nav>
|
||||
<h1 className={styles.title}>{titleText || "Social OjO"}</h1>
|
||||
<header
|
||||
className={styles.header}
|
||||
style={{
|
||||
backgroundImage: `url('${bgsrc}')`,
|
||||
}}
|
||||
>
|
||||
</header>
|
||||
</>
|
||||
);
|
||||
}
|
||||
@@ -1,30 +0,0 @@
|
||||
import styles from "../styles/Home.module.css";
|
||||
import Link from "next/link";
|
||||
import Image from "next/image";
|
||||
import ClickForMore from "./ClickForMore";
|
||||
|
||||
function PostPreview({ title, description, date, href, bg }) {
|
||||
return (
|
||||
<Link href={href} passHref>
|
||||
<section className={styles.postPreviewWrap}>
|
||||
<div className={styles.postPreview}>
|
||||
<h2>{title}</h2>
|
||||
<p>{description}</p>
|
||||
<small>发布于 {date}</small>
|
||||
{" | "}
|
||||
<ClickForMore />
|
||||
</div>
|
||||
<div
|
||||
style={{
|
||||
width: "39%",
|
||||
maxWidth: "20rem",
|
||||
}}
|
||||
>
|
||||
{bg && <Image src={bg} />}
|
||||
</div>
|
||||
</section>
|
||||
</Link>
|
||||
);
|
||||
}
|
||||
|
||||
export default PostPreview;
|
||||
@@ -1,20 +0,0 @@
|
||||
function Video({ src }) {
|
||||
const poster = src.substr(0, src.indexOf('.mp4')) + '_poster.jpg';
|
||||
return (
|
||||
<p
|
||||
style={{
|
||||
textAlign: "center",
|
||||
}}
|
||||
>
|
||||
<video
|
||||
src={src}
|
||||
poster={poster || ""}
|
||||
controls
|
||||
preload="none"
|
||||
width="70%"
|
||||
/>
|
||||
</p>
|
||||
);
|
||||
}
|
||||
|
||||
export default Video;
|
||||
@@ -1,6 +0,0 @@
|
||||
/** @type {import('next').NextConfig} */
|
||||
const nextConfig = {
|
||||
reactStrictMode: true,
|
||||
}
|
||||
|
||||
module.exports = nextConfig
|
||||
5008
package-lock.json
generated
19
package.json
@@ -1,19 +0,0 @@
|
||||
{
|
||||
"name": "social-ojo",
|
||||
"version": "0.1.0",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"dev": "next dev",
|
||||
"build": "next build",
|
||||
"start": "next start",
|
||||
"lint": "next lint"
|
||||
},
|
||||
"dependencies": {
|
||||
"eslint": "^8.19.0",
|
||||
"eslint-config-next": "^12.2.1",
|
||||
"next": "^12.2.1",
|
||||
"react": "^18.2.0",
|
||||
"react-dom": "^18.2.0",
|
||||
"sharp": "^0.30.7"
|
||||
}
|
||||
}
|
||||
@@ -1,8 +0,0 @@
|
||||
import '../styles/globals.css'
|
||||
import Footer from '../components/Footer';
|
||||
|
||||
function MyApp({Component, pageProps}) {
|
||||
return <><Component {...pageProps} /><Footer /></>
|
||||
}
|
||||
|
||||
export default MyApp
|
||||
@@ -1,5 +0,0 @@
|
||||
// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
|
||||
|
||||
export default function handler(req, res) {
|
||||
res.status(200).json({ name: 'John Doe' })
|
||||
}
|
||||
@@ -1,50 +0,0 @@
|
||||
import Head from "next/head";
|
||||
import Header from "../components/Header";
|
||||
import PostPreview from "../components/PostPreview";
|
||||
|
||||
import mainbg from "../public/mainbg.webp";
|
||||
|
||||
// styles
|
||||
import styles from "../styles/Home.module.css";
|
||||
|
||||
import bg486 from "../public/486.webp";
|
||||
import bgmap from "../public/typhoon.png";
|
||||
|
||||
export default function Home() {
|
||||
return (
|
||||
<div>
|
||||
<Head>
|
||||
<title>主页 - Social OjO</title>
|
||||
<meta name="description" content="Social OjO 官方网站" />
|
||||
<link rel="icon" href="/favicon.ico" />
|
||||
</Head>
|
||||
|
||||
<Header propBG={mainbg}></Header>
|
||||
|
||||
<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 legal cases"
|
||||
date="2022-07-06"
|
||||
bg={bg486}
|
||||
/>
|
||||
<hr />
|
||||
<PostPreview
|
||||
href="/posts/map"
|
||||
title="全国灾害统计地图 (Disasters Map of China)"
|
||||
description=""
|
||||
date="2022-05-12"
|
||||
bg={bgmap}
|
||||
/>
|
||||
</main>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -1,57 +0,0 @@
|
||||
import Head from "next/head";
|
||||
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 OjO</title>
|
||||
<meta name="description" content="Social OjO 官方网站" />
|
||||
<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 style={{
|
||||
textAlign: "right",
|
||||
}}>
|
||||
黄匡忠
|
||||
<br />
|
||||
北师港浸大
|
||||
<br />
|
||||
2008+14, 05,12
|
||||
<br />
|
||||
</p>
|
||||
</section>
|
||||
</main>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -1,43 +0,0 @@
|
||||
import Head from "next/head";
|
||||
import Header from "../../../components/Header";
|
||||
import Video from "../../../components/Video";
|
||||
|
||||
import styles from "../../../styles/Post.module.css";
|
||||
import homeStyles from "../../../styles/Home.module.css";
|
||||
|
||||
import group1bg from "../../../public/group1bg.webp";
|
||||
|
||||
export default function LawPage() {
|
||||
return (
|
||||
<div>
|
||||
<Head>
|
||||
<title>法律案件分析 - Social OjO</title>
|
||||
<meta name="description" content="Social OjO 官方网站" />
|
||||
<link rel="icon" href="/favicon.ico" />
|
||||
</Head>
|
||||
<Header propBG={group1bg}></Header>
|
||||
<main className={homeStyles.container}>
|
||||
<section className={styles.post}>
|
||||
<h2>
|
||||
残疾人劳工案例分析
|
||||
<br />
|
||||
Disabled Labor Case Study
|
||||
</h2>
|
||||
<small>发布于 2022-07-06</small>
|
||||
<hr />
|
||||
<Video
|
||||
src={
|
||||
"https://social-ojo-1301796004.cos.ap-guangzhou.myqcloud.com/videos/1/c0003_c.mp4"
|
||||
}
|
||||
/>
|
||||
<Video
|
||||
src={
|
||||
"https://social-ojo-1301796004.cos.ap-guangzhou.myqcloud.com/videos/2/1.mp4"
|
||||
}
|
||||
/>
|
||||
<div className={styles.grid}></div>
|
||||
</section>
|
||||
</main>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -1,43 +0,0 @@
|
||||
import Head from "next/head";
|
||||
import Header from "../../../components/Header";
|
||||
import Video from "../../../components/Video";
|
||||
|
||||
import styles from "../../../styles/Post.module.css";
|
||||
import homeStyles from "../../../styles/Home.module.css";
|
||||
|
||||
import group2bg from "../../../public/group2bg.webp";
|
||||
|
||||
export default function LawPage() {
|
||||
return (
|
||||
<div>
|
||||
<Head>
|
||||
<title>杀人犯潜逃的重婚案例- Social OjO</title>
|
||||
<meta name="description" content="Social OjO 官方网站" />
|
||||
<link rel="icon" href="/favicon.ico" />
|
||||
</Head>
|
||||
<Header propBG={group2bg}></Header>
|
||||
<main className={homeStyles.container}>
|
||||
<section className={styles.post}>
|
||||
<h2>
|
||||
杀人犯潜逃的重婚案例
|
||||
<br />
|
||||
The Case Analysis of Bigamy of Fugitive
|
||||
</h2>
|
||||
<small>发布于 2022-07-06</small>
|
||||
<hr />
|
||||
<Video
|
||||
src={
|
||||
"https://social-ojo-1301796004.cos.ap-guangzhou.myqcloud.com/videos/1/c0004_c.mp4"
|
||||
}
|
||||
/>
|
||||
<Video
|
||||
src={
|
||||
"https://social-ojo-1301796004.cos.ap-guangzhou.myqcloud.com/videos/2/2.mp4"
|
||||
}
|
||||
/>
|
||||
<div className={styles.grid}></div>
|
||||
</section>
|
||||
</main>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -1,43 +0,0 @@
|
||||
import Head from "next/head";
|
||||
import Header from "../../../components/Header";
|
||||
import Video from "../../../components/Video";
|
||||
|
||||
import styles from "../../../styles/Post.module.css";
|
||||
import homeStyles from "../../../styles/Home.module.css";
|
||||
|
||||
import group3bg from "../../../public/group3bg.webp";
|
||||
|
||||
export default function LawPage() {
|
||||
return (
|
||||
<div>
|
||||
<Head>
|
||||
<title>离婚案例分析- Social OjO</title>
|
||||
<meta name="description" content="Social OjO 官方网站" />
|
||||
<link rel="icon" href="/favicon.ico" />
|
||||
</Head>
|
||||
<Header propBG={group3bg}></Header>
|
||||
<main className={homeStyles.container}>
|
||||
<section className={styles.post}>
|
||||
<h2>
|
||||
离婚案例分析
|
||||
<br />
|
||||
Divorce Case Analysis
|
||||
</h2>
|
||||
<small>发布于 2022-07-06</small>
|
||||
<hr />
|
||||
<Video
|
||||
src={
|
||||
"https://social-ojo-1301796004.cos.ap-guangzhou.myqcloud.com/videos/1/c0005_c.mp4"
|
||||
}
|
||||
/>
|
||||
<Video
|
||||
src={
|
||||
"https://social-ojo-1301796004.cos.ap-guangzhou.myqcloud.com/videos/2/3.mp4"
|
||||
}
|
||||
/>
|
||||
<div className={styles.grid}></div>
|
||||
</section>
|
||||
</main>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -1,43 +0,0 @@
|
||||
import Head from "next/head";
|
||||
import Header from "../../../components/Header";
|
||||
import Video from "../../../components/Video";
|
||||
|
||||
import styles from "../../../styles/Post.module.css";
|
||||
import homeStyles from "../../../styles/Home.module.css";
|
||||
|
||||
import group4bg from "../../../public/group4bg.webp";
|
||||
|
||||
export default function LawPage() {
|
||||
return (
|
||||
<div>
|
||||
<Head>
|
||||
<title>针对未成年人的性侵犯案件分析- Social OjO</title>
|
||||
<meta name="description" content="Social OjO 官方网站" />
|
||||
<link rel="icon" href="/favicon.ico" />
|
||||
</Head>
|
||||
<Header propBG={group4bg}></Header>
|
||||
<main className={homeStyles.container}>
|
||||
<section className={styles.post}>
|
||||
<h2>
|
||||
针对未成年人的性侵犯案件分析
|
||||
<br />
|
||||
Analysis of Sexual Assault Case against Minors
|
||||
</h2>
|
||||
<small>发布于 2022-07-06</small>
|
||||
<hr />
|
||||
<Video
|
||||
src={
|
||||
"https://social-ojo-1301796004.cos.ap-guangzhou.myqcloud.com/videos/1/c0006_c.mp4"
|
||||
}
|
||||
/>
|
||||
<Video
|
||||
src={
|
||||
"https://social-ojo-1301796004.cos.ap-guangzhou.myqcloud.com/videos/2/4.mp4"
|
||||
}
|
||||
/>
|
||||
<div className={styles.grid}></div>
|
||||
</section>
|
||||
</main>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -1,38 +0,0 @@
|
||||
import Head from "next/head";
|
||||
import Header from "../../../components/Header";
|
||||
import Video from "../../../components/Video";
|
||||
|
||||
import styles from "../../../styles/Post.module.css";
|
||||
import homeStyles from "../../../styles/Home.module.css";
|
||||
|
||||
import group5bg from "../../../public/group5bg.webp";
|
||||
|
||||
export default function LawPage() {
|
||||
return (
|
||||
<div>
|
||||
<Head>
|
||||
<title>精神病患者的离婚案例分析- Social OjO</title>
|
||||
<meta name="description" content="Social OjO 官方网站" />
|
||||
<link rel="icon" href="/favicon.ico" />
|
||||
</Head>
|
||||
<Header propBG={group5bg}></Header>
|
||||
<main className={homeStyles.container}>
|
||||
<section className={styles.post}>
|
||||
<h2>
|
||||
精神病患者的离婚案例分析
|
||||
<br />
|
||||
Divorce Case Analysis of Mentally Ill Patients
|
||||
</h2>
|
||||
<small>发布于 2022-07-06</small>
|
||||
<hr />
|
||||
<Video
|
||||
src={
|
||||
"https://social-ojo-1301796004.cos.ap-guangzhou.myqcloud.com/videos/1/c0007_c.mp4"
|
||||
}
|
||||
/>
|
||||
<div className={styles.grid}></div>
|
||||
</section>
|
||||
</main>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -1,43 +0,0 @@
|
||||
import Head from "next/head";
|
||||
import Header from "../../../components/Header";
|
||||
import Video from "../../../components/Video";
|
||||
|
||||
import styles from "../../../styles/Post.module.css";
|
||||
import homeStyles from "../../../styles/Home.module.css";
|
||||
|
||||
import group6bg from "../../../public/group6bg.webp";
|
||||
|
||||
export default function LawPage() {
|
||||
return (
|
||||
<div>
|
||||
<Head>
|
||||
<title>离婚法- Social OjO</title>
|
||||
<meta name="description" content="Social OjO 官方网站" />
|
||||
<link rel="icon" href="/favicon.ico" />
|
||||
</Head>
|
||||
<Header propBG={group6bg}></Header>
|
||||
<main className={homeStyles.container}>
|
||||
<section className={styles.post}>
|
||||
<h2>
|
||||
离婚法
|
||||
<br />
|
||||
Marriage Law Case Analysis
|
||||
</h2>
|
||||
<small>发布于 2022-07-06</small>
|
||||
<hr />
|
||||
<Video
|
||||
src={
|
||||
"https://social-ojo-1301796004.cos.ap-guangzhou.myqcloud.com/videos/1/c0008_c.mp4"
|
||||
}
|
||||
/>
|
||||
<Video
|
||||
src={
|
||||
"https://social-ojo-1301796004.cos.ap-guangzhou.myqcloud.com/videos/2/6.mp4"
|
||||
}
|
||||
/>
|
||||
<div className={styles.grid}></div>
|
||||
</section>
|
||||
</main>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -1,44 +0,0 @@
|
||||
import Head from "next/head";
|
||||
import Header from "../../../components/Header";
|
||||
import Video from "../../../components/Video";
|
||||
|
||||
import styles from "../../../styles/Post.module.css";
|
||||
import homeStyles from "../../../styles/Home.module.css";
|
||||
|
||||
import group7bg from "../../../public/group7bg.webp";
|
||||
|
||||
export default function LawPage() {
|
||||
return (
|
||||
<div>
|
||||
<Head>
|
||||
<title>婚内配偶同性恋行为导致的离婚纠纷案例分析- Social OjO</title>
|
||||
<meta name="description" content="Social OjO 官方网站" />
|
||||
<link rel="icon" href="/favicon.ico" />
|
||||
</Head>
|
||||
<Header propBG={group7bg}></Header>
|
||||
<main className={homeStyles.container}>
|
||||
<section className={styles.post}>
|
||||
<h2>
|
||||
婚内配偶同性恋行为导致的离婚纠纷案例分析
|
||||
<br />
|
||||
Analysis of Divorce Disputes caused by Homosexual Behavior of
|
||||
Spouses in Marriage
|
||||
</h2>
|
||||
<small>发布于 2022-07-06</small>
|
||||
<hr />
|
||||
<Video
|
||||
src={
|
||||
"https://social-ojo-1301796004.cos.ap-guangzhou.myqcloud.com/videos/1/c0009_c.mp4"
|
||||
}
|
||||
/>
|
||||
<Video
|
||||
src={
|
||||
"https://social-ojo-1301796004.cos.ap-guangzhou.myqcloud.com/videos/2/7.mp4"
|
||||
}
|
||||
/>
|
||||
<div className={styles.grid}></div>
|
||||
</section>
|
||||
</main>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -1,144 +0,0 @@
|
||||
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 BG486 from "../../../public/486.webp";
|
||||
import group1bg from "../../../public/group1bg.webp";
|
||||
import group2bg from "../../../public/group2bg.webp";
|
||||
import group3bg from "../../../public/group3bg.webp";
|
||||
import group4bg from "../../../public/group4bg.webp";
|
||||
import group5bg from "../../../public/group5bg.webp";
|
||||
import group6bg from "../../../public/group6bg.webp";
|
||||
import group7bg from "../../../public/group7bg.webp";
|
||||
|
||||
export default function LawPage() {
|
||||
return (
|
||||
<div>
|
||||
<Head>
|
||||
<title>法律案件分析 - Social OjO</title>
|
||||
<meta name="description" content="Social OjO 官方网站" />
|
||||
<link rel="icon" href="/favicon.ico" />
|
||||
</Head>
|
||||
<Header propBG={BG486}></Header>
|
||||
<main className={homeStyles.container}>
|
||||
<section className={styles.post}>
|
||||
<h2>社会管理法律</h2>
|
||||
<small>发布于 2022-07-06</small>
|
||||
<hr />
|
||||
<div className={styles.grid}>
|
||||
<Link href="/posts/law/1" passHref>
|
||||
<div>
|
||||
<h3>
|
||||
残疾人劳工案例分析
|
||||
<br />
|
||||
Disabled Labor Case Study
|
||||
</h3>
|
||||
<small>
|
||||
<Copyright />
|
||||
周鲲鹏、郑梦佳、郑可儿
|
||||
</small>
|
||||
<Image src={group1bg} />
|
||||
</div>
|
||||
</Link>
|
||||
|
||||
<Link href="/posts/law/2" passHref>
|
||||
<div>
|
||||
<h3>
|
||||
杀人犯潜逃的重婚案例
|
||||
<br />
|
||||
The Case Analysis of Bigamy of Fugitive
|
||||
</h3>
|
||||
<small>
|
||||
<Copyright />
|
||||
李昕玥、朱诗琪、张芷晴
|
||||
</small>
|
||||
<Image src={group2bg} />
|
||||
</div>
|
||||
</Link>
|
||||
|
||||
<Link href="/posts/law/3" passHref>
|
||||
<div>
|
||||
<h3>
|
||||
离婚案例分析
|
||||
<br />
|
||||
Divorce Case Analysis
|
||||
</h3>
|
||||
<small>
|
||||
<Copyright />
|
||||
黄珏晞、施适雨、易欣宇
|
||||
</small>
|
||||
<Image src={group3bg} />
|
||||
</div>
|
||||
</Link>
|
||||
|
||||
<Link href="/posts/law/4" passHref>
|
||||
<div>
|
||||
<h3>
|
||||
针对未成年人的性侵犯案件分析
|
||||
<br />
|
||||
Analysis of Sexual Assault Case against Minors
|
||||
</h3>
|
||||
<small>
|
||||
<Copyright />
|
||||
马玉、杨思怡、梁欣
|
||||
</small>
|
||||
<Image src={group4bg} />
|
||||
</div>
|
||||
</Link>
|
||||
|
||||
<Link href="/posts/law/5" passHref>
|
||||
<div>
|
||||
<h3>
|
||||
精神病患者的离婚案例分析
|
||||
<br />
|
||||
Divorce Case Analysis of Mentally Ill Patients
|
||||
</h3>
|
||||
<small>
|
||||
<Copyright />
|
||||
林思源 吴懿鹏
|
||||
</small>
|
||||
<Image src={group5bg} />
|
||||
</div>
|
||||
</Link>
|
||||
|
||||
<Link href="/posts/law/6" passHref>
|
||||
<div>
|
||||
<h3>
|
||||
离婚法
|
||||
<br />
|
||||
Marriage Law Case Analysis
|
||||
</h3>
|
||||
<small>
|
||||
<Copyright />
|
||||
陈愿妃、张诺清、杨小满
|
||||
</small>
|
||||
<Image src={group6bg} />
|
||||
</div>
|
||||
</Link>
|
||||
|
||||
<Link href="/posts/law/7" passHref>
|
||||
<div>
|
||||
<h3>
|
||||
婚内配偶同性恋行为导致的离婚纠纷案例分析
|
||||
<br />
|
||||
Analysis of Divorce Disputes caused by Homosexual Behavior of
|
||||
Spouses in Marriage
|
||||
</h3>
|
||||
<small>
|
||||
<Copyright />
|
||||
陈久如、郑志泓
|
||||
</small>
|
||||
<Image src={group7bg} />
|
||||
</div>
|
||||
</Link>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -1,210 +0,0 @@
|
||||
import Head from "next/head";
|
||||
import Header from "../../components/Header";
|
||||
import Copyright from "../../components/Copyright";
|
||||
import DownloadReport from "../../components/DownloadReport";
|
||||
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.jpg";
|
||||
import snowMapPreview from "../../public/snow.jpg";
|
||||
import workInjureMapPreview from "../../public/workInjury.png";
|
||||
import geologicalDisasterMapPreview from "../../public/geological.jpg";
|
||||
import earthquakeMapPreview from "../../public/earthquake.png";
|
||||
import forestFireMapPreview from "../../public/forestFire.png";
|
||||
import floodsAndDroughtsMapPreview from "../../public/floodsAndDroughts.png";
|
||||
import trafficAccidentsMapPreview from "../../public/traffic.jpg";
|
||||
|
||||
export default function Init() {
|
||||
return (
|
||||
<div>
|
||||
<Head>
|
||||
<title>Social OjO 正式成立 - Social OjO</title>
|
||||
<meta name="description" content="Social OjO 官方网站" />
|
||||
<link rel="icon" href="/favicon.ico" />
|
||||
</Head>
|
||||
<Header></Header>
|
||||
<main className={homeStyles.container}>
|
||||
<section className={styles.post}>
|
||||
<h2>全国灾害统计地图 (Disasters Map of China)</h2>
|
||||
<small>发布于 2022-05-12</small>
|
||||
<hr />
|
||||
<div className={styles.grid}>
|
||||
<a
|
||||
href="https://umap.openstreetmap.fr/zh/map/map_761199#4/36.24/122.08"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
>
|
||||
<div>
|
||||
<h3>各省受台风影响地图 (Typhoons Map)</h3>
|
||||
<small>
|
||||
<Copyright />
|
||||
吴懿鹏 林思源
|
||||
</small>
|
||||
<DownloadReport
|
||||
URL={
|
||||
"https://social-ojo-1301796004.cos.ap-guangzhou.myqcloud.com/files/EMPS_Typhoon%20%20Dan%20%26%20Jimmy.docx"
|
||||
}
|
||||
/>
|
||||
<Image src={typhoonMapPreview} />
|
||||
</div>
|
||||
</a>
|
||||
<a
|
||||
href="https://umap.openstreetmap.fr/zh/map/drought-disasters-in-chinas-provinces-from-2014-to_758463#5/34.940/109.248"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
>
|
||||
<div>
|
||||
<h3>各省干旱灾害地图 (Drought Map)</h3>
|
||||
<small>
|
||||
<Copyright />
|
||||
郑可儿 郑梦佳
|
||||
</small>
|
||||
<DownloadReport
|
||||
URL={
|
||||
"https://social-ojo-1301796004.cos.ap-guangzhou.myqcloud.com/files/EMPS_Drought%20%20Eliza%20%26%20Sophia.docx"
|
||||
}
|
||||
/>
|
||||
<Image src={doughtMapPreview} />
|
||||
</div>
|
||||
</a>
|
||||
<a
|
||||
href="https://social-ojo-1301796004.cos.ap-guangzhou.myqcloud.com/images/snow.jpg"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
>
|
||||
<div>
|
||||
<h3>各省低温冰雪灾害地图 (Low Temprature Map)</h3>
|
||||
<small>
|
||||
<Copyright />
|
||||
陈熙瑶 郭舒怡 尚阳
|
||||
</small>
|
||||
<DownloadReport
|
||||
URL={
|
||||
"https://social-ojo-1301796004.cos.ap-guangzhou.myqcloud.com/files/EMPS_Low%20Temprature%20%20Katerina%2C%20Sabrina%20%26%20Sherry.docx"
|
||||
}
|
||||
/>
|
||||
<Image src={snowMapPreview} />
|
||||
</div>
|
||||
</a>
|
||||
<a
|
||||
href="https://umap.openstreetmap.fr/en/map/gis_756551#5/37.020/103.623"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
>
|
||||
<div>
|
||||
<h3>各省工伤统计地图 (Work Injury Map)</h3>
|
||||
<small>
|
||||
<Copyright />
|
||||
姚婉谊 战云英 易佳莹
|
||||
</small>
|
||||
<DownloadReport
|
||||
URL={
|
||||
"https://social-ojo-1301796004.cos.ap-guangzhou.myqcloud.com/files/EMPS_Work%20Injury%20%20Stanley%2C%20Lori%20%26%20Kristin.docx"
|
||||
}
|
||||
/>
|
||||
<Image src={workInjureMapPreview} />
|
||||
</div>
|
||||
</a>
|
||||
<a
|
||||
href="https://umap.openstreetmap.fr/zh/map/geological-disasters-in-mainland-china_758447#4/39.44/104.15"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
>
|
||||
<div>
|
||||
<h3>各省突发地质灾害地图 (Geological Disters Map)</h3>
|
||||
<small>
|
||||
<Copyright />
|
||||
孙晓盈 邓忻玥 庞颖彤
|
||||
</small>
|
||||
<DownloadReport
|
||||
URL={
|
||||
"https://social-ojo-1301796004.cos.ap-guangzhou.myqcloud.com/files/EMPS_Geological%20disasters%20in%20Mainland%20China.docx"
|
||||
}
|
||||
/>
|
||||
<Image src={geologicalDisasterMapPreview} />
|
||||
</div>
|
||||
</a>
|
||||
<a
|
||||
href="https://umap.osm.ch/en/map/map_4637#4/41.44/118.21"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
>
|
||||
<div>
|
||||
<h3>新中国成立后各省地震数据 (Earthquake Map)</h3>
|
||||
<small>
|
||||
<Copyright />
|
||||
周鲲鹏 刘梦蝶 陈九如
|
||||
</small>
|
||||
<DownloadReport
|
||||
URL={
|
||||
"https://social-ojo-1301796004.cos.ap-guangzhou.myqcloud.com/files/EMPS_Earthquake%20%20Lebron%2C%20Bonnie%20%26%20Azeal.docx"
|
||||
}
|
||||
/>
|
||||
<Image src={earthquakeMapPreview} />
|
||||
</div>
|
||||
</a>
|
||||
<a
|
||||
href="https://umap.openstreetmap.fr/en/map/forest-fires-data-map-of-china-2015-2020_753341#4/35.89/104.24"
|
||||
passHref
|
||||
>
|
||||
<div>
|
||||
<h3>各省森林火灾地图 (Forest Fire Map)</h3>
|
||||
<small>
|
||||
<Copyright />
|
||||
施适雨 黄珏晞 易欣宇
|
||||
</small>
|
||||
<DownloadReport
|
||||
URL={
|
||||
"https://social-ojo-1301796004.cos.ap-guangzhou.myqcloud.com/files/EMPS_Forest%20Fires%20%20Peggy%2C%20Cindy%20%26%20jessie.docx"
|
||||
}
|
||||
/>
|
||||
<Image src={forestFireMapPreview} />
|
||||
</div>
|
||||
</a>
|
||||
<a
|
||||
href="https://umap.openstreetmap.fr/en/map/untitled-map_758141#4/41.97/106.83"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
>
|
||||
<div>
|
||||
<h3>各省洪涝灾害地图 (Floods andd Droughts Map)</h3>
|
||||
<small>
|
||||
<Copyright />
|
||||
杨思怡 张芷晴 马玉
|
||||
</small>
|
||||
<DownloadReport
|
||||
URL={
|
||||
"https://social-ojo-1301796004.cos.ap-guangzhou.myqcloud.com/files/EMPS_Flood%20and%20Waterlogging%20%20Jade%2C%20Mia%20%26%20Cherry.docx"
|
||||
}
|
||||
/>
|
||||
<Image src={floodsAndDroughtsMapPreview} />
|
||||
</div>
|
||||
</a>
|
||||
<a
|
||||
href="http://umap.openstreetmap.fr/en/map/traffic-accidents_756060#4/40.38/107.58"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
>
|
||||
<div>
|
||||
<h3>各省交通事故地图 (Traffic Accidents Map)</h3>
|
||||
<small>
|
||||
<Copyright />
|
||||
朱诗琪 李昕玥 苗诗扬
|
||||
</small>
|
||||
<DownloadReport
|
||||
URL={
|
||||
"https://social-ojo-1301796004.cos.ap-guangzhou.myqcloud.com/files/EMPS_Traffic%20Accident%20%20Selina%2C%20Carolyn%20%26%20Julianne.docx"
|
||||
}
|
||||
/>
|
||||
<Image src={trafficAccidentsMapPreview} />
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
BIN
public/486.webp
|
Before Width: | Height: | Size: 92 KiB |
|
Before Width: | Height: | Size: 440 KiB |
|
Before Width: | Height: | Size: 513 KiB |
|
Before Width: | Height: | Size: 25 KiB |
|
Before Width: | Height: | Size: 518 KiB |
|
Before Width: | Height: | Size: 395 KiB |
|
Before Width: | Height: | Size: 147 KiB |
|
Before Width: | Height: | Size: 38 KiB |
|
Before Width: | Height: | Size: 33 KiB |
|
Before Width: | Height: | Size: 40 KiB |
|
Before Width: | Height: | Size: 34 KiB |
|
Before Width: | Height: | Size: 17 KiB |
|
Before Width: | Height: | Size: 27 KiB |
|
Before Width: | Height: | Size: 35 KiB |
|
Before Width: | Height: | Size: 203 KiB |
BIN
public/snow.jpg
|
Before Width: | Height: | Size: 904 KiB |
|
Before Width: | Height: | Size: 154 KiB |
|
Before Width: | Height: | Size: 538 KiB |
@@ -1,4 +0,0 @@
|
||||
<svg width="283" height="64" viewBox="0 0 283 64" fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M141.04 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.46 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM248.72 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.45 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM200.24 34c0 6 3.92 10 10 10 4.12 0 7.21-1.87 8.8-4.92l7.68 4.43c-3.18 5.3-9.14 8.49-16.48 8.49-11.05 0-19-7.2-19-18s7.96-18 19-18c7.34 0 13.29 3.19 16.48 8.49l-7.68 4.43c-1.59-3.05-4.68-4.92-8.8-4.92-6.07 0-10 4-10 10zm82.48-29v46h-9V5h9zM36.95 0L73.9 64H0L36.95 0zm92.38 5l-27.71 48L73.91 5H84.3l17.32 30 17.32-30h10.39zm58.91 12v9.69c-1-.29-2.06-.49-3.2-.49-5.81 0-10 4-10 10V51h-9V17h9v9.2c0-5.08 5.91-9.2 13.2-9.2z" fill="#000"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.4 MiB |
@@ -1,4 +0,0 @@
|
||||
.footer {
|
||||
padding-top: 2rem;
|
||||
text-align: center;
|
||||
}
|
||||
@@ -1,40 +0,0 @@
|
||||
.header {
|
||||
padding: 2em;
|
||||
background-color: rgba(255, 255, 255, 0.7);
|
||||
box-shadow: 0px 5px 8px rgba(255, 255, 255, 0.7);
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
height: 50vh;
|
||||
}
|
||||
|
||||
.toolbar {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
width: 100vw;
|
||||
padding: 2rem;
|
||||
background-color: rgba(255, 255, 255, 0.7);
|
||||
}
|
||||
|
||||
.nav {
|
||||
height: min-content;
|
||||
}
|
||||
|
||||
.nav > * {
|
||||
padding-left: 1em;
|
||||
padding-right: 1em;
|
||||
}
|
||||
|
||||
.title {
|
||||
position: absolute;
|
||||
top: 22vh;
|
||||
width: 100vw;
|
||||
text-align: center;
|
||||
font-size: 2rem;
|
||||
line-height: 3rem;
|
||||
text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.9);
|
||||
color: white;
|
||||
opacity: 0.8;
|
||||
}
|
||||
@@ -1,19 +0,0 @@
|
||||
.container {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
.postPreview {
|
||||
padding: 0.5rem;
|
||||
border-radius: 1rem;
|
||||
max-width: 70%;
|
||||
}
|
||||
|
||||
.postPreviewWrap {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
cursor: pointer;
|
||||
padding-left: 10%;
|
||||
padding-right: 10%;
|
||||
}
|
||||
@@ -1,21 +0,0 @@
|
||||
.post {
|
||||
padding-top: 1rem;
|
||||
}
|
||||
|
||||
.grid {
|
||||
display: grid;
|
||||
grid-gap: 1rem;
|
||||
grid-template-columns: repeat(auto-fit, 15rem);
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.grid > * {
|
||||
padding: 0.3rem;
|
||||
cursor: pointer;
|
||||
border-radius: 1rem;
|
||||
}
|
||||
|
||||
.grid > *:hover {
|
||||
background-color: lightblue;
|
||||
transition: cubic-bezier(1, 0, 0, 1);
|
||||
}
|
||||
@@ -1,20 +0,0 @@
|
||||
html,
|
||||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-family:Arial, Helvetica, sans-serif;
|
||||
}
|
||||
|
||||
a {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.hr {
|
||||
margin-top: 2rem;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||