# Showcase

Here are some excellent sites built with FileCodeBox. If you've deployed FileCodeBox, feel free to submit a PR to add your site here!

## Official Demo

<div class="showcase-grid">

<div class="showcase-item">

### 🌟 FileCodeBox Demo

- **URL**: [share.lanol.cn](https://share.lanol.cn)
- **Description**: Official demo site with the latest features
- **Highlights**: Stable, full-featured

</div>

</div>

## Community Sites

::: tip Submit Your Site
If you've built your own file sharing service using FileCodeBox, you can submit it through:

1. Submit a PR on [GitHub](https://github.com/vastsa/FileCodeBox) to edit this page
2. Open an [Issue](https://github.com/vastsa/FileCodeBox/issues) with your site info
3. Join QQ Group 739673698 to contact the admin
:::

<!-- 
Submission format example:

<div class="showcase-item">

### Site Name

- **URL**: [example.com](https://example.com)
- **Description**: Brief description of your site
- **Highlights**: List your site's features

</div>
-->

<div class="showcase-grid">

<div class="showcase-item">

### QuWenJian

- **URL**: [www.quwenjian.cn/fby.html](https://www.quwenjian.cn/fby.html)
- **Description**: QuWenJian - Unlimited storage, portable and limitless
- **Highlights**: Free file transfer station
- **Operator**: QuWenJian

</div>

<div class="showcase-item">

### Pandora Box

- **URL**: [pan.duo.la](https://pan.duo.la)
- **Description**: Pandora Box
- **Highlights**: Classic v1.6 version
- **Operator**: WuXingQueXinYan

</div>

</div>

## Submission Requirements

To ensure quality, please make sure your site meets the following criteria:

1. **Stable**: Your site should be stable and accessible
2. **Legal**: Content must be legal and compliant
3. **Attribution**: We recommend keeping FileCodeBox attribution
4. **HTTPS**: We recommend enabling HTTPS

## Submission Template

If you want to submit your site, please use the following format:

```markdown
### Site Name

- **URL**: [domain](https://domain)
- **Description**: One-line description of your site
- **Highlights**: Special features or highlights
- **Operator**: Optional, your name or organization
```

<style>
.showcase-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 20px;
  margin: 20px 0;
}

.showcase-item {
  border: 1px solid var(--vp-c-divider);
  border-radius: 8px;
  padding: 20px;
  transition: all 0.3s ease;
}

.showcase-item:hover {
  border-color: var(--vp-c-brand);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
}

.showcase-item h3 {
  margin-top: 0;
  color: var(--vp-c-brand);
}

.showcase-item ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.showcase-item li {
  margin: 8px 0;
}
</style>