From c4060ef20acb1de3b4af5673cf06ece6e1fc4c4f Mon Sep 17 00:00:00 2001
From: Feichtmeier <frederik.feichtmeier@gmail.com>
Date: Wed, 28 Feb 2024 20:52:03 +0100
Subject: [PATCH] Add getting started page

---
 lib/getting_started_page.dart | 73 +++++++++++++++++++++++++++++++++++
 lib/main.dart                 |  2 +
 lib/top_menu_entry.dart       |  4 ++
 pubspec.lock                  | 26 ++++++++++++-
 pubspec.yaml                  |  2 +
 5 files changed, 106 insertions(+), 1 deletion(-)
 create mode 100644 lib/getting_started_page.dart

diff --git a/lib/getting_started_page.dart b/lib/getting_started_page.dart
new file mode 100644
index 0000000..50a359b
--- /dev/null
+++ b/lib/getting_started_page.dart
@@ -0,0 +1,73 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_markdown/flutter_markdown.dart';
+import 'package:http/http.dart' as http;
+import 'package:yaru_widgets/constants.dart';
+import 'package:yaru_widgets/widgets.dart';
+
+import 'build_context_x.dart';
+import 'constants.dart';
+import 'foot_note.dart';
+import 'header_lead.dart';
+import 'header_title.dart';
+import 'message_fab.dart';
+import 'scaffold_gradient.dart';
+import 'top_menu_entry.dart';
+
+class GettingStartedPage extends StatelessWidget {
+  const GettingStartedPage({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    final width = context.mq.size.width;
+    return Container(
+      decoration: scaffoldGradient(context),
+      child: Scaffold(
+        backgroundColor: Colors.transparent,
+        appBar: AppBar(
+          title: const HeaderTitle(),
+          backgroundColor: Colors.transparent,
+          toolbarHeight: kToolBarHeight,
+          leadingWidth: kLeadingWidth,
+          leading: const HeaderLead(),
+          actions: createTopMenu(context),
+        ),
+        body: Center(
+          child: FutureBuilder(
+            future: loadMarkdown(),
+            builder: (context, shot) {
+              if (!shot.hasData) {
+                return const Center(
+                  child: YaruCircularProgressIndicator(),
+                );
+              }
+
+              return Markdown(
+                padding: EdgeInsets.symmetric(
+                  vertical: kYaruPagePadding,
+                  horizontal: width < 700 ? kYaruPagePadding : width * 0.2,
+                ),
+                data: shot.data!,
+              );
+            },
+          ),
+        ),
+        bottomNavigationBar: const FootNote(),
+        floatingActionButton: const MessageFab(),
+      ),
+    );
+  }
+}
+
+Future<String> loadMarkdown() async {
+  const address =
+      'https://raw.githubusercontent.com/ubuntu-flutter-community/yaru_tutorial/master/README.md';
+  final uri = Uri.parse(address);
+
+  final response = await http.get(uri);
+
+  if (response.statusCode == 200) {
+    return response.body;
+  } else {
+    throw 'Could not load';
+  }
+}
diff --git a/lib/main.dart b/lib/main.dart
index f1a9dde..8505bae 100644
--- a/lib/main.dart
+++ b/lib/main.dart
@@ -3,6 +3,7 @@ import 'package:github/github.dart';
 import 'package:ubuntu_service/ubuntu_service.dart';
 import 'constants.dart';
 import 'contributor_service.dart';
+import 'getting_started_page.dart';
 import 'globals.dart';
 import 'home_page.dart';
 import 'contributors_page.dart';
@@ -46,6 +47,7 @@ class _MainAppState extends State<MainApp> {
         '/': (context) => const HomePage(),
         '/contributors': (context) => const ContributorsPage(),
         '/projects': (context) => const ProjectsPage(),
+        '/gettingstarted': (context) => const GettingStartedPage(),
       },
     );
   }
diff --git a/lib/top_menu_entry.dart b/lib/top_menu_entry.dart
index 52742fd..c287937 100644
--- a/lib/top_menu_entry.dart
+++ b/lib/top_menu_entry.dart
@@ -36,6 +36,10 @@ List<Widget> createTopMenu(BuildContext context) => [
         text: 'Contributors',
         onPressed: () => Navigator.of(context).pushNamed('/contributors'),
       ),
+      TopMenuEntry(
+        text: 'Getting Started',
+        onPressed: () => Navigator.of(context).pushNamed('/gettingstarted'),
+      ),
       const SizedBox(
         width: kYaruPagePadding,
       ),
diff --git a/pubspec.lock b/pubspec.lock
index 1cda9cd..39897c5 100644
--- a/pubspec.lock
+++ b/pubspec.lock
@@ -1,6 +1,14 @@
 # Generated by pub
 # See https://dart.dev/tools/pub/glossary#lockfile
 packages:
+  args:
+    dependency: transitive
+    description:
+      name: args
+      sha256: eef6c46b622e0494a36c5a12d10d77fb4e855501a91c1b9ef9339326e58f0596
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.4.2"
   async:
     dependency: transitive
     description:
@@ -86,6 +94,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "2.0.1"
+  flutter_markdown:
+    dependency: "direct main"
+    description:
+      name: flutter_markdown
+      sha256: "5b24061317f850af858ef7151dadbb6eb77c1c449c954c7bb064e8a5e0e7d81f"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.6.20"
   flutter_tabler_icons:
     dependency: "direct main"
     description:
@@ -137,7 +153,7 @@ packages:
     source: hosted
     version: "0.15.4"
   http:
-    dependency: transitive
+    dependency: "direct main"
     description:
       name: http
       sha256: a2bbf9d017fcced29139daa8ed2bba4ece450ab222871df93ca9eec6f80c34ba
@@ -168,6 +184,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "2.0.1"
+  markdown:
+    dependency: transitive
+    description:
+      name: markdown
+      sha256: "1b134d9f8ff2da15cb298efe6cd8b7d2a78958c1b00384ebcbdf13fe340a6c90"
+      url: "https://pub.dev"
+    source: hosted
+    version: "7.2.1"
   matcher:
     dependency: transitive
     description:
diff --git a/pubspec.yaml b/pubspec.yaml
index 6fefd43..e11d10d 100644
--- a/pubspec.yaml
+++ b/pubspec.yaml
@@ -12,8 +12,10 @@ dependencies:
   flutter:
     sdk: flutter
 
+  flutter_markdown: ^0.6.20
   flutter_tabler_icons: ^1.21.0
   github: ^9.23.0
+  http: ^1.2.0
   path: ^1.8.3
   shimmer: ^3.0.0
   ubuntu_service: ^0.3.1