jonnykates

Following things need to be sentence case in the markup:
- The module titles in the #managerPanel
- The h2 at the top of the .managerSubMenu: https://i.imgur.com/hhn1hkl.png
- The 'MODERATION' and 'NEW POST/COMMENTS PENDING' labels here on the home dashboard: https://i.imgur.com/LgyE4OD.png


CSS to add to existing manager.css to avoid and knock on:

.moduleButton,
.managerSubMenu h2,

jonnykates

:boom: *SC RELEASE*: 

jonnykates

a, a:link, a:visited {
  @while(contrast-checker($link-colour, #ffffff) == "false") {
    $link-colour: darken($link-colour, 1%);
    @if(contrast-checker($link-colour, #ffffff) == "true") {
      color: $link-colour;
    }
  }
}

jonnykates

@mixin text-contrast($n) {
  $color-brightness: round((red($n)*299)+(green($n)*587)+(blue($n)*114)/1000);
  $light-color: round((red(#ffffff)*299)+(green(#ffffff)*587)+(blue(#ffffff)*114)/1000);
  @if abs($color-brightness) < ($light-color/2){
    color: white;
  } @else {
    color: black;
  }
}

jonnykates

@function colour-difference($foreground, $background) {
  $r: (max(red($foreground), red($background))) - (min(red($foreground), red($background)));
  $g: (max(green($foreground), green($background))) - (min(green($foreground), green($background)));
  $b: (max(blue($foreground), blue($background))) - (min(blue($foreground), blue($background)));
  $sum-rgb: $r + $g + $b;
  
  @if $sum-rgb < 500 {
    @return "false";
  } @else {
    @return "true";

jonnykates

// Search expose JS
var formHeaderSearch = $('form.header-search');
var mobileBreakpoint = 1024;

formHeaderSearch.find('button').click(function (event) {
    var windowWidth = $(window).width();
    if ((!formHeaderSearch.hasClass('search-exposed')) && (windowWidth > mobileBreakpoint)) {
        event.preventDefault();
        console.log('expose the search');
        formHeaderSearch.addClass('search-exposed');

jonnykates

// Add in a 'share on whatsapp' link
var currentUrl = encodeURIComponent(document.URL);
$('.shareList').append('<li class="whatsapp"><a href="whatsapp://send?text=' + currentUrl + '" class="whatsapp" target="_blank">WhatsApp</a></li>');

jonnykates

// Home icon
ul.topLevel > li.menu1 {
	> a {
		font-size: 0; // Take down the label

		&:before {
			content: '\f015';
			font-family: 'FontAwesome';
			display: block;
			font-size: 22px; // Reinstate the icon

jonnykates

This is the summary text for the post. It will appear on listing pages where this post is displayed, and on home boxes if this post is applied to that position.

This is the category intro text. Here you can explain a little bit about this group of posts. You can also 'feature' one or more of the posts in this section, and they will then appear as a carousel at the top of this page. You are able to add images and text formatting into this section if you wish.

jonnykates

My name's Jonny - I'm one of the developers with Raising IT and have been working on your new website alongside <designer>. I'm just attaching some documentation we provide to clients to help with preparing and uploading banner images to the platform. Specifically worth noting is that images should be cropped to <width> by <height>.

I've already cropped and uploaded a few images that you guys shared with us, so you'll notice these in your media centre once you have done training.

Please share this with anyone who might be responsible for preparing images for the new website.
Any questions - just ask!