1 files changed, 130 insertions, 0 deletions
diff --git a/qml/pages/About.qml b/qml/pages/About.qml
new file mode 100644
index 0000000..da2752f
--- /dev/null
+++ b/qml/pages/About.qml
@@ -0,0 +1,130 @@
+// Written by Bill Halley
+import QtQuick 2.2
+import Sailfish.Silica 1.0
+
+Page {
+    id: page
+    SilicaFlickable {
+        id: flickable
+        anchors.fill: page
+        contentHeight: column.height
+        Column {
+            id: column
+            width: parent.width - Theme.paddingLarge * 2
+            spacing: 20
+            anchors {
+                left: parent.left
+                leftMargin: Theme.paddingLarge
+                top: page.top
+            }
+
+            Label {
+                topPadding: Theme.paddingLarge
+                width: parent.width
+                text: qsTr("Fun with Binary numbers!")
+                color: Theme.primaryColor
+                font.pixelSize: Theme.fontSizeMedium
+                horizontalAlignment: Text.AlignLeft
+                wrapMode: Text.WordWrap
+            }
+            Label {
+                width: parent.width
+                text: qsTr("The challenge of this game is to type a given decimal number in binary as fast as possible. You can also compete with people from all over the world via the leaderboard which is accessible from the pulley menu.")
+                color: Theme.secondaryColor
+                font.pixelSize: Theme.fontSizeSmall
+                horizontalAlignment: Text.AlignJustify
+                wrapMode: Text.WordWrap
+            }
+
+            Label {
+                width: parent.width
+                text: qsTr("If you aren't that comfortable with the binary system yet, I suggest to start with the very easy mode and step up after some time.\nThere are also serveral help modes available:")
+                color: Theme.secondaryColor
+                font.pixelSize: Theme.fontSizeSmall
+                horizontalAlignment: Text.AlignJustify
+                wrapMode: Text.WordWrap
+            }
+            Label {
+                width: parent.width
+                text: qsTr("1. None: No helping bar and no process indicator. Play this together with the god-like mode and you'll get frustrated very quickly!")
+                color: Theme.secondaryColor
+                font.pixelSize: Theme.fontSizeSmall
+                horizontalAlignment: Text.AlignJustify
+                wrapMode: Text.WordWrap
+            }
+            Label {
+                width: parent.width
+                text: qsTr("2. Counter: Adds a process indicator/counter showing you how many lines you've got right.")
+                color: Theme.secondaryColor
+                font.pixelSize: Theme.fontSizeSmall
+                horizontalAlignment: Text.AlignJustify
+                wrapMode: Text.WordWrap
+            }
+            Label {
+                width: parent.width
+                text: qsTr("3. Bar: Replaces the top bar/line with a helping numbers, showing you the decimal representation of the corresponding bit.")
+                color: Theme.secondaryColor
+                font.pixelSize: Theme.fontSizeSmall
+                horizontalAlignment: Text.AlignJustify
+                wrapMode: Text.WordWrap
+            }
+            Label {
+                width: parent.width
+                text: qsTr("4. Both: Activates both 2. and 3. - recommended for beginners.")
+                color: Theme.secondaryColor
+                font.pixelSize: Theme.fontSizeSmall
+                horizontalAlignment: Text.AlignJustify
+                wrapMode: Text.WordWrap
+            }
+            Label {
+                width: parent.width
+                text: qsTr("All in all, I think that Binary Fun turned out great and I play it myself everyday while travelling with the train. Thanks you for playing too and I hope you learn to love the binary system as much as I do :)")
+                color: Theme.secondaryColor
+                font.pixelSize: Theme.fontSizeSmall
+                horizontalAlignment: Text.AlignJustify
+                wrapMode: Text.WordWrap
+            }
+            Row {
+                spacing: Theme.paddingLarge
+                Label {
+                    id: imageText
+                    width: column.width / 2 - Theme.paddingMedium
+                    textFormat: Text.RichText
+                    text: "<style>a:link { color: " + Theme.highlightColor + "; }</style>" + qsTr(
+                              "Follow the development on ")
+                          + "<a href=https://openrepos.net/content/melvin/binary-fun>OpenRepos.net</a>" + qsTr(
+                              " and check Warehouse for updates. This app is completely written by melvin/marvinborner. If you like it, please consider making a small donation, I would really appreciate it!")
+                    color: Theme.secondaryColor
+                    font.pixelSize: Theme.fontSizeSmall - 6
+                    horizontalAlignment: Text.AlignJustify
+                    wrapMode: Text.WordWrap
+                    onLinkActivated: Qt.openUrlExternally(
+                                         "https://openrepos.net/content/melvin/binary-fun")
+                }
+                Item {
+                    height: imageText.height
+                    width: imageText.width
+                    Image {
+                        id: image
+                        height: imageText.height
+                        width: imageText.width
+                        fillMode: Image.PreserveAspectFit
+                        source: "donation.png"
+                    }
+                    MouseArea {
+                        width: image.width
+                        height: image.height
+                        anchors.fill: image
+                        onClicked: {
+                            Qt.openUrlExternally("https://www.paypal.me/marvinborner/")
+                        }
+                    }
+                }
+            }
+        }
+
+        VerticalScrollDecorator {
+            flickable: flickable
+        }
+    }
+}