# 软件源程序

项目的主程序：

:::{panels}
:container: +full-width
:header: w3-pale-blue w3-card-4 
:column: col-lg-12 px-2 py-2
:body: text-justify w3-padding
:card: w3-pale-red w3-card
---
{download}`app.py<../../app.py>`
^^^
项目中的 Dash 应用。

```{include} ../../app.py
:code: python
```
---
{download}`run.py<../../run.py>`
^^^
项目中的 Dash 应用运行主程序。

```{include} ../../run.py
:code: python
```
:::

## 网页应用的主题

:::{panels}
:container: +full-width
:header: w3-pale-blue w3-card-4 
:column: col-lg-6 px-2 py-2
:body: text-justify w3-padding
:card: w3-pale-red w3-card
---
{download}`assets/app.css<../../assets/app.css>`
^^^
网页应用的 `app` CSS 主题。

```{include} ../../assets/app.css
:code: css
```
---
{download}`assets/page.css<../../assets/page.css>`
^^^
网页应用的页面主题。

```{include} ../../assets/page.css
:code: css
```
:::

## 网页应用的布局 `layouts/`

:::{panels}
:container: +full-width
:header: w3-pale-blue w3-card-4 
:column: col-lg-6 px-2 py-2
:body: text-justify w3-padding
:card: w3-pale-red w3-card
---
{download}`layouts/index.py<../../layouts/index.py>`
^^^
网页应用的主页布局。

```{include} ../../layouts/index.py
:code: python
```

---
{download}`layouts/about.py<../../layouts/about.py>`
^^^
网页应用的 `about` 布局。

```{include} ../../layouts/about.py
:code: python
```

---
{download}`layouts/record.py<../../layouts/record.py>`
^^^
网页应用的 `record` 布局。

```{include} ../../layouts/record.py
:code: python
```

---
{download}`layouts/replay.py<../../layouts/replay.py>`
^^^
网页应用的 `replay` 布局。

```{include} ../../layouts/replay.py
:code: python
```

---
{download}`layouts/watch.py<../../layouts/watch.py>`
^^^
网页应用的 `watch` 布局。

```{include} ../../layouts/watch.py
:code: python
```
:::

## 网页应用的布局参数 `options/`

:::{panels}
:container: +full-width
:header: w3-pale-blue w3-card-4 
:column: col-lg-6 px-2 py-2
:body: text-justify w3-padding
:card: w3-pale-red w3-card
---
{download}`options/index.toml<../../options/index.toml>`
^^^
网页应用的主页布局参数。

```{include} ../../options/index.toml
:code: toml
```

---
{download}`options/about.toml<../../options/about.toml>`
^^^
网页应用的 `about` 布局参数。

```{include} ../../options/about.toml
:code: toml
```

---
{download}`options/record.toml<../../options/record.toml>`
^^^
网页应用的 `record` 布局参数。

```{include} ../../options/record.toml
:code: toml
```

---
{download}`options/replay.toml<../../options/replay.toml>`
^^^
网页应用的 `replay` 布局参数。

```{include} ../../options/replay.toml
:code: toml
```

---
{download}`options/watch.toml<../../options/watch.toml>`
^^^
网页应用的 `watch` 布局参数。

```{include} ../../options/watch.toml
:code: toml
```
:::

## 网页应用的回调 `callbacks/`

:::{panels}
:container: +full-width
:header: w3-pale-blue w3-card-4 
:column: col-lg-12 px-2 py-2
:body: text-justify w3-padding
:card: w3-pale-red w3-card
---
{download}`callbacks/record.py<../../callbacks/record.py>`
^^^
网页应用的 `record` 回调。

```{include} ../../callbacks/record.py
:code: python
```

---
{download}`callbacks/replay.py<../../callbacks/replay.py>`
^^^
网页应用的 `replay` 回调。

```{include} ../../callbacks/replay.py
:code: python
```

---
{download}`callbacks/watch.py<../../callbacks/watch.py>`
^^^
网页应用的 `watch` 回调。

```{include} ../../callbacks/watch.py
:code: python
```
:::

## 鸟瞰图

:::{panels}
:container: +full-width
:header: w3-pale-blue w3-card-4 
:column: col-lg-12 px-2 py-2
:body: text-justify w3-padding
:card: w3-pale-red w3-card

---
{download}`apps/view.py<../../apps/view.py>`
^^^
网页应用的鸟瞰图 `view` 回调。

```{include} ../../apps/view.py
:code: python
```
:::

## 工具

:::{panels}
:container: +full-width
:header: w3-pale-blue w3-card-4 
:column: col-lg-12 px-2 py-2
:body: text-justify w3-padding
:card: w3-pale-red w3-card

---
{download}`tools/frame.py<../../tools/frame.py>`
^^^
网页应用的鸟瞰图 `view` 回调。

```{include} ../../tools/frame.py
:code: python
```
:::