get help in general - we have more specialized help rooms here: https://gitter.im/FreeCodeCamp/home
@DarrenfJ @thekholm80 @khaduch :wave:
@Manish-Giri - hello my friend! How are you doing?
evening fCC
hey guys! @khaduch @Manish-Giri
:wave:
@Marmiz hey buddy havne't seen you around for a while :D
Battling with Apollo right now :)
sounds like fun.. what game is it?
A game where you try to connect your React app with a GraphQL backend :)
hmm sounds intriguing... will check it out
thanks @Marmiz for the link :D
darrenfj sends brownie points to @marmiz :sparkles: :thumbsup: :sparkles:
:star2: 1103 | @marmiz |http://www.freecodecamp.org/marmiz
i'm off to sleep land... code on roomies
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 ..
I am using Html icons , and want when even I put my mouse (hover) , some text should display ..
is it possible ?
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?
constrast: white text on white background is hard to read
@nileresz you have an extra
span tag in the icon markup
monring fCC
@DarrenfJ :wave:
@thekholm80 buddy! good to see yah... i keep missing many of the regulars
:wave:
@kbaig buddy!
I've had work to do, so kinda here but not here
ah
saaaame
alas... me as well
the ever pressing work :D
it's so unfair, can't they just give me a paycheck and leave me be?
@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
lol
@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!
I hear yah.. :D
thanks @khaduch or popping in . yer positive vibes are always appreciated...
darrenfj sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 3542 | @khaduch |http://www.freecodecamp.org/khaduch
@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.
@DarrenfJ - thanks for keeping the room cheered up and visiting... hope that you have a good day
khaduch sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:star2: 2292 | @darrenfj |http://www.freecodecamp.org/darrenfj
@nileresz you can use text shadow to increase contrast, it's pretty effective
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
ooooo text shadow! yah poifect!
thanks @thekholm80 for that..good reminder
darrenfj sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:star2: 1604 | @thekholm80 |http://www.freecodecamp.org/thekholm80
speaking of work.. being pulled into a meeting bah-HUmbug
be back later.. code on roomies :D
@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?
@nileresz why not just style the
i element instead of the span? It's working for me
@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?
@khaduch I just noticed that, delete it but seems still not working. Will dig into it a bit
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.
@ki4jgt add origin=* to the query string
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?
@kbaig It works . Thanks!
nileresz sends brownie points to @kbaig :sparkles: :thumbsup: :sparkles:
:cookie: 463 | @kbaig |http://www.freecodecamp.org/kbaig
@ki4jgt data
Type with uppercaseT
Also @kbaig , thanks for the origin policy and @moigithub , thanks for the input.
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
@ki4jgt You're making a GET request since you're asking them for data, as opposed to giving them data
@nileresz hey notice the added shadow on the text.. looks very noice!
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)
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()
@ki4jgt inputs have val()
@ki4jgt not text()
@sorinr thanks
ki4jgt sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:star2: 1371 | @sorinr |http://www.freecodecamp.org/sorinr
@ki4jgt welcome
hey guys, I need some help to figure out how to properly place the axis https://codepen.io/artbohr/pen/MOPmRr
@khaduch @kbaig i think its running an infinite loop
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
I am doing car now this one: https://www.freecodecamp.org/challenges/change-the-font-size-of-an-element
N i have all correct, but is not going forward...any solution? Thank you in advance
@michael-andreuzza just tested it, all works fine
@michael-andreuzza it's working fine for me
double check the instructions and check your code again
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...
paste your code here?
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
@michael-andreuzza ur P should be => p
in your style tag the
P should be lower case
in style
Oh..I'll try..
Still not working..
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>
following the instructions is important
I though that is what I was doing...
@michael-andreuzza also check your lower and uppercase, you got that bad many times, all is case sensetive
All right I will reset it all. Thank you for your patience.
It went thru...Thank you guys.
good job!
@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