root/data/resources/ui/wiki_page.ui

<?xml version="1.0" encoding="UTF-8"?>
<interface>
  <template class="WikiPage" parent="GtkBox">
    <child>
      <object class="AdwOverlaySplitView" id="split">
        <property name="show-sidebar" bind-source="flap_button" bind-property="active" bind-flags="sync-create|bidirectional">False</property>
        <property name="sidebar">
          <!-- Sidebar -->
          <object class="GtkBox">
            <property name="orientation">vertical</property>
            <property name="vexpand">True</property>
            <child>
              <object class="AdwHeaderBar">
                <property name="title-widget">
                  <object class="AdwWindowTitle">
                    <property name="title" translatable="yes">Wiki</property>
                  </object>
                </property>
              </object>
            </child>
            <child>
              <object class="GtkScrolledWindow">
                <property name="hscrollbar-policy">automatic</property>
                <property name="vscrollbar-policy">automatic</property>
                <property name="hexpand">True</property>
                <property name="vexpand">True</property>
                <property name="width-request">240</property>
                <child>
                  <object class="GtkBox">
                    <property name="orientation">vertical</property>
                    <property name="vexpand">True</property>
                    <property name="valign">start</property>

                    <child>
                      <object class="AdwBin" id="booru_list">
                      </object>
                    </child>

                    <child>
                      <object class="GtkLabel">
                        <property name="label" translatable="true">History</property>
                        <property name="margin-bottom">16</property>
                        <property name="margin-top">16</property>
                        <property name="halign">center</property>
                        <style>
                          <class name="title-3"/>
                        </style>
                      </object>
                    </child>

                    <child>
                      <object class="GtkListBox" id="wiki_history">
                      </object>
                    </child>
                  </object>
                </child>
              </object>
            </child>
          </object>
        </property>
        <property name="content">
          <!-- Main -->
          <object class="GtkBox">
            <property name="orientation">vertical</property>
            <child>
              <object class="AdwHeaderBar">

                <child type="start">
                  <object class="GtkButton" id="back">
                    <property name="icon-name">go-previous-symbolic</property>
                    <property name="tooltip-text" translatable="true">Close Wiki</property>
                    <property name="action-name">app.open-image</property>
                  </object>
                </child>

                <child type="start">
                  <object class="GtkToggleButton" id="flap_button">
                    <property name="icon-name">sidebar-show-symbolic</property>
                    <property name="active">True</property>
                    <property name="tooltip-text" translatable="true">Toggle Sidebar</property>
                    <property name="visible" bind-source="WikiPage" bind-property="narrow" bind-flags="sync-create">False</property>
                  </object>
                </child>

                <child type="end">
                  <object class="GtkButton" id="search_images">
                    <property name="icon-name">viewimage-symbolic</property>
                    <property name="tooltip-text" translatable="true">Search images for this tag</property>o
                    <style>
                      <class name="suggested-action"/>
                    </style>
                  </object>
                </child>

                <property name="title-widget">
                  <object class="GtkBox">
                    <property name="orientation">horizontal</property>
                    <style>
                      <class name="linked"/>
                    </style>
                    <child>
                      <object class="GtkSearchEntry" id="search">
                        <property name="placeholder-text" translatable="true">Search Wiki...</property>
                      </object>
                    </child>
                    <child>
                      <object class="GtkButton" id="submit_search">
                        <property name="icon-name">system-search-symbolic</property>
                        <property name="tooltip-text" translatable="true">Search Wiki</property>
                      </object>
                    </child>
                  </object>
                </property>

              </object>
            </child>
            <child>
              <object class="GtkScrolledWindow" id="window">
                <property name="hscrollbar-policy">automatic</property>
                <property name="vscrollbar-policy">automatic</property>
                <property name="hexpand">True</property>
                <property name="vexpand">True</property>
                <property name="width-request">240</property>
                <child>
                  <object class="GtkBox" id="content_box">
                    <property name="vexpand">True</property>
                    <property name="hexpand">True</property>
                    <property name="orientation">vertical</property>
                    <property name="halign">start</property>

                    <property name="margin-top">16</property>
                    <property name="margin-bottom">16</property>
                    <property name="margin-start">16</property>
                    <property name="margin-end">16</property>

                    <child>
                      <object class="GtkLabel" id="headline">
                        <property name="margin-bottom">16</property>
                        <property name="halign">start</property>
                        <style>
                          <class name="title-1"/>
                        </style>
                      </object>
                    </child>

                    <child>
                      <object class="GtkLabel" id="content">
                        <style>
                          <class name="document"/>
                        </style>
                        <property name="wrap">True</property>
                        <property name="selectable">True</property>
                        <property name="use-underline">False</property>
                        <property name="halign">start</property>

                      </object>
                    </child>

                    <child>
                      <object class="AdwWrapBox" id="images">
                      </object>
                    </child>

                    <child>
                      <object class="GtkLabel" id="links_headline">
                        <property name="label" translatable="true">Links</property>
                        <property name="margin-top">16</property>
                        <property name="margin-bottom">16</property>
                        <property name="halign">start</property>
                        <style>
                          <class name="title-2"/>
                        </style>
                      </object>
                    </child>

                    <child>
                      <object class="GtkListBox" id="links">
                        <property name="halign">start</property>
                      </object>
                    </child>

                    <child>
                      <object class="GtkLabel" id="other_names_headline">
                        <property name="label" translatable="true">Other Names</property>
                        <property name="margin-top">16</property>
                        <property name="margin-bottom">16</property>
                        <property name="halign">start</property>
                        <style>
                          <class name="title-2"/>
                        </style>
                      </object>
                    </child>

                    <child>
                      <object class="GtkListBox" id="other_names">
                        <property name="halign">start</property>
                      </object>
                    </child>

                  </object>
                </child>
              </object>
            </child>
          </object>
        </property>
      </object>
    </child>
  </template>
</interface>