Nerds-Who-Code / Mental-Health-Tracker

mental-health-tracker.vercel.app
MIT License
6 stars 6 forks source link

Fonts for the app #24

Open med4kat opened 2 years ago

med4kat commented 2 years ago

Find nice fonts for the app. Experiment with colours.

amara634 commented 2 years ago

Pull request

med4kat commented 2 years ago

Thanks for you comment! Could you please elaborate what you mean?

Trevy05 commented 2 years ago

Can you assign me this issue?

lyallstewart commented 2 years ago

Absolutely, thanks for volunteering @Trevy05!

Trevy05 commented 2 years ago

I'm having issues getting the dev server running. I can't get the CSS running even after running npm install inside of the client folder. Is there something that I am overlooking?

xintamosaik commented 2 years ago

Yeah, the tailwind has to be run as well. The command should be run from the client folder: npx tailwindcss -i ./src/index.css -o ./dist/output.css --watch

Trevy05 commented 2 years ago

I'm trying to push my branch but I get this in terminal .

remote: Permission to Nerds-Who-Code/Mental-Health-Tracker.git denied to Trevy05. fatal: unable to access 'https://github.com/Nerds-Who-Code/Mental-Health-Tracker.git/': The requested URL returned error: 403

lyallstewart commented 2 years ago

Heya!

Yeah direct push access is limited to those people in the org, generally when taking an issue on a project like this, what you have to do is to create a fork of the repository, and when you create your pull request do it from your fork -> our main. 😄

https://docs.github.com/en/get-started/quickstart/fork-a-repo

xintamosaik commented 2 years ago

Oof. Sorry I kinda forgot about this. I am not even sure where we are on this now.

xintamosaik commented 2 years ago

Ok. I'm back. I think I found how this should be done in tailwind. https://dev.to/thomasvanholder/add-a-custom-tailwind-css-fonts-to-your-website-1nn6 This (going the 1a route) seems to be how it should be done.

xintamosaik commented 2 years ago

So we would need to add import statements like this in the file, where tailwind is imported: @import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');