doc(Readme): add .net foundation code of conduct (#4410)

* doc: add .net foundation code of conduct

* doc: 更新网站

Author: ArgoZhang

README.md

@@ -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.
@@ -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.

README.zh-CN.md

@@ -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 的框架：
@@ -39,7 +42,7 @@ Blazor 是一个使用 .NET 生成交互式客户端 Web UI 的框架：
 
 目前 `BootstrapBlazor` 团队由六名热爱开源的技术达人组成，其中有四名 **微软最有价值专家(Microsoft MVP)** ；成立了大约 2000 人的 `Blazor 中文社区` 积极响应，只讨论 Blazor 相关技术
 
-本组件库内置 **150** 多个组件，作者所在几家公司的项目均在重度使用，大多数组件都是在实际项目中提炼出来，非常适合国人操作习惯，大大节约开发时间，不像有些开源作品甚至作者本人都不使用，遇到问题从根本上无法解决，提交 Issue 也是让其自行解决并帮忙 PR 到其仓库
+本组件库内置 **200** 多个组件，作者所在几家公司的项目均在重度使用，大多数组件都是在实际项目中提炼出来，非常适合国人操作习惯，大大节约开发时间，不像有些开源作品甚至作者本人都不使用，遇到问题从根本上无法解决，提交 Issue 也是让其自行解决并帮忙 PR 到其仓库
 
 作者与团队积极处理 Issue 社区中积极回答问题，绝对不会一个开源仓库有几百上千 Issue 不予处理，当需求合理，即使是新功能也会积极响应并尽快提供新版本不会出现让提交者自己实现功能并提交 PR 的行为
 
@@ -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
 ```
@@ -202,7 +205,7 @@ Blazor 应用基于组件。 Blazor 中的组件是指 UI 元素，例如页面
 
 ### 上海智通建设发展股份有限公司
 
-特别鸣谢胡总对本项目的鼎力赞助 **10000** 元
+特别鸣谢对本项目的鼎力赞助 **10000** 元
 
 <img src="https://gitee.com/Longbow/Pictures/raw/master/BootstrapBlazor/[email protected]" width="552px;" />
 
@@ -213,6 +216,11 @@ Blazor 应用基于组件。 Blazor 中的组件是指 UI 元素，例如页面
 3. 提交代码
 4. 新建 Pull Request
 
+## 行为准则
+
+本项目采用了《贡献者公约》所定义的行为准则，以明确我们社区的预期行为。
+更多信息请见 [.NET Foundation Code of Conduct](https://dotnetfoundation.org/code-of-conduct).
+
 ## 捐助
 
 如果这个项目对您有所帮助，请扫下方二维码打赏一杯咖啡。

src/BootstrapBlazor.Server/Components/Pages/Index.razor

@@ -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"]
@@ -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>

src/BootstrapBlazor.Server/Components/Pages/Index.razor.css

@@ -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%);
 }
 
@@ -28,6 +28,10 @@
             text-decoration: underline;
         }
 
+    .bd-masthead .bb-logo {
+        width: 200px;
+    }
+
 .bd-gutter {
     --bs-gutter-x: 3rem;
 }
@@ -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);