Skip to content

Commit a913bc3

Browse files
committed
Updated homepage
1 parent 7af03cc commit a913bc3

File tree

11 files changed

+83
-29
lines changed

11 files changed

+83
-29
lines changed

.frontmatter/database/mediaDb.json

Lines changed: 1 addition & 1 deletion
Large diffs are not rendered by default.

.frontmatter/ui/ogimage.js

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
import {
2+
enableDevelopmentMode,
3+
registerCardImage
4+
} from "https://cdn.jsdelivr.net/npm/@frontmatter/extensibility/+esm";
5+
6+
registerCardImage(async (filePath, metadata) => {
7+
8+
const { title, description } = metadata;
9+
10+
const url = `https://frontmatter.codes/api/og?type=Docs&title=${title}&description=${description}`;
11+
12+
return `<img src="${url}" class="absolute inset-0 h-full w-full object-cover object-left-top group-hover:brightness-75" />`;
13+
});

.vscode/settings.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"reflowMarkdown.preferredLineLength": 100,
33
"[markdown]": {
4-
"editor.rulers": [76, 80, 96, 100]
4+
// "editor.rulers": [76, 80, 96, 100]
55
}
66
}

components/Page/CTA.tsx

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -52,8 +52,9 @@ export const CTA: React.FunctionComponent<ICTAProps> = (props: React.PropsWithCh
5252
// src={`https://res.cloudinary.com/estruyf/image/upload/w_1256/v1631871148/frontmatter/preview-3.2.0.png`}
5353
// src={"https://res.cloudinary.com/estruyf/image/upload/w_1256/v1649328023/frontmatter/7.1.0/panel-preview-light.png"}
5454
// src={"https://res.cloudinary.com/estruyf/image/upload/w_1256/v1649335002/frontmatter/7.1.0/fm-doc-screenshot.png"}
55-
src={"https://res.cloudinary.com/estruyf/image/upload/h_914/v1/frontmatter/10.1.0/fm-doc-screenshot"}
56-
alt={`Front Matter - Headless CMS - Live page preview`}
55+
// src={"https://res.cloudinary.com/estruyf/image/upload/h_914/v1/frontmatter/10.1.0/fm-doc-screenshot"}
56+
src={"/assets/homepage/content-dashboard.webp"}
57+
alt={`Front Matter - Headless CMS - Content Dashboard`}
5758
loading={`lazy`} />
5859
</div>
5960
</div>

frontmatter.json

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -19,11 +19,14 @@
1919
]
2020
}
2121
],
22+
"frontMatter.extensibility.scripts": [
23+
"[[workspace]]/.frontmatter/ui/ogimage.js"
24+
],
2225
"frontMatter.content.publicFolder": "public",
2326
"frontMatter.taxonomy.contentTypes": [
2427
{
2528
"name": "default",
26-
"previewPath": "'docs'",
29+
"previewPath": "docs",
2730
"fields": [
2831
{
2932
"title": "Title",
@@ -72,7 +75,7 @@
7275
},
7376
{
7477
"name": "changelog",
75-
"previewPath": "'docs'",
78+
"previewPath": "docs",
7679
"template": "[[workspace]]/.frontmatter/templates/release-notes.md",
7780
"filePrefix": null,
7881
"fields": [

locale/en.ts

Lines changed: 46 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,12 @@
11
import { Extension } from "../constants/extension";
22

3-
43
export const strings = {
54
// CTA
65
cta_title: "Headless CMS right in your code editor",
7-
cta_title_sr: " that helps managing your static sites and Markdown based sites. Supports Hugo, Jekyll, Docusaurus, NextJs, Gatsby, and more.",
8-
cta_description: "Experience the best of both worlds with Front Matter, the CMS that runs within Visual Studio Code, GitPod, and many more. Get the control over your static generator's content by bringing in the CMS features from Front Matter. Start creating and previewing content in real-time - no complicated setup - choose Front Matter CMS and start creating amazing content today.",
6+
cta_title_sr:
7+
" that helps managing your static sites and Markdown based sites. Supports Hugo, Jekyll, Docusaurus, NextJs, Gatsby, and more.",
8+
cta_description:
9+
"Experience the best of both worlds with Front Matter, the CMS that runs within Visual Studio Code, GitPod, and many more. Get the control over your static generator's content by bringing in the CMS features from Front Matter. Start creating and previewing content in real-time - no complicated setup - choose Front Matter CMS and start creating amazing content today.",
910
cta_button_primary: "Get started",
1011
cta_button_secondary: "Install the extension",
1112
cta_button_beta_secondary: "Install the BETA extension",
@@ -14,49 +15,68 @@ export const strings = {
1415
cta_button_bottom_secondary: "Learn more",
1516

1617
// Generators
17-
generators_title: "A CMS that works seamlessly with any static site generator",
18+
generators_title:
19+
"A CMS that works seamlessly with any static site generator",
1820
generators_more: "and many more...",
19-
generators_more2: "Pick your generator and start managing your static site in minutes",
21+
generators_more2:
22+
"Pick your generator and start managing your static site in minutes",
23+
24+
// Hero article editing
25+
hero_editing_title: "Editing your articles made easy",
26+
hero_editing_description:
27+
"With Front Matter, you can easily manage your articles, front matter, and metadata right from within your editor. Our platform seamlessly integrates with your editor, so you can create, edit, and preview your content in real-time. Say goodbye to switching between tools - Front Matter makes it easy to manage your content in one place. Get started today and see how Front Matter can streamline your content creation process.",
28+
hero_editing_button_primary: "Learn more",
2029

2130
// Hero
2231
hero_title: "Bringing the CMS to your editor",
23-
hero_description: "Why waste time switching between tools when you can do it all in one place?",
24-
hero_description_second: "With Front Matter, you can stay in your preferred editor and easily create, manage, and publish content. Our unique features transform your editor into a powerful content management system, so you can focus on what matters most - creating great content. Give Front Matter a try and see how easy it is to streamline your content creation process.",
32+
hero_description:
33+
"Why waste time switching between tools when you can do it all in one place?",
34+
hero_description_second:
35+
"With Front Matter, you can stay in your preferred editor and easily create, manage, and publish content. Our unique features transform your editor into a powerful content management system, so you can focus on what matters most - creating great content. Give Front Matter a try and see how easy it is to streamline your content creation process.",
2536
hero_button_primary: "Get started",
2637

2738
// Hero media
2839
hero_media_title: "Managing your media was never easier",
29-
hero_media_description: "With Front Matter's media dashboard, it's easy to access and manage all your media files right from within Visual Studio Code. Quickly browse your content folders, insert media into your articles, and perform various media actions - all with just a few clicks. Keep your media organized and at your fingertips with Front Matter's intuitive media dashboard.",
40+
hero_media_description:
41+
"With Front Matter's media dashboard, it's easy to access and manage all your media files right from within Visual Studio Code. Quickly browse your content folders, insert media into your articles, and perform various media actions - all with just a few clicks. Keep your media organized and at your fingertips with Front Matter's intuitive media dashboard.",
3042
hero_media_button_primary: "See what it can do",
3143

3244
// Testimonials
3345
testimonials_title: "What others are saying",
34-
testimonials_description: "We love Front Matter and we're excited to share it with the world.",
46+
testimonials_description:
47+
"We love Front Matter and we're excited to share it with the world.",
3548

3649
// Features
3750
features_title: "Features",
38-
features_description: "Check out our main features which help you manage your static-site",
51+
features_description:
52+
"Check out our main features which help you manage your static-site",
3953
features_cta_title: "Missing a feature?",
4054
features_cta_button: "Tell us what you need",
4155

4256
// Feature
4357
feature_title_1: "100% secure CMS",
44-
feature_description_1: "Front Matter is a content management system that's built right into Visual Studio Code - no need for separate accounts or dependencies on websites or APIs. Plus, you can work offline and commit your changes when you're online, so you're never held back by internet outages. As we are not an online service, you can rest assured that your content is protected from DDoS attacks and other threats. Start writing and managing your content with ease using Front Matter.",
58+
feature_description_1:
59+
"Front Matter is a content management system that's built right into Visual Studio Code - no need for separate accounts or dependencies on websites or APIs. Plus, you can work offline and commit your changes when you're online, so you're never held back by internet outages. As we are not an online service, you can rest assured that your content is protected from DDoS attacks and other threats. Start writing and managing your content with ease using Front Matter.",
4560

4661
feature_title_2: "Content Types",
47-
feature_description_2: "Front Matter gives you the power to define and customize your content types to fit your specific needs. Our platform comes with a default content mapping, but you have the flexibility to extend or alter it to fit your unique requirements. With Front Matter, you're in control of your content - and we'll adjust to meet your needs. Experience the full capabilities of a CMS with Front Matter's customizable content types.",
62+
feature_description_2:
63+
"Front Matter gives you the power to define and customize your content types to fit your specific needs. Our platform comes with a default content mapping, but you have the flexibility to extend or alter it to fit your unique requirements. With Front Matter, you're in control of your content - and we'll adjust to meet your needs. Experience the full capabilities of a CMS with Front Matter's customizable content types.",
4864

4965
feature_title_3: "Full site/page preview",
50-
feature_description_3: "With Front Matter, you can preview your site and pages directly within Visual Studio Code - no need to switch to a separate browser window. Our seamless integration allows you to see your changes in real-time and make adjustments on the fly. Say goodbye to tedious switching between tools - Front Matter makes it easy to see your work as you go.",
66+
feature_description_3:
67+
"With Front Matter, you can preview your site and pages directly within Visual Studio Code - no need to switch to a separate browser window. Our seamless integration allows you to see your changes in real-time and make adjustments on the fly. Say goodbye to tedious switching between tools - Front Matter makes it easy to see your work as you go.",
5168

5269
feature_title_4: "Content, media, snippets, and data dashboard",
53-
feature_description_4: "Front Matter's dashboard is your one-stop-shop for managing all your content, media, snippets, and data files. Easily filter by your content folders and perform quick actions to keep everything organized and easily accessible. And our tight integration with the editor panel allows you to insert media files or snippets into your articles with just a few clicks. Streamline your content management process with Front Matter's intuitive dashboard.",
70+
feature_description_4:
71+
"Front Matter's dashboard is your one-stop-shop for managing all your content, media, snippets, and data files. Easily filter by your content folders and perform quick actions to keep everything organized and easily accessible. And our tight integration with the editor panel allows you to insert media files or snippets into your articles with just a few clicks. Streamline your content management process with Front Matter's intuitive dashboard.",
5472

5573
feature_title_5: "SEO Checks",
56-
feature_description_5: "Front Matter's search engine optimization checks help you create better, more optimized articles. Our platform provides you with in-depth information about your title, description, content, keywords, and more, so you can make informed decisions about how to improve your SEO. With Front Matter, you'll have all the tools you need to craft high-quality, search-friendly content.",
74+
feature_description_5:
75+
"Front Matter's search engine optimization checks help you create better, more optimized articles. Our platform provides you with in-depth information about your title, description, content, keywords, and more, so you can make informed decisions about how to improve your SEO. With Front Matter, you'll have all the tools you need to craft high-quality, search-friendly content.",
5776

5877
feature_title_6: "Use it the way you want it",
59-
feature_description_6: "Front Matter is designed to be fully configurable to your needs. You can customize your editor experience and define how you want to use the platform, but that's just the beginning. If you have specific needs or want to automate tasks, our custom scripting capability allows you to add your own actions and hooks. For example, you can use a script to generate preview images or automate other processes. With Front Matter, you have the flexibility to create the perfect content management solution for your needs.",
78+
feature_description_6:
79+
"Front Matter is designed to be fully configurable to your needs. You can customize your editor experience and define how you want to use the platform, but that's just the beginning. If you have specific needs or want to automate tasks, our custom scripting capability allows you to add your own actions and hooks. For example, you can use a script to generate preview images or automate other processes. With Front Matter, you have the flexibility to create the perfect content management solution for your needs.",
6080

6181
// Pricing
6282
pricing_title: "Pricing",
@@ -74,7 +94,8 @@ export const strings = {
7494

7595
// Showcase
7696
showcase_page_title: "Featured & showcases",
77-
showcase_page_description: "Check out where Front Matter got featured and for which sites its used.",
97+
showcase_page_description:
98+
"Check out where Front Matter got featured and for which sites its used.",
7899

79100
showcase_title: "Showcases",
80101
showcase_featured_title: "Featured",
@@ -87,13 +108,17 @@ export const strings = {
87108

88109
// Community
89110
community_title: "Community",
90-
community_description: "Join our community and get to know more about Front Matter.",
111+
community_description:
112+
"Join our community and get to know more about Front Matter.",
91113
community_page_title: "Join our community",
92-
community_page_description: "Join our community and get to know more about Front Matter.",
114+
community_page_description:
115+
"Join our community and get to know more about Front Matter.",
93116

94117
// SWAG
95118
swag_title: "Show your support with our SWAG",
96-
swag_description: "We are a small team of developers who love to create software. We are always looking for new ideas and ways to improve our product. If you like Front Matter, we would appreciate your support and your contribution to the project.",
119+
swag_description:
120+
"We are a small team of developers who love to create software. We are always looking for new ideas and ways to improve our product. If you like Front Matter, we would appreciate your support and your contribution to the project.",
97121
swag_page_title: "Show your support",
98-
swag_page_description: "Show your support for Front Matter by purchasing a stickers",
122+
swag_page_description:
123+
"Show your support for Front Matter by purchasing a stickers",
99124
};

pages/index.tsx

Lines changed: 14 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,16 @@ const Home = ({ reviews }: InferGetStaticPropsType<typeof getStaticProps>) => {
3030

3131
<Generators />
3232

33+
<Hero
34+
view={"right"}
35+
title={strings(`hero_editing_title`)}
36+
description={strings(`hero_editing_description`)}
37+
imgSrc={"/assets/homepage/article-editing.webp"}
38+
imgAlt={"Front Matter CMS - Article editing and front matter management in VS Code"}
39+
link={`/docs/panel`}
40+
linkText={strings(`hero_editing_button_primary`)}
41+
className={`lg:-mt-16`} />
42+
3343
<Hero
3444
view={"left"}
3545
title={strings(`hero_title`)}
@@ -45,7 +55,8 @@ const Home = ({ reviews }: InferGetStaticPropsType<typeof getStaticProps>) => {
4555
)}
4656
// imgSrc={"https://res.cloudinary.com/estruyf/image/upload/w_1256/v1631520508/frontmatter/dashboard.png"}
4757
// imgSrc={"https://res.cloudinary.com/estruyf/image/upload/w_1256/v1649326998/frontmatter/7.1.0/dashboard.png"}
48-
imgSrc={"https://res.cloudinary.com/estruyf/image/upload/h_914/v1/frontmatter/10.1.0/dashboard"}
58+
// imgSrc={"https://res.cloudinary.com/estruyf/image/upload/h_914/v1/frontmatter/10.1.0/dashboard"}
59+
imgSrc={"/assets/homepage/content-dashboard.webp"}
4960
imgAlt={"Front Matter CMS editor dashboard of your static site content"}
5061
link={`/docs/getting-started`}
5162
linkText={strings(`hero_button_primary`)} />
@@ -58,7 +69,8 @@ const Home = ({ reviews }: InferGetStaticPropsType<typeof getStaticProps>) => {
5869
// imgSrc={"https://res.cloudinary.com/estruyf/image/upload/w_1256/v1633417514/frontmatter/media_dashboard_v5.0.0.png"}
5970
// imgSrc={"https://res.cloudinary.com/estruyf/image/upload/w_1256/v1641373114/frontmatter/media-dashboard-5.9.0.png"}
6071
// imgSrc={"https://res.cloudinary.com/estruyf/image/upload/w_1256/v1649326999/frontmatter/7.1.0/media-dashboard.png"}
61-
imgSrc={"https://res.cloudinary.com/estruyf/image/upload/h_914/v1/frontmatter/10.1.0/l9hu0nchrssvemjqlr6d"}
72+
// imgSrc={"https://res.cloudinary.com/estruyf/image/upload/h_914/v1/frontmatter/10.1.0/l9hu0nchrssvemjqlr6d"}
73+
imgSrc={"/assets/homepage/media-dashboard.webp"}
6274
imgAlt={"Front Matter CMS - media management was never easier in VS Code"}
6375
link={`/docs/dashboard`}
6476
linkText={strings(`hero_media_button_primary`)}
126 KB
Binary file not shown.
81.2 KB
Binary file not shown.
71.7 KB
Binary file not shown.

0 commit comments

Comments
 (0)