Extra Theme Variables Addon

Neuhub themes can be customized in a number of ways. For example, you can set the home page for the entire website, and change the site-wide navigation. You also can enabled and disable features.

How to Activate this Addon

1. Install the Neuhub Community Suite.
2. Activate the Extra Themes Variables Addon in the Admin Addons Section.
3. Install the Extra Themes Variable Addon under Apps.
4. Click on the icon to use the App.

How to Use the App

1. Go to Apps.
2. Click on the icon for the Extra Theme Variables app.

You can set the variable name and its value using the form provided. The existing custom variables will be listed below the form, which can be edited or deleted.

Available Settings

Home Path

You can change the destination of the "Home" page link in the navigation bar by setting this variable.

• Name: home_path
• Value: page/suite/home

Custom HTML Above Sidebar Menu

You can add any custom HTML above the sidebar menu. On this website we chose to include our logo.

• Name: sidebar_above_menu
• Value:

<div class="card border-0">
    <div class="card-body p-4 text-center">
        <span class="avatar avatar-xl mb-3 rounded"></span>
        <h3 class="m-0 mb-1"><a href="/page/suite/home">Federated Works</a></h3>
        <div class="text-muted">Neuhub Community Suite</div>
    </div>
</div>

Add Additional Menu Items in Sidebar

You can add additional navigation items in the sidebar. These will appear after the Home link and before the User Navigation (that only appears to logged in users).

We used Tabler icons for the sidebar, so it is recommended that you use them as well so your icons match ours. You can select from over 5000 icons at: https://tabler.io/icons

• Name: sidebar_li_after_home
• Value:

<a class="nav-link" href="/page/suite/intro">
    <span class="nav-link-icon d-md-none d-lg-inline-block">

        <svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="icon icon-tabler icons-tabler-outline icon-tabler-player-play"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 4v16l13 -8z" /></svg>

    </span>
    <span class="nav-link-title">
        Introduction
    </span>
</a>

If you need more links in the sidebar, simply repeat this code for each link, modified with the correct information.

Add HTML at Bottom of Navbar

This is a perfect place for a logo, some additional navigation, or a message.

• Name: sidebar_below_menu
• Value:

<div class="card border-0">
    <div class="card-body p-4 text-center">
        <div class="d-flex">
            <small><a href="/">Federated Works</a> is part of a decentralized social media network powered by <a href="https://hubzilla.org">Hubzilla</a>.</small>
        </div>
    </div>
</div>