h3n3/cadhub
1
0
Fork 0
Code Issues 35 Pull Requests Packages Projects Releases Wiki Activity

Add welcome console.log #65

New Issue
Closed
opened 2020-11-06 19:48:09 +01:00 by Irev-Dev · 13 comments
Irev-Dev commented 2020-11-06 19:48:09 +01:00 (Migrated from github.com)
Copy Link

If you open up the dev tool console on theguardian.com there is a well formated console.log that invites folks to apply for jobs.
image

I'd like to have the same thing inviting folks to get involved in the project. This will make a good first issue since you don't need prior knowledge of how the project works. Just need to google how to format console logs.
I think the best way to add it is in a useEffect hook on the mainlayout since that's on every page.
web/src/layouts/MainLayout/MainLayout.js

If you open up the dev tool console on [theguardian.com](https://www.theguardian.com) there is a well formated console.log that invites folks to apply for jobs. ![image](https://user-images.githubusercontent.com/29681384/98403133-9626d580-20bc-11eb-8315-17bb6b94572b.png) I'd like to have the same thing inviting folks to get involved in the project. This will make a good first issue since you don't need prior knowledge of how the project works. Just need to google how to format console logs. I think the best way to add it is in a `useEffect` hook on the mainlayout since that's on every page. `web/src/layouts/MainLayout/MainLayout.js`
ezekielnizamani commented 2020-11-07 18:25:57 +01:00 (Migrated from github.com)
Copy Link

Hello. I would like to work on it

Hello. I would like to work on it
Irev-Dev commented 2020-11-07 18:30:51 +01:00 (Migrated from github.com)
Copy Link

Great, thanks. I've assigned it to you.
You should work of the dev branch, NOT main as I've got a lot of changes in dev about to go into main soon.
Let me know if you need any help with setup.

Great, thanks. I've assigned it to you. You should work of the `dev` branch, NOT `main` as I've got a lot of changes in dev about to go into main soon. Let me know if you need any help with setup.
ezekielnizamani commented 2020-11-07 18:33:12 +01:00 (Migrated from github.com)
Copy Link

Okay thank you

Okay thank you
🚀 1
Irev-Dev commented 2020-11-07 18:34:18 +01:00 (Migrated from github.com)
Copy Link

@ezekielnizamani, Lets make the message:

Hey, 👋

CadHub is in active development - Want to lend a hand?
https://github.com/Irev-Dev/cadhub

@ezekielnizamani, Lets make the message: ## Hey, 👋 CadHub is in active development - Want to lend a hand? [https://github.com/Irev-Dev/cadhub](https://github.com/Irev-Dev/cadhub)
ezekielnizamani commented 2020-11-07 18:43:40 +01:00 (Migrated from github.com)
Copy Link

@Irev-Dev is this what I have to add to the console log?

@Irev-Dev is this what I have to add to the console log?
Irev-Dev commented 2020-11-07 18:47:10 +01:00 (Migrated from github.com)
Copy Link

@ezekielnizamani Yes thanks.

@ezekielnizamani Yes thanks.
ezekielnizamani commented 2020-11-07 19:06:40 +01:00 (Migrated from github.com)
Copy Link

@Irev-Dev okay cool

@Irev-Dev okay cool
ezekielnizamani commented 2020-11-07 19:08:14 +01:00 (Migrated from github.com)
Copy Link

@Irev-Dev I use npm this my first time using yarn I am facing this problem when I run yarn install There appears to be trouble with your network connection. Retrying...

@Irev-Dev I use npm this my first time using yarn I am facing this problem when I run yarn install There appears to be trouble with your network connection. Retrying...
Irev-Dev commented 2020-11-07 19:19:16 +01:00 (Migrated from github.com)
Copy Link

@ezekielnizamani Oh okay, not sure I can help with that specific problem with yarn.
You should be able to use the comands using npm, try the following.

Install dependencies

npm install

Initialise the db

npm run rw db up

Fire up dev

npm run rw dev
@ezekielnizamani Oh okay, not sure I can help with that specific problem with yarn. You should be able to use the comands using npm, try the following. Install dependencies ```terminal npm install ``` Initialise the db ``` terminal npm run rw db up ``` ### Fire up dev ```terminal npm run rw dev ```
ezekielnizamani commented 2020-11-07 19:20:12 +01:00 (Migrated from github.com)
Copy Link

okay thank you

okay thank you
Irev-Dev commented 2020-11-07 19:27:25 +01:00 (Migrated from github.com)
Copy Link

@ezekielnizamani if it helps here's the line they use on the guardian

console.log(
  "\n%cHello.\n\n%cWe are hiring – ever thought about joining us? \n%chttps://workforus.theguardian.com/careers/digital-development%c \n\n",
  "font-family: Georgia, serif; font-size: 32px; color: #052962",
  "font-family: Georgia, serif; font-size: 16px; color: #767676",
  "font-family: Helvetica Neue, sans-serif; font-size: 11px; text-decoration: underline; line-height: 1.2rem; color: #767676",
  ""
)

Looks like there are styles for each line, interesting. I didn't know these things about console.log
Here's a resource on the matter: http://www.softwareishard.com/blog/firebug/firebug-tip-styled-logging/

@ezekielnizamani if it helps here's the line they use on the guardian ```javascript console.log( "\n%cHello.\n\n%cWe are hiring – ever thought about joining us? \n%chttps://workforus.theguardian.com/careers/digital-development%c \n\n", "font-family: Georgia, serif; font-size: 32px; color: #052962", "font-family: Georgia, serif; font-size: 16px; color: #767676", "font-family: Helvetica Neue, sans-serif; font-size: 11px; text-decoration: underline; line-height: 1.2rem; color: #767676", "" ) ``` Looks like there are styles for each line, interesting. I didn't know these things about console.log Here's a resource on the matter: http://www.softwareishard.com/blog/firebug/firebug-tip-styled-logging/
👍 1
ezekielnizamani commented 2020-11-08 14:42:34 +01:00 (Migrated from github.com)
Copy Link

code is ready but can't add it to the project cause got some issues here is the code

`console.log(
"\n%cHey, 👋.\n%c______________________________________________________________________________\n\n%cCadHub is in active development - Want to lend a hand? \n\n%chttps://github.com/Irev-Dev/cadhub",
"font-family: Georgia, serif; font-weight:bold; line-height: 2rem; font-size: 32px; color: #3c366b",
"font-size: 10px; color:#D3D3D3",
"font-family: Georgia, serif; font-size: 16px;line-height:3rem ",
"font-family: Helvetica Neue, sans-serif; font-size: 16px; line-height: 1.5rem; color:#gray",

)`

code is ready but can't add it to the project cause got some issues here is the code `console.log( "\n%cHey, 👋.\n%c______________________________________________________________________________\n\n%cCadHub is in active development - Want to lend a hand? \n\n%chttps://github.com/Irev-Dev/cadhub", "font-family: Georgia, serif; font-weight:bold; line-height: 2rem; font-size: 32px; color: #3c366b", "font-size: 10px; color:#D3D3D3", "font-family: Georgia, serif; font-size: 16px;line-height:3rem ", "font-family: Helvetica Neue, sans-serif; font-size: 16px; line-height: 1.5rem; color:#gray", )`
Irev-Dev commented 2020-11-08 19:27:32 +01:00 (Migrated from github.com)
Copy Link

Thanks @ezekielnizamani
Do you want to try and work through the issues or do you want to me to add the code?
It's fine for me to add the code but it means you will miss out on raising a pull request and being listed as a contributor, which is fine if you're not worried about that.

What were the issues that you hit?

Thanks @ezekielnizamani Do you want to try and work through the issues or do you want to me to add the code? It's fine for me to add the code but it means you will miss out on raising a pull request and being listed as a contributor, which is fine if you're not worried about that. What were the issues that you hit?
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
No items
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
h3n3
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: h3n3/cadhub#65
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?