🏠 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 && ( {showMore && (
<p className={styles.dashyDescription}> <p className={styles.dashyDescription}>
It's packed full of useful features, to help you build your perfect dashboard. It's packed full of useful features, to help you build your perfect dashboard.
Including status checks, keyboard shortcuts, auto-fetched favicon icons and Including status checks, keyboard shortcuts, dynamic widgets, auto-fetched
font-awesome support, built-in authentication, tons of themes, a UI config favicon icons and font-awesome support, built-in authentication, tons of themes,
editor, many display layouts plus loads more. an interactive config editor, many display layouts plus loads more.<br />
All the code is free and open source, and everything is thoroughly documented, All the code is free and open source, and everything is thoroughly documented,
you can get support with any questions on GitHub. you can get support with any questions on GitHub.
</p> </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 IconUiConfig from '../../static/icons/features_ui-configuration.svg';
import IconLaunching from '../../static/icons/features_launching.svg'; import IconLaunching from '../../static/icons/features_launching.svg';
import IconLanguage from '../../static/icons/features_language.svg'; import IconLanguage from '../../static/icons/features_language.svg';
import IconWidgets from '../../static/icons/features_widgets.svg';
const FeatureList = [ const FeatureList = [
{ {
@ -67,6 +68,18 @@ const FeatureList = [
link: '/docs/authentication', link: '/docs/authentication',
icon: (<IconAuth />), 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', title: 'Alternate Views',
description: ( description: (
@ -187,9 +200,9 @@ function Feature({ title, description, icon, demo, index, link }) {
</div> </div>
<div className="feature-half assets"> <div className="feature-half assets">
{demo {demo
? <img className="demo" src={demo} /> ? <img className="demo" src={demo} />
: <span className="not-demo">Screenshot Coming Soon</span> : <span className="not-demo">Screenshot Coming Soon</span>
} }
</div> </div>
</div> </div>
); );