🏠 Updates homepage descripton and adds widget section

This commit is contained in:
Alicia Sykes 2022-01-23 11:09:21 +00:00
parent ce8f79ca4d
commit 8c84e8595f
2 changed files with 19 additions and 6 deletions

View File

@ -32,9 +32,9 @@ export default function HomepageHeader() {
{showMore && (
<p className={styles.dashyDescription}>
It's packed full of useful features, to help you build your perfect dashboard.
Including status checks, keyboard shortcuts, auto-fetched favicon icons and
font-awesome support, built-in authentication, tons of themes, a UI config
editor, many display layouts plus loads more.
Including status checks, keyboard shortcuts, dynamic widgets, auto-fetched
favicon icons and font-awesome support, built-in authentication, tons of themes,
an interactive config editor, many display layouts plus loads more.<br />
All the code is free and open source, and everything is thoroughly documented,
you can get support with any questions on GitHub.
</p>

View File

@ -15,6 +15,7 @@ import IconThemes from '../../static/icons/features_themes.svg';
import IconUiConfig from '../../static/icons/features_ui-configuration.svg';
import IconLaunching from '../../static/icons/features_launching.svg';
import IconLanguage from '../../static/icons/features_language.svg';
import IconWidgets from '../../static/icons/features_widgets.svg';
const FeatureList = [
{
@ -67,6 +68,18 @@ const FeatureList = [
link: '/docs/authentication',
icon: (<IconAuth />),
},
{
title: 'Widgets',
description: (
<>
Display dynamic content from any API-enabled service. Dashy comes bundled with 50+
pre-built widgets for self-hosted services, productivity and monitoring.
</>
),
link: '/docs/widgets',
icon: (<IconWidgets />),
demo: 'https://i.ibb.co/GFjXVHy/dashy-widgets.png',
},
{
title: 'Alternate Views',
description: (
@ -187,9 +200,9 @@ function Feature({ title, description, icon, demo, index, link }) {
</div>
<div className="feature-half assets">
{demo
? <img className="demo" src={demo} />
: <span className="not-demo">Screenshot Coming Soon</span>
}
? <img className="demo" src={demo} />
: <span className="not-demo">Screenshot Coming Soon</span>
}
</div>
</div>
);