sunpayus/templates/create_workshop.html

63 lines
2.5 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>创建工作坊</title>
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
</head>
<body>
<div class="container">
<!-- 页面标题 -->
<header>
<h1>创建新工作坊</h1>
<p>定义工作坊的名称和目标,为后续的角色配置和辩论做准备</p>
</header>
<!-- 返回按钮 -->
<button onclick="window.location.href='{{ url_for('index') }}'" class="btn-secondary">返回首页</button>
<!-- 流程指示器 -->
<div class="process-indicator">
<div class="process-step">
<div class="process-step-number active">1</div>
<div class="process-step-text active">创建工作坊</div>
</div>
<div class="process-arrow"></div>
<div class="process-step">
<div class="process-step-number">2</div>
<div class="process-step-text">配置角色</div>
</div>
<div class="process-arrow"></div>
<div class="process-step">
<div class="process-step-number">3</div>
<div class="process-step-text">开始辩论</div>
</div>
<div class="process-arrow"></div>
<div class="process-step">
<div class="process-step-number">4</div>
<div class="process-step-text">查看结果</div>
</div>
</div>
<!-- 创建工作坊表单 -->
<div class="card">
<form method="post">
<div class="form-group">
<label for="workshop_name">工作坊名称</label>
<input type="text" id="workshop_name" name="workshop_name" required placeholder="请输入工作坊名称">
</div>
<div class="form-group">
<label for="workshop_goal">工作坊目标</label>
<textarea id="workshop_goal" name="workshop_goal" required placeholder="请详细描述工作坊的目标和预期成果"></textarea>
</div>
<button type="submit" class="btn-primary" style="width: 100%; font-size: 18px; padding: 15px;">
下一步 - 配置角色
</button>
</form>
</div>
</div>
</body>
</html>