These are chat archives for FreeCodeCamp/Help

28th
Nov 2017
Manish Giri
@Manish-Giri
Nov 28 2017 00:57
@DarrenfJ @thekholm80 @khaduch :wave:
Ken Haduch
@khaduch
Nov 28 2017 01:36
@Manish-Giri - hello my friend! How are you doing?
Darren
@DarrenfJ
Nov 28 2017 06:25
evening fCC
hey guys! @khaduch @Manish-Giri
Claudio Restifo
@Marmiz
Nov 28 2017 06:35
:wave:
Darren
@DarrenfJ
Nov 28 2017 06:55
@Marmiz hey buddy havne't seen you around for a while :D
Claudio Restifo
@Marmiz
Nov 28 2017 06:58
Battling with Apollo right now :)
Darren
@DarrenfJ
Nov 28 2017 06:58
sounds like fun.. what game is it?
Claudio Restifo
@Marmiz
Nov 28 2017 07:19
A game where you try to connect your React app with a GraphQL backend :)
Darren
@DarrenfJ
Nov 28 2017 07:37
hmm sounds intriguing... will check it out
thanks @Marmiz for the link :D
CamperBot
@camperbot
Nov 28 2017 07:38
darrenfj sends brownie points to @marmiz :sparkles: :thumbsup: :sparkles:
:star2: 1103 | @marmiz |http://www.freecodecamp.org/marmiz
Darren
@DarrenfJ
Nov 28 2017 07:41
i'm off to sleep land... code on roomies
Nandan Priyadarshi
@nandanosql
Nov 28 2017 13:54
Hey Team... Just need some help from you all.
I am working m to develop my front end code based on my all experiences..
I am using Html icons , and want when even I put my mouse (hover) , some text should display ..
is it possible ?
Serelin
@nileresz
Nov 28 2017 14:15
hi guys, just finished my random quote machine , you can check it here. https://codepen.io/serelinz/pen/LOJwez But the twitter icon seems wrongly displayed in codepen..I have checked the page on safari, chrome and firefox, all of the browsers can display correctly. Don’t know if there is any code I can change in the code pen to make it work… Any suggestions?
Moisés Man
@moigithub
Nov 28 2017 14:33
constrast: white text on white background is hard to read
Kaz Baig
@kbaig
Nov 28 2017 14:58
@nileresz you have an extra span tag in the icon markup
Darren
@DarrenfJ
Nov 28 2017 16:07
monring fCC
Kyle Holm
@thekholm80
Nov 28 2017 16:07
@DarrenfJ :wave:
Darren
@DarrenfJ
Nov 28 2017 16:08
@thekholm80 buddy! good to see yah... i keep missing many of the regulars
Kaz Baig
@kbaig
Nov 28 2017 16:08
:wave:
Darren
@DarrenfJ
Nov 28 2017 16:08
@kbaig buddy!
Kyle Holm
@thekholm80
Nov 28 2017 16:08
I've had work to do, so kinda here but not here
Darren
@DarrenfJ
Nov 28 2017 16:09
ah
Kaz Baig
@kbaig
Nov 28 2017 16:10
saaaame
Darren
@DarrenfJ
Nov 28 2017 16:10
alas... me as well
the ever pressing work :D
Kyle Holm
@thekholm80
Nov 28 2017 16:10
it's so unfair, can't they just give me a paycheck and leave me be?
Darren
@DarrenfJ
Nov 28 2017 16:11
@nileresz i agree with @moigithub the text can be a bit hard to read.... overall i like the design though,.. so maybe play around with a tiny little div that the words are in and have it background black or something but very very opaque.. so the white is against a consistent background colour
however I'm not sure how that would turn out aesthetically @nileresz
iwant to get paid to test beds by sleeping in them overnight
dream job
Kyle Holm
@thekholm80
Nov 28 2017 16:12
lol
Ken Haduch
@khaduch
Nov 28 2017 16:12
@DarrenfJ - hey there - didn't get online until now... might be a little tied up over the next couple days, too. So just checking in and saying howdy to the fCC peeps!
Darren
@DarrenfJ
Nov 28 2017 16:13
I hear yah.. :D
thanks @khaduch or popping in . yer positive vibes are always appreciated...
CamperBot
@camperbot
Nov 28 2017 16:13
darrenfj sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 3542 | @khaduch |http://www.freecodecamp.org/khaduch
Serelin
@nileresz
Nov 28 2017 16:14
@kbaig The span is needed, otherwise it won’t show the extra effects when you hover on the button. I tried to remove the span it came out necessary to keep it that way.
Ken Haduch
@khaduch
Nov 28 2017 16:14
@DarrenfJ - thanks for keeping the room cheered up and visiting... hope that you have a good day
CamperBot
@camperbot
Nov 28 2017 16:14
khaduch sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:star2: 2292 | @darrenfj |http://www.freecodecamp.org/darrenfj
Kyle Holm
@thekholm80
Nov 28 2017 16:15
@nileresz you can use text shadow to increase contrast, it's pretty effective
Serelin
@nileresz
Nov 28 2017 16:15
Will try to change the text a bit . Any suggestion how To make the twitter button looks nicer in codepen? It works in all other browsers but not in code pen
Darren
@DarrenfJ
Nov 28 2017 16:16
ooooo text shadow! yah poifect!
thanks @thekholm80 for that..good reminder
CamperBot
@camperbot
Nov 28 2017 16:16
darrenfj sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:star2: 1604 | @thekholm80 |http://www.freecodecamp.org/thekholm80
Darren
@DarrenfJ
Nov 28 2017 16:16
speaking of work.. being pulled into a meeting bah-HUmbug
be back later.. code on roomies :D
Ken Haduch
@khaduch
Nov 28 2017 16:17
@nileresz - did you try putting the icon inside the span tags/ It looks like it's not in there now. Maybe I'm just misreading the devtools elements?
Kaz Baig
@kbaig
Nov 28 2017 16:19
@nileresz why not just style the i element instead of the span? It's working for me
Ken Haduch
@khaduch
Nov 28 2017 16:20
@nileresz - oh, one thing that might be causing some problem is that on CodePen, you cannot put the <head> code into the HTML panel. CodePen's template fills in with information so that it has its own head section, and your styling will go in there. Then it will put the stuff in the HTML panel into the <body> section, which could override or collide with things that you have in your CSS section. I haven't checked if that might be causing your issue?
Serelin
@nileresz
Nov 28 2017 16:30
@khaduch I just noticed that, delete it but seems still not working. Will dig into it a bit
Jesse
@ki4jgt
Nov 28 2017 16:30
How do I get around this stupid thing? It's driving me insane: Failed to load https://en.wikipedia.org/w/api.php: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://s.codepen.io' is therefore not allowed access.
Kaz Baig
@kbaig
Nov 28 2017 16:32
@ki4jgt add origin=* to the query string
Jesse
@ki4jgt
Nov 28 2017 16:34
Didn't work :(. Here's my pen, if you're interested.
NVRMND, changed POST to GET. Saw that on the page and thought it'd be the way to go. Didn't make much sense to me when I did it but, who am I to argue with Wikipedia?
Serelin
@nileresz
Nov 28 2017 16:56
@kbaig It works . Thanks!
CamperBot
@camperbot
Nov 28 2017 16:56
nileresz sends brownie points to @kbaig :sparkles: :thumbsup: :sparkles:
:cookie: 463 | @kbaig |http://www.freecodecamp.org/kbaig
Moisés Man
@moigithub
Nov 28 2017 17:10
@ki4jgt dataType with uppercaseT
Jesse
@ki4jgt
Nov 28 2017 17:29
Also @kbaig , thanks for the origin policy and @moigithub , thanks for the input.
CamperBot
@camperbot
Nov 28 2017 17:29
ki4jgt sends brownie points to @kbaig and @moigithub :sparkles: :thumbsup: :sparkles:
:cookie: 464 | @kbaig |http://www.freecodecamp.org/kbaig
:star2: 3722 | @moigithub |http://www.freecodecamp.org/moigithub
Kaz Baig
@kbaig
Nov 28 2017 19:25
@ki4jgt You're making a GET request since you're asking them for data, as opposed to giving them data
Darren
@DarrenfJ
Nov 28 2017 19:42
@nileresz hey notice the added shadow on the text.. looks very noice!
Jesse
@ki4jgt
Nov 28 2017 20:03
So, I have another problem with my lovely wikipedia assignment. I'm trying to get $("#search).text() for part of my $.ajax() call. But when I call it in the ajax function, I get this: pen.js:20 Uncaught TypeError: Cannot read property 'search' of undefined
at Object.load (VM2034 pen.js:20)
at i (VM2032 jquery.min.js:2)
at Object.fireWith [as resolveWith] (VM2032 jquery.min.js:2)
at A (VM2032 jquery.min.js:4)
at HTMLScriptElement.c (VM2032 jquery.min.js:4)
at HTMLScriptElement.dispatch (VM2032 jquery.min.js:3)
at HTMLScriptElement.q.handle (VM2032 jquery.min.js:3)
$("#search").text()
Sorin Ruse
@sorinr
Nov 28 2017 20:17
@ki4jgt inputs have val()
@ki4jgt not text()
Jesse
@ki4jgt
Nov 28 2017 20:47
@sorinr thanks
CamperBot
@camperbot
Nov 28 2017 20:47
ki4jgt sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:star2: 1371 | @sorinr |http://www.freecodecamp.org/sorinr
Sorin Ruse
@sorinr
Nov 28 2017 20:48
@ki4jgt welcome
artbohr
@artbohr
Nov 28 2017 21:54
hey guys, I need some help to figure out how to properly place the axis https://codepen.io/artbohr/pen/MOPmRr
gishy1
@gishy1
Nov 28 2017 21:59
@khaduch @kbaig i think its running an infinite loop
michael-andreuzza
@michael-andreuzza
Nov 28 2017 22:15
Hej guys ! How is it going? Well...I think there is bug I this attempt. There's any way I can fix it?
Oh crap sorry wrong button
N i have all correct, but is not going forward...any solution? Thank you in advance
artbohr
@artbohr
Nov 28 2017 22:18
@michael-andreuzza just tested it, all works fine
Kyle Holm
@thekholm80
Nov 28 2017 22:18
@michael-andreuzza it's working fine for me
double check the instructions and check your code again
michael-andreuzza
@michael-andreuzza
Nov 28 2017 22:18
Might be because I am using the phone?
I have probably check the code 23 times...since 14.00 today...I am about to climb the walls...
Kyle Holm
@thekholm80
Nov 28 2017 22:19
paste your code here?
michael-andreuzza
@michael-andreuzza
Nov 28 2017 22:19
If it's ok

