Skip to content

Commit 003693a

Browse files
authored
Landing page updates (#25)
1 parent 9425b1f commit 003693a

2 files changed

Lines changed: 49 additions & 44 deletions

File tree

BlazorExpress.Bulma.Demo.RCL/Layout/MainLayout.razor

Lines changed: 9 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -10,13 +10,15 @@
1010
<ContentSection>
1111
@Body
1212
<div class="container is-max-desktop mb-4">
13-
<Notification Class="has-text-centered" Color="NotificationColor.Link" HideDeleteButton="true">
14-
<a href="@GithubUrl" class="be-bulma-text-decoration-none" target="_blank">
15-
<i class="bi bi-star-fill"></i>
16-
<span>If you like BlazorExpress.Bulma, give it a star on GitHub!</span>
17-
<i class="bi bi-star-fill"></i>
18-
</a>
19-
</Notification>
13+
<div class="px-5">
14+
<Notification Class="has-text-centered" Color="NotificationColor.Link" HideDeleteButton="true">
15+
<a href="@GithubUrl" class="be-bulma-text-decoration-none" target="_blank">
16+
<i class="bi bi-star-fill"></i>
17+
<span>If you like BlazorExpress.Bulma, give it a star on GitHub!</span>
18+
<i class="bi bi-star-fill"></i>
19+
</a>
20+
</Notification>
21+
</div>
2022
<MainLayoutBaseFooter Version="@Version"
2123
DotNetVersion="@DotNetVersion"
2224
DocsUrl="@DocsUrl"

BlazorExpress.Bulma.Demo.RCL/Pages/Home/Index.razor

Lines changed: 40 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -2,52 +2,55 @@
22

33
<PageMetaTags PageUrl="@pageUrl" Title="@metaTitle" Description="@metaDescription" ImageUrl="@imageUrl" />
44

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>
1117
</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>
1630
</div>
1731
</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>
3132
</div>
32-
</div>
3333

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" />
3637

37-
<IndexComponentLinks Title="Form Components" Category="@PageLinkCategory.Form" />
38+
<IndexComponentLinks Title="Form Components" Category="@PageLinkCategory.Form" />
3839

39-
<IndexComponentLinks Title="Icon Components" Category="@PageLinkCategory.Icons" />
40+
<IndexComponentLinks Title="Icon Components" Category="@PageLinkCategory.Icons" />
4041

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>
5052
</div>
53+
5154
@code {
5255
private const string pageUrl = "/";
5356
private const string pageTitle = "BlazorExpress Bulma Components <br /> Fast, Free & Open Source";

0 commit comments

Comments
 (0)