pengxiao/SI_TEALab_2025_LabWebsite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update: 切换品牌至 TeaLab / SI · 空间智能与自主设计

Browse Source 
- 全站品牌替换：DAEL / Design AI & Ecology Lab → TeaLab / SI · 空间智能与自主设计
  * 11 个 HTML 页面 title、navbar、页脚、版权统一更新
  * Logo 字母 D → T，配色与版式不变
  * js/common.js 注释 + localStorage 计数键更新
  * backend/app.py /api/health 文案更新
- website.html 内容重写
  * Hero 改为"空间智能 & 自主设计"，加序言两行 + 英文 mission
  * 使命段改为研究主线（感知→理解→推理闭环）
  * 研究方向三卡：自主设计 / 深邃之形 / 人本智能（含工具栈）
- research.html 拆分
  * 原 research.html（研究管理后台）重命名为 research-manage.html
  * 新建公开 research.html：研究定位 + 完整段落 + 概念对比表 + 研究维度表
- 基础设施调整
  * 后端端口 5000 → 5001（避开本机 zotero-proxy 占用）
  * start_backend.sh 加可执行位

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
pengxiao
2026-06-14 01:33:28 +08:00
parent a3eb5c7b2d
commit a594f54cd2
16 changed files with 379 additions and 175 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dofile/research.html
+170 -101
View File
@@ -3,130 +3,199 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>研究管理 | Design AI & Ecology Lab</title>
<title>研究详情 | TeaLab · 空间智能与自主设计</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&family=Noto+Sans+SC:wght@300;400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/common.css">
<style>
body {
font-family: 'Inter', 'Noto Sans SC', sans-serif;
background-color: #ffffff;
color: #1a1a1a;
}
.nav-link { position: relative; }
.nav-link::after {
content: '';
position: absolute;
width: 0;
height: 1px;
bottom: -2px;
left: 0;
background-color: #000;
transition: width 0.3s ease;
}
.nav-link:hover::after { width: 100%; }
table.compare { width: 100%; border-collapse: collapse; }
table.compare th, table.compare td {
border: 1px solid #e5e7eb;
padding: 12px 16px;
text-align: left;
vertical-align: top;
font-size: 14px;
}
table.compare thead th {
background: #f3f4f6;
font-weight: 600;
}
table.compare tbody tr:nth-child(even) td {
background: #fafafa;
}
.dim-cell { font-weight: 600; white-space: nowrap; }
</style>
</head>
<body class="antialiased bg-gray-50">
<body class="antialiased">
<!-- Navigation -->
<nav class="fixed w-full z-50 bg-white border-b border-gray-200 shadow-sm" id="navbar">
<nav class="fixed w-full z-50 bg-white/90 backdrop-blur-sm border-b border-gray-100 transition-all duration-300" id="navbar">
<div class="max-w-7xl mx-auto px-6 lg:px-12 h-16 flex items-center justify-between">
<a href="website.html" class="text-xl tracking-tight font-bold flex items-center gap-2">
<div class="w-8 h-8 bg-black text-white flex items-center justify-center font-serif italic">D</div>
<span>DAEL<span class="text-gray-400 font-light mx-2">/</span><span class="text-sm font-normal text-gray-600">研究管理</span></span>
<div class="w-8 h-8 bg-black text-white flex items-center justify-center font-serif italic">T</div>
<span>TeaLab<span class="text-gray-400 font-light mx-2">/</span><span class="text-sm font-normal text-gray-600 hidden sm:inline">SI · 空间智能与自主设计</span></span>
</a>
<div class="flex items-center gap-4">
<a href="website.html" class="text-sm text-gray-600 hover:text-black">返回首页</a>
<a href="meetings.html" class="text-sm text-gray-600 hover:text-black">组会管理</a>
<button id="logout-btn" class="text-xs border border-gray-300 px-4 py-2 rounded hover:bg-black hover:text-white transition-colors">退出</button>
<a href="#concepts" class="text-sm text-gray-600 hover:text-black">概念对比</a>
<a href="#dimensions" class="text-sm text-gray-600 hover:text-black">研究维度</a>
</div>
</div>
</nav>
<!-- Main Content -->
<div class="pt-24 pb-12">
<div class="max-w-7xl mx-auto px-6 lg:px-12">
<div class="flex justify-between items-center mb-8">
<div>
<h1 class="text-3xl font-bold mb-2">研究管理</h1>
<p class="text-gray-600">管理您的研究项目、笔记、任务和文件</p>
</div>
<button onclick="showProjectForm()" class="bg-black text-white px-6 py-3 rounded hover:bg-gray-800">
+ 新建项目
</button>
</div>
<!-- Hero -->
<section class="pt-32 pb-16 px-6 lg:px-12">
<div class="max-w-5xl mx-auto">
<p class="text-sm font-bold uppercase tracking-widest text-gray-500 mb-4">Research Positioning</p>
<h1 class="text-4xl md:text-6xl font-bold tracking-tighter leading-tight mb-8">
复杂环境中的<br>
<span class="text-gray-400 italic font-serif font-light">空间智能与自主设计</span>
</h1>
<blockquote class="border-l-4 border-black pl-6 text-xl md:text-2xl text-gray-700 font-light italic leading-relaxed">
研究复杂空间环境中，空间智能如何通过感知 → 理解 → 推理的闭环实现自主设计。
</blockquote>
</div>
</section>
<!-- Filter Tabs -->
<div class="flex space-x-4 border-b border-gray-200 mb-6">
<button class="filter-tab active pb-4 px-4 text-sm font-medium border-b-2 border-black" data-filter="all">全部</button>
<button class="filter-tab pb-4 px-4 text-sm font-medium text-gray-500 hover:text-black" data-filter="active">进行中</button>
<button class="filter-tab pb-4 px-4 text-sm font-medium text-gray-500 hover:text-black" data-filter="completed">已完成</button>
<button class="filter-tab pb-4 px-4 text-sm font-medium text-gray-500 hover:text-black" data-filter="paused">已暂停</button>
</div>
<!-- Projects List -->
<div id="projects-list" class="space-y-4">
<!-- Projects will be loaded here -->
<!-- Detailed description -->
<section class="py-16 bg-gray-50">
<div class="max-w-5xl mx-auto px-6 lg:px-12">
<h2 class="text-sm font-bold uppercase tracking-widest text-gray-500 mb-4">Overview / 总览</h2>
<div class="prose prose-lg max-w-none text-gray-700 leading-relaxed space-y-4">
<p>
空间设计面临生态约束复杂、社会需求多元、决策过程非结构化等挑战，传统"人主导-工具辅助"范式难以应对。本项目以复杂环境为背景——即具有多要素耦合、多尺度交织、多主体博弈、数据异构、动态变化和规范密集特征的空间环境——研究其中空间智能的形成机制与自主设计实现方法。
</p>
<p>主要内容包括：</p>
<ul class="list-disc pl-6 space-y-2">
<li><strong>多层语义表征机制</strong>：揭示空间环境的多层语义表征机制，建立从多源空间数据到设计含义的层次化感知与理解方法。</li>
<li><strong>多智能体协同的设计决策涌现机制</strong>：实现分析-生成-审查多角色的协同优化。</li>
<li><strong>人类反馈驱动的设计价值对齐收敛机制</strong>：建立人在回路的质量保障体系。</li>
</ul>
<p>
研究涵盖<strong>生态安全格局、文化遗产保护、城市形态治理、社会空间模拟</strong>等典型场景，形成"理论框架—技术体系—软件工具—场景验证"的完整链条。研究成果将推动空间设计从"工具辅助"到"智能体自主"的范式转型，为复杂环境中的智能设计提供新理论和新方法。
</p>
</div>
</div>
</div>
</section>
<!-- Project Form Modal -->
<div id="project-modal" class="hidden fixed inset-0 bg-black bg-opacity-50 z-50 flex items-center justify-center">
<div class="bg-white rounded-lg p-8 max-w-2xl w-full mx-4 max-h-[90vh] overflow-y-auto">
<h3 class="text-2xl font-bold mb-6" id="project-modal-title">新建项目</h3>
<form id="project-form" onsubmit="saveProject(event)">
<input type="hidden" id="project-id">
<div class="mb-4">
<label class="block text-sm font-medium mb-2">项目名称 *</label>
<input type="text" id="project-title" required class="form-input w-full">
</div>
<div class="mb-4">
<label class="block text-sm font-medium mb-2">项目描述</label>
<textarea id="project-description" class="form-input w-full" rows="4"></textarea>
</div>
<div class="grid grid-cols-2 gap-4 mb-4">
<div>
<label class="block text-sm font-medium mb-2">开始日期</label>
<input type="date" id="project-start-date" class="form-input w-full">
</div>
<div>
<label class="block text-sm font-medium mb-2">结束日期</label>
<input type="date" id="project-end-date" class="form-input w-full">
</div>
</div>
<div class="grid grid-cols-2 gap-4 mb-4">
<div>
<label class="block text-sm font-medium mb-2">状态</label>
<select id="project-status" class="form-input w-full">
<option value="active">进行中</option>
<option value="completed">已完成</option>
<option value="paused">已暂停</option>
<option value="cancelled">已取消</option>
</select>
</div>
<div>
<label class="block text-sm font-medium mb-2">进度 (%)</label>
<input type="number" id="project-progress" min="0" max="100" value="0" class="form-input w-full">
</div>
</div>
<div class="mb-4">
<label class="block text-sm font-medium mb-2">标签（逗号分隔）</label>
<input type="text" id="project-tags" placeholder="AI, 生态, 设计" class="form-input w-full">
</div>
<div class="flex gap-4">
<button type="submit" class="bg-black text-white px-6 py-2 rounded hover:bg-gray-800">保存</button>
<button type="button" onclick="closeProjectForm()" class="bg-gray-200 text-gray-800 px-6 py-2 rounded hover:bg-gray-300">取消</button>
</div>
</form>
</div>
</div>
<!-- Concept comparison -->
<section id="concepts" class="py-20">
<div class="max-w-5xl mx-auto px-6 lg:px-12">
<p class="text-sm font-bold uppercase tracking-widest text-gray-500 mb-2">Concepts</p>
<h2 class="text-3xl font-bold mb-2">空间智能 vs 自主设计</h2>
<p class="text-gray-600 mb-10">两个核心概念在角色、功能、地位上互为表里。</p>
<!-- Project Detail Modal -->
<div id="project-detail-modal" class="hidden fixed inset-0 bg-black bg-opacity-50 z-50 flex items-center justify-center">
<div class="bg-white rounded-lg p-8 max-w-4xl w-full mx-4 max-h-[90vh] overflow-y-auto">
<div id="project-detail-content">
<!-- Project details will be loaded here -->
<div class="overflow-x-auto">
<table class="compare">
<thead>
<tr>
<th class="dim-cell">维度</th>
<th>空间智能 (Spatial Intelligence)</th>
<th>自主设计 (Autonomous Design)</th>
</tr>
</thead>
<tbody>
<tr>
<td class="dim-cell">角色定位</td>
<td><strong>认知的深度</strong>（理解与感知）</td>
<td><strong>生成的边界</strong>（创造与决策）</td>
</tr>
<tr>
<td class="dim-cell">功能属性</td>
<td>数字化空间、环境语义、人行为识别。</td>
<td>算法迭代、拓扑优化、自动方案生成。</td>
</tr>
<tr>
<td class="dim-cell">解决问题</td>
<td>空间如何"理解"人和环境？</td>
<td>如何"自动"产生最优的空间形态？</td>
</tr>
<tr>
<td class="dim-cell">地位</td>
<td>是自主设计的<strong>前提与目标</strong>。</td>
<td>是空间智能的<strong>实现手段与产出工具</strong>。</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</section>
<!-- Research dimensions -->
<section id="dimensions" class="py-20 bg-black text-white">
<div class="max-w-5xl mx-auto px-6 lg:px-12">
<p class="text-sm font-bold uppercase tracking-widest text-gray-500 mb-2">Dimensions</p>
<h2 class="text-3xl font-bold mb-2">研究维度</h2>
<p class="text-gray-400 mb-10">每个维度对应的工具栈与重点学术期刊。</p>
<div class="overflow-x-auto">
<table class="compare" style="color:#1a1a1a; background:#fff;">
<thead>
<tr>
<th class="dim-cell">维度</th>
<th>建议掌握的软件 / 工具</th>
<th>重点关注的学术期刊</th>
</tr>
</thead>
<tbody>
<tr>
<td class="dim-cell">自主设计</td>
<td>Python (PyTorch / TensorFlow), Rhino / Grasshopper, Unity (ML-Agents)</td>
<td><em>AD (Architectural Design)</em>, <em>International Journal of Architectural Computing</em></td>
</tr>
<tr>
<td class="dim-cell">深邃之形</td>
<td>Houdini (过程化建模), Blender (几何节点), Topos (拓扑优化)</td>
<td><em>Nature - Computational Design</em> (Cross-disciplinary)</td>
</tr>
<tr>
<td class="dim-cell">人本智能</td>
<td>OpenPose (人体姿态识别), VR / AR 开发环境 (Unreal Engine)</td>
<td><em>Environment and Behavior</em>, <em>Journal of Environmental Psychology</em></td>
</tr>
</tbody>
</table>
</div>
<div class="mt-12 text-center">
<a href="website.html" class="inline-block border border-gray-600 px-6 py-3 text-sm text-gray-200 hover:bg-white hover:text-black transition-colors">
← 返回首页
</a>
</div>
</div>
</section>
<!-- Footer -->
<footer class="bg-black text-white py-10 border-t border-gray-800">
<div class="max-w-7xl mx-auto px-6 lg:px-12 flex flex-col md:flex-row justify-between items-center text-xs text-gray-600 gap-2">
<p>&copy; 2024 TeaLab · 空间智能与自主设计. All Rights Reserved.</p>
<div class="flex gap-4">
<a href="website.html" class="hover:text-gray-400">首页</a>
<a href="team.html" class="hover:text-gray-400">团队</a>
<a href="publications.html" class="hover:text-gray-400">成果</a>
</div>
</div>
</footer>
<script src="https://unpkg.com/lucide@latest"></script>
<script src="js/api.js"></script>
<script src="js/common.js"></script>
<script src="js/auth.js"></script>
<script src="js/research.js"></script>
<script>if (window.lucide) lucide.createIcons();</script>
</body>
</html>