# \[Overview\] New Forum Build

**URL:** https://publichappinessmovement.com/t/topic/1769
**Category:** Ruby on Rails, Ember and JS (Discourse and Docuss)
**Tags:** documentation, ruby-on-rails, done, webdev, new-build
**Created:** [15 January 2020 12:51 UTC](https://publichappinessmovement.com/t/topic/1769 "2020-01-15T12:51:17Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![AndyatFocallocal](https://publichappinessmovement.com/user_avatar/publichappinessmovement.com/andyatfocallocal/32/651_2.png) [@AndyatFocallocal](https://publichappinessmovement.com/u/AndyatFocallocal)
#### Post date: [15 January 2020 12:51 UTC](https://publichappinessmovement.com/t/topic/1769/1 "2020-01-15T12:51:18Z")

</div>

**Important Note:** The homepage for the redesign has been changed and will be built by the [@ReactMeteor](https://publichappinessmovement.com/groups/reactmeteor) team. You can see it here: [New Homepage](https://publichappinessmovement.com/t/topic/2348)

Updated Build Brief

# New Theme:

**Discourse for Fluid Community Driven Project Management, Utilising Tag-Pages for Navigation and Structure**

**Overview of Work Needed:**

- Two existing opensource Discourse Plugins modified to work with Tag-pages.

1. [Tag Banner Title](https://meta.discourse.org/t/discourse-tag-banners/124240)
2. [Events Plugin](https://meta.discourse.org/t/events-plugin/69776/)

- One page (stats) modified to allow filter by Tag. It currently only works by Category.

We’ve already succeeded modifying Discourse Kanban boards to work with tag-pages and the code can be used as a base.

- Debug plugins used so they work with each other (conflict resolution)

~~\* A new ‘Tag Navigation’ plugin created which puts tag pages at the center of the user experience. It can be based on the code in this excellent discourse [Popular Tag Sidebar](https://meta.discourse.org/t/discourse-popular-tag-sidebar/107853)~~

- **Complete** A modified version of the normal pages created as a splash landing page (the options in the floating footer will be different, and some of the navigation boxes will be external links. Styling will be the same so its a quick task. either a static page, or a conditional rule to slightly change the 1st page)

- A floating footer created or modified from [this code](https://github.com/scossar/discourse-sticky-footer). The footer buttons simply append the current url the user is on, like, [x.com/thispage](http://x.com/thispage) to [x.com/thispage/calendar](http://x.com/thispage/calendar).

- Two existing stats pulled into each page. They are available via Discourses API.

**[UX Wireframe Mockup](https://marvelapp.com/d5da1ih)**  
note: the ‘stats’ is incorrect here and needs updated.

**What?**

~~Creation of a powerful new theme which utilises Tag-Pages and existing theme-components to deliver a highly flexible and user adaptive environment for community growth.~~

Users can be guided down desired routes, but also where users have unprecedented flexibility to adapt and evolve their own environment. Including a floating nav bar with popular team management tools means a user can create a new tag and instantly have access to a powerful workspace with its own kanban board, calendar, stats, and voting area.

~~**Why Drop Categories?**~~

~~Categories are limited in depth and not suitable for a user led evolving environment. We could keep them and have the tag-plugin only function on the bottom layer of a category, but its probably easier to just switch entirely.~~

**How The Theme Works and New Components needed**

1. _Tag-page Navigation Boxes_  
**complete** The Tag Pages Theme creates boxes just like category boxes, for an admin defined number of the most commonly used tags in each Tag-Page. Admins can exclude tags from appearing in this component either sitewide, or in relation to each tag-page in the admin section to create a defined path to guide new users and customise where needed.  
(for example ‘to-do’ is a functional tag for the Kanban plugin and would be excluded sitewide

2. ~~_Other tags_  
Underneath navigation boxes is a bar with links to the next most common tags for quick navigation. This bar is side scrolling and users can swipe to see more tags on each-tag page. It also adheres to the exclusion rules defined for the navigation boxes.~~

3. _Floating Footer_  
To create the evolving and flowing workspace it will include a floating footer which navigates between popular project discourse management plugins/components by adding text to the url for each tag page.

for example:

> Tag-Page: tags/reactjs  
> _click ‘Board’_  
> url appends to: /tags/reactjs/l/latest?board=default  
> Now the user is viewing the Kanban board and tasks to be done related to that Tag-Page.

The same appending url navigation will work for the calendar plugin. For the voting it will combine tags using the ‘Intersection’ feature.

an example of displaying multiple tags:

> /tags/intersection/reactjs/vote

**Dependency Plugins and Structure**

_Banner_

* * *

> Tag Banner Title  
> [Tag Banners - Theme component - Discourse Meta](https://meta.discourse.org/t/discourse-tag-banners/124240)

> Search bar  
> [Advanced Search Banner - Theme component - Discourse Meta](https://meta.discourse.org/t/search-banner-theme-component/122939)

> Tag description (if provided) also to add (‘pin’) important links  
> this functionality is in the category banner, but not the tag banner  
> [Category Banners - Theme component - Discourse Meta](https://meta.discourse.org/t/discourse-category-banners/86241)

_Main Page_

* * *

Tag-page Navigation Boxes

> [most common tag 1] [tag 2] [tag 3] [tag 4] [tag 5]

> Other Related Tags Slider  
> [Discourse Popular Tag Sidebar](https://meta.discourse.org/t/discourse-popular-tag-sidebar/107853)

> Discourse posts

**Floating Footer**

* * *

5 theme component pages which link to the tag pages so users can switch between actions on the visible page

> [Tag-Page] [Vote] [Stats] [Tasks] [Calendar]

- Discuss: Standard Discourse threads
- Tasks: [Discourse Kanban](https://meta.discourse.org/t/kanban-board-theme-component/118164/) for this tag page
- Calendar: [Events Plugin](https://meta.discourse.org/t/events-plugin/69776/) for this tag page
- Vote: [Discourse Voting](https://meta.discourse.org/t/discourse-voting/40121) Voting is enabled on all threads marked with the ‘vote’ tag, enabling governance and decision making to operate on any tag or intersection of tags sitewide.
- Stats: A modification of the [Discourse Meta](https://meta.discourse.org/u?period=daily) page, to add Tags as a filter and open the tag currently being viewed by the user

**Major advantages to utilising Tag Pages to navigate:**

- New users can be guided along a set path, while including the search bar for those who already know what they are looking for to skip directly to there.
- Users can easily create their own tags making the platform highly adaptive and user-led
- There is no depth limit. If Bob wants to make a ‘Bob’s Crazy Friday Group’, he can easily. If
- Users also have the god-tier ability to combine tags, and the tools in the footer bar still work perfectly. Creating incredibly powerful methods for cross-team collaboration, simply by adding a tag in a post to drop it into their work flow and call attention to it

**Recapping whats needed to create the theme**

1. Creation of Tag-Page boxes in the style of category boxes
2. All dependency plugins working seamlessly together
3. Tag-page support added to Voting and Calendar components/plugins
4. Creation of a Floating Footer with Nav Links
5. Text description added to Tag-Banners component
6. Search component works with/embeds inside Tag-Banners
7. Tag filters added to the existing Stats Page
8. Improve kanban boards functionality
9. Search bar works with tag page intersections

---

<div class="post-metadata">

### Author: ![AndyatFocallocal](https://publichappinessmovement.com/user_avatar/publichappinessmovement.com/andyatfocallocal/32/651_2.png) [@AndyatFocallocal](https://publichappinessmovement.com/u/AndyatFocallocal)
#### Post date: [17 April 2021 01:49 UTC](https://publichappinessmovement.com/t/topic/1769/2 "2021-04-17T01:49:20Z")

</div>

Adding another key task to the build, the [Automatic Token Distribution Bot](https://publichappinessmovement.com/t/topic/2294).

---

<div class="post-metadata">

### Author: ![Anna1](https://publichappinessmovement.com/user_avatar/publichappinessmovement.com/anna1/32/695_2.png) [@Anna1](https://publichappinessmovement.com/u/Anna1)
#### Post date: [17 April 2021 11:25 UTC](https://publichappinessmovement.com/t/topic/1769/3 "2021-04-17T11:25:45Z")

</div>

Hi! I’m not able to see the UX wireframe mockup. Could the owner update the permissions, or share with me? 🙂 (so that I could see more than just the homepage)

---

<div class="post-metadata">

### Author: ![AndyatFocallocal](https://publichappinessmovement.com/user_avatar/publichappinessmovement.com/andyatfocallocal/32/651_2.png) [@AndyatFocallocal](https://publichappinessmovement.com/u/AndyatFocallocal)
#### Post date: [17 April 2021 17:40 UTC](https://publichappinessmovement.com/t/topic/1769/4 "2021-04-17T17:40:36Z")

</div>

Sorry Anna, let me look into it

---

<div class="post-metadata">

### Author: ![AndyatFocallocal](https://publichappinessmovement.com/user_avatar/publichappinessmovement.com/andyatfocallocal/32/651_2.png) [@AndyatFocallocal](https://publichappinessmovement.com/u/AndyatFocallocal)
#### Post date: [17 April 2021 18:27 UTC](https://publichappinessmovement.com/t/topic/1769/5 "2021-04-17T18:27:19Z")

</div>

It seems they have archived it and logging in isn’t enough to restore it. That is a bit annoying. I’ve reached out to them and am waiting to hear back 🙂
