Adding AboutPageAdding AboutPage

qml/components/AboutLabel.qml

+import QtQuick 2.0
+import Sailfish.Silica 1.0
+
+Label {
+    anchors.horizontalCenter: parent.horizontalCenter
+    width: parent.width - 2*Theme.horizontalPageMargin
+    horizontalAlignment: Text.AlignHCenter
+    wrapMode: Text.Wrap
+}

qml/pages/AboutPage.qml

 import QtQuick 2.0
 import Sailfish.Silica 1.0
+import "../components"
 
 Page {
-    id: page
+    id: aboutPage
 
-    // The effective value will be restricted by ApplicationWindow.allowedOrientations
     allowedOrientations: Orientation.All
 
-    SilicaListView {
-        id: listView
-
-        model: 20
+    SilicaFlickable {
+        id: aboutFlickable
         anchors.fill: parent
+        contentHeight: column.height
 
-        VerticalScrollDecorator {
-        }
+        Column {
+            id: column
+            anchors {
+                top: parent.top
+                horizontalCenter: parent.horizontalCenter
+            }
+            width: Math.min(Screen.width, aboutFlickable.width)
+            spacing: Theme.paddingLarge
 
-        header: PageHeader {
-            title: qsTr("Nested Page")
-        }
+            Item {
+                width: parent.width
+                height: Theme.paddingLarge
+            }
 
-        delegate: BackgroundItem {
-            id: delegate
+            SectionHeader { text: qsTr("About Konheko") }
 
-            onClicked: console.log("Clicked " + index)
+            Image {
+                anchors.horizontalCenter: parent.horizontalCenter
+                source: Qt.resolvedUrl("/usr/share/icons/hicolor/172x172/apps/harbour-konheko.png")
+                width: Theme.iconSizeExtraLarge
+                height: Theme.iconSizeExtraLarge
+                smooth: true
+                asynchronous: true
+            }
 
-            Label {
-                x: Theme.horizontalPageMargin
-                text: qsTr("Item") + " " + index
-                anchors.verticalCenter: parent.verticalCenter
-                color: delegate.highlighted ? Theme.highlightColor : Theme.primaryColor
+            AboutLabel {
+                font.pixelSize: Theme.fontSizeLarge
+                color: Theme.highlightColor
+                text: "Konheko v0.4"
             }
 
-        }
+            AboutLabel {
+                font.pixelSize: Theme.fontSizeSmall
+                color: Theme.primaryColor
+                text: "© 2020-2021 Nicolas Werner"
+            }
 
-    }
 
-}
+            AboutLabel {
+                font.pixelSize: Theme.fontSizeSmall
+                color: Theme.primaryColor
+                text: qsTr("Matrix Client for Sailfish OS.")
+            }
+
+            SectionHeader { text: qsTr("Licensing") }
+
+            AboutLabel {
+                font.pixelSize: Theme.fontSizeSmall
+                text: qsTr("Source code is available at GitLab. Translations, bug reports and other contributions are welcome!")
+            }
+
+            Button {
+                text: "GitLab"
+                anchors.horizontalCenter: parent.horizontalCenter
+                onClicked: Qt.openUrlExternally("https://nheko.im/nheko-reborn/konheko")
+            }
+
+            AboutLabel {
+                font.pixelSize: Theme.fontSizeSmall
+                color: Theme.primaryColor
+                text: qsTr("Konheko is free software released under the GNU General Public License (GPL), version 3 or later.")
+            }
+          }
+        }
+      }
\ No newline at end of file