Toolkit with all
Modules

Get Started

Getting Started

What’s in it for me, the organisation,
and the community?

This is our mammoth page, demonstrating all of the available modules. From the modules on this page, we are able to build, amend, and create new ‘step’ pages, with out toolkit of modules. I’m being a bit overly wordy about it, to make sure we have enough text so space it out for this demonstration.

First up, we’ll be looking at a video module. You’ll notice there’s an icon in the little box; this doesn’t have to be an icon – whenever a section is added in this manner, a content manager can select either a number or a custom sag (an icon!) to go in it. This way they can be used for 1-2-3 steps, or to signify an accompanying material.

Video Section Title

Prevideo text, if opted for. Doesn’t need to be included, but it can be

Post video module text. Doesn’t need to be included, but can be!

We also have sections where a series of links are provided. We have made an assumption that there are going to be times where there is a mixture of internal links, external links, and downloadable resources/PDFs here.

Our next type of module box will be… case studies!

Case Study

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

Case Study with 2 links

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

We’re coming up to our first ‘exercise’ box. Let’s see how that can work

You must be logged in to view this toolkit.

That wasn’t too scary! The user can input text themselves, or download a printout PDF for them to keep hold of. They can revisit this ‘entry’ from their profile page. We have another exercise box to include soon, but to keep things flowing. are displaying a terminology/definition box first.

Understanding: Co-design

Co-design is a well-established approach to creative practice, particularly within the public sector. It is often used as an umbrella term for participatory, co-creative and open design processes. This approach goes beyond consultation by building and deepening equal collaboration between citizens affected by, or attempting to, resolve a particular challenge. Users are involved as ‘experts’ of their own experience and become central to the design process.

Let’s return to our exercise blocks. All of them can be operated by inviting the user to input text, which is saved to their profile. This enables them to re-visit their entries, as well as for Belong to export entries to date to carry out a follow up.

You must be logged in to view this toolkit.

Background Variant 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam condimentum, ligula vel interdum euismod, metus lectus venenatis turpis, eget viverra magna nulla ut dui. Morbi molestie ornare eros a euismod. Mauris a sapien quis orci auctor molestie. Praesent accumsan egestas ante eu facilisis. Etiam pulvinar semper risus, in tincidunt enim fermentum vel. Donec in auctor erat, nec imperdiet lacus. Sed erat eros, sagittis eget auctor sed, ornare eu orci. Praesent ornare congue ligula eu porttitor. Quisque at congue ipsum. Vivamus fringilla justo nec libero eleifend, eu dignissim nulla venenatis. Proin vehicula sapien vel arcu sagittis suscipit. Etiam dictum mi non cursus auctor. Ut tristique odio eu nisi pretium sollicitudin. Morbi vel elit venenatis, vehicula lacus rutrum, finibus lectus. Duis consequat quam id felis finibus, eget malesuada turpis vestibulum.

Example Card

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam condimentum, ligula vel interdum euismod, metus lectus venenatis turpis, eget viverra magna nulla ut dui. Morbi molestie ornare eros a euismod. Mauris a sapien quis orci auctor molestie. Praesent accumsan egestas ante eu facilisis. Etiam pulvinar semper risus, in tincidunt enim fermentum vel.

Example Video

Background Variant 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam condimentum, ligula vel interdum euismod, metus lectus venenatis turpis, eget viverra magna nulla ut dui. Morbi molestie ornare eros a euismod. Mauris a sapien quis orci auctor molestie. Praesent accumsan egestas ante eu facilisis. Etiam pulvinar semper risus, in tincidunt enim fermentum vel. Donec in auctor erat, nec imperdiet lacus. Sed erat eros, sagittis eget auctor sed, ornare eu orci. Praesent ornare congue ligula eu porttitor. Quisque at congue ipsum. Vivamus fringilla justo nec libero eleifend, eu dignissim nulla venenatis. Proin vehicula sapien vel arcu sagittis suscipit. Etiam dictum mi non cursus auctor. Ut tristique odio eu nisi pretium sollicitudin. Morbi vel elit venenatis, vehicula lacus rutrum, finibus lectus. Duis consequat quam id felis finibus, eget malesuada turpis vestibulum.

Example Card

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam condimentum, ligula vel interdum euismod, metus lectus venenatis turpis, eget viverra magna nulla ut dui. Morbi molestie ornare eros a euismod. Mauris a sapien quis orci auctor molestie. Praesent accumsan egestas ante eu facilisis. Etiam pulvinar semper risus, in tincidunt enim fermentum vel.

Example Video

Background Variant 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam condimentum, ligula vel interdum euismod, metus lectus venenatis turpis, eget viverra magna nulla ut dui. Morbi molestie ornare eros a euismod. Mauris a sapien quis orci auctor molestie. Praesent accumsan egestas ante eu facilisis. Etiam pulvinar semper risus, in tincidunt enim fermentum vel. Donec in auctor erat, nec imperdiet lacus. Sed erat eros, sagittis eget auctor sed, ornare eu orci. Praesent ornare congue ligula eu porttitor. Quisque at congue ipsum. Vivamus fringilla justo nec libero eleifend, eu dignissim nulla venenatis. Proin vehicula sapien vel arcu sagittis suscipit. Etiam dictum mi non cursus auctor. Ut tristique odio eu nisi pretium sollicitudin. Morbi vel elit venenatis, vehicula lacus rutrum, finibus lectus. Duis consequat quam id felis finibus, eget malesuada turpis vestibulum.

Example Card

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam condimentum, ligula vel interdum euismod, metus lectus venenatis turpis, eget viverra magna nulla ut dui. Morbi molestie ornare eros a euismod. Mauris a sapien quis orci auctor molestie. Praesent accumsan egestas ante eu facilisis. Etiam pulvinar semper risus, in tincidunt enim fermentum vel.

Example Video

Background Variant 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam condimentum, ligula vel interdum euismod, metus lectus venenatis turpis, eget viverra magna nulla ut dui. Morbi molestie ornare eros a euismod. Mauris a sapien quis orci auctor molestie. Praesent accumsan egestas ante eu facilisis. Etiam pulvinar semper risus, in tincidunt enim fermentum vel.

Example Video

Mailing List

To sign up for timely updates about the Belong Network, provide your details below.