summaryrefslogtreecommitdiff
path: root/features/OnboardingForm.ui.qml
blob: bda75b3ed1aa872f8bf0acef4a5b9b70dd209676 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
import QtQuick 2.12
import QtQuick.Layouts 1.12
import QtQuick.Controls 2.12
import QtQuick.Controls.Material 2.12

Page {
    id: page
    title: qsTr("Onboarding")

    property alias logoImage: logoImage
    property alias registerButton: registerButton
    property alias loginButton: loginButton

    Item {
        id: toolBarLayout
        height: 56
        anchors.right: parent.right
        anchors.rightMargin: 0
        anchors.left: parent.left
        anchors.leftMargin: 0

        Image {
            id: logoImage
            width: 100
            height: 24
            fillMode: Image.PreserveAspectFit
            anchors.verticalCenter: parent.verticalCenter
            anchors.horizontalCenter: parent.horizontalCenter
            Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter
            Layout.fillWidth: true
            Layout.fillHeight: true
            source: "../components/images/kelakon-logo.png"
        }
    }

    Image {
        id: onboardingImage
        anchors.bottom: onboardingText1.top
        anchors.bottomMargin: 32
        anchors.top: toolBarLayout.bottom
        anchors.topMargin: 32
        anchors.right: parent.right
        anchors.rightMargin: 64
        anchors.left: parent.left
        anchors.leftMargin: 64
        source: "../components/images/onboarding-1.png"
        fillMode: Image.PreserveAspectFit
    }
    Text {
        id: onboardingText1
        text: qsTr("Achieve more today, chill tomorrow.")
        anchors.bottom: registerButton.top
        anchors.bottomMargin: 16
        wrapMode: Text.WordWrap
        anchors.right: parent.right
        anchors.rightMargin: 16
        anchors.left: parent.left
        anchors.leftMargin: 16
        font.pointSize: 24
        font.family: "Work Sans"
        font.weight: Font.Medium
    }
    RoundButton {
        id: registerButton
        text: qsTr("Get started")
        hoverEnabled: false
        highlighted: true
        anchors.right: parent.right
        anchors.rightMargin: 8
        anchors.left: parent.left
        anchors.leftMargin: 8
        anchors.bottom: loginButton.top
        anchors.bottomMargin: 8
        font.capitalization: Font.MixedCase
        font.family: "Work Sans"
    }

    RoundButton {
        id: loginButton
        y: 406
        flat: true
        highlighted: false
        Material.foreground: Material.primary
        text: qsTr("Log in")
        anchors.right: parent.right
        anchors.rightMargin: 8
        anchors.left: parent.left
        anchors.leftMargin: 8
        anchors.bottom: disclaimer.top
        anchors.bottomMargin: 8
        font.capitalization: Font.MixedCase
        font.family: "Work Sans"
    }

    Text {
        id: disclaimer
        color: "#8a000000"
        text: qsTr("By creating an account you agree to our Terms of Use and Privacy Policy.")
        horizontalAlignment: Text.AlignHCenter
        anchors.right: parent.right
        anchors.rightMargin: 16
        anchors.left: parent.left
        anchors.leftMargin: 16
        anchors.bottom: parent.bottom
        anchors.bottomMargin: 8
        verticalAlignment: Text.AlignVCenter
        elide: Text.ElideMiddle
        wrapMode: Text.WordWrap
        font.pixelSize: 10
        font.family: "Work Sans"
        font.weight: Font.Normal
    }
}

/*##^##
Designer {
    D{i:0;autoSize:true;height:480;width:640}
}
##^##*/