Layout Settings - Vanilla Success
<main> <article class="userContent"> <p>When setting up your <strong>Higher Logic Vanilla</strong> (<strong>Vanilla</strong>) community, you can choose from a variety of layouts in order to control the appearance of your community pages.</p><p>The layouts are available to set the design of three main pages of your community site:</p><ul><li><strong>Homepage</strong> - your community's "landing page." Here, your users are welcomed to your community site, so it's your chance to make the proverbial "first impression."</li><li><strong>Discussions List page</strong> - a purpose-built page where users can see a list of recent Discussions and easily link to them for more information.</li><li><strong>Categories List page</strong> - a purpose-built page where users can see a list of your community Categories in which users congregate and interact based on their shared interest in a topic.</li></ul><p>To access the layouts:</p><ol><li>Navigate to <strong>Dashboard > Appearance</strong>.</li><li>In the left navigation, click one of the options under <strong>Layout Editor</strong>.</li><li>Click <strong>Legacy Layouts</strong>.</li></ol><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/P5NJZGE3LF2T/nav-legacylayouts.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/P5NJZGE3LF2T/nav-legacylayouts.png" alt="NAV-LegacyLayouts.png" height="480" width="782" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p>🛑 <strong>WARNING</strong>: When you apply a layout, <em>the change is immediate</em>. There is no "save" action required, nor is there a confirmation prompt.</p><p>✔️ <strong>TIP</strong>: Higher Logic Vanilla recommends testing these changes in your staging site before committing them to your production site.</p><p>After you've chosen a page layout, you can customize it with your brand's styling and colors to create a user experience that is unique to your community.</p><p>📝 <strong>NOTE</strong>: You can choose different layouts for these pages and then <em>customize each chosen layout for the page</em>. There is no interdependency between these pages.</p><h2 data-id="homepage">Homepage</h2><p>Your homepage is where visitors to your community land, so it should proudly present and represent your brand.</p><ul><li>Hover on a layout and click <strong>Apply</strong>.</li></ul><p>🛑 <strong>WARNING</strong>: The layout is <em>immediately applied to the page</em>. You are <strong>not</strong> prompted to save or confirmation the action.</p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/Z4OXKOH7H7S5/layouts-homepage.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/Z4OXKOH7H7S5/layouts-homepage.png" alt="Layouts-Homepage.png" height="516" width="864" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p>The layouts are described in the sections below.</p><h3 data-id="discussions">Discussions</h3><p>This layout populates your homepage with a list of all your discussions in order of most recent, with no particular grouping.</p><h3 data-id="categories">Categories</h3><p>This layout populates your homepage with your entire category structure with headings that allow for greater organization.</p><h3 data-id="best-of">Best Of</h3><p>This layout showcases your top content, based on user reactions, in a tiled view. </p><p>📝 <strong>NOTE</strong>: Using this layout requires the <a href="https://success.vanillaforums.com/kb/articles/296" rel="nofollow noreferrer ugc"><em>Best Of</em> page</a> already be set up.</p><h3 data-id="knowledge-base">Knowledge Base</h3><p>This layout changes your homepage into your Knowledge Base.</p><p>This layout is often preferred by Support-based communities that want to promote a self-serve approach to their members looking to solve issues or learn about a topic on their own.</p><p>📝 <strong>NOTE</strong>: Using this layout might decrease engagement in your mainstream community.</p><h2 data-id="discussions-page">Discussions Page</h2><p>Your Discussions page lists your community discussions and has links to the original discussion and any comments it has received.</p><ul><li>Hover on a layout and click <strong>Apply</strong>.</li></ul><p>🛑 <strong>WARNING</strong>: The layout is <em>immediately applied to the page</em>. You are <strong>not</strong> prompted to save or confirmation the action.</p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://lh4.googleusercontent.com/GnGw2HHSuG4NWKwtszNSxV_97ZR_eCWKNd4hDDG9RXCOo01hRNrGDaIIX8UVr0iNRw4oox99CM3k7WG1jfQknDMxMFCd95CnZvc_rwIXzpUMaoWJGfGfLhceEZf9Xl0gFM9EvZWX=s1600" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://lh4.googleusercontent.com/GnGw2HHSuG4NWKwtszNSxV_97ZR_eCWKNd4hDDG9RXCOo01hRNrGDaIIX8UVr0iNRw4oox99CM3k7WG1jfQknDMxMFCd95CnZvc_rwIXzpUMaoWJGfGfLhceEZf9Xl0gFM9EvZWX=s1600" alt="GnGw2HHSuG4NWKwtszNSxV_97ZR_eCWKNd4hDDG9RXCOo01hRNrGDaIIX8UVr0iNRw4oox99CM3k7WG1jfQknDMxMFCd95CnZvc_rwIXzpUMaoWJGfGfLhceEZf9Xl0gFM9EvZWX=s1600" height="224" width="624" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p>The selected layout is used wherever your list of discussions is shown, such as a Categories page (if discussions are allowed), the Recent Discussions page, the My Bookmarks page, your Homepage (if the Discussions Layout is applied as described above), and even within a Group.</p><p>📝 <strong>NOTE</strong>: This layout does <strong>not</strong> apply to the "tabbed" discussions list in the <a href="https://success.vanillaforums.com/kb/articles/419" rel="nofollow noreferrer ugc">Tabs Widget</a>, which always displays the <em>Foundation Layout</em>.</p><p>The layouts are described in the sections below.</p><h3 data-id="modern-layout">Modern Layout</h3><p>A simple and clean layout that succinctly displays the activity data in a row.</p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://lh5.googleusercontent.com/IfBDzVvdcvpAl2XjD4zd_OIQ8-m0qpWxTRvcFWQl_HhB8jZ6z0YVIhqUTEYE1cvTn0ps0P5N0qSEsCcr6_Gyw-Soh14JZv9Ji3ikIA99V-pPPXKarvB7aTVsL76IRc0VNcfQbRUT=s1600" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://lh5.googleusercontent.com/IfBDzVvdcvpAl2XjD4zd_OIQ8-m0qpWxTRvcFWQl_HhB8jZ6z0YVIhqUTEYE1cvTn0ps0P5N0qSEsCcr6_Gyw-Soh14JZv9Ji3ikIA99V-pPPXKarvB7aTVsL76IRc0VNcfQbRUT=s1600" alt="IfBDzVvdcvpAl2XjD4zd_OIQ8-m0qpWxTRvcFWQl_HhB8jZ6z0YVIhqUTEYE1cvTn0ps0P5N0qSEsCcr6_Gyw-Soh14JZv9Ji3ikIA99V-pPPXKarvB7aTVsL76IRc0VNcfQbRUT=s1600" height="235" width="624" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <h3 data-id="table-layout">Table Layout</h3><p>A table-type structure with columnar separations and images.</p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://lh4.googleusercontent.com/jywcsftTLS73g5b1iasZG-CrYSZHc-7UZjNyFxAh25cKB4-edK-2oHurhFxtqsrez63O13rQd5CqVxUnpPKbEHBu4KopDiJXnyI8y7DnYN8pCLTu4w-IVO9OZOrxQeZ_6VqN8aGg=s1600" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://lh4.googleusercontent.com/jywcsftTLS73g5b1iasZG-CrYSZHc-7UZjNyFxAh25cKB4-edK-2oHurhFxtqsrez63O13rQd5CqVxUnpPKbEHBu4KopDiJXnyI8y7DnYN8pCLTu4w-IVO9OZOrxQeZ_6VqN8aGg=s1600" alt="jywcsftTLS73g5b1iasZG-CrYSZHc-7UZjNyFxAh25cKB4-edK-2oHurhFxtqsrez63O13rQd5CqVxUnpPKbEHBu4KopDiJXnyI8y7DnYN8pCLTu4w-IVO9OZOrxQeZ_6VqN8aGg=s1600" height="264" width="624" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <h3 data-id="foundation-layout">Foundation Layout</h3><p>Vanilla’s latest layout builds on Modern Layout by giving the user more information in a snippet of the discussion.</p><p>Other features include the ability to:</p><ul><li><em>configure properties</em> like border styles and text colours,</li><li><em>enable/disable the display of metadata</em> (e.g., view count, comment count, and avatars), and</li><li><em>display meta info as icons</em>.</li></ul><p>See <a href="https://success.vanillaforums.com/kb/articles/411-discussion-list" rel="nofollow noreferrer ugc">Discussion List</a> to learn more about the configuration options that are available in <strong>Theme Editor > Discussion List</strong>.</p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://lh6.googleusercontent.com/eufklwp_VEiSLFXq-wNjwmH3seCmIWf4Dn4EI9Tvr1sgUeIU0N6YrnsmKkT1-eOK8DmrGMPRDSjzEQuj7APUMS_uhZN_7lTE8m9wcKN_-WLU07wja2yhehC7yss79V7QX7TUXyEC=s1600" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://lh6.googleusercontent.com/eufklwp_VEiSLFXq-wNjwmH3seCmIWf4Dn4EI9Tvr1sgUeIU0N6YrnsmKkT1-eOK8DmrGMPRDSjzEQuj7APUMS_uhZN_7lTE8m9wcKN_-WLU07wja2yhehC7yss79V7QX7TUXyEC=s1600" alt="eufklwp_VEiSLFXq-wNjwmH3seCmIWf4Dn4EI9Tvr1sgUeIU0N6YrnsmKkT1-eOK8DmrGMPRDSjzEQuj7APUMS_uhZN_7lTE8m9wcKN_-WLU07wja2yhehC7yss79V7QX7TUXyEC=s1600" height="359" width="624" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <h2 data-id="categories-page">Categories Page</h2><p>Your Categories page lists your Categories, the high-level groupings of your community discussions.</p><ul><li>Hover on a layout and click <strong>Apply</strong>.</li></ul><p>🛑 <strong>WARNING</strong>: The layout is <em>immediately applied to the page</em>. You are <strong>not</strong> prompted to save or confirmation the action.</p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://lh3.googleusercontent.com/7Q2DuTGO_KeihMyqhnCjiU4FAGzP1X5dULDW4_lXZRbK7yWWZLLQnAB-PBRqPnwD-SLIYkJt56ODUI8QFhlPU9j4JXAjp7XnfmKUwE_ADRKek8_3CcGdH1vE_cSGTNgfztma760g=s1600" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://lh3.googleusercontent.com/7Q2DuTGO_KeihMyqhnCjiU4FAGzP1X5dULDW4_lXZRbK7yWWZLLQnAB-PBRqPnwD-SLIYkJt56ODUI8QFhlPU9j4JXAjp7XnfmKUwE_ADRKek8_3CcGdH1vE_cSGTNgfztma760g=s1600" alt="7Q2DuTGO_KeihMyqhnCjiU4FAGzP1X5dULDW4_lXZRbK7yWWZLLQnAB-PBRqPnwD-SLIYkJt56ODUI8QFhlPU9j4JXAjp7XnfmKUwE_ADRKek8_3CcGdH1vE_cSGTNgfztma760g=s1600" height="413" width="624" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p>The selected layout is used wherever your list of categories is shown, such as on your Homepage (if the Categories Layout is applied as described above), and on any top-level or parent category page that contains child categories.</p><p>The layouts are described in the sections below.</p><h3 data-id="modern-layout-1">Modern Layout</h3><p>A simple and clean layout that succinctly displays the activity data in a row.</p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://lh5.googleusercontent.com/mFCIbVE2iPAv6addtFYOyNRxpr_TP9DxiKN8Q_KVv56bpjfzaYnbzOJxGa-A5kr-wu_V6ECNOTwO0NRozzv8RoC0nWPbO8lKbrIpeEIOLjnkT5r--rZsg5bsDJGn4vWqvqPRSn9o=s1600" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://lh5.googleusercontent.com/mFCIbVE2iPAv6addtFYOyNRxpr_TP9DxiKN8Q_KVv56bpjfzaYnbzOJxGa-A5kr-wu_V6ECNOTwO0NRozzv8RoC0nWPbO8lKbrIpeEIOLjnkT5r--rZsg5bsDJGn4vWqvqPRSn9o=s1600" alt="mFCIbVE2iPAv6addtFYOyNRxpr_TP9DxiKN8Q_KVv56bpjfzaYnbzOJxGa-A5kr-wu_V6ECNOTwO0NRozzv8RoC0nWPbO8lKbrIpeEIOLjnkT5r--rZsg5bsDJGn4vWqvqPRSn9o=s1600" height="228" width="624" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <h3 data-id="table-layout-1">Table Layout</h3><p>A table-type structure with columnar separations and images.</p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://lh6.googleusercontent.com/uq-CgTK3lC8y6oXpyke2El9HxrDAGa2-n113E9285LSbobUFHuaB8iUmlUs6StbRAYkUW_U1Xw_SvmHFkCL5mmFuaWTMRuCK6XEzVrxwVBbCayFAaoydycXx8pAeK-6h6Rl-O7j2=s1600" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://lh6.googleusercontent.com/uq-CgTK3lC8y6oXpyke2El9HxrDAGa2-n113E9285LSbobUFHuaB8iUmlUs6StbRAYkUW_U1Xw_SvmHFkCL5mmFuaWTMRuCK6XEzVrxwVBbCayFAaoydycXx8pAeK-6h6Rl-O7j2=s1600" alt="uq-CgTK3lC8y6oXpyke2El9HxrDAGa2-n113E9285LSbobUFHuaB8iUmlUs6StbRAYkUW_U1Xw_SvmHFkCL5mmFuaWTMRuCK6XEzVrxwVBbCayFAaoydycXx8pAeK-6h6Rl-O7j2=s1600" height="239" width="624" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <h3 data-id="mixed-layout">Mixed Layout</h3><p>Displays <strong>all</strong> your categories and their <strong>top five </strong>discussions. Category names display as headings above the five discussions to simplify navigation to new content.</p><p>📝 <strong>NOTE</strong>: Mixed Layout is content-heavy and therefore is <strong>not recommended</strong> if your community has a large number of categories as this may impact page load times and site performance. If your site is loading slowly, consider a different layout.</p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://lh3.googleusercontent.com/6VlKIx4OD6l6qSXK0rPVHJtATAZJkRsist8ryFevkUJv1rmlj5jB6MOZuzHP6caCt8cUcIc087edO4tQMdWw4T7s_qJ-HyusQPXEg1R0dMzXLfr3K83EfHC1KqbcT-h4dsr54N6O=s1600" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://lh3.googleusercontent.com/6VlKIx4OD6l6qSXK0rPVHJtATAZJkRsist8ryFevkUJv1rmlj5jB6MOZuzHP6caCt8cUcIc087edO4tQMdWw4T7s_qJ-HyusQPXEg1R0dMzXLfr3K83EfHC1KqbcT-h4dsr54N6O=s1600" alt="6VlKIx4OD6l6qSXK0rPVHJtATAZJkRsist8ryFevkUJv1rmlj5jB6MOZuzHP6caCt8cUcIc087edO4tQMdWw4T7s_qJ-HyusQPXEg1R0dMzXLfr3K83EfHC1KqbcT-h4dsr54N6O=s1600" height="703" width="624" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <h3 data-id="tiled-layout">Tiled Layout</h3><p>This layout displays your Categories <strong>as tiles</strong>.</p><p>In <strong>Theme Editor > Widgets</strong>, you can:</p><ul><li><em>configure properties</em> like borders, images, and colours,</li><li><em>enable/disable the display of metadata</em> (e.g., counts and category descriptions), and</li><li><em>set the number of columns</em>.</li></ul><p>📝 <strong>NOTE</strong>: Category descriptions will <strong>not</strong> display (as seen below) if <em>Background</em> is selected as the <strong>Image Type</strong>.</p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/1JG2H7ULRRHT/layouts-category-tiled.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/1JG2H7ULRRHT/layouts-category-tiled.png" alt="Layouts-Category-Tiled.png" height="488" width="642" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <h3 data-id="additional-category-styling"><strong>Additional Category Styling</strong></h3><p>There are several additional styling options for your categories:</p><ol><li>Add a description</li><li>Add a photo</li><li>Add a banner image</li></ol><p>All of these can be configured in your dashboard > settings > categories > edit / add category:</p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://lh6.googleusercontent.com/Il5yUAvpOrHWEFl0sQ510kjAO_JfhN2u1MyYnCDqE8qLejWwJk2vDwhut8EPodD60tJn61KLkQajywQelMCVJll57dsx4EGkZvGLIIPBJxQSCIq_lQ03fnl4ZRazhpl5lLP6lxFH=s1600" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://lh6.googleusercontent.com/Il5yUAvpOrHWEFl0sQ510kjAO_JfhN2u1MyYnCDqE8qLejWwJk2vDwhut8EPodD60tJn61KLkQajywQelMCVJll57dsx4EGkZvGLIIPBJxQSCIq_lQ03fnl4ZRazhpl5lLP6lxFH=s1600" alt="Il5yUAvpOrHWEFl0sQ510kjAO_JfhN2u1MyYnCDqE8qLejWwJk2vDwhut8EPodD60tJn61KLkQajywQelMCVJll57dsx4EGkZvGLIIPBJxQSCIq_lQ03fnl4ZRazhpl5lLP6lxFH=s1600" height="553" width="624" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p><strong>Add a description:</strong> the description will show on the main Category page (if using the tile layout option, it will only appear with the Icon tile style). The description will also show in the specific category page under the category name.</p><p><strong>Add a photo:</strong> the photo will show on the main Category page if you use the Icon tile style.</p><p><strong>Add a banner image:</strong> the banner image will show on the main category page if you use the Background or Image tile style. It will also replace the <a href="https://success.vanillaforums.com/kb/articles/402-customizing-the-banner#category-specific-banners" rel="nofollow noreferrer ugc">standard banner image</a> for that category page.</p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://lh5.googleusercontent.com/j2Chbi1Hir-9Glt-v4Lzbo0B9IGeWM7Mwo5vJ3Db1_sWolfF36T8SkOAtM5tgld4z78OUeKZqfcVr5khUPyK8VwRl4LkSoefQ2pOWXpQUBsQrJAntksiUR-PUzvQY7vFXKodrrjk=s1600" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://lh5.googleusercontent.com/j2Chbi1Hir-9Glt-v4Lzbo0B9IGeWM7Mwo5vJ3Db1_sWolfF36T8SkOAtM5tgld4z78OUeKZqfcVr5khUPyK8VwRl4LkSoefQ2pOWXpQUBsQrJAntksiUR-PUzvQY7vFXKodrrjk=s1600" alt="j2Chbi1Hir-9Glt-v4Lzbo0B9IGeWM7Mwo5vJ3Db1_sWolfF36T8SkOAtM5tgld4z78OUeKZqfcVr5khUPyK8VwRl4LkSoefQ2pOWXpQUBsQrJAntksiUR-PUzvQY7vFXKodrrjk=s1600" height="403" width="624" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p><br></p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://lh6.googleusercontent.com/k3G4E2SUFL2LkO7pkZaGnlGVA-eO0TARvVT5VvmDajKnDeTUaYDvZ__ZRQIiWpeM09SiEGzCiJ_fhObhzdfN3rsGOB9JolerFrkUBN0-oPDaX71Lm-HQZQeaSUiLzBpIMqtyMzmE=s1600" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://lh6.googleusercontent.com/k3G4E2SUFL2LkO7pkZaGnlGVA-eO0TARvVT5VvmDajKnDeTUaYDvZ__ZRQIiWpeM09SiEGzCiJ_fhObhzdfN3rsGOB9JolerFrkUBN0-oPDaX71Lm-HQZQeaSUiLzBpIMqtyMzmE=s1600" alt="k3G4E2SUFL2LkO7pkZaGnlGVA-eO0TARvVT5VvmDajKnDeTUaYDvZ__ZRQIiWpeM09SiEGzCiJ_fhObhzdfN3rsGOB9JolerFrkUBN0-oPDaX71Lm-HQZQeaSUiLzBpIMqtyMzmE=s1600" height="281" width="624" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p><br></p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://lh6.googleusercontent.com/4hXu0DtDQaBH6go86XTolylTAmaN0A3T9q9MozAuz-MO_AK1xsTNNPnn6W8jMdCZBGDWTOuzal0CjtFrjmobPbvyI5wCCdt4lGK-SO8K5ZyBUcE___24a1bxPHFrDeNf130Ks52q=s1600" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://lh6.googleusercontent.com/4hXu0DtDQaBH6go86XTolylTAmaN0A3T9q9MozAuz-MO_AK1xsTNNPnn6W8jMdCZBGDWTOuzal0CjtFrjmobPbvyI5wCCdt4lGK-SO8K5ZyBUcE___24a1bxPHFrDeNf130Ks52q=s1600" alt="4hXu0DtDQaBH6go86XTolylTAmaN0A3T9q9MozAuz-MO_AK1xsTNNPnn6W8jMdCZBGDWTOuzal0CjtFrjmobPbvyI5wCCdt4lGK-SO8K5ZyBUcE___24a1bxPHFrDeNf130Ks52q=s1600" height="391" width="624" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p><br></p> </article> </main>