Initial qml root window

1 files changed, 76 insertions, 0 deletions

diff --git a/resources/qml/pages/WelcomePage.qml b/resources/qml/pages/WelcomePage.qml
new file mode 100644

index 00000000..d95b6104
--- /dev/null
+++ b/resources/qml/pages/WelcomePage.qml
@@ -0,0 +1,76 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 1.2
+import QtQuick.Window 2.15
+import im.nheko 1.0
+import "../components/"
+
+ColumnLayout {
+    FontMetrics {
+        id: fontMetrics
+    }
+
+    Shortcut {
+        sequence: StandardKey.Quit
+        onActivated: Qt.quit()
+    }
+
+    Item {
+        Layout.fillHeight: true
+    }
+
+    Image {
+        Layout.alignment: Qt.AlignHCenter
+        source: "qrc:/logos/splash.png"
+        height: 256
+        width: 256
+    }
+
+    Label {
+        Layout.margins: Nheko.paddingLarge
+        Layout.bottomMargin: 0
+        Layout.alignment: Qt.AlignHCenter
+        Layout.fillWidth: true
+        text: qsTr("Welcome to nheko! The desktop client for the Matrix protocol.")
+        color: Nheko.colors.text
+        font.pointSize: fontMetrics.font.pointSize*2
+        wrapMode: Text.Wrap
+        horizontalAlignment: Text.AlignHCenter
+    }
+    Label {
+        Layout.margins: Nheko.paddingLarge
+        Layout.alignment: Qt.AlignHCenter
+        Layout.fillWidth: true
+        text: qsTr("Enjoy your stay!")
+        color: Nheko.colors.text
+        font.pointSize: fontMetrics.font.pointSize*1.5
+        wrapMode: Text.Wrap
+        horizontalAlignment: Text.AlignHCenter
+    }
+
+    RowLayout {
+    Item {
+        Layout.fillWidth: true
+    }
+    FlatButton {
+        Layout.margins: Nheko.paddingLarge
+        Layout.alignment: Qt.AlignHCenter
+        text: qsTr("REGISTER")
+        onClicked: {
+        }
+    }
+    FlatButton {
+        Layout.margins: Nheko.paddingLarge
+        Layout.alignment: Qt.AlignHCenter
+        text: qsTr("LOGIN")
+        onClicked: {
+        }
+    }
+    Item {
+        Layout.fillWidth: true
+    }
+}
+    Item {
+        Layout.fillHeight: true
+    }
+}