Please enable JavaScript.
Coggle requires JavaScript to display documents.
Empathise - Coggle Diagram
Empathise
Visual communication principles
Hierarchy
Repetition
Alignment
Proximity
Contrast
Harmony
Balance
Possible ideas
Guided meditation (a la Headspace)
Inspirational/motivational quotes
Resource library
Responsive survey/questionnaire (a la Flourishing at School)
Wellbeing journal
Research links
https://theresilienceproject.com.au/
https://www.beyondblue.org.au/
https://www.flourishingatschool.com/
https://www.headspace.com/mindfulness
https://headspace.org.au/
Features
Lists motivational talks/videos
Allows students to share their own motivational resources
Shows a motivational quote of the day
Students can share reflections with others on what motivational content means to them
Provides searchable motivational resources
Users' needs and wants
Promotes mental health
Offers positive wellbeing practices
Website
Enhance the current wellbeing program (weekly classes)
Relevant to students
Key HTML/CSS concepts
Basic elements
Headings (h1 - h6)
Line breaks (br)
Paragraphs (p)
Links (a)
Images (img)
External stylesheet (link)
Unordered (ul) or ordered (ol) lists
Styling elements
Class attribute (class)
Spans (span)
Divisions (div)
Structural elements
Document title (title)
Headers (header)
Navigation (nav)
Articles (article)
Footers (footer)
CSS properties
Font family (font-family)
Font size (font-size)
Colour (color)
Background colour (background-color)
Margins (margin)
Width (width)
Height (height)
Buttons (button)
Hover (button:hover)