Skip to content

Commit

Permalink
Optimize homepage links
Browse files Browse the repository at this point in the history
  • Loading branch information
@stsrki
stsrki committed Jun 25, 2022
1 parent 31ca073 commit 21ba906
Show file tree
Hide file tree
Showing 5 changed files with 85 additions and 13 deletions.
20 changes: 10 additions & 10 deletions Documentation/Blazorise.Docs/Pages/Home/Index.razor
View file
Original file line number Diff line number Diff line change
Expand Up @@ -90,7 +90,7 @@
Blazorise is built from the ground up to support any favorite CSS framework without sacrificing speed or features.
</Paragraph>
<Paragraph TextWeight="TextWeight.Bold" TextColor="TextColor.Muted">
Have a try at <Anchor To="https://bootstrapdemo.blazorise.com/" Target="Target.Blank" TextColor="TextColor.Primary">Bootstrap</Anchor>, <Anchor To="https://bulmademo.blazorise.com/" Target="Target.Blank" TextColor="TextColor.Primary">Bulma</Anchor>, <Anchor To="https://materialdemo.blazorise.com/" Target="Target.Blank" TextColor="TextColor.Primary">Material</Anchor>, or <Anchor To="https://antdesigndemo.blazorise.com/" Target="Target.Blank" TextColor="TextColor.Primary">AntDesign</Anchor>.
Have a try at <Anchor To="https://bootstrapdemo.blazorise.com/" Target="Target.Blank">Bootstrap</Anchor>, <Anchor To="https://bulmademo.blazorise.com/" Target="Target.Blank">Bulma</Anchor>, <Anchor To="https://materialdemo.blazorise.com/" Target="Target.Blank">Material</Anchor>, or <Anchor To="https://antdesigndemo.blazorise.com/" Target="Target.Blank">AntDesign</Anchor>.
</Paragraph>
</Column>
</Column>
Expand All @@ -111,10 +111,10 @@
<Heading Size="HeadingSize.Is2" Margin="Margin.Is0">80+ Components</Heading>
<Column ColumnSize="ColumnSize.Is9.OnWidescreen.Is8.IsFull" Padding="Padding.Is0">
<Paragraph Padding="Padding.Is4.OnY" Margin="Margin.Is0" TextColor="TextColor.Muted">
Blazorise comes with 80+ UI components that help you build consistent UIs fast. The theme can be customized to match your brand.
Blazorise comes with 80+ <Anchor To="docs/components" Title="Link to Blazor UI components">Blazor UI components</Anchor> that help you build consistent UIs fast. The theme can be customized to match your brand.
</Paragraph>
<Paragraph Padding="Padding.Is2.FromBottom" TextWeight="TextWeight.Bold" TextColor="TextColor.Muted">
Extension component are built upon the core components to extend and bring even more features.
<Anchor To="docs/extensions" Title="Link to Extensions">Extensions</Anchor> component are built upon the core components to extend and bring even more features.
</Paragraph>
</Column>
</Column>
Expand All @@ -127,7 +127,7 @@
Blazorise is open-source and free to use under our Community License. You can install it from nuget or build your own copy from source.
</Paragraph>
<Paragraph TextWeight="TextWeight.Bold" TextColor="TextColor.Muted">
Get guaranteed development support directly from the team that built Blazorise with a <Anchor To="https://commercial.blazorise.com/" TextColor="TextColor.Primary">Blazorise Professional</Anchor> subscription.
Get guaranteed development support directly from the team that built Blazorise with a <Anchor To="https://commercial.blazorise.com/">Blazorise Professional</Anchor> subscription.
</Paragraph>
</Column>
</Column>
Expand Down Expand Up @@ -274,7 +274,7 @@
Feature-rich grid control for Blazor.
</Heading>
<Paragraph Padding="Padding.Is4.FromBottom">
Blazorise DataGrid's main features include robust data layer, fast data processing, client-side data validation, and many more. The component leverages the power of Blazor, to provide the best UX while manipulating an unlimited set of data. It comes with an intuitive API for real-time updates, accessibility, as well as theming and custom templates, all with blazing fast performance.
<Anchor To="docs/extensions/datagrid/getting-started" Title="Link to Blazorise DataGrid's component">Blazorise DataGrid's component</Anchor> main features include robust data layer, fast data processing, client-side data validation, and many more. The component leverages the power of Blazor, to provide the best UX while manipulating an unlimited set of data. It comes with an intuitive API for real-time updates, accessibility, as well as theming and custom templates, all with blazing fast performance.
</Paragraph>
</Column>
<Column ColumnSize="ColumnSize.Is12.Is6.OnTablet">
Expand All @@ -289,7 +289,7 @@
Charts
</Heading>
<Paragraph Padding="Padding.Is4.FromBottom">
The Charts control can plot a wide range of chart types, ranging from line charts to specialized financial charts. Its rich feature set includes functionalities like data binding, multiple axes, legends, animation, data labels, annotations, trackballs, tooltips, and zooming.
The <Anchor To="docs/extensions/chart" Title="Link to Blazorise Chart component">Blazorise Chart component</Anchor> can plot a wide range of chart types, ranging from line charts to specialized financial charts. Its rich feature set includes functionalities like data binding, multiple axes, legends, animation, data labels, annotations, trackballs, tooltips, and zooming.
</Paragraph>
</Column>
<Column ColumnSize="ColumnSize.Is12.Is6.OnTablet">
Expand All @@ -304,7 +304,7 @@
Validation components provide a simple form validation for Blazorise input components.
</Heading>
<Paragraph Padding="Padding.Is4.FromBottom">
Blazorise Validation system is built from the ground up to support various validation scenarios. It supports data-annotation, validation handler methods, and regex patterns. One of the its advanced features is the ability to do the async validation which can be used to validate a field by calling an external API.
The <Anchor To="docs/components/validation" Title="Link to Blazorise Validation system">Blazorise Validation system</Anchor> is built from the ground up to support various validation scenarios. It supports data-annotation, validation handler methods, and regex patterns. One of the its advanced features is the ability to do the async validation which can be used to validate a field by calling an external API.
</Paragraph>
<Paragraph>
Manual and automatic validations are also supported, along with the fully custom localization system.
Expand All @@ -322,7 +322,7 @@
High performance autocomplete can load and query large amounts of data at high speeds.
</Heading>
<Paragraph Padding="Padding.Is4.FromBottom">
The Blazorise Autocomplete component looks like a textbox and delivers a list of suggestions as the user inputs. It comes with a number of features out of the box, like data binding, filtering, UI customization, accessibility, and more.
The <Anchor To="docs/extensions/autocomplete" Title="Link to Blazorise Autocomplete component">Blazorise Autocomplete component</Anchor> looks like a textbox and delivers a list of suggestions as the user inputs. It comes with a number of features out of the box, like data binding, filtering, UI customization, accessibility, and more.
</Paragraph>
</Column>
<Column ColumnSize="ColumnSize.Is12.Is6.OnTablet">
Expand All @@ -337,7 +337,7 @@
Advanced video player can handle live streaming video feeds or video files.
</Heading>
<Paragraph Padding="Padding.Is4.FromBottom">
The Blazorise Video component is built to support almost any media which includes DASH or HLS encoded videos, be it coming from a static video file or a live stream. It can also support DRM protected videos.
The <Anchor To="docs/extensions/video" Title="Link to Blazorise Video component">Blazorise Video component</Anchor> is built to support almost any media which includes DASH or HLS encoded videos, be it coming from a static video file or a live stream. It can also support DRM protected videos.
</Paragraph>
</Column>
<Column ColumnSize="ColumnSize.Is12.Is6.OnTablet">
Expand All @@ -351,7 +351,7 @@
</Row>
</section>
<Divider Margin="Margin.Is5.OnY" />
<section id="testimonials-section">
<section class="home-testimonials" id="testimonials-section">
<Row>
<Column ColumnSize="ColumnSize.Is12" TextAlignment="TextAlignment.Center" Padding="Padding.Is5.FromBottom">
<Heading Size="HeadingSize.Is2" Padding="Padding.Is3.FromBottom">Loved by 100,000+ developers and relied on by Fortune 500 businesses.</Heading>
Expand Down
7 changes: 6 additions & 1 deletion Documentation/Blazorise.Docs/Styles/_docs.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -220,7 +220,12 @@

