~ubuntu-branches/ubuntu/vivid/qtcreator-plugin-ubuntu/vivid

« back to all changes in this revision

Viewing changes to share/qtcreator/ubuntu/welcome/welcome.qml

  • Committer: Package Import Robot
  • Author(s): Ubuntu daily release, Benjamin Zeller
  • Date: 2015-01-30 06:05:59 UTC
  • mfrom: (1.1.81)
  • Revision ID: package-import@ubuntu.com-20150130060559-1kirdtmm6bl6eb26
Tags: 3.1.1+15.04.20150130-0ubuntu1
[ Benjamin Zeller ]
Refactoring of the publish Tab

Show diffs side-by-side

added added

removed removed

Lines of Context:
1
 
/*
2
 
 * Copyright 2013 Canonical Ltd.
3
 
 *
4
 
 * This program is free software; you can redistribute it and/or modify
5
 
 * it under the terms of the GNU Lesser General Public License as published by
6
 
 * the Free Software Foundation; version 2.1.
7
 
 *
8
 
 * This program is distributed in the hope that it will be useful,
9
 
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
10
 
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
11
 
 * GNU Lesser General Public License for more details.
12
 
 *
13
 
 * You should have received a copy of the GNU Lesser General Public License
14
 
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
15
 
 *
16
 
 * Author: Juhapekka Piiroinen <juhapekka.piiroinen@canonical.com>
17
 
 */
18
 
 
19
 
import QtQuick 2.0
20
 
 
21
 
 
22
 
