Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 8 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,9 @@
English | <a href="README.zh-CN.md">中文</a>

---
## .NET Foundation
[<img align="right" src="https://github.com/dotnet-foundation/swag/blob/main/logo/dotnetfoundation_v4.png?raw=true" width="100" />](https://www.dotnetfoundation.org/)
<p>This project is part of the <a href="https://www.dotnetfoundation.org/">.NET Foundation</a> and operates under their <a href="https://www.dotnetfoundation.org/code-of-conduct">code of conduct</a>. </p>

## Features
- Enterprise-class UI designed for web applications.
Expand Down Expand Up @@ -169,6 +172,11 @@ To start the wizard, use either of the following approaches
3. Commit
4. Create Pull Request

## Code of Conduct

This project has adopted the code of conduct defined by the Contributor Covenant to clarify expected behavior in our community.
For more information see the [.NET Foundation Code of Conduct](https://dotnetfoundation.org/code-of-conduct).

## Donate

If this project is helpful to you, please scan the QR code below for a cup of coffee.
Expand Down
14 changes: 11 additions & 3 deletions README.zh-CN.md
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,9 @@
<a href="README.md">English</a> | <span>中文</span>

---
## .NET Foundation
[<img align="right" src="https://github.com/dotnet-foundation/swag/blob/main/logo/dotnetfoundation_v4.png?raw=true" width="100" />](https://www.dotnetfoundation.org/)
<p>该项目属于 <a href="https://www.dotnetfoundation.org/">.NET 基金会</a> ,并根据其 <a href="https://www.dotnetfoundation.org/code-of-conduct">行为准则</a> 运作。</p>

## 项目介绍
Blazor 是一个使用 .NET 生成交互式客户端 Web UI 的框架:
Expand All @@ -39,7 +42,7 @@ Blazor 是一个使用 .NET 生成交互式客户端 Web UI 的框架:

目前 `BootstrapBlazor` 团队由六名热爱开源的技术达人组成,其中有四名 **微软最有价值专家(Microsoft MVP)** ;成立了大约 2000 人的 `Blazor 中文社区` 积极响应,只讨论 Blazor 相关技术

本组件库内置 **150** 多个组件,作者所在几家公司的项目均在重度使用,大多数组件都是在实际项目中提炼出来,非常适合国人操作习惯,大大节约开发时间,不像有些开源作品甚至作者本人都不使用,遇到问题从根本上无法解决,提交 Issue 也是让其自行解决并帮忙 PR 到其仓库
本组件库内置 **200** 多个组件,作者所在几家公司的项目均在重度使用,大多数组件都是在实际项目中提炼出来,非常适合国人操作习惯,大大节约开发时间,不像有些开源作品甚至作者本人都不使用,遇到问题从根本上无法解决,提交 Issue 也是让其自行解决并帮忙 PR 到其仓库

作者与团队积极处理 Issue 社区中积极回答问题,绝对不会一个开源仓库有几百上千 Issue 不予处理,当需求合理,即使是新功能也会积极响应并尽快提供新版本不会出现让提交者自己实现功能并提交 PR 的行为

Expand Down Expand Up @@ -69,7 +72,7 @@ WTM 快速开发框架,设计的核心理念就是 "尽一切可能提高开
### 克隆代码

```shell
git clone https://gitee.com/LongbowEnterprise/BootstrapBlazor.git
git clone https://github.com/dotnetcore/BootstrapBlazor.git
cd BootstrapBlazor/src/BootstrapBlazor.Server
dotnet run
```
Expand Down Expand Up @@ -202,7 +205,7 @@ Blazor 应用基于组件。 Blazor 中的组件是指 UI 元素,例如页面

### 上海智通建设发展股份有限公司

特别鸣谢胡总对本项目的鼎力赞助 **10000** 元
特别鸣谢对本项目的鼎力赞助 **10000** 元

<img src="https://gitee.com/Longbow/Pictures/raw/master/BootstrapBlazor/[email protected]" width="552px;" />

Expand All @@ -213,6 +216,11 @@ Blazor 应用基于组件。 Blazor 中的组件是指 UI 元素,例如页面
3. 提交代码
4. 新建 Pull Request

## 行为准则

本项目采用了《贡献者公约》所定义的行为准则,以明确我们社区的预期行为。
更多信息请见 [.NET Foundation Code of Conduct](https://dotnetfoundation.org/code-of-conduct).

## 捐助

如果这个项目对您有所帮助,请扫下方二维码打赏一杯咖啡。
Expand Down
10 changes: 8 additions & 2 deletions src/BootstrapBlazor.Server/Components/Pages/Index.razor
Original file line number Diff line number Diff line change
Expand Up @@ -3,15 +3,15 @@
@page "/index"
@page "/home"

<section class="bd-masthead mb-3">
<section class="bd-masthead">
<div class="container-xxl bd-gutter">
<div class="col-md-8 mx-auto text-center">
<a class="d-flex flex-column flex-lg-row justify-content-center align-items-center mb-4 text-dark lh-sm text-decoration-none" href="https://github.com/dotnetcore/BootstrapBlazor?wt.mc_id=DT-MVP-5004174" rel="noopener" target="_blank">
<span class="d-sm-inline-flex align-items-center gap-1 py-2 px-3 mb-lg-0 rounded-5 masthead-notice">
@Localizer["Support"]
</span>
</a>
<img src="./favicon.png" width="150" height="150" alt="bootstrap-blazor" class="d-none d-sm-block mx-auto my-5">
<img src="./favicon.png" alt="bootstrap-blazor" class="bb-logo d-none d-sm-block mx-auto my-5">
<h1 class="mb-3 fw-semibold">@Localizer["Title"]</h1>
<p class="lead mb-4">
@Localizer["SubTitle"]
Expand All @@ -36,4 +36,10 @@
<h5 class="d-none d-sm-block mb-3">@Localizer["DonateH2"]</h5>
<img alt="barcode" class="barcode" src="./images/[email protected]" />
</div>
<div class="bb-foundation">
<a class="bb-foundation-img" href="https://www.dotnetfoundation.org/">
<img align="right" src="https://github.com/dotnet-foundation/swag/blob/main/logo/dotnetfoundation_v4.png?raw=true" width="100" />
</a>
<div class="bb-foundation-content">本项目属于 <a href="https://www.dotnetfoundation.org/">.NET 基金会</a>,并根据其 <a href="https://www.dotnetfoundation.org/code-of-conduct">行为准则</a> 运作。</div>
</div>
</section>
25 changes: 24 additions & 1 deletion src/BootstrapBlazor.Server/Components/Pages/Index.razor.css
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
--bd-pink-rgb: 214, 51, 132;
--bd-violet-rgb: 112.520718, 44.062154, 249.437846;
--bd-accent-rgb: 255, 228, 132;
padding: 3rem 0;
padding-top: 3rem;
background-image: linear-gradient(180deg, rgba(var(--bs-body-bg-rgb), 0.01), rgba(var(--bs-body-bg-rgb), 1) 85%), radial-gradient(ellipse at top left, rgba(var(--bs-primary-rgb), 0.5), transparent 50%), radial-gradient(ellipse at top right, rgba(var(--bd-accent-rgb), 0.5), transparent 50%), radial-gradient(ellipse at center right, rgba(var(--bd-violet-rgb), 0.5), transparent 50%), radial-gradient(ellipse at center left, rgba(var(--bd-pink-rgb), 0.5), transparent 50%);
}

Expand All @@ -28,6 +28,10 @@
text-decoration: underline;
}

.bd-masthead .bb-logo {
width: 200px;
}

.bd-gutter {
--bs-gutter-x: 3rem;
}
Expand Down Expand Up @@ -80,6 +84,25 @@
width: 280px;
}

.bb-foundation {
background-color: rgb(var(--bs-tertiary-bg-rgb));
position: relative;
}

.bb-foundation .bb-foundation-img {
position: absolute;
right: 1rem;
top: 1rem;
}

.bb-foundation .bb-foundation-content {
text-align: center;
font-size: 1.1rem;
font-weight: bolder;
line-height: 100px;
padding: 1rem 0;
}

@media (min-width: 768px) {
.bd-masthead .lead {
font-size: calc(1.275rem + .3vw);
Expand Down