# \[Weekly\] What is everybody working on? Share your progress, discoveries, tips and tricks!

**URL:** https://forum.screen-play.app/t/weekly-what-is-everybody-working-on-share-your-progress-discoveries-tips-and-tricks/28
**Category:** Wallpaper
**Created:** [December 11, 2021, 1:48pm UTC](https://forum.screen-play.app/t/weekly-what-is-everybody-working-on-share-your-progress-discoveries-tips-and-tricks/28 "2021-12-11T13:48:31Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![Kelteseth](https://forum.screen-play.app/user_avatar/forum.screen-play.app/kelteseth/32/3_2.png) [@Kelteseth](https://forum.screen-play.app/u/Kelteseth)
#### Post date: [December 11, 2021, 1:48pm UTC](https://forum.screen-play.app/t/weekly-what-is-everybody-working-on-share-your-progress-discoveries-tips-and-tricks/28/1 "2021-12-11T13:48:31Z")

</div>

What is everybody working on? Share your progress, discoveries, tips and tricks!

---

<div class="post-metadata">

### Author: ![Kelteseth](https://forum.screen-play.app/user_avatar/forum.screen-play.app/kelteseth/32/3_2.png) [@Kelteseth](https://forum.screen-play.app/u/Kelteseth)
#### Post date: [December 11, 2021, 1:48pm UTC](https://forum.screen-play.app/t/weekly-what-is-everybody-working-on-share-your-progress-discoveries-tips-and-tricks/28/2 "2021-12-11T13:48:51Z")

</div>

Tinkering with the sysinfo module as a wallpaper:

 ![image](https://forum.screen-play.app/uploads/default/original/1X/ae315150b9bf9386f593b4e63a8e1c6de91b3545.png)

Code

```auto
import QtQuick 2.14
import QtQuick.Controls 2.14
import QtQuick.Shapes 1.15
import QtQuick.Layouts 1.12
import ScreenPlay.Sysinfo 1.0

Rectangle {
    id: root
    color: "#19181E"

    property color accentColor: "#FF9800"
    property string fontFamily: firaCodeFont.name
    property int fontPointSize: 16

    FontLoader {
        id: firaCodeFont
        source: "fonts/FiraCode-Bold.ttf"
    }

    Rectangle {
        anchors.fill: wrapper
        anchors.margins: -50
        color: "#212128"
        border.color: root.accentColor
        border.width: 10
    }

    ColumnLayout {
        id: wrapper
        anchors {
            horizontalCenter: parent.horizontalCenter
            verticalCenter: parent.verticalCenter
        }

        Text {
            id: txtGPU
            text: "GPU"
            color: root.accentColor
            font.family: root.fontFamily
            font.pointSize: 60
            horizontalAlignment: Text.AlignHCenter
        }

        RowLayout {
            Text {
                id: name
                text: SysInfo.gpu.vendor
                color: root.accentColor
                horizontalAlignment: Text.AlignHCenter
                font {
                    pointSize: 16
                    family: "Fira Code"
                }
            }
            Text {
                text: SysInfo.gpu.name
                color: root.accentColor
                horizontalAlignment: Text.AlignHCenter
                font {
                    pointSize: 16
                    family: root.fontFamily
                }
            }
        }

        Text {
            id: txtUptime
            text: "UPTIME"
            color: root.accentColor
            font.family: root.fontFamily
            font.pointSize: 60
            horizontalAlignment: Text.AlignHCenter
        }

        RowLayout {
            id: valuesLayout
            spacing: 20
            Text {
                id: txtYears
                text: "YEARS " + SysInfo.uptime.years
                color: root.accentColor
                font.family: root.fontFamily
                font.pointSize: root.fontPointSize
            }
            Text {
                text: "DAYS " + SysInfo.uptime.days
                color: root.accentColor
                font.family: root.fontFamily
                font.pointSize: root.fontPointSize
            }
            Text {
                text: "HOURS " + SysInfo.uptime.hours
                color: root.accentColor
                font.family: root.fontFamily
                font.pointSize: root.fontPointSize
            }
            Text {
                text: "MINUTES " + SysInfo.uptime.minutes
                color: root.accentColor
                font.family: root.fontFamily
                font.pointSize: root.fontPointSize
            }

            Text {
                id: txtSeconds
                text: "SECONDS " + SysInfo.uptime.seconds
                color: root.accentColor
                font.family: root.fontFamily
                font.pointSize: root.fontPointSize
            }
        }
        Text {
            id: txtCPU
            text: "CPU"
            color: root.accentColor
            font.family: root.fontFamily
            font.pointSize: 60
            horizontalAlignment: Text.AlignHCenter
        }
        Row {
            id: row
            spacing: 10
            Layout.fillWidth: true
            Text {
                id: txtCPUValue
                text: Math.floor(SysInfo.cpu.usage)
                color: root.accentColor
                font.family: root.fontFamily
                width: 70
            }
            ProgressBar {
                from: 0
                to: 100
                value: Math.floor(SysInfo.cpu.usage)
                Layout.fillWidth: true
            }
        }

        Text {
            id: txtStorage
            text: "STORAGE"
            color: root.accentColor
            font.family: root.fontFamily
            font.pointSize: 60
            horizontalAlignment: Text.AlignHCenter
        }

        Item {
            Layout.fillWidth: true
            Layout.preferredHeight: 20
        }

        ListView {
            id: storageListView
            Layout.fillWidth: true
            Layout.preferredHeight: 100
            model: SysInfo.storage
            delegate: Item {
                width: storageListView.width
                height: 40
                Row {
                    spacing: 10
                    Text {
                        id: txtStorageName
                        text: name
                        color: root.accentColor
                        font.family: root.fontFamily
                        width: 70
                    }
                    ProgressBar {
                        from: 0
                        to: bytesTotal
                        value: bytesAvailable
                        width: storageListView.width - txtStorageName.width - row.spacing
                    }
                }
            }
        }
    }

}

```

---

<div class="post-metadata">

### Author: ![tretrauit](https://forum.screen-play.app/user_avatar/forum.screen-play.app/tretrauit/32/21_2.png) [@tretrauit](https://forum.screen-play.app/u/tretrauit)
#### Post date: [December 14, 2021, 10:49am UTC](https://forum.screen-play.app/t/weekly-what-is-everybody-working-on-share-your-progress-discoveries-tips-and-tricks/28/3 "2021-12-14T10:49:19Z")

</div>

Hey, the wallpaper or widget is cool, can you upload it to workshop or pack it to an archive so I can try it? (im kinda lazy sorry)

---

<div class="post-metadata">

### Author: ![Kelteseth](https://forum.screen-play.app/user_avatar/forum.screen-play.app/kelteseth/32/3_2.png) [@Kelteseth](https://forum.screen-play.app/u/Kelteseth)
#### Post date: [December 14, 2021, 11:00am UTC](https://forum.screen-play.app/t/weekly-what-is-everybody-working-on-share-your-progress-discoveries-tips-and-tricks/28/4 "2021-12-14T11:00:57Z")

</div>

It is easy: Create a new qml wallpaper from the wizard and replace the content of the main.qml. This works with the current steam version.

---

<div class="post-metadata">

### Author: ![tretrauit](https://forum.screen-play.app/user_avatar/forum.screen-play.app/tretrauit/32/21_2.png) [@tretrauit](https://forum.screen-play.app/u/tretrauit)
#### Post date: [December 15, 2021, 4:27pm UTC](https://forum.screen-play.app/t/weekly-what-is-everybody-working-on-share-your-progress-discoveries-tips-and-tricks/28/5 "2021-12-15T16:27:34Z")

</div>

I know but i’m just too lazy to do it 😛

---

<div class="post-metadata">

### Author: ![Kelteseth](https://forum.screen-play.app/user_avatar/forum.screen-play.app/kelteseth/32/3_2.png) [@Kelteseth](https://forum.screen-play.app/u/Kelteseth)
#### Post date: [December 16, 2021, 4:10pm UTC](https://forum.screen-play.app/t/weekly-what-is-everybody-working-on-share-your-progress-discoveries-tips-and-tricks/28/6 "2021-12-16T16:10:07Z")

</div>

@tretrauit [\_tmp\_171806.zip - Google Drive](https://drive.google.com/file/d/17bWzOQkMUHLpWKzhXWrd7PZX3l5X1-oC/view?usp=sharing)
