1 files changed, 85 insertions, 0 deletions
diff --git a/src/gs-feature-tile.ui b/src/gs-feature-tile.ui
new file mode 100644
index 0000000..c9bb956
--- /dev/null
+++ b/src/gs-feature-tile.ui
@@ -0,0 +1,85 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface>
+  <!-- interface-requires gtk+ 3.10 -->
+  <template class="GsFeatureTile" parent="GsAppTile">
+    <property name="halign">fill</property>
+    <style>
+      <class name="featured-tile"/>
+    </style>
+    <child>
+      <object class="GtkStack" id="stack">
+
+        <child>
+          <object class="GtkStackPage">
+            <property name="name">waiting</property>
+            <property name="child">
+              <object class="GtkImage" id="waiting">
+                <property name="halign">center</property>
+                <property name="valign">center</property>
+                <property name="pixel-size">16</property>
+                <property name="icon-name">content-loading-symbolic</property>
+                <style>
+                  <class name="dim-label"/>
+                </style>
+              </object>
+            </property>
+          </object>
+        </child>
+
+        <child>
+          <object class="GtkStackPage">
+            <property name="name">content</property>
+            <property name="child">
+              <object class="GtkBox" id="box">
+                <property name="halign">center</property>
+                <property name="orientation">vertical</property>
+                <property name="margin-top">50</property>
+                <property name="margin-bottom">50</property>
+                <property name="margin-start">50</property>
+                <property name="margin-end">50</property>
+                <child>
+                  <object class="GtkImage" id="image">
+                    <style>
+                      <class name="icon-dropshadow"/>
+                    </style>
+                  </object>
+                </child>
+                <child>
+                  <object class="GtkLabel" id="title">
+                    <property name="xalign">0.5</property>
+                    <property name="halign">center</property>
+                    <property name="valign">end</property>
+                    <property name="vexpand">True</property>
+                    <property name="ellipsize">end</property>
+                    <style>
+                      <class name="title-1"/>
+                    </style>
+                  </object>
+                </child>
+                <child>
+                  <object class="AdwClamp">
+                    <property name="maximum-size">350</property>
+                    <property name="tightening-threshold">350</property>
+                    <child>
+                      <object class="GtkLabel" id="subtitle">
+                        <property name="ellipsize">end</property>
+                        <property name="xalign">0.5</property>
+                        <property name="valign">start</property>
+                        <property name="lines">1</property>
+                        <property name="justify">center</property>
+                        <style>
+                          <class name="caption"/>
+                        </style>
+                      </object>
+                    </child>
+                  </object>
+                </child>
+              </object>
+            </property>
+          </object>
+        </child>
+
+      </object>
+    </child>
+  </template>
+</interface>