|
2 | 2 |
|
3 | 3 | <PageMetaTags PageUrl="@pageUrl" Title="@metaTitle" Description="@metaDescription" ImageUrl="@imageUrl" /> |
4 | 4 |
|
5 | | -<div class="be-bulma-masthead has-text-centered"> |
6 | | - <div class="container is-max-desktop mb-4"> |
7 | | - <div class="mb-6"> |
8 | | - <div class="pt-6 mb-6"> |
9 | | - <Tag Color="TagColor.Warning" Size="TagSize.Medium">New in @version</Tag> |
10 | | - <span class="is-size-6 text-muted">@releaseShortDescription</span> |
| 5 | + <div class="be-bulma-masthead has-text-centered"> |
| 6 | + <div class="container is-max-desktop mb-4"> |
| 7 | + <div class="mb-6"> |
| 8 | + <div class="pt-6 mb-6"> |
| 9 | + <Tag Color="TagColor.Warning" Size="TagSize.Medium">New in @version</Tag> |
| 10 | + <span class="is-size-6 text-muted">@releaseShortDescription</span> |
| 11 | + </div> |
| 12 | + <div style="justify-items: center;"> |
| 13 | + <Image Src="@StringConstants.StaticAssets_Icons_Logo_png" |
| 14 | + Dimension="ImageDimension.Is128x128" |
| 15 | + alt="BlazorExpress Logo" /> |
| 16 | + </div> |
11 | 17 | </div> |
12 | | - <div style="justify-items: center;"> |
13 | | - <Image Src="@StringConstants.StaticAssets_Icons_Logo_png" |
14 | | - Dimension="ImageDimension.Is128x128" |
15 | | - alt="BlazorExpress Logo" /> |
| 18 | + <Hero Class="mb-6"> |
| 19 | + <HeroTitle class="mb-4"> |
| 20 | + @((MarkupString)pageTitle) |
| 21 | + </HeroTitle> |
| 22 | + <HeroSubTitle Class="has-text-dark"> |
| 23 | + @((MarkupString)pageDescription) |
| 24 | + </HeroSubTitle> |
| 25 | + </Hero> |
| 26 | + <div class="mb-4"> |
| 27 | + <a href="https://www.nuget.org/packages/BlazorExpress.Bulma/"><img alt="Nuget" src="https://img.shields.io/nuget/v/BlazorExpress.Bulma"></a> |
| 28 | + <span class="px-1"></span> |
| 29 | + <a href="https://www.nuget.org/packages/BlazorExpress.Bulma/"><img alt="Nuget" src="https://img.shields.io/nuget/dt/BlazorExpress.Bulma"></a> |
16 | 30 | </div> |
17 | 31 | </div> |
18 | | - <Hero Class="mb-6"> |
19 | | - <HeroTitle class="mb-4"> |
20 | | - @((MarkupString)pageTitle) |
21 | | - </HeroTitle> |
22 | | - <HeroSubTitle Class="has-text-dark"> |
23 | | - @((MarkupString)pageDescription) |
24 | | - </HeroSubTitle> |
25 | | - </Hero> |
26 | | - <div class="mb-4"> |
27 | | - <a href="https://www.nuget.org/packages/BlazorExpress.Bulma/"><img alt="Nuget" src="https://img.shields.io/nuget/v/BlazorExpress.Bulma"></a> |
28 | | - <span class="px-1"></span> |
29 | | - <a href="https://www.nuget.org/packages/BlazorExpress.Bulma/"><img alt="Nuget" src="https://img.shields.io/nuget/dt/BlazorExpress.Bulma"></a> |
30 | | - </div> |
31 | 32 | </div> |
32 | | -</div> |
33 | 33 |
|
34 | | -<div class="container is-max-desktop mb-4"> |
35 | | - <IndexComponentLinks Title="All Components" Category="@PageLinkCategory.All" /> |
| 34 | +<div class="p-5"> |
| 35 | + <div class="container is-max-desktop mb-4"> |
| 36 | + <IndexComponentLinks Title="All Components" Category="@PageLinkCategory.All" /> |
36 | 37 |
|
37 | | - <IndexComponentLinks Title="Form Components" Category="@PageLinkCategory.Form" /> |
| 38 | + <IndexComponentLinks Title="Form Components" Category="@PageLinkCategory.Form" /> |
38 | 39 |
|
39 | | - <IndexComponentLinks Title="Icon Components" Category="@PageLinkCategory.Icons" /> |
| 40 | + <IndexComponentLinks Title="Icon Components" Category="@PageLinkCategory.Icons" /> |
40 | 41 |
|
41 | | - <Message Class="mb-4" Color="MessageColor.Success"> |
42 | | - <MessageBody> |
43 | | - <div class="is-size-5 has-text-weight-semibold mb-2"><BootstrapIcon Name="BootstrapIconName.Lightbulb" /> DO YOU KNOW?</div> |
44 | | - <div> |
45 | | - This demo website is built using the <strong><a href="@nugetUrl" target="_blank">BlazorExpress Bulma</a></strong> library and published on the Azure Web App. |
46 | | - See our source code on <a href="@githubUrl" target="_blank">GitHub</a>. |
47 | | - </div> |
48 | | - </MessageBody> |
49 | | - </Message> |
| 42 | + <Message Class="mb-4" Color="MessageColor.Success"> |
| 43 | + <MessageBody> |
| 44 | + <div class="is-size-5 has-text-weight-semibold mb-2"><BootstrapIcon Name="BootstrapIconName.Lightbulb" /> DO YOU KNOW?</div> |
| 45 | + <div> |
| 46 | + This demo website is built using the <strong><a href="@nugetUrl" target="_blank">BlazorExpress Bulma</a></strong> library and published on the Azure Web App. |
| 47 | + See our source code on <a href="@githubUrl" target="_blank">GitHub</a>. |
| 48 | + </div> |
| 49 | + </MessageBody> |
| 50 | + </Message> |
| 51 | + </div> |
50 | 52 | </div> |
| 53 | + |
51 | 54 | @code { |
52 | 55 | private const string pageUrl = "/"; |
53 | 56 | private const string pageTitle = "BlazorExpress Bulma Components <br /> Fast, Free & Open Source"; |
|
0 commit comments