ant-design-blazor/site/AntDesign.Docs/Shared/MainFooter.razor
James Yeung 0b738663a1 docs: dynamic primary color changing (#1332)
* feat(docs): change color dynamically

* docs: dynamic primary color changing

* fix file path

* delete the script
2021-04-10 12:34:41 +08:00

129 lines
12 KiB
C#

<footer class="rc-footer rc-footer-dark">
<section class="rc-footer-container">
<section class="rc-footer-columns">
<div class="rc-footer-column">
<h2>@Language.Resources["app.footer.resources"]</h2>
<div class="rc-footer-item">
<a href="https://ant.design" target="_blank">Ant Design</a>
</div>
<div class="rc-footer-item">
<a href="https://ng.ant.design" target="_blank">NG-ZORRO</a>
<span class="rc-footer-item-separator">-</span>
<span class="rc-footer-item-description">Ant Design of Angular</span>
</div>
<div class="rc-footer-item">
<a href="https://vue.ant.design" target="_blank">Ant Design Vue</a>
</div>
<div class="rc-footer-item">
<a href="https://pro.antblazor.com/" target="_blank">Ant Design Pro Blazor</a>
</div>
<div class="rc-footer-item">
<a href="http://www.blazor.zone/" target="_blank">Bootstrap Blazor</a>
<span class="rc-footer-item-separator">-</span>
<span class="rc-footer-item-description">Bootstrap of Blazor</span>
</div>
<div class="rc-footer-item">
<a href="https://bulmarazor.loogn.net/" target="_blank">BulmaRazor</a>
<span class="rc-footer-item-separator">-</span>
<span class="rc-footer-item-description">Bulma of Blazor</span>
</div>
<div class="rc-footer-item">
<a href="https://ant-design-blazor.gitee.io/"> 🇨🇳</a>
</div>
</div>
<div class="rc-footer-column">
<h2>@Language.Resources["app.footer.community"]</h2>
<div class="rc-footer-item">
<a href="https://github.com/websemantics/awesome-ant-design" target="_blank">
<span class="rc-footer-item-icon">
<span role="img" aria-label="ant-design" class="anticon anticon-ant-design">
<svg viewBox="64 64 896 896" focusable="false" class="" data-icon="ant-design" width="1em" height="1em" fill="currentColor" aria-hidden="true">
<path d="M716.3 313.8c19-18.9 19-49.7 0-68.6l-69.9-69.9.1.1c-18.5-18.5-50.3-50.3-95.3-95.2-21.2-20.7-55.5-20.5-76.5.5L80.9 474.2a53.84 53.84 0 000 76.4L474.6 944a54.14 54.14 0 0076.5 0l165.1-165c19-18.9 19-49.7 0-68.6a48.7 48.7 0 00-68.7 0l-125 125.2c-5.2 5.2-13.3 5.2-18.5 0L189.5 521.4c-5.2-5.2-5.2-13.3 0-18.5l314.4-314.2c.4-.4.9-.7 1.3-1.1 5.2-4.1 12.4-3.7 17.2 1.1l125.2 125.1c19 19 49.8 19 68.7 0zM408.6 514.4a106.3 106.2 0 10212.6 0 106.3 106.2 0 10-212.6 0zm536.2-38.6L821.9 353.5c-19-18.9-49.8-18.9-68.7.1a48.4 48.4 0 000 68.6l83 82.9c5.2 5.2 5.2 13.3 0 18.5l-81.8 81.7a48.4 48.4 0 000 68.6 48.7 48.7 0 0068.7 0l121.8-121.7a53.93 53.93 0 00-.1-76.4z"></path>
</svg>
</span>
</span>
Awesome Ant Design
</a>
</div>
<div class="rc-footer-item">
<a href="https://github.com/AdrienTorris/awesome-blazor" target="_blank">
<span class="rc-footer-item-icon">
<span role="img" aria-label="ant-design" class="anticon">
<svg viewBox="0 0 1133 1024" width="1em" height="1em" fill="currentColor">
<path d="M1016.452929 325.008051a563.029686 563.029686 0 0 1-552.102137 474.312222 408.956599 408.956599 0 0 1-80.701003-4.895699 247.31566 247.31566 0 0 1-205.677843-233.140565 240.162284 240.162284 0 0 1 480.256301-3.388954c1.009372 39.804368-16.237724 74.72279-51.682775 75.727285-37.863643 0-55.617863-27.014112-55.617864-63.429525v-101.181016a61.971544 61.971544 0 0 0-61.493676-62.025182H404.612545a147.641388 147.641388 0 1 0 109.056069 246.028345l2.969601-4.422708 2.964726 4.905451a104.443189 104.443189 0 0 0 89.063675 42.413131 117.721064 117.721064 0 0 0 109.056068-123.050744 320.200125 320.200125 0 0 0-8.7869-78.209268A299.651845 299.651845 0 0 0 116.483145 559.543208a303.406514 303.406514 0 0 0 295.711881 299.651845s22.215938 2.018744 47.260068 1.443353a639.542039 639.542039 0 0 0 342.967072-102.322045c1.453106-1.009372 2.906211 1.009372 1.940725 2.486859a503.413344 503.413344 0 0 1-392.158113 160.363377A353.875117 353.875117 0 0 1 52.029619 558.075474a366.216763 366.216763 0 0 1 147.105007-293.288413A358.702549 358.702549 0 0 1 410.746797 194.930713h113.839614a320.302525 320.302525 0 0 0 236.290586-104.321285 4.422708 4.422708 0 0 1 2.403963-1.37021 4.515355 4.515355 0 0 1 4.832308 2.106515 4.57387 4.57387 0 0 1 0.629029 2.71604 321.107097 321.107097 0 0 1-49.673783 143.642909 4.354441 4.354441 0 0 0-0.536382 2.462478 4.442212 4.442212 0 0 0 2.930593 3.827812 4.412955 4.412955 0 0 0 2.506363 0.131657 344.210502 344.210502 0 0 0 239.313826-197.3298 6.29029 6.29029 0 0 1 2.213792-2.130896 6.056232 6.056232 0 0 1 5.948956 0 6.212271 6.212271 0 0 1 2.208916 2.130896 436.224273 436.224273 0 0 1 42.793475 278.211222zM411.902454 467.748865a88.551675 88.551675 0 1 0 88.537046 88.537046V473.629554a6.382937 6.382937 0 0 0-6.061108-6.061108l-82.475938 0.180419z" p-id="3785"></path>
</svg>
</span>
</span>
Awesome Blazor
</a>
</div>
<div class="rc-footer-item">
<a href="https://dotnet9.com/" target="_blank">
<span class="rc-footer-item-icon">
<span role="img" aria-label="dotnet9" class="anticon">
<svg viewBox="64 64 896 896" width="1em" height="1em" fill="currentColor">
<path d="M574 665.4a8.03 8.03 0 00-11.3 0L446.5 781.6c-53.8 53.8-144.6 59.5-204 0-59.5-59.5-53.8-150.2 0-204l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3l-39.8-39.8a8.03 8.03 0 00-11.3 0L191.4 526.5c-84.6 84.6-84.6 221.5 0 306s221.5 84.6 306 0l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3L574 665.4zm258.6-474c-84.6-84.6-221.5-84.6-306 0L410.3 307.6a8.03 8.03 0 000 11.3l39.7 39.7c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c53.8-53.8 144.6-59.5 204 0 59.5 59.5 53.8 150.2 0 204L665.3 562.6a8.03 8.03 0 000 11.3l39.8 39.8c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c84.5-84.6 84.5-221.5 0-306.1zM610.1 372.3a8.03 8.03 0 00-11.3 0L372.3 598.7a8.03 8.03 0 000 11.3l39.6 39.6c3.1 3.1 8.2 3.1 11.3 0l226.4-226.4c3.1-3.1 3.1-8.2 0-11.3l-39.5-39.6z"></path>
</svg>
</span>
</span>
Dotnet9
</a>
</div>
</div>
<div class="rc-footer-column">
<h2>@Language.Resources["app.footer.help"]</h2>
<div class="rc-footer-item">
<a href="https://github.com/ant-design-blazor/ant-design-blazor" target="_blank" rel="noopener noreferrer">
<span class="rc-footer-item-icon">
<span role="img" aria-label="github" class="anticon anticon-github"><svg viewBox="64 64 896 896" focusable="false" data-icon="github" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M511.6 76.3C264.3 76.2 64 276.4 64 523.5 64 718.9 189.3 885 363.8 946c23.5 5.9 19.9-10.8 19.9-22.2v-77.5c-135.7 15.9-141.2-73.9-150.3-88.9C215 726 171.5 718 184.5 703c30.9-15.9 62.4 4 98.9 57.9 26.4 39.1 77.9 32.5 104 26 5.7-23.5 17.9-44.5 34.7-60.8-140.6-25.2-199.2-111-199.2-213 0-49.5 16.3-95 48.3-131.7-20.4-60.5 1.9-112.3 4.9-120 58.1-5.2 118.5 41.6 123.2 45.3 33-8.9 70.7-13.6 112.9-13.6 42.4 0 80.2 4.9 113.5 13.9 11.3-8.6 67.3-48.8 121.3-43.9 2.9 7.7 24.7 58.3 5.5 118 32.4 36.8 48.9 82.7 48.9 132.3 0 102.2-59 188.1-200 212.9a127.5 127.5 0 0138.1 91v112.5c.8 9 0 17.9 15 17.9 177.1-59.7 304.6-227 304.6-424.1 0-247.2-200.4-447.3-447.5-447.3z"></path></svg></span>
</span>
GitHub
</a>
</div>
<div class="rc-footer-item">
<a href="https://docs.microsoft.com/en-us/aspnet/core/blazor/?WT.mc_id=DT-MVP-5003987" target="_blank">
<span class="rc-footer-item-icon">
<span role="img" aria-label="dotnet9" class="anticon">
<svg viewBox="64 64 896 896" width="1em" height="1em" fill="currentColor">
<path d="M574 665.4a8.03 8.03 0 00-11.3 0L446.5 781.6c-53.8 53.8-144.6 59.5-204 0-59.5-59.5-53.8-150.2 0-204l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3l-39.8-39.8a8.03 8.03 0 00-11.3 0L191.4 526.5c-84.6 84.6-84.6 221.5 0 306s221.5 84.6 306 0l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3L574 665.4zm258.6-474c-84.6-84.6-221.5-84.6-306 0L410.3 307.6a8.03 8.03 0 000 11.3l39.7 39.7c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c53.8-53.8 144.6-59.5 204 0 59.5 59.5 53.8 150.2 0 204L665.3 562.6a8.03 8.03 0 000 11.3l39.8 39.8c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c84.5-84.6 84.5-221.5 0-306.1zM610.1 372.3a8.03 8.03 0 00-11.3 0L372.3 598.7a8.03 8.03 0 000 11.3l39.6 39.6c3.1 3.1 8.2 3.1 11.3 0l226.4-226.4c3.1-3.1 3.1-8.2 0-11.3l-39.5-39.6z"></path>
</svg>
</span>
</span>
ASP.NET Blazor Docs
</a>
</div>
<div class="rc-footer-item">
<a href="https://docs.microsoft.com/en-us/learn/modules/build-blazor-webassembly-visual-studio-code/?WT.mc_id=DT-MVP-5003987" target="_blank">
<span class="rc-footer-item-icon">
<span role="img" aria-label="Blazor Tutorial" class="anticon">
<svg viewBox="64 64 896 896" width="1em" height="1em" fill="currentColor">
<path d="M574 665.4a8.03 8.03 0 00-11.3 0L446.5 781.6c-53.8 53.8-144.6 59.5-204 0-59.5-59.5-53.8-150.2 0-204l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3l-39.8-39.8a8.03 8.03 0 00-11.3 0L191.4 526.5c-84.6 84.6-84.6 221.5 0 306s221.5 84.6 306 0l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3L574 665.4zm258.6-474c-84.6-84.6-221.5-84.6-306 0L410.3 307.6a8.03 8.03 0 000 11.3l39.7 39.7c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c53.8-53.8 144.6-59.5 204 0 59.5 59.5 53.8 150.2 0 204L665.3 562.6a8.03 8.03 0 000 11.3l39.8 39.8c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c84.5-84.6 84.5-221.5 0-306.1zM610.1 372.3a8.03 8.03 0 00-11.3 0L372.3 598.7a8.03 8.03 0 000 11.3l39.6 39.6c3.1 3.1 8.2 3.1 11.3 0l226.4-226.4c3.1-3.1 3.1-8.2 0-11.3l-39.5-39.6z"></path>
</svg>
</span>
</span>
Blazor Tutorial
</a>
</div>
</div>
<div class="rc-footer-column">
<h2>
<span class="rc-footer-column-icon">
<img src="https://gw.alipayobjects.com/zos/rmsportal/nBVXkrFdWHxbZlmMbsaH.svg" alt="Ant XTech">
</span>
@Language.Resources["app.footer.more-product"]
</h2>
<div class="rc-footer-item" style="margin-top: 20px;">
<div class="theme-pick-wrap">
<input type="color" class="theme-pick" name="head" style="width:100%;" value="@_colorHex" @onchange="ChangeColor">
</div>
</div>
</div>
</section>
</section>
<section class="rc-footer-bottom">
<div class="rc-footer-bottom-container">
This project is supported by the <a href="https://dotnetfoundation.org">.NET Foundation</a>.
Made with <span style="color: rgb(255, 255, 255);"></span> by <a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design-blazor">Ant Design Blazor Team</a>
</div>
</section>
</footer>