AccessibleForAll / AccessibleWebDev

A resource for developers wanting to learn the basics of accessibility
https://accessibleweb.dev
MIT License
174 stars 96 forks source link

Site Redesign #313

Closed LadyBluenotes closed 1 year ago

LadyBluenotes commented 1 year ago

Site Redesign

Hello hello! I worked with @EmmaDawsonDev to redesign the site to more align with what she was looking for. This will be an issue outlining some of the details for this redesign. Below, you'll find a screenshot of the design.

Light Mode

A screenshot that depicts the new Accessible Web Dev website changes for the light mode.

Background: #FFFFFF Text: #1C2541 Secondary (borders, nav link hover backgrounds): #28968C

Dark Mode

A screenshot that depicts the new Accessible Web Dev website changes for the dark mode.

Background: #161E35 Text: #FFFFFF Secondary (borders, nav link hover backgrounds): #53FDEE

Other Styling

All text will be in Noto Sans. Headings will be in the font weight BOLD. Navigation links will be in the font weight MEDIUM. Body will have normal font weight.

Heading sizes will need to be clarified by @EmmaDawsonDev. Body text will be 1REM.

github-actions[bot] commented 1 year ago

Hello @LadyBluenotes, thanks for raising an issue in this project. The maintainers of this project are volunteers so please be understanding if it takes time before you get a response. We still appreciate your help with raising issues!

DIWAKARKASHYAP commented 1 year ago

i want to work on this

EmmaDawsonDev commented 1 year ago

@LadyBluenotes did you want assigning to this? I forgot to ask you

LadyBluenotes commented 1 year ago

@EmmaDawsonDev

It may be a good idea to figure out the best way to break this down into more manageable chunks - I think it is a massive undertaking for one individual to take on, additionally, it could give some other people the chance to try out open source coding work.

What do you think?

EmmaDawsonDev commented 1 year ago

I agree, I will look at it tomorrow and plan how to do it without breaking things 😊

DIWAKARKASHYAP commented 1 year ago

@LadyBluenotes can you send me the logo.png file

EmmaDawsonDev commented 1 year ago

@DIWAKARKASHYAP I'm actually going to redo the logo so the one in the image isn't quite right

DIWAKARKASHYAP commented 1 year ago

@EmmaDawsonDev ok , i leave the logo part

DIWAKARKASHYAP commented 1 year ago

@EmmaDawsonDev where i show this image

LadyBluenotes commented 1 year ago

@DIWAKARKASHYAP it will be a heading within the main part of the page.

DIWAKARKASHYAP commented 1 year ago

@LadyBluenotes you mean this ? image

EmmaDawsonDev commented 1 year ago

I added a few of the tasks for this as separate issues, like updating the font and moving the header. I will continue to break them down into smaller issues so please ask to be assigned to anything you want to work on in the relevant issue as that way it's easier to keep track of who is doing what.

DIWAKARKASHYAP commented 1 year ago

@EmmaDawsonDev Can I raise some issue regarding this , or you gonna create all ?

LadyBluenotes commented 1 year ago

@DIWAKARKASHYAP not to speak for Emma, but I imagine she will raise the appropriate issues for the site redesign, for which you can request to be assigned to the ones that are available.

Typically issues are used to rectify any errors with the site or information in the pages.

EmmaDawsonDev commented 1 year ago

Thanks Sarah!

@DIWAKARKASHYAP I think since there's quite a few things to keep track of it's best if I post all the issues related to the redesign. That way I can make sure nothing breaks and things can be changed incrementally. Feel free to ask to be assigned to any that you'd like to work on.

DIWAKARKASHYAP commented 1 year ago

@EmmaDawsonDev are you have any update ?

LadyBluenotes commented 1 year ago

@DIWAKARKASHYAP If you look within issues, you will find the issues relevant to the redesign.