a {
color: #3f4d62;
border-bottom: 2px solid #9317E1;
border-bottom: 2px solid var(--b-theme-primary);
text-decoration: none;
transition: color 0.5s ease-in-out;

&:hover {
color: var(--b-theme-primary);
}
}
}
35 changes: 35 additions & 0 deletions Documentation/Blazorise.Docs/Styles/_home.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -58,6 +58,17 @@
text-align: center;
}
}

a {
color: #3f4d62;
border-bottom: 2px solid var(--b-theme-primary);
text-decoration: none;
transition: color 0.5s ease-in-out;

&:hover {
color: var(--b-theme-primary);
}
}
}

.home-case-studies {
Expand Down Expand Up @@ -142,4 +153,28 @@
.nav .nav-link:not(.active) {
color: var(--b-theme-secondary);
}

a {
color: #3f4d62;
border-bottom: 2px solid var(--b-theme-primary);
text-decoration: none;
transition: color 0.5s ease-in-out;

&:hover {
color: var(--b-theme-primary);
}
}
}

.home-testimonials {
a {
color: #3f4d62;
border-bottom: 2px solid var(--b-theme-primary);
text-decoration: none;
transition: color 0.5s ease-in-out;

&:hover {
color: var(--b-theme-primary);
}
}
}
34 changes: 33 additions & 1 deletion Documentation/Blazorise.Docs/wwwroot/blazorise.docs.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -172,6 +172,15 @@ html, body * {
text-align: center;
}
}
.home-features a {
color: #3f4d62;
border-bottom: 2px solid var(--b-theme-primary);
text-decoration: none;
transition: color 0.5s ease-in-out;
}
.home-features a:hover {
color: var(--b-theme-primary);
}

.home-case-studies .color-cards .card-contents {
position: relative;
Expand Down Expand Up @@ -233,6 +242,25 @@ html, body * {
.home-popular-components .nav .nav-link:not(.active) {
color: var(--b-theme-secondary);
}
.home-popular-components a {
color: #3f4d62;
border-bottom: 2px solid var(--b-theme-primary);
text-decoration: none;
transition: color 0.5s ease-in-out;
}
.home-popular-components a:hover {
color: var(--b-theme-primary);
}

.home-testimonials a {
color: #3f4d62;
border-bottom: 2px solid var(--b-theme-primary);
text-decoration: none;
transition: color 0.5s ease-in-out;
}
.home-testimonials a:hover {
color: var(--b-theme-primary);
}

.b-docs-page .b-docs-page-title {
margin-bottom: 1.5rem;
Expand Down Expand Up @@ -403,8 +431,12 @@ html, body * {
}
.b-docs-page a {
color: #3f4d62;
border-bottom: 2px solid #9317E1;
border-bottom: 2px solid var(--b-theme-primary);
text-decoration: none;
transition: color 0.5s ease-in-out;
}
.b-docs-page a:hover {
color: var(--b-theme-primary);
}

.blazorise-codeblock {
Expand Down
Loading

0 comments on commit 21ba906

Please sign in to comment.