These are chat archives for FreeCodeCamp/Help

18th
May 2018
Rafal
@eggnaro
May 18 2018 01:32
Hi
Anyone from UK ??
(North East)
Adegoke Fred
@Frediflexta
May 18 2018 02:26
Hi guys, i am having a bit of problems with my VScode editor...
i keep getting this syntax error everytime i start my express app
image.png
The other problem i'm having is that, my files on VScode keeps ending on linebreakers with CRLF and my eslint keeps freaking out
Manish Giri
@Manish-Giri
May 18 2018 02:30
@Frediflexta have you got babel setup?
Adegoke Fred
@Frediflexta
May 18 2018 02:32
I have tried editing the rule from my user setting to use LF, but i still get the errors
Manish Giri
@Manish-Giri
May 18 2018 02:34
well idk about those errors but for the "unexpected token import" thing, you need to use Babel to be able to use ES6 modules
its not natively supported in node..
Adegoke Fred
@Frediflexta
May 18 2018 02:35
Oh snap... You're right
haven't added that yet
Thanks @Manish-Giri
CamperBot
@camperbot
May 18 2018 02:36
frediflexta sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 6834 | @manish-giri |http://www.freecodecamp.org/manish-giri
Manish Giri
@Manish-Giri
May 18 2018 02:36
:+1:
Adegoke Fred
@Frediflexta
May 18 2018 02:37
Any idea of how to fix the LF linbreaker errors i'm getting on Vscode
?
image.png
image.png
Manish Giri
@Manish-Giri
May 18 2018 02:39
linebreak-style: ["error", "windows"]
try this maybe, in the eslint config file
towhare
@towhare
May 18 2018 03:15
hi threre
Ken Haduch
@khaduch
May 18 2018 03:34
@towhare - hello
towhare
@towhare
May 18 2018 03:34
hi ken @khaduch
Adegoke Fred
@Frediflexta
May 18 2018 04:02
@Manish-Giri Thanks bro, That worked
CamperBot
@camperbot
May 18 2018 04:02
frediflexta sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 6835 | @manish-giri |http://www.freecodecamp.org/manish-giri
Angie Gigi
@AngieGigi94
May 18 2018 04:33
hello everyone, Did you guys have a problem when tried to submit answer on freecodecamp.org but there was no responding?
towhare
@towhare
May 18 2018 04:33
yup it apears a common problem
to be
Angie Gigi
@AngieGigi94
May 18 2018 04:34
do you know how to fix that? i tried clear cache but not help
towhare
@towhare
May 18 2018 04:34
just (Ctrl + Enter) try it again
Sly Fox
@Gurukorgi
May 18 2018 04:35
is there anyone here whom is done with their portfolio page?
Angie Gigi
@AngieGigi94
May 18 2018 04:35
both button and Ctrl + enter not response
towhare
@towhare
May 18 2018 04:35
image.png
image.png
just like this right?
Sly Fox
@Gurukorgi
May 18 2018 04:36
please i need help
towhare
@towhare
May 18 2018 04:36
@Gurukorgi oh that is simple
Sly Fox
@Gurukorgi
May 18 2018 04:37
@towhare did you finish yours
towhare
@towhare
May 18 2018 04:37
what's the quest id?
Sly Fox
@Gurukorgi
May 18 2018 04:38
@towhare have you finished you porfolio project ?
ehutchllew
@ehutchllew
May 18 2018 04:38
what specifically about your portfolio do you need help with?
towhare
@towhare
May 18 2018 04:39
@towhare i have my own web site (:зゝ∠)
Sly Fox
@Gurukorgi
May 18 2018 04:39
first is , are we to make our own portfolio exactly like the sample page ??
towhare
@towhare
May 18 2018 04:40
nop
you just make your own thats ok
Sly Fox
@Gurukorgi
May 18 2018 04:41
@towhare cos i was stuck trying to make it work the same way but , i couldnt get the nav to be fixed while scrolling
thanks @towhare
CamperBot
@camperbot
May 18 2018 04:41
gurukorgi sends brownie points to @towhare :sparkles: :thumbsup: :sparkles:
api offline
towhare
@towhare
May 18 2018 04:43
just try there are many source code that you can use
yw
Sly Fox
@Gurukorgi
May 18 2018 04:43
yeah i can`t believe i was so obsessed with try to replicate the exact page
towhare
@towhare
May 18 2018 04:44
thats amazing ha?
XD
Sly Fox
@Gurukorgi
May 18 2018 04:46
do you mind if i see what your own portfolio looks like
towhare
@towhare
May 18 2018 04:46
emm just a simple one-- cause i didn't spend much time on it
Sly Fox
@Gurukorgi
May 18 2018 04:47
no problem i would still appreciate it
towhare
@towhare
May 18 2018 04:48
image.png
you mean this one ?
Sly Fox
@Gurukorgi
May 18 2018 04:48
yes
Sly Fox
@Gurukorgi
May 18 2018 04:51
you didnt use code pen ?
towhare
@towhare
May 18 2018 04:52
emm this is my personal website just started
use wordpress
Sly Fox
@Gurukorgi
May 18 2018 04:52
wow thats cool
so that is what you used as your portfolio page ?
towhare
@towhare
May 18 2018 04:52
you can do that too it is easy to start but hard to end
Sly Fox
@Gurukorgi
May 18 2018 04:53
is that what you used as your portfolio page ?
towhare
@towhare
May 18 2018 04:53
nop my portfolio page is kind of .....Pornographic。。。
Sly Fox
@Gurukorgi
May 18 2018 04:54
no problem let me see it
towhare
@towhare
May 18 2018 04:54
XD WHA..
T
Sly Fox
@Gurukorgi
May 18 2018 04:54
send the link to your portfolio page
towhare
@towhare
May 18 2018 04:56
OH GREAT DAY IS'NT IT HA HEY HI im tow.. nice to meet you fox ..where u from
Sly Fox
@Gurukorgi
May 18 2018 04:56
Nigeria
Nice to meet you too
i am Miracle
towhare
@towhare
May 18 2018 04:57
its a joke just try to change the topic ...
Sly Fox
@Gurukorgi
May 18 2018 04:57
i noticed
towhare
@towhare
May 18 2018 05:00
I will help if u got any problem
ALMY91
@ALMY91
May 18 2018 05:29

Good day guys, i was looking through the installed fonts that came with Microsoft Windows XP and according to Wikepedia https://en.wikipedia.org/wiki/List_of_typefaces_included_with_Microsoft_Windows , the first Windows version for the font Aharoni is Windows 10.

I did a crosschecked against Microsoft page itself and noticed that it had already appeared since Windows 2000.
https://docs.microsoft.com/en-us/typography/font-list/index
https://docs.microsoft.com/en-us/typography/font-list/aharoni

Is this an error on wiki, or am i missing something here?

bookchi
@bookchi
May 18 2018 10:04
Line up Form Elements Responsively with Bootstrap, this topic anyone got problems? I'm sure all the div elems is closed, but it always tells me I'm not.
bookchi
@bookchi
May 18 2018 10:25
OK, I've solved it.
Kranti Nebhwani
@darkphotonKN
May 18 2018 10:59
can someone decent at CSS / sass / scss tell me how i can move an icon to the corner of my box? I will show code but its a lot to paste on codepen so I want to know if someone can help first
Norvin Burrus
@ndburrus
May 18 2018 11:02
@darkphotonKN you might like this: :sparkles:
(you can post code via just a link)
Kranti Nebhwani
@darkphotonKN
May 18 2018 11:13
@ndburrus I did it on codepen anyway lol here: https://codepen.io/darkphotonKN/pen/erbORP
When you click menu and contacts there should be a cross button for the overlay
How do i move that cross buton over to the main yellow square?
Claudio Restifo
@Marmiz
May 18 2018 11:22
@darkphotonKN the 400px margin for sure won't help.
You can however do a transform: translate(400px) to move it to where it would be without that margin
Kranti Nebhwani
@darkphotonKN
May 18 2018 11:24
@Marmiz ok ill try that. Is there nothing in general I can do with the position: and stuff so that I can more easily move it? I feel like I have set those values for it and or it's parents wrong and so that it won't move with margin etc
Claudio Restifo
@Marmiz
May 18 2018 11:27
@darkphotonKN but you want the x to be inside content? if so why not be a child to it instead of a sibiling>
Kranti Nebhwani
@darkphotonKN
May 18 2018 11:28
@marmiz I think I tried that but when I was trying to move it and couldn't I tried to make it a sibling etc. I can move it back. Where do I go from there though? With my code from codepen can you try move it for me how would you do it?
transform didn't seem to work
@Marmiz i can go comment the places where the button is in HTML and CSS so you can know where to look
Claudio Restifo
@Marmiz
May 18 2018 11:31

@darkphotonKN just a sloppy:
transform: translate(800px, -80px); on the icon placed it.
But it's a terrible practice, super difficult to maintain and even more difficult to adapt to different screen size.
You can calculate the transalte values with JS.

Yet I still feel that if x needs to be inside content that it has to be a child.

can you try move it for me

absolutely not. I won't do the work for you :smile:
I can help you or give my ideas tho.

Kranti Nebhwani
@darkphotonKN
May 18 2018 11:34
@Marmiz I didn't mean to offend, I didnt mean I want you to do my work - was asking if you could try it out yourself so that you can give me ideas as it's not working. Else why would people want to see code before they give ideas just give ideas without seeing code xD Thank you though I'll try that transform and see if I can do it without using transform I also feel liek that's the wrong practice
CamperBot
@camperbot
May 18 2018 11:34
darkphotonkn sends brownie points to @marmiz :sparkles: :thumbsup: :sparkles:
:star2: 1231 | @marmiz |http://www.freecodecamp.org/marmiz
Claudio Restifo
@Marmiz
May 18 2018 11:37
@darkphotonKN I mean a
<div parent position relative>
  <icon position absolute at the top>
</div>
will do :)
Kranti Nebhwani
@darkphotonKN
May 18 2018 11:38
@Marmiz awesome I will try to do it like that
Claudio Restifo
@Marmiz
May 18 2018 11:38
:+1: gl and happy coding :sparkles:
Claudio Restifo
@Marmiz
May 18 2018 11:48
@darkphotonKN a simple demo:
  <div class="container">
    <div class="x">x</div>
    <div>More content!</div>
  </div>
.container {
  position: relative;
  width: 200px;
  height: 200px;
  background: red;
  display: flex;
  justify-content: center;
  align-items: center;
}

.x{
  position: absolute;
  bottom: 0;
  right: 0;
}
Kranti Nebhwani
@darkphotonKN
May 18 2018 11:49
@Marmiz thanks bro! I'm trying to make the parent relative and the child absolute right now. I'll have a look at your example. Is bottom and right positioning?
CamperBot
@camperbot
May 18 2018 11:49
darkphotonkn sends brownie points to @marmiz :sparkles: :thumbsup: :sparkles:
api offline
Claudio Restifo
@Marmiz
May 18 2018 11:53

@darkphotonKN

  position: absolute;
  bottom: 0;
  right: 0;

this means: no matter how-where the content inside the parent is displayed, I will always stay at the very bottom-right of my parent :)

Kranti Nebhwani
@darkphotonKN
May 18 2018 11:54
@Marmiz ok and what does the relative doing for the parent?
@Marmiz ah yeah i can see the X is on the bottom right in your link
Kranti Nebhwani
@darkphotonKN
May 18 2018 15:54
can someone tell me how to move my black square with yellow text on the bottom of the page? i cant get it to move up and into the background image where the rest of my stuff is: https://codepen.io/darkphotonKN/pen/erbORP
I put comments showing where that text box is. It's near the bottom of the css
ehutchllew
@ehutchllew
May 18 2018 15:57
@darkphotonKN do you want it to be fixed to the bottom?
Kranti Nebhwani
@darkphotonKN
May 18 2018 15:58
@ehutchllew no i want it to go into the page on the top
@ehutchllew yuou see where the picture is?
@ehutchllew i want everything to be on that. The title is there, the menu is there, but that text box is pushed down into the white area
ehutchllew
@ehutchllew
May 18 2018 16:00
@darkphotonKN your position is set to absolute, to move it around the page now, try messing with properties like this:
top: 0
bottom: 0
don't necessarily add bottom but just play around with top, left, right, and bottom.
Kranti Nebhwani
@darkphotonKN
May 18 2018 16:01
@ehutchllew ok what about display: what should i set it to? It['s absolute there because that's what I last tried but I tried others too I coudln't figure it out..
Gulsvi
@gulsvi
May 18 2018 16:06
@darkphotonKN I think you need to stop using position fixed/absolute - and avoid using large margins. For example, a margin-left of 1100px will make it go way off the screen on a mobile device.
If you want your About text to go over the background image - put it inside your main div
Kranti Nebhwani
@darkphotonKN
May 18 2018 16:10
@gulsvi ok thank you. I put mine inside my main div did I not? Where do I put it exactly I see that main is inside the div #main-view which is where i put the background image
CamperBot
@camperbot
May 18 2018 16:10
darkphotonkn sends brownie points to @gulsvi :sparkles: :thumbsup: :sparkles:
ehutchllew
@ehutchllew
May 18 2018 16:10
@darkphotonKN if your goal is to have the text overlay the image try using a container that has display: flex and array them like justify-content: space-evenly;
that will eliminate the need for you to use margins and padding and will make it responsive as well.
Gulsvi
@gulsvi
May 18 2018 16:11
@darkphotonKN It was not inside your "main-view" div, that's why it showed up below your background image. Since it's a background image, there is no need to remove the element from the document flow with position fixed/absolute to keep it on top of the background.
ehutchllew
@ehutchllew
May 18 2018 16:11
@darkphotonKN https://css-tricks.com/snippets/css/a-guide-to-flexbox/ <--- this is one of the most useful guides. You'll find yourself referring to this over and over agian.
Kranti Nebhwani
@darkphotonKN
May 18 2018 16:12
@gulsvi you're right im such an idiot. I thought the main view div stretched al the way to the bottom of my html page but it wasn't that;s another div I put there. Thanks
CamperBot
@camperbot
May 18 2018 16:12
darkphotonkn sends brownie points to @gulsvi :sparkles: :thumbsup: :sparkles:
:star2: 2723 | @gulsvi |http://www.freecodecamp.org/gulsvi
David Chi
@dchievo
May 18 2018 16:13
why you using so many ids?
Kranti Nebhwani
@darkphotonKN
May 18 2018 16:13
@ehutchllew Ok thanks so much I will read it now. So it it generally I was to use flex instead of display somethign else like block or absolute?
CamperBot
@camperbot
May 18 2018 16:13
darkphotonkn sends brownie points to @ehutchllew :sparkles: :thumbsup: :sparkles:
:cookie: 376 | @ehutchllew |http://www.freecodecamp.org/ehutchllew
Gulsvi
@gulsvi
May 18 2018 16:13
Not an idiot, just a programmer lol :) we all make mistakes
Kranti Nebhwani
@darkphotonKN
May 18 2018 16:13
@dchievo me? because those things i'm only going to name and style once, unlike for a class. I for one don't understand why everyone uses always classes everywhere, when should you use an id then?
@dchievo like I made my main, contact, and about sections have an id. Because those are unique. Why would I need a style for my main that i use somewhere else for example??
David Chi
@dchievo
May 18 2018 16:14
just wondering what your thought process is.
Kranti Nebhwani
@darkphotonKN
May 18 2018 16:14
@gulsvi i hope so lol
ehutchllew
@ehutchllew
May 18 2018 16:16
@darkphotonKN I pretty much exclusively use display flex. There are situations where you'll want absolute or relative, but for most of your layout needs, flex is sufficient.
Kranti Nebhwani
@darkphotonKN
May 18 2018 16:17
@ehutchllew will remmeber that :) still learning from the link you provided thanks again!
CamperBot
@camperbot
May 18 2018 16:17
darkphotonkn sends brownie points to @ehutchllew :sparkles: :thumbsup: :sparkles:
api offline
ehutchllew
@ehutchllew
May 18 2018 16:17
np
Chukwunyekwum Ihezurumba
@EvaChuks
May 18 2018 16:39
hi, everyone i need help, i deployed my yelcamp to heroku successfully but i can't send mail from the contact form. i have check everything is same, the contact page is working fine in the development before i deployed it even after that it is still working i can send mail from the development (cloud9) but i can't send from the same contact page in production environment. it is frustrating because this my first time
Kyle Holm
@thekholm80
May 18 2018 16:39
@EvaChuks have you looked at the logs on heroku to see if you're getting any errors?
image.png
Chukwunyekwum Ihezurumba
@EvaChuks
May 18 2018 16:41
let post the message from heroku because it is huge
Kyle Holm
@thekholm80
May 18 2018 16:41
can you put it in a pastebin or something so it doesn't flood the room?
gishy1
@gishy1
May 18 2018 16:43
@revisualize thank you!
CamperBot
@camperbot
May 18 2018 16:43
gishy1 sends brownie points to @revisualize :sparkles: :thumbsup: :sparkles:
:star2: 4468 | @revisualize |http://www.freecodecamp.org/revisualize
Chukwunyekwum Ihezurumba
@EvaChuks
May 18 2018 16:50
@thekholm80 please i am new here i dont know pastebin
Chukwunyekwum Ihezurumba
@EvaChuks
May 18 2018 16:50
thanks
Kyle Holm
@thekholm80
May 18 2018 16:51
this way you can share a ton of text by sending just the link
Chukwunyekwum Ihezurumba
@EvaChuks
May 18 2018 16:55
Henry
@GitHub-Henry
May 18 2018 16:56
@darkphotonKN there is a css principle to use the lowest specificity to get the job done, that's probably why you see so many folks using classes instead of Ids
@thekholm80 :wave:
Kyle Holm
@thekholm80
May 18 2018 16:58
@EvaChuks i'm guessing it's something to do with this:
error: Sandbox subdomains are for test purposes only. Please add your own domain or add the address to authorized recipients in Account Settings.
@GitHub-Henry :wave:
Chukwunyekwum Ihezurumba
@EvaChuks
May 18 2018 16:59
@thekholm80 thanks so much i will buy domain and try it with
CamperBot
@camperbot
May 18 2018 16:59
evachuks sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:star2: 1789 | @thekholm80 |http://www.freecodecamp.org/thekholm80
Kyle Holm
@thekholm80
May 18 2018 17:00
@EvaChuks you may not need to
Chukwunyekwum Ihezurumba
@EvaChuks
May 18 2018 17:08
@thekholm80 thanks so much it worked
CamperBot
@camperbot
May 18 2018 17:08
evachuks sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
api offline
Kranti Nebhwani
@darkphotonKN
May 18 2018 17:09
@GitHub-Henry so why would you ever use ID then?
Henry
@GitHub-Henry
May 18 2018 17:14
@darkphotonKN Id has a high specificity. Think of it like talking. If everyone just shouted it would be difficult to talk. But if most folks spoke in lower voices it would then be easier to hear when some shouted. If you can get the job done with a lower specificity, that should be the preference.
Chukwunyekwum Ihezurumba
@EvaChuks
May 18 2018 17:20
hi everyone, is there any tutorial video for create dashboard for web app using node.js and express
Kyle Holm
@thekholm80
May 18 2018 17:33
@EvaChuks yay glad you got it working
Jennifer Nordell
@j-nordell
May 18 2018 19:23
Hi everyone! I was wondering something. For the first project, we are to create a webpage as a tribute. Is it required to use CodePen or may we use a GitHub page?
Henry
@GitHub-Henry
May 18 2018 19:27
@j-nordell the result needs to be url accessible
Jennifer Nordell
@j-nordell
May 18 2018 19:28
It will be. A GitHub page is, of course, publicly accessible.
Henry
@GitHub-Henry
May 18 2018 19:28
@j-nordell then you're good to go
Jennifer Nordell
@j-nordell
May 18 2018 19:28
Ok then :)
Thanks @Github-Henry
Henry
@GitHub-Henry
May 18 2018 19:30
np
Jennifer Nordell
@j-nordell
May 18 2018 19:30
Why can't I send you brownie points? :)
Henry
@GitHub-Henry
May 18 2018 19:30
bot is broken
cbot
CamperBot
@camperbot
May 18 2018 19:30
you called?
Henry
@GitHub-Henry
May 18 2018 19:31
cbot where are my brownie points?
CamperBot
@camperbot
May 18 2018 19:31
you called?
Henry
@GitHub-Henry
May 18 2018 19:31
eightball is cbot broken?
CamperBot
@camperbot
May 18 2018 19:31
@GitHub-Henry :8ball: don't count on it :sparkles:
Henry
@GitHub-Henry
May 18 2018 19:31
@j-nordell perhaps partially broken
Jennifer Nordell
@j-nordell
May 18 2018 19:31
Well, it's awake. Let's try it again. Thanks @GitHub-Henry
CamperBot
@camperbot
May 18 2018 19:31
j-nordell sends brownie points to @github-henry :sparkles: :thumbsup: :sparkles:
:cookie: 554 | @github-henry |http://www.freecodecamp.org/github-henry
Jennifer Nordell
@j-nordell
May 18 2018 19:32
Ok, I think we woke it up :)
Henry
@GitHub-Henry
May 18 2018 19:32
there we go
Jennifer Nordell
@j-nordell
May 18 2018 19:32
Maybe it hasn't had its coffee yet :joy:
Henry
@GitHub-Henry
May 18 2018 19:32
probably needed some java
simpleguy747
@simpleguy747
May 18 2018 21:30
hello all
Kyle Holm
@thekholm80
May 18 2018 21:30
@simpleguy747 :wave: