🎉 Add welcome message

assets/burn-my-windows.svg

@@ -8,7 +8,7 @@
    version="1.1"
    id="svg3466"
    inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
-   sodipodi:docname="icon.svg"
+   sodipodi:docname="burn-my-windows.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns:xlink="http://www.w3.org/1999/xlink"
@@ -25,13 +25,13 @@
      inkscape:document-units="mm"
      showgrid="false"
      units="px"
-     inkscape:zoom="6.7696653"
+     inkscape:zoom="0.79139215"
-     inkscape:cx="20.311196"
+     inkscape:cx="171.21727"
-     inkscape:cy="41.804135"
+     inkscape:cy="241.34685"
      inkscape:window-width="1920"
      inkscape:window-height="1131"
      inkscape:window-x="0"
-     inkscape:window-y="0"
+     inkscape:window-y="32"
      inkscape:window-maximized="1"
      inkscape:current-layer="g8508" />
   <defs

prefs.js

@@ -42,6 +42,13 @@ var PreferencesDialog = class PreferencesDialog {
     this._resources = Gio.Resource.load(Me.path + '/resources/burn-my-windows.gresource');
     Gio.resources_register(this._resources);
 
+    // Make sure custom icons are found.
+    if (utils.isGTK4()) {
+      Gtk.IconTheme.get_for_display(Gdk.Display.get_default()).add_resource_path('/img');
+    } else {
+      Gtk.IconTheme.get_default().add_resource_path('/img');
+    }
+
     // Store a reference to the settings object.
     this._settings = ExtensionUtils.getSettings();
 

resources/ui/gtk3/generalPage.ui

@@ -10,6 +10,32 @@
     <property name="margin-top">30</property>
     <property name="margin-bottom">30</property>
 
+    <child>
+      <object class="GtkImage">
+        <property name="valign">center</property>
+        <property name="icon-name">burn-my-windows-symbolic</property>
+        <property name="pixel_size">128</property>
+      </object>
+    </child>
+
+    <child>
+      <object class="GtkLabel">
+        <property name="label" translatable="yes">Welcome to Burn-My-Windows!</property>
+        <property name="margin-bottom">4</property>
+        <style>
+          <class name="large-title" />
+        </style>
+      </object>
+    </child>
+
+    <child>
+      <object class="GtkLabel">
+        <property name="label" translatable="yes">If you like this extension, recommend it to your friends :)</property>
+        <property name="margin-bottom">36</property>
+      </object>
+    </child>
+
+
     <child>
       <object class="GtkFrame">
         <child>

resources/ui/gtk4/generalPage.ui

@@ -10,6 +10,31 @@
     <property name="margin-top">60</property>
     <property name="margin-bottom">60</property>
 
+    <child>
+      <object class="GtkImage">
+        <property name="valign">center</property>
+        <property name="icon-name">burn-my-windows-symbolic</property>
+        <property name="pixel_size">128</property>
+      </object>
+    </child>
+
+    <child>
+      <object class="GtkLabel">
+        <property name="label" translatable="yes">Welcome to Burn-My-Windows!</property>
+        <property name="margin-bottom">4</property>
+        <style>
+          <class name="large-title" />
+        </style>
+      </object>
+    </child>
+
+    <child>
+      <object class="GtkLabel">
+        <property name="label" translatable="yes">If you like this extension, recommend it to your friends :)</property>
+        <property name="margin-bottom">36</property>
+      </object>
+    </child>
+
     <child>
       <object class="GtkFrame">
         <child>