torin
b8d3cb4644
Some checks are pending
Build and Push Docker Images / changes (push) Waiting to run
Build and Push Docker Images / build-backend (push) Blocked by required conditions
Build and Push Docker Images / build-frontend (push) Blocked by required conditions
Build and Push Docker Images / build-admin-frontend (push) Blocked by required conditions
65 lines
2.2 KiB
HTML
65 lines
2.2 KiB
HTML
<!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="style.css" />
|
||
</head>
|
||
<body>
|
||
<div class="page">
|
||
<header class="nav">
|
||
<div class="container nav__inner">
|
||
<div class="nav__left">
|
||
<div class="nav__logo">
|
||
<span class="nav__logo-badge"></span>
|
||
DreamWeaver
|
||
</div>
|
||
<span class="badge">Web 原型</span>
|
||
</div>
|
||
<div class="nav__center">
|
||
<a class="nav__item active" href="home.html">生成故事</a>
|
||
<a class="nav__item" href="my-stories.html">我的故事</a>
|
||
<a class="nav__item" href="child-profiles.html">孩子档案</a>
|
||
<a class="nav__item" href="universes.html">故事宇宙</a>
|
||
<a class="nav__item" href="push-settings.html">推送设置</a>
|
||
<a class="nav__item" href="account-settings.html">账户设置</a>
|
||
<a class="nav__item" href="admin-providers.html">管理后台</a>
|
||
</div>
|
||
<div class="nav__right">
|
||
<input class="input" style="width: 200px;" placeholder="搜索故事" />
|
||
<div class="avatar">家</div>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
<div class="container" style="padding: 28px 0 60px;">
|
||
<div class="toolbar section">
|
||
<h2>故事宇宙</h2>
|
||
<button class="btn btn--primary">新建宇宙</button>
|
||
</div>
|
||
<div class="grid grid-3 section">
|
||
<div class="card">
|
||
<div class="card-title">星际冒险</div>
|
||
<div class="card-meta">主角：小明船长</div>
|
||
<div class="chips section">
|
||
<span class="chip">伙伴：机器人小七</span>
|
||
<span class="chip">成就：3</span>
|
||
</div>
|
||
</div>
|
||
<div class="card">
|
||
<div class="card-title">梦幻森林</div>
|
||
<div class="card-meta">主角：森林守护者</div>
|
||
<div class="chips section">
|
||
<span class="chip">伙伴：魔法猫咪</span>
|
||
<span class="chip">成就：1</span>
|
||
</div>
|
||
</div>
|
||
<div class="card card--flat">
|
||
<div class="callout">空态示例：创建第一个宇宙</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
</html>
|