Add all keyboard layouts and their variants

lib/classes/keymap.dart

@@ -0,0 +1,11 @@
+class Keymap {
+  String layout = "";
+  List<String> variant = [];
+  String backLayout = "";
+
+  Keymap({
+    this.layout = "",
+    this.variant = const [""],
+    this.backLayout = "",
+  });
+}

lib/functions/keyboard.dart

@@ -0,0 +1,23 @@
+import 'package:flutter/material.dart';
+import 'package:jade_gui/Keymaps/keymaps.dart';
+
+Widget keyboard(next) {
+  return Container(
+    child: Column(
+      mainAxisAlignment: MainAxisAlignment.spaceBetween,
+      children: [
+        const Text(
+          'Please select a keyboard layout',
+          style: TextStyle(
+              fontSize: 50,
+              fontWeight: FontWeight.bold,
+              color: Color.fromARGB(255, 169, 0, 255)),
+        ),
+        Row(
+          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+          children: [],
+        ),
+      ],
+    ),
+  );
+}

lib/functions/location/location.dart

@@ -11,6 +11,11 @@ Widget locationTemplate(location, nextSlide) {
         nextSlide();
         choosenLocPack = location;
       },
+      style: TextButton.styleFrom(
+        primary: Colors.white,
+        backgroundColor: const Color.fromARGB(100, 169, 0, 255),
+        padding: const EdgeInsets.all(10),
+      ),
       child: Column(
         children: [
           Image(

lib/main.dart

@@ -1,7 +1,8 @@
 import 'package:flutter/material.dart';
 import 'package:jade_gui/functions/location/location.dart';
-import 'functions/welcome.dart';
-import 'functions/locale.dart';
+import 'package:jade_gui/functions/welcome.dart';
+import 'package:jade_gui/functions/locale.dart';
+import 'package:jade_gui/functions/keyboard.dart';
 
 void main() => runApp(
       const MaterialApp(
@@ -257,14 +258,11 @@ class _JadeguiState extends State<Jadegui> {
         print(
             "${getSelectedLocPack().region}/${getSelectedLocPack().location}");
         print(getSelectedLocPack().locale);
-        widget = const Text(
-          'Showing Keymap screen',
-          style: TextStyle(
-            fontSize: 18,
-            fontWeight: FontWeight.bold,
-            color: Color.fromARGB(255, 169, 0, 255),
-          ),
-        );
+        widget = keyboard(() {
+          setState(() {
+            _selectedIndex = _selectedIndex + 1;
+          });
+        });
         break;
       case 3:
         widget = const Text(