diff --git a/ScreenPlay/Resources.qrc b/ScreenPlay/Resources.qrc
index 9525df18..1996ecfb 100644
--- a/ScreenPlay/Resources.qrc
+++ b/ScreenPlay/Resources.qrc
@@ -116,5 +116,22 @@
translations/ScreenPlay_ru.qm
translations/ScreenPlay_vi.qm
assets/icons/monitor_setup.svg
+ assets/startinfo/forums.png
+ assets/startinfo/gitlab.png
+ assets/startinfo/handbreak.png
+ assets/startinfo/qml_online.png
+ assets/startinfo/reddit.png
+ assets/startinfo/blender.png
+ assets/startinfo/flaticon.png
+ assets/startinfo/freesound.png
+ assets/startinfo/git_extentions.png
+ assets/startinfo/inkscape.png
+ assets/startinfo/kdeenlive.png
+ assets/startinfo/krita.png
+ assets/startinfo/obs.png
+ assets/startinfo/shadertoy.png
+ assets/startinfo/sharex.png
+ assets/startinfo/unsplash.png
+ assets/startinfo/vscode.png
diff --git a/ScreenPlay/assets/startinfo/blender.png b/ScreenPlay/assets/startinfo/blender.png
new file mode 100644
index 00000000..6d5791bb
Binary files /dev/null and b/ScreenPlay/assets/startinfo/blender.png differ
diff --git a/ScreenPlay/assets/startinfo/flaticon.png b/ScreenPlay/assets/startinfo/flaticon.png
new file mode 100644
index 00000000..a191eec0
Binary files /dev/null and b/ScreenPlay/assets/startinfo/flaticon.png differ
diff --git a/ScreenPlay/assets/startinfo/forums.png b/ScreenPlay/assets/startinfo/forums.png
new file mode 100644
index 00000000..a3ed592a
Binary files /dev/null and b/ScreenPlay/assets/startinfo/forums.png differ
diff --git a/ScreenPlay/assets/startinfo/freesound.png b/ScreenPlay/assets/startinfo/freesound.png
new file mode 100644
index 00000000..cf025694
Binary files /dev/null and b/ScreenPlay/assets/startinfo/freesound.png differ
diff --git a/ScreenPlay/assets/startinfo/git_extentions.png b/ScreenPlay/assets/startinfo/git_extentions.png
new file mode 100644
index 00000000..f467e7a7
Binary files /dev/null and b/ScreenPlay/assets/startinfo/git_extentions.png differ
diff --git a/ScreenPlay/assets/startinfo/gitlab.png b/ScreenPlay/assets/startinfo/gitlab.png
new file mode 100644
index 00000000..953704f9
Binary files /dev/null and b/ScreenPlay/assets/startinfo/gitlab.png differ
diff --git a/ScreenPlay/assets/startinfo/handbreak.png b/ScreenPlay/assets/startinfo/handbreak.png
new file mode 100644
index 00000000..cacccae0
Binary files /dev/null and b/ScreenPlay/assets/startinfo/handbreak.png differ
diff --git a/ScreenPlay/assets/startinfo/inkscape.png b/ScreenPlay/assets/startinfo/inkscape.png
new file mode 100644
index 00000000..5c1d7b30
Binary files /dev/null and b/ScreenPlay/assets/startinfo/inkscape.png differ
diff --git a/ScreenPlay/assets/startinfo/kdeenlive.png b/ScreenPlay/assets/startinfo/kdeenlive.png
new file mode 100644
index 00000000..c2f65171
Binary files /dev/null and b/ScreenPlay/assets/startinfo/kdeenlive.png differ
diff --git a/ScreenPlay/assets/startinfo/krita.png b/ScreenPlay/assets/startinfo/krita.png
new file mode 100644
index 00000000..643dd420
Binary files /dev/null and b/ScreenPlay/assets/startinfo/krita.png differ
diff --git a/ScreenPlay/assets/startinfo/obs.png b/ScreenPlay/assets/startinfo/obs.png
new file mode 100644
index 00000000..8555fe67
Binary files /dev/null and b/ScreenPlay/assets/startinfo/obs.png differ
diff --git a/ScreenPlay/assets/startinfo/qml_online.png b/ScreenPlay/assets/startinfo/qml_online.png
new file mode 100644
index 00000000..2bc3f14e
Binary files /dev/null and b/ScreenPlay/assets/startinfo/qml_online.png differ
diff --git a/ScreenPlay/assets/startinfo/reddit.png b/ScreenPlay/assets/startinfo/reddit.png
new file mode 100644
index 00000000..ec40ef7d
Binary files /dev/null and b/ScreenPlay/assets/startinfo/reddit.png differ
diff --git a/ScreenPlay/assets/startinfo/shadertoy.png b/ScreenPlay/assets/startinfo/shadertoy.png
new file mode 100644
index 00000000..3691cffd
Binary files /dev/null and b/ScreenPlay/assets/startinfo/shadertoy.png differ
diff --git a/ScreenPlay/assets/startinfo/sharex.png b/ScreenPlay/assets/startinfo/sharex.png
new file mode 100644
index 00000000..f224b74f
Binary files /dev/null and b/ScreenPlay/assets/startinfo/sharex.png differ
diff --git a/ScreenPlay/assets/startinfo/unsplash.png b/ScreenPlay/assets/startinfo/unsplash.png
new file mode 100644
index 00000000..8cafb09e
Binary files /dev/null and b/ScreenPlay/assets/startinfo/unsplash.png differ
diff --git a/ScreenPlay/assets/startinfo/vscode.png b/ScreenPlay/assets/startinfo/vscode.png
new file mode 100644
index 00000000..97a66418
Binary files /dev/null and b/ScreenPlay/assets/startinfo/vscode.png differ
diff --git a/ScreenPlay/qml/Common/Headline.qml b/ScreenPlay/qml/Common/Headline.qml
index edcc60c8..cc8709e6 100644
--- a/ScreenPlay/qml/Common/Headline.qml
+++ b/ScreenPlay/qml/Common/Headline.qml
@@ -13,6 +13,7 @@ Item {
font.pointSize: 18
color: Material.primaryTextColor
text: qsTr("Headline")
+ font.capitalization: Font.Capitalize
font.family: ScreenPlay.settings.font
}
diff --git a/ScreenPlay/qml/Create/Sidebar.qml b/ScreenPlay/qml/Create/Sidebar.qml
index 2f9ae7df..8182a38e 100644
--- a/ScreenPlay/qml/Create/Sidebar.qml
+++ b/ScreenPlay/qml/Create/Sidebar.qml
@@ -35,7 +35,7 @@ Rectangle {
model: ListModel {
ListElement {
- headline: "Home"
+ headline: qsTr("Tools Overview")
source: "qrc:/qml/Create/StartInfo.qml"
category: "Home"
}
@@ -47,102 +47,102 @@ Rectangle {
}
ListElement {
- headline: "Video Import (.webm)"
+ headline: qsTr("Video Import (.webm)")
source: "qrc:/qml/Create/Wizards/ImportWebm/ImportWebm.qml"
category: "Import Video"
}
ListElement {
- headline: "GIF Import"
+ headline: qsTr("GIF Import")
source: "qrc:/qml/Create/Wizards/ImportVideoAndConvert/CreateWallpaper.qml"
category: "Import Video"
}
ListElement {
- headline: "QML Wallpaper"
+ headline: qsTr("QML Wallpaper")
source: "qrc:/qml/Create/Wizards/CreateQMLWallpaper.qml"
category: "Create Wallpaper"
}
ListElement {
- headline: "HTML5 Wallpaper"
+ headline: qsTr("HTML5 Wallpaper")
source: "qrc:/qml/Create/Wizards/CreateHTMLWallpaper.qml"
category: "Create Wallpaper"
}
ListElement {
- headline: "Embedded Website Wallpaper"
+ headline: qsTr("Embedded Website Wallpaper")
source: "qrc:/qml/Create/Wizards/CreateHTMLWallpaper.qml"
category: "Create Wallpaper"
}
ListElement {
- headline: "QML Widget"
+ headline: qsTr("QML Widget")
source: "qrc:/qml/Create/Wizards/CreateQMLWidget.qml"
category: "Create Widget"
}
ListElement {
- headline: "HTML Widget"
+ headline: qsTr("HTML Widget")
source: "qrc:/qml/Create/Wizards/CreateHTMLWidget.qml"
category: "Create Widget"
}
ListElement {
- headline: "QML Particle Wallpaper"
+ headline: qsTr("QML Particle Wallpaper")
source: ""
category: "Example Wallpaper"
}
ListElement {
- headline: "Countdown Clock Wallpaper"
+ headline: qsTr("Countdown Clock Wallpaper")
source: ""
category: "Example Wallpaper"
}
ListElement {
- headline: "QML Water Shader Wallpaper"
+ headline: qsTr("QML Water Shader Wallpaper")
source: ""
category: "Example Wallpaper"
}
ListElement {
- headline: "QML Shadertoy Shader Wallpaper"
+ headline: qsTr("QML Shadertoy Shader Wallpaper")
source: ""
category: "Example Wallpaper"
}
ListElement {
- headline: "QML Lightning Shader Wallpaper"
+ headline: qsTr("QML Lightning Shader Wallpaper")
source: ""
category: "Example Wallpaper"
}
ListElement {
- headline: "Clock Widget"
+ headline: qsTr("Clock Widget")
source: "qrc:/qml/Create/Wizards/CreateEmptyWidget/CreateEmptyWidget.qml"
category: "Example Widget"
}
ListElement {
- headline: "CPU Widget"
+ headline: qsTr("CPU Widget")
source: "qrc:/qml/Create/Wizards/CreateEmptyWidget/CreateEmptyWidget.qml"
category: "Example Widget"
}
ListElement {
- headline: "Storage Widget"
+ headline: qsTr("Storage Widget")
source: "qrc:/qml/Create/Wizards/CreateEmptyWidget/CreateEmptyWidget.qml"
category: "Example Widget"
}
ListElement {
- headline: "RAM Widget"
+ headline: qsTr("RAM Widget")
source: "qrc:/qml/Create/Wizards/CreateEmptyWidget/CreateEmptyWidget.qml"
category: "Example Widget"
}
ListElement {
- headline: "XKCD Widget"
+ headline: qsTr("XKCD Widget")
source: "qrc:/qml/Create/Wizards/CreateEmptyWidget/CreateEmptyWidget.qml"
category: "Example Widget"
}
diff --git a/ScreenPlay/qml/Create/StartInfo.qml b/ScreenPlay/qml/Create/StartInfo.qml
index 53ff1222..b02cf9bc 100644
--- a/ScreenPlay/qml/Create/StartInfo.qml
+++ b/ScreenPlay/qml/Create/StartInfo.qml
@@ -10,22 +10,34 @@ import ScreenPlay 1.0
import ScreenPlay.Create 1.0
import ScreenPlay.QMLUtilities 1.0
+import "../Common" as Common
+
Item {
id: root
- Text {
- id: introText
- color: Material.primaryTextColor
+ Common.Headline {
+ id: headline
+ text: qsTr("Free Tools to create wallpaper")
anchors {
top: parent.top
right: parent.right
left: parent.left
margins: 20
}
- font.pointSize: 14
+ }
+
+ Text {
+ id: introText
+ color: Material.primaryTextColor
+ anchors {
+ top: headline.bottom
+ right: parent.right
+ left: parent.left
+ margins: 20
+ }
+ font.pointSize: 12
font.family: ScreenPlay.settings.font
- text: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
-Aenean massa. \n\n\nCum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. "
+ text: qsTr("Below you can find tools to create wallaper beyond the tools that ScreenPlay provides for you!")
}
GridView {
@@ -43,126 +55,126 @@ Aenean massa. \n\n\nCum sociis natoque penatibus et magnis dis parturient montes
model: ListModel {
ListElement {
text: "Subreddit"
- image: "qrc:/qml/Create/StartInfo.qml"
+ image: "qrc:/assets/startinfo/reddit.png"
link: "https://www.reddit.com/r/ScreenPlayApp/"
description: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
category: "Community"
}
ListElement {
text: "Forums"
- image: "qrc:/qml/Create/StartInfo.qml"
+ image: "qrc:/assets/startinfo/forums.png"
link: "https://forum.screen-play.app/"
description: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
category: "Community"
}
ListElement {
text: "QML Online Editor"
- image: "qrc:/qml/Create/StartInfo.qml"
+ image: "qrc:/assets/startinfo/qml_online.png"
link: "https://qmlonline.kde.org/"
description: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
category: "Tools"
}
ListElement {
text: "Handbreak"
- image: "qrc:/qml/Create/StartInfo.qml"
+ image: "qrc:/assets/startinfo/handbreak.png"
link: "https://handbrake.fr/"
description: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes,"
category: "Tools"
}
ListElement {
text: "Blender"
- image: "qrc:/qml/Create/StartInfo.qml"
+ image: "qrc:/assets/startinfo/blender.png"
link: "https://www.blender.org/"
description: ""
category: "Tools"
}
ListElement {
text: "OBS Studio"
- image: "qrc:/qml/Create/StartInfo.qml"
+ image: "qrc:/assets/startinfo/obs.png"
link: "https://obsproject.com/"
description: ""
category: "Tools"
}
ListElement {
text: "Krita"
- image: "qrc:/qml/Create/StartInfo.qml"
+ image: "qrc:/assets/startinfo/krita.png"
link: "https://krita.org/"
description: ""
category: "Tools"
}
ListElement {
text: "Inscape"
- image: "qrc:/qml/Create/StartInfo.qml"
+ image: "qrc:/assets/startinfo/inkscape.png"
link: "https://inkscape.org/"
description: ""
category: "Tools"
}
ListElement {
text: "Kdenlive"
- image: "qrc:/qml/Create/StartInfo.qml"
+ image: "qrc:/assets/startinfo/kdeenlive.png"
link: "https://kdenlive.org/"
description: ""
category: "Tools"
}
ListElement {
text: "ShareX"
- image: "qrc:/qml/Create/StartInfo.qml"
+ image: "qrc:/assets/startinfo/sharex.png"
link: "https://getsharex.com/"
description: ""
category: "Tools"
}
ListElement {
text: "GitLab"
- image: "qrc:/qml/Create/StartInfo.qml"
+ image: "qrc:/assets/startinfo/gitlab.png"
link: "https://about.gitlab.com/"
description: ""
category: "Tools"
}
ListElement {
text: "Git Extensions - Git UI for Windows"
- image: "qrc:/qml/Create/StartInfo.qml"
+ image: "qrc:/assets/startinfo/git_extentions.png"
link: "https://gitextensions.github.io/"
description: ""
category: "Tools"
}
ListElement {
text: "Visual Studio Code"
- image: "qrc:/qml/Create/StartInfo.qml"
+ image: "qrc:/assets/startinfo/vscode.png"
link: "https://code.visualstudio.com/"
description: ""
category: "Tools"
}
ListElement {
text: "Shadertoy"
- image: "qrc:/qml/Create/StartInfo.qml"
+ image: "qrc:/assets/startinfo/shadertoy.png"
link: "https://www.shadertoy.com/"
description: ""
category: "Resources"
}
ListElement {
text: "Flaticon"
- image: "qrc:/qml/Create/StartInfo.qml"
+ image: "qrc:/assets/startinfo/flaticon.png"
link: "https://www.flaticon.com/"
description: ""
category: "Resources"
}
ListElement {
text: "Unsplash"
- image: "qrc:/qml/Create/StartInfo.qml"
+ image: "qrc:/assets/startinfo/unsplash.png"
link: "https://unsplash.com/"
description: ""
category: "Resources"
}
ListElement {
text: "FreeSound"
- image: "qrc:/qml/Create/StartInfo.qml"
+ image: "qrc:/assets/startinfo/freesound.png"
link: "https://freesound.org/"
description: ""
category: "Resources"
}
}
- delegate: ItemDelegate {
+ delegate: Item {
width: gridView.cellWidth
height: gridView.cellHeight
@@ -170,62 +182,60 @@ Aenean massa. \n\n\nCum sociis natoque penatibus et magnis dis parturient montes
id: img
anchors.fill: parent
anchors.margins: 5
- radius: 3
clip: true
layer.enabled: true
layer.effect: ElevationEffect {
elevation: 4
}
- Rectangle {
- color: "orange"
- height: 180
- radius: 3
- clip: true
+ Image {
+ anchors.fill: parent
+ fillMode: Image.PreserveAspectCrop
+ source: model.image
+ }
+
+ LinearGradient {
+ anchors.fill: parent
+ end: Qt.point(0, 0)
+ start: Qt.point(0, parent.height * .66)
+ gradient: Gradient {
+ GradientStop {
+ position: 0.0
+ color: "#DD000000"
+ }
+ GradientStop {
+ position: 1.0
+ color: "#00000000"
+ }
+ }
+ }
+ Text {
+ id: txtCategory
+ text: model.category + ":"
+ font.pointSize: 10
+ font.family: ScreenPlay.settings.font
+ color: "white"
anchors {
- top: parent.top
- right: parent.right
left: parent.left
+ right: parent.right
+ bottom: txtText.top
+ margins: 15
+ bottomMargin: 5
}
+ }
+ Text {
+ id: txtText
+ text: model.text
+ font.pointSize: 16
+ font.family: ScreenPlay.settings.font
+ color: "white"
+ wrapMode: Text.WrapAtWordBoundaryOrAnywhere
- LinearGradient {
- anchors.fill: parent
- end: Qt.point(0, 0)
- start: Qt.point(0, parent.height * .66)
- gradient: Gradient {
- GradientStop {
- position: 0.0
- color: "#AA000000"
- }
- GradientStop {
- position: 1.0
- color: "#00000000"
- }
- }
- }
-
- Text {
- text: model.text
- font.pointSize: 14
- font.family: ScreenPlay.settings.font
- color: "white"
- anchors {
- left: parent.left
- right: parent.right
- bottom: parent.bottom
- margins: 5
- }
- }
- Text {
- text: model.category
- font.pointSize: 11
- font.family: ScreenPlay.settings.font
- color: "white"
- anchors {
- left: parent.left
- right: parent.right
- margins: 5
- }
+ anchors {
+ left: parent.left
+ right: parent.right
+ bottom: parent.bottom
+ margins: 15
}
}