C2LC-600: Add the Weavly Logo

Metadata

Source
C2LC-600
Type
Task
Priority
N/A
Status
Done
Resolution
N/A
Assignee
N/A
Reporter
Michelle D'Souza
Created
2022-02-23T10:16:03.727-0500
Updated
2022-03-22T10:42:37.641-0400
Versions
N/A
Fixed Versions
  1. Coding Env 1.3
Component
  1. Coding Environment

Description

The logo should be added to the top left corner. Files can be found here:

https://drive.google.com/drive/folders/1U8xOfjzmpwz7ugfTzCzNwzEOee7vbOmW

Comments

  • Michelle D'Souza commented 2022-03-15T10:47:28.502-0400

    Please make the logo link to this resource:

    https://weavly.org/learn/resources/facilitating-a-weavly-coding-workshop-beginners/

  • Tony Atkins [RtF] commented 2022-03-15T11:14:14.115-0400

    I asked Sepi about hover and focus styles for the logo. She suggested:

    you can follow the focus and hover style that we have for other elements in the UI. So, in high contrast, for hover you can reverse the colours and for focus you can add the thick white outline around the logo

    She also suggested:

    and in the dark theme, you can use the thick line for focus and maybe add a yellow background to the logo area