The frosted glass effect on the portion of the background behind the log in form was a tricky and rewarding bit of CSS to write. Achieved through fixed positioning, blur filters and SVG, this effect if fully responsive and supported in a range of browsers. 

A user's dashboard will display all of their posts, starting from the most recent, 6 at a time. The dashboard uses pagintation to allow users to look at their earlier posts without cluttering their feed. When toggled, the user dropdown menu will allow the user to go back to their dashboard from any part of the site, log out, or delete their account.

 

This view also demonstrates the site's use of html entities to convert dangerous characters into plain text.

An account delete form, showcasing the button hover effect. This effect is consistent across all buttons on sosediNZ.

An admin user has the ability to edit or delete any post or comment on the site, regardless of the author.

 

The app has Gravatar integration, meaning that users who have a Gravatar account will automatically have their Gravatar displayed next to their name.

Users who do not have a Gravatar account and who did not upload an avatar when registering will have a randomly generated graphic displayed as their profile photo.

The contact view uses Mailgun to send duplicates of the message to the user and notify the admin.

The search results are generated by querying the title, content and tags associated with a post. Uses fulltext.

The Trending Posts view displays most recent posts using an automatically generated timestamp. This view is where logged-in users are redirected when they click on the sosediNZ logo, go to the home page, or click the search button (magnifying glass) without specifying what they want to search for.