Rectangle {
23
 
    color: "#F7F6F5"
24
 
 
25
 
    property int maximumWidth : 900
26
 
    property int maximumHeight: 579
27
 
 
28
 
    width: parent.width
29
 
    height: scrollView.height
30
 
 
31
 
 
32
 
    Image {
33
 
        anchors.fill: parent
34
 
        fillMode: Image.Tile
35
 
        source: "images/bg_dotted.png"
36
 
    }
37
 
 
38
 
    Rectangle {
39
 
        anchors.horizontalCenter: parent.horizontalCenter
40
 
        anchors.top: parent.top
41
 
        anchors.bottom: parent.bottom
42
 
        height: maximumHeight
43
 
        width: parent.width>maximumWidth ? maximumWidth : parent.width
44
 
        color: "#fff"
45
 
 
46
 
        Image {
47
 
            anchors.top: parent.top
48
 
            anchors.topMargin: 10
49
 
            anchors.right: parent.right
50
 
            source: "images/devices.png"
51
 
            width: parent.width/2
52
 
            fillMode: Image.PreserveAspectFit
53
 
        }
54
 
 
55
 
        Rectangle {
56
 
            color: "transparent"
57
 
            anchors.margins: 20
58
 
            anchors.top: parent.top
59
 
            anchors.topMargin: 40
60
 
            anchors.bottom: parent.bottom
61
 
            anchors.horizontalCenter: parent.horizontalCenter
62
 
            width: parent.width - anchors.margins*2
63
 
 
64
 
            Column {
65
 
                id: headerColumn
66
 
                spacing: 20
67
 
                anchors.top: parent.top
68
 
                anchors.left: parent.left
69
 
                width: parent.width/2
70
 
 
71
 
                Text {
72
 
                    width: parent.width
73
 
                    wrapMode: Text.WordWrap
74
 
                    font.family: "Ubuntu"
75
 
                    font.weight: Font.Light
76
 
                    font.pointSize: 42
77
 
                    font.letterSpacing: 2
78
 
                    text: "Make it Ubuntu"
79
 
                }
80
 
 
81
 
                Text {
82
 
                    wrapMode: Text.WordWrap
83
 
                    width: parent.width
84
 
                    font.family: "Ubuntu"
85
 
                    font.weight: Font.Light
86
 
                    font.pointSize: 20
87
 
                    font.letterSpacing: 1.5
88
 
                    textFormat: Text.RichText
89
 
                    text: "<style> a { text-decoration: none; color: #DD4814; cursor: pointer } </style><a href=\"http://developer.ubuntu.com/get-started/\">Get started</a> today with the Ubuntu SDK Preview and the App Design Guides."
90
 
                    onLinkActivated: {
91
 
                        Qt.openUrlExternally(link);
92
 
                    }
93
 
 
94
 
                }
95
 
            }
96
 
 
97
 
            Column {
98
 
                id: topLinks
99
 
                anchors.topMargin: 50
100
 
                anchors.top: headerColumn.bottom
101
 
                width: parent.width
102
 
                spacing: 5
103
 
                
104
 
                Link {
105
 
                    width: parent.width
106
 
                    title: "Create a New Project &gt;"
107
 
                    onClicked: ubuntuWelcomeMode.newProject()
108
 
                }
109
 
                
110
 
                Link {
111
 
                    width: parent.width
112
 
                    title: "See Ubuntu Touch core apps @ Launchpad &gt;"
113
 
                    link: "https://launchpad.net/ubuntu-phone-coreapps/"
114
 
                }
115
 
 
116
 
                Link {
117
 
                    width: parent.width
118
 
                    title: "Design something beautiful &gt;"
119
 
                    link: "http://design.ubuntu.com/apps"
120
 
                }
121
 
 
122
 
                Link {
123
 
                    width: parent.width
124
 
                    title: "Build something solid in QML &gt;"
125
 
                    link: "http://developer.ubuntu.com/api/qml/current/"
126
 
                }
127
 
                Link {
128
 
                    width: parent.width
129
 
                    title: "Build something solid in HTML5 &gt;"
130
 
                    link: "http://developer.ubuntu.com/api/html5/current/"
131
 
                }
132
 
            }
133
 
            Column {
134
 
                id: bottomBox
135
 
                anchors.top: topLinks.bottom
136
 
                anchors.left: parent.left
137
 
                anchors.topMargin: 20
138
 
 
139
 
                width: parent.width
140
 
                spacing: 5
141
 
                Text {
142
 
                    wrapMode: Text.WordWrap
143
 
                    width: parent.width
144
 
                    font.family: "Ubuntu"
145
 
                    font.pixelSize: 26
146
 
                    font.weight: Font.Light
147
 
                    text: "Get in touch"
148
 
                }
149
 
 
150
 
                Text {
151
 
                    wrapMode: Text.WordWrap
152
 
                    width: parent.width
153
 
                    font.family: "Ubuntu"
154
 
                    font.pixelSize: 18
155
 
                    textFormat: Text.RichText
156
 
                    font.weight: Font.Light
157
 
                    text: "<style> a { text-decoration: none; color: #DD4814; cursor: pointer } </style>By joining our <a href=\"http://wiki.ubuntu.com/Touch/Contribute#Discuss\">mailing list</a> and for real-time communication join <a href=\"http://webchat.freenode.net/?channels=ubuntu-touch\">#ubuntu-touch</a> on freenode."
158
 
                    onLinkActivated: {
159
 
                        Qt.openUrlExternally(link);
160
 
                    }
161
 
                }
162
 
            }
163
 
            Row {
164
 
                anchors.topMargin: 20
165
 
                anchors.top: bottomBox.bottom
166
 
                anchors.bottom: parent.bottom
167
 
                anchors.left: parent.left
168
 
                width: parent.width
169
 
 
170
 
                NewsBox {
171
 
                    height: parent.height
172
 
                    width: parent.width/2
173
 
 
174
 
                    link: "http://developer.ubuntu.com/feed/"
175
 
                }
176
 
 
177
 
                NewsBox {
178
 
                    height: parent.height
179
 
                    width: parent.width/2
180
 
 
181
 
                    link: "http://developer.ubuntu.com/category/event/feed/"
182
 
                }
183
 
 
184
 
            }
185
 
        }
186
 
    }
187
 
}
188