feat: update main page and add padding

fix: wrong width
This commit is contained in:
2024-12-23 01:00:29 +08:00
parent cec09730eb
commit ec2b184927
5 changed files with 17 additions and 9 deletions
+2 -2
View File
@@ -8,9 +8,9 @@ export default function Home() {
<div className="min-h-screen flex flex-col bg-gray-100">
<Header />
<main className="container mx-auto p-4 flex-grow">
<section className="text-center mb-12">
<section className="text-center mb-12 max-md: max-w-2xl mx-auto">
<h2 className="text-4xl font-extrabold text-gray-900">智能计算实验室简介</h2>
<p className="text-xl text-gray-600 mt-4">这里是实验室的基本信息简介,阿巴阿巴阿巴。</p>
<p className="text-xl text-gray-600 mt-4 text-left">  在物理的世界里,粒子有形形色色的活法,有的粒子很轻,终生不为人所注意;有的粒子会一鸣惊人,在湮灭时释放出大量的光;有的粒子狡黠善变,一辈子不停地改变身份,时时刻刻要成为别的粒子;但有的粒子一生稳定,怀揣着出发时得到的巨大能量,一生孤独而平静地飞行,只活在自己的轨道里。</p>
</section>
<section className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8">
{websites.map((website, index) => (
+3 -1
View File
@@ -1,7 +1,9 @@
export default function Footer() {
return (
<footer className="container w-full bg-white shadow p-4 text-left text-gray-500 flex flex-row gap-2">
<footer className="w-full bg-white shadow p-4 text-left text-gray-500 flex flex-row gap-2">
<div className="container mx-auto">
<div>© {new Date().getFullYear()} 智能计算实验室 · Designed by LufsX.</div>
</div>
</footer>
);
}
+1 -1
View File
@@ -2,7 +2,7 @@ import Link from "next/link";
export default function Header() {
return (
<header className="home-header w-full bg-white shadow flex">
<header className="home-header px-4 w-full bg-white shadow flex sm:px-8">
<nav className="container mx-auto flex justify-between items-center">
<div className="flex items-center">
<Link href="/">
+3 -3
View File
@@ -1,19 +1,19 @@
export const contacts = [
{
name: "张三",
describe: "实验室主任",
describe: "实验室主任,不会你以为真的就叫这个名字吧?不会吧不会吧?",
email: "zhangsan@example.com",
phone: "1234567890",
},
{
name: "李四",
describe: "实验室副主任",
describe: "实验室副主任。这仅仅只是示例数据,实际上也只能阿巴阿巴。",
email: "lisi@example.com",
qq: "1234567890",
},
{
name: "王五",
describe: "实验室秘书",
describe: "实验室秘书。假的,全是假的!",
email: "wangwu@example.com",
qq: "1234567890",
phone: "1234567890",
+7 -1
View File
@@ -5,11 +5,17 @@ export const websites = [
description: "实验室 Git 服务。",
link: "https://git.intcplab.cn",
},
{
icon: "./img/gitea.svg",
title: "机器学习课程",
description: "机器学习课程的配套资源。",
link: "https://git.intcplab.cn/yuhuapeng/Machine-Learning-in-Python",
},
{
icon: "./img/bbs.svg",
title: "实验室论坛",
description: "只是一个假的论坛。",
link: "https://website2.example.com",
link: "https://bbs.intcplab.cn",
},
{
icon: "./img/unknow.svg",