Slideshow: Help & Support slide

lib/l10n/app_en.arb

@@ -1,6 +1,8 @@
 {
   "welcomeSlideHeader": "Welcome to Xubuntu",
   "welcomeSlideBody": "Start exploring your new desktop by making yourself familiar with the applications menu.\n\nUse the Software application to install more applications and the Settings Manager to customize the look and feel of your desktop.",
+  "helpSlideHeader": "Help & Support",
+  "helpSlideBody": "The official documentation will help you getting started with Xubuntu. You can find the documentation under Help on the applications menu.\n\nIf the documentation doesn't answer your questions, check the full list of support methods from the Xubuntu website.",
   "customizeSlideTitle": "Make it Age-Appropriate",
   "customizeSlideBody": "* Edubuntu ships with Edubuntu Installer, an easy way to customize the Edubuntu installation and make it appropriate for any age group.\n\n* By default, Edubuntu comes with software for all age groups and is configured for  tertiary/collegiate use in mind.\n\n*To configure it for the target user base, simply run Edubuntu Installer and check or uncheck which software groups you wish to install or uninstall.\n\n* Similarily, checking the box to configure the desktop will reconfigure the defaults to match the target user age group.",
   "gbrainySlideTitle": "Exercise Your Mind",

lib/slides.dart

@@ -9,6 +9,7 @@ const bodyStyle = TextStyle(color: Colors.white, fontSize: 18);
 
 final installationSlides = [
   _buildWelcomeSlide,
+  _buildHelpSlide,
   _buildCustomizeSlide,
   _buildGbrainySlide,
   _buildKdeeduSlide,
@@ -70,6 +71,40 @@ Widget _buildWelcomeSlide(BuildContext context) {
   );
 }
 
+Widget _buildHelpSlide(BuildContext context) {
+  return Stack(
+    children: [
+      Image.asset('assets/slides/xubuntu-background.png'),
+      Container(
+        alignment: Alignment.bottomRight,
+        child: Image.asset('assets/slides/xubuntu-bg-mouse-left.png')
+      ),
+      Padding(
+        padding: const EdgeInsets.all(60),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Container(
+              padding: const EdgeInsets.all(10),
+              child: Text(
+                context.l10n.helpSlideHeader,
+                style: headerStyle
+              ),
+            ),
+            Container(
+              padding: const EdgeInsets.all(10),
+              child: Text(
+                context.l10n.helpSlideBody,
+                style: bodyStyle,
+              ),
+            ),
+          ],
+        ),
+      ),
+    ],
+  );
+}
+
 Widget _buildCustomizeSlide(BuildContext context) {
   return Stack(
     children: [