From b26c825438b4e4bf5a1191b046ccc005dda8483e Mon Sep 17 00:00:00 2001 From: Marcus Hellberg Date: Thu, 21 Nov 2024 08:44:12 -0800 Subject: [PATCH 1/3] add tutorial and video training banners to front page --- articles/index.adoc | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) diff --git a/articles/index.adoc b/articles/index.adoc index 7afbd22804..fb5286ea4d 100644 --- a/articles/index.adoc +++ b/articles/index.adoc @@ -26,6 +26,25 @@ xref:/getting-started/tutorial#["Tutorial",role="button primary water"] image:flow/_images/code-editor-illustration.svg["", opts=inline] -- + +[.cards.quiet.large] +== Get Started + +[.card.large] +=== Tutorial + +The Vaadin tutorial walks you through building an app from start to production. It covers both Flow and Hilla development. + +<<{articles}/getting-started/tutorial#,Start tutorial>> + +[.card.large] +=== Video course & certification + +Prefer to learn by watching? The free Vaadin training videos cover the basics of Vaadin Flow development and let you get certified. + +link:/learn/training[Start video course] + + [.cards.quiet.large.components] == Components From 841347698fb3e0c53719065aa97e008f1cfcbbf4 Mon Sep 17 00:00:00 2001 From: russelljtdyer <6652767+russelljtdyer@users.noreply.github.com> Date: Mon, 2 Dec 2024 12:38:44 +0100 Subject: [PATCH 2/3] Minor edits. --- articles/index.adoc | 22 +++++++++++----------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/articles/index.adoc b/articles/index.adoc index fb5286ea4d..5ca702695c 100644 --- a/articles/index.adoc +++ b/articles/index.adoc @@ -30,17 +30,19 @@ image:flow/_images/code-editor-illustration.svg["", opts=inline] [.cards.quiet.large] == Get Started + [.card.large] === Tutorial -The Vaadin tutorial walks you through building an app from start to production. It covers both Flow and Hilla development. +The Vaadin tutorial walks you through building an application from start to production. It covers both Flow and Hilla development. <<{articles}/getting-started/tutorial#,Start tutorial>> + [.card.large] -=== Video course & certification +=== Video Course & Certification -Prefer to learn by watching? The free Vaadin training videos cover the basics of Vaadin Flow development and let you get certified. +Prefer to learn by watching? The free Vaadin training videos cover the basics of Vaadin Flow development and help you to get certified. link:/learn/training[Start video course] @@ -48,6 +50,7 @@ link:/learn/training[Start video course] [.cards.quiet.large.components] == Components + [.card.browse-all.large] === Browse Components image::components/_images/components-icon.svg[opts=inline, role=icon] @@ -56,6 +59,7 @@ Vaadin Flow comes with over 40 UI components. [.sr-only] <<{articles}/components#, Browse all components>> + [.card] === Grid image::components/grid/grid.png["", opts=inline, role="banner"] @@ -64,6 +68,7 @@ include::components/grid/index.adoc[tag=description] [.sr-only] <<{articles}/components/grid#,See Grid>> + [.card] === Combo Box image::components/combo-box/combo-box.png["", role="banner"] @@ -72,6 +77,7 @@ include::components/combo-box/index.adoc[tag=description] [.sr-only] <<{articles}/components/combo-box#,See Combo Box>> + [.card] === Date Picker image::components/date-picker/date-picker.png["", role="banner"] @@ -80,6 +86,7 @@ include::components/date-picker/index.adoc[tag=description] [.sr-only] <<{articles}/components/date-picker#,See Date Picker>> + [.card] === Button image::components/button/button.png["", opts=inline, role="banner"] @@ -88,6 +95,7 @@ include::components/button/index.adoc[tag=description] [.sr-only] <<{articles}/components/button#,See Button>> + [.card] === App Layout image::components/app-layout/app-layout.png["", opts=inline, role="banner"] @@ -97,18 +105,10 @@ include::components/app-layout/index.adoc[tag=description] <<{articles}/components/app-layout#,See App Layout>> - - - - [.cards.quiet.large] == Tools include::tools/index.adoc[tag=all-tools] - - - - ++++