diff --git a/cmd/mist/assets/qml/Wizard.qml b/cmd/mist/assets/qml/Wizard.qml new file mode 100644 index 0000000000..c14d50700e --- /dev/null +++ b/cmd/mist/assets/qml/Wizard.qml @@ -0,0 +1,286 @@ +// Button.qml +import QtQuick 2.0 + + +Rectangle { + anchors.fill: parent + color: "blue" + + + + + Image { + anchors.centerIn: parent + source: "../wizard/illustration-wizard.png" + height: 680 + width: 993 + } + + Rectangle { + id: skyGradient + anchors.left: parent.left + anchors.top: parent.top + anchors.right: parent.right + height: 280 + + gradient: Gradient { + GradientStop { position: 0.0; color: "#E7E0F4" } + GradientStop { position: 1.0; color: "#FFFFFF" } + } + } + + Rectangle { + anchors.left: parent.left + anchors.top: skyGradient.bottom + anchors.right: parent.right + anchors.bottom: parent.bottom + + gradient: Gradient { + GradientStop { position: 0.0; color: "#385399" } + GradientStop { position: 1.0; color: "#11264D" } + } + } + + Image { + source: "../wizard/iceberg.png" + width: 344 + height: 376 + x: 25 + y: 190 + } + + Image { + source: "../wizard/Mist-title.png" + width: 144 + height: 56 + x: 155 + y: 120 + } + + + Rectangle { + x: 500 + y: 0 + width: 475 + height: 670 + color: "transparent" + + Text { + text: "Mist is a Navigator for Ethereum, a decentralized" + font.family: sourceSansPro.name + font.weight: Font.Light + font.pixelSize: 22 + color: "#2B519E" + x: 20 + y: 70 + } + + Text { + text: "app platform. It enables anyone to run programs that can transfer assets or information safely and privately between consenting parties to the contracts." + font.family: sourceSansPro.name + font.weight: Font.Light + font.pixelSize: 18 + wrapMode: Text.WordWrap + width: 420 + color: "#2B519E" + x: 20 + y: 100 + } + + Text { + text: "In order to use mist, you need to have an invitation or have previously acquired Ethers or Bitcoins." + font.family: sourceSansPro.name + font.weight: Font.Bold + font.pixelSize: 18 + wrapMode: Text.WordWrap + width: 420 + color: "#2B519E" + x: 20 + y: 190 + } + + Rectangle { + x: 10 + y: 320 + color: "transparent" + width: 430 + height: 70 + + Image { + source: "../wizard/start-invitation.png" + width: 65 + height: 65 + anchors.verticalCenter: parent.verticalCenter + } + + Text { + text: "I have an invitation" + font.family: sourceSansPro.name + font.weight: Font.SemiBold + font.pixelSize: 24 + color: "#FFFFFF" + anchors.verticalCenter: parent.verticalCenter + x: 80 + } + } + + Rectangle { + x: 10 + y: 420 + width: 430 + height: 50 + color: "transparent" + + Image { + source: "../wizard/start-presale.png" + width: 44 + height: 44 + x: 10 + anchors.verticalCenter: parent.verticalCenter + } + + Text { + text: "Redeem presale ether" + font.family: sourceSansPro.name + font.weight: Font.SemiBold + font.pixelSize: 18 + color: "#FFFFFF" + anchors.verticalCenter: parent.verticalCenter + x: 80 + } + + MouseArea { + anchors.fill: parent + } + } + + Rectangle { + x: 10 + y: 480 + width: 430 + height: 50 + color: "transparent" + + Image { + source: "../wizard/start-recover.png" + width: 44 + height: 44 + x: 10 + anchors.verticalCenter: parent.verticalCenter + } + + Text { + text: "Restore old wallet" + font.family: sourceSansPro.name + font.weight: Font.SemiBold + font.pixelSize: 18 + color: "#FFFFFF" + anchors.verticalCenter: parent.verticalCenter + x: 80 + } + + MouseArea { + anchors.fill: parent + } + } + + Rectangle { + x: 10 + y: 540 + width: 430 + height: 50 + color: "transparent" + + Image { + source: "../wizard/start-bitcoin.png" + width: 44 + height: 44 + x: 10 + anchors.verticalCenter: parent.verticalCenter + } + + Text { + text: "Use Bitcoins instead" + font.family: sourceSansPro.name + font.weight: Font.SemiBold + font.pixelSize: 18 + color: "#FFFFFF" + anchors.verticalCenter: parent.verticalCenter + x: 80 + } + + MouseArea { + anchors.fill: parent + } + } + + Rectangle { + x: 10 + y: 600 + width: 430 + height: 50 + color: "transparent" + + Text { + text: "I don't have any of those, just let me in anyway.." + font.family: sourceSansPro.name + font.weight: Font.SemiBold + font.italic: true + font.pixelSize: 18 + color: "#FFFFFF" + anchors.verticalCenter: parent.verticalCenter + x: 10 + } + + MouseArea { + anchors.fill: parent + } + } + + + } + } + + // Rectangle { + // anchors.fill: parent + // color: "blue" + + // Image { + // anchors.centerIn: parent + // source: "../wizard/illustration-wizard.png" + // height: 680 + // width: 993 + // } + + // Rectangle { + // x: 520 + // y: 0 + // width: 475 + // height: 670 + + // ColumnLayout{ + // anchors.fill: parent + + // Rectangle { + // color: "red" + // Layout.preferredHeight: 280 + // Layout.fillWidth : true + // } + + // Rectangle { + // color: "green" + // Layout.preferredHeight: 70 + // Layout.fillWidth : true + + // } + + // Rectangle { + // color: "blue" + // Layout.preferredHeight: 40 + // Layout.fillWidth : true + // Layout.fillHeight: true + + // } + // } + // } + // } \ No newline at end of file diff --git a/cmd/mist/assets/qml/main.qml b/cmd/mist/assets/qml/main.qml index 8558ebd51e..fd557303dc 100644 --- a/cmd/mist/assets/qml/main.qml +++ b/cmd/mist/assets/qml/main.qml @@ -181,6 +181,14 @@ ApplicationWindow { } } + MenuItem { + text: "Onboarding Wizard..." + shortcut: "Ctrl+shift+i" + onTriggered: { + onboardingWizard.visible = true; + } + } + MenuItem { text: "Export keys" shortcut: "Ctrl+e" @@ -995,6 +1003,18 @@ ApplicationWindow { } } + Window { + id: onboardingWizard + visible: false + width: 990 + height: 680 + title: "Welcome to Ethereum" + + Wizard { + id: onboardingWindow + } + } + Window { id: addPeerWin visible: false diff --git a/cmd/mist/assets/wizard/Mist-title.png b/cmd/mist/assets/wizard/Mist-title.png new file mode 100644 index 0000000000..7eb9a5b79e Binary files /dev/null and b/cmd/mist/assets/wizard/Mist-title.png differ diff --git a/cmd/mist/assets/wizard/Mist-title@2x.png b/cmd/mist/assets/wizard/Mist-title@2x.png new file mode 100644 index 0000000000..1ba2de3746 Binary files /dev/null and b/cmd/mist/assets/wizard/Mist-title@2x.png differ diff --git a/cmd/mist/assets/wizard/iceberg.png b/cmd/mist/assets/wizard/iceberg.png new file mode 100644 index 0000000000..c58c2f4bba Binary files /dev/null and b/cmd/mist/assets/wizard/iceberg.png differ diff --git a/cmd/mist/assets/wizard/iceberg@2x.png b/cmd/mist/assets/wizard/iceberg@2x.png new file mode 100644 index 0000000000..8e518384dc Binary files /dev/null and b/cmd/mist/assets/wizard/iceberg@2x.png differ diff --git a/cmd/mist/assets/wizard/illustration-wizard.png b/cmd/mist/assets/wizard/illustration-wizard.png new file mode 100644 index 0000000000..9364f22d2c Binary files /dev/null and b/cmd/mist/assets/wizard/illustration-wizard.png differ diff --git a/cmd/mist/assets/wizard/start-bitcoin.png b/cmd/mist/assets/wizard/start-bitcoin.png new file mode 100644 index 0000000000..712526e1af Binary files /dev/null and b/cmd/mist/assets/wizard/start-bitcoin.png differ diff --git a/cmd/mist/assets/wizard/start-bitcoin@2x.png b/cmd/mist/assets/wizard/start-bitcoin@2x.png new file mode 100644 index 0000000000..da63306933 Binary files /dev/null and b/cmd/mist/assets/wizard/start-bitcoin@2x.png differ diff --git a/cmd/mist/assets/wizard/start-invitation.png b/cmd/mist/assets/wizard/start-invitation.png new file mode 100644 index 0000000000..8e8d31040e Binary files /dev/null and b/cmd/mist/assets/wizard/start-invitation.png differ diff --git a/cmd/mist/assets/wizard/start-invitation@2x.png b/cmd/mist/assets/wizard/start-invitation@2x.png new file mode 100644 index 0000000000..a5a4e23d2b Binary files /dev/null and b/cmd/mist/assets/wizard/start-invitation@2x.png differ diff --git a/cmd/mist/assets/wizard/start-presale.png b/cmd/mist/assets/wizard/start-presale.png new file mode 100644 index 0000000000..8d8722b873 Binary files /dev/null and b/cmd/mist/assets/wizard/start-presale.png differ diff --git a/cmd/mist/assets/wizard/start-presale@2x.png b/cmd/mist/assets/wizard/start-presale@2x.png new file mode 100644 index 0000000000..6b28f80134 Binary files /dev/null and b/cmd/mist/assets/wizard/start-presale@2x.png differ diff --git a/cmd/mist/assets/wizard/start-recover.png b/cmd/mist/assets/wizard/start-recover.png new file mode 100644 index 0000000000..0b87acc935 Binary files /dev/null and b/cmd/mist/assets/wizard/start-recover.png differ diff --git a/cmd/mist/assets/wizard/start-recover@2x.png b/cmd/mist/assets/wizard/start-recover@2x.png new file mode 100644 index 0000000000..86a8a08d18 Binary files /dev/null and b/cmd/mist/assets/wizard/start-recover@2x.png differ