<style>
.red-text {
color: red;
}
P {
font-size: 16px;
}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching
<style>
.red-text {
color: red;
}
P {
font-size: 16px;
Font-family: monospace;
}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass snif</p>

<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p> attack your ankles chase the red dot, hairball run catnip eat the grass snif</p>

<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

There u go
artbohr
@artbohr
Nov 28 2017 22:21
@michael-andreuzza ur P should be => p
Kyle Holm
@thekholm80
Nov 28 2017 22:21
in your style tag the P should be lower case
artbohr
@artbohr
Nov 28 2017 22:21
in style
michael-andreuzza
@michael-andreuzza
Nov 28 2017 22:21
Oh..I'll try..
Still not working..
artbohr
@artbohr
Nov 28 2017 22:22
there is many bugs xD
are*
@michael-andreuzza

<style>
  .red-text {
    color: red;
  }
  p{
    font-size: 16px;
  }
</style>

<h2 class="red-text">CatPhotoApp</h2>

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>

<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
@michael-andreuzza you need to put all your styles in one style tag <style></style>
Kyle Holm
@thekholm80
Nov 28 2017 22:24
following the instructions is important
michael-andreuzza
@michael-andreuzza
Nov 28 2017 22:25
I though that is what I was doing...
artbohr
@artbohr
Nov 28 2017 22:25
@michael-andreuzza also check your lower and uppercase, you got that bad many times, all is case sensetive
michael-andreuzza
@michael-andreuzza
Nov 28 2017 22:26
All right I will reset it all. Thank you for your patience.
michael-andreuzza
@michael-andreuzza
Nov 28 2017 22:31
It went thru...Thank you guys.
Kyle Holm
@thekholm80
Nov 28 2017 22:32
good job!
Ken Haduch
@khaduch
Nov 28 2017 22:36
@gishy1 - if it is an IP infinite loop, follow those Instructions about how to run it without autorun.
Ignore the IP in that post. Typing on a phone