These are chat archives for FreeCodeCamp/Help

5th
May 2017
kjbrawner22
@kjbrawner22
May 05 2017 00:00
<style>
  h2 {color: blue;}
</style>
<h2>CatPhotoApp</h2>

<p>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>
@potato8
Jonathan Filion
@jonfilion
May 05 2017 00:01
I can see your code from the link, delete the <h2 id="cat-photo-app"> in your code and for the form do <form id="cat-photo-form" action="/submit-cat-photo">
koberheim
@koberheim
May 05 2017 00:01
Hi all. I'm having trouble getting bootstrap to setup my columns. Here is my code:
<section>
<div id="about">
<div class="container">
<div class="row">
<div class="col-sm-8">
<h1>Burgeoning Front End Developer pursuing freelancing opportunities.</h1>
</div>
<div class="col-sm-4"><img src="https://ichef-1.bbci.co.uk/news/660/cpsprodpb/025B/production/_85730600_monkey2.jpg" class="img-circle" width="300"></img>
</div>
</div>
</div>
</div>
</section>
but the image is going onto the next row
fuzzychicken
@fuzzychicken
May 05 2017 00:02
how do i make my p element red
fallofu
@fallofu
May 05 2017 00:02

@potato8 <style>
h2 {color: blue;}
</style>

<h2> CatPhotoApp </h2>
<p>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>

John Wilfred
@ewojjowe
May 05 2017 00:05
@Code-U-org still figuring it out
Tim Porter
@potato8
May 05 2017 00:06
thank you
how do i reward brownie points
Code-U-org
@Code-U-org
May 05 2017 00:08
@potato8 use the persons @ symbol and T.h.a.n.k.s )wothout the . i just did that so u dont get :P
Jonathan Filion
@jonfilion
May 05 2017 00:08
@fuzzychicken in your <style> add the class p{ color: red;}
Tim Porter
@potato8
May 05 2017 00:09
@fallofu thanks
CamperBot
@camperbot
May 05 2017 00:09
potato8 sends brownie points to @fallofu :sparkles: :thumbsup: :sparkles:
:cookie: 45 | @fallofu |http://www.freecodecamp.com/fallofu
fallofu
@fallofu
May 05 2017 00:09
np
Samuel4433
@Samuel4433
May 05 2017 00:09
hello, i ave a bit of a problem. How do i text in a form element?
nest text*
fallofu
@fallofu
May 05 2017 00:10
which challenge
Samuel4433
@Samuel4433
May 05 2017 00:11
i curently have this code <input type="text" placeholder="cat photo URL"> and i need to nest text into a form element and i dont know where to place the form element.
Manish Giri
@Manish-Giri
May 05 2017 00:11
@Samuel4433 the input needs to be nested inside the form element
<form action="/submit-cat-photo">
//input here
</form>
Samuel4433
@Samuel4433
May 05 2017 00:12
hmm already did that maybe i misspelled something let me try again
yeah it worked i probably misspeled something the first time haha
Tim Porter
@potato8
May 05 2017 00:14
Gristlyy
@Gristlyy
May 05 2017 00:14
why cant I get the code to make the h2 element turn red, and have the h2 element class red-tex at the same time?
fallofu
@fallofu
May 05 2017 00:15

@potato8 <style>
.red-text {
color: red;
}
</style>

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

<p> 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>

You had an spell error
spelling*
Manish Giri
@Manish-Giri
May 05 2017 00:16
@Gristlyy post your code
Gristlyy
@Gristlyy
May 05 2017 00:16
how?
just got this today
fallofu
@fallofu
May 05 2017 00:16
ctrl a
ctrl c
ctrl v
Gristlyy
@Gristlyy
May 05 2017 00:16

<style>
h2.red-text
{color:red;}

</style>

<h2>CatPhotoApp</h2>

<p>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>

Manish Giri
@Manish-Giri
May 05 2017 00:16
<h2>CatPhotoApp</h2>
add the class here
remove h2 here - h2.red-text
fuzzychicken
@fuzzychicken
May 05 2017 00:17

<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.<p/>

<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/>

how do i make it so p element has a closing tag
Manish Giri
@Manish-Giri
May 05 2017 00:17
</p>
/ comes first
@fuzzychicken
fallofu
@fallofu
May 05 2017 00:18
Its like </p>,not <p> ;p
Tim Porter
@potato8
May 05 2017 00:18
@fallofu thanks
CamperBot
@camperbot
May 05 2017 00:18
potato8 sends brownie points to @fallofu :sparkles: :thumbsup: :sparkles:
:warning: potato8 already gave fallofu points
fallofu
@fallofu
May 05 2017 00:19
np once again
Tim Porter
@potato8
May 05 2017 00:19
wish i could give you more lol
fallofu
@fallofu
May 05 2017 00:19
I dont mind.i dont know what to use em for anyway
Tim Porter
@potato8
May 05 2017 00:20
:)
Gristlyy
@Gristlyy
May 05 2017 00:20
when I did that to my code it didnt change the <h2> color it just add the text to the h2
@Manish-Giri
fallofu
@fallofu
May 05 2017 00:21
Can u post your code @Gristlyy
Margaret
@Margaret2
May 05 2017 00:21
@Gristlyy the opening bracket needs to be on the same line as the class name .red-text {
Manish Giri
@Manish-Giri
May 05 2017 00:21
@Gristlyy that's step 1, you won't pass without that..
Gristlyy
@Gristlyy
May 05 2017 00:22

<style>
h2.red-text {
color: red
}
</style>

<h2>CatPhotoApp</h2>

<p>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>

idk how to make it show the colors and such
fallofu
@fallofu
May 05 2017 00:22
At which challenge
Margaret
@Margaret2
May 05 2017 00:22
@Gristlyy you have to use class="..." to add the class name to the <h2> element, there's an example of how to do that in the instructions
Manish Giri
@Manish-Giri
May 05 2017 00:23
Tiggy
tell me how's my design
Margaret
@Margaret2
May 05 2017 00:23
where
Manish Giri
@Manish-Giri
May 05 2017 00:23
Screenshot 2017-05-04 20.23.18.png
fallofu
@fallofu
May 05 2017 00:24
lol
I thought it was a game and i just cclick play
but then i saw it was a pi
pic
Margaret
@Margaret2
May 05 2017 00:24
@Manish-Giri space between buttons is not even :sob: :sob:
Manish Giri
@Manish-Giri
May 05 2017 00:24
i know
that's for you to fix
Margaret
@Margaret2
May 05 2017 00:24
:angry:
did you use a different color green for the buttons vs the title?!?!
Manish Giri
@Manish-Giri
May 05 2017 00:25
yeah
Margaret
@Margaret2
May 05 2017 00:25
whyyyy :astonished:
Kyle Holm
@thekholm80
May 05 2017 00:25
tigger bait
Margaret
@Margaret2
May 05 2017 00:25
lol
Manish Giri
@Manish-Giri
May 05 2017 00:25
and a third for the footer
Margaret2 @Margaret2 dies x_x
Manish Giri
@Manish-Giri
May 05 2017 00:26
and a fourth for the game cells
Margaret
@Margaret2
May 05 2017 00:26
ok now you're just exaggerating :smirk:
Manish Giri
@Manish-Giri
May 05 2017 00:26
nope
truth
fallofu
@fallofu
May 05 2017 00:26
How do I unblock the iPhone on the right from google?
Kyle Holm
@thekholm80
May 05 2017 00:26
4 > 1 it's math
Margaret
@Margaret2
May 05 2017 00:26
WHAT
Manish Giri
@Manish-Giri
May 05 2017 00:26
get a new phone
fallofu
@fallofu
May 05 2017 00:27
Nice joke..
Margaret
@Margaret2
May 05 2017 00:27
@Manish-Giri get a real color scheme and a nice looking gradient pls...
Manish Giri
@Manish-Giri
May 05 2017 00:27
:sob:
:cry:
:crying_cat_face:
Margaret
@Margaret2
May 05 2017 00:27
ok ok the gradient can stay...
Manish Giri
@Manish-Giri
May 05 2017 00:28
what's a "real color scheme"
Addison
@addisonday
May 05 2017 00:28
I am not sure where to put <i class="fa fa-info-circle"></i>
within the button element
Kyle Holm
@thekholm80
May 05 2017 00:28
wait, i have 4 shades of red. is that bad?
https://codepen.io/thekholm80/pen/eWBGXP
Manish Giri
@Manish-Giri
May 05 2017 00:29
lol the game rules
Sachin Modha
@sachinmodha
May 05 2017 00:29
Give the text input in your form the class form-control.
Manish Giri
@Manish-Giri
May 05 2017 00:29
:joy:
Kyle Holm
@thekholm80
May 05 2017 00:29
umm ... it's southern rules
reproduce at all costs
Margaret
@Margaret2
May 05 2017 00:30
@Manish-Giri the key to good design is consistency. so IMO you should change it so the footer and the title are the same color + font
fallofu
@fallofu
May 05 2017 00:30
Give your form element the id of cat-photo-form.
what does this mean?
Manish Giri
@Manish-Giri
May 05 2017 00:30
changed the gradient
Screenshot 2017-05-04 20.30.25.png
now it's more black than grey
Kyle Holm
@thekholm80
May 05 2017 00:31
I think it looks good, but it's missing all the bits in the middle
Sachin Modha
@sachinmodha
May 05 2017 00:31
@addisonday <button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
like this
Margaret
@Margaret2
May 05 2017 00:31
@Manish-Giri :+1:
Addison
@addisonday
May 05 2017 00:32
@sachinmodha Thank you
CamperBot
@camperbot
May 05 2017 00:32
addisonday sends brownie points to @sachinmodha :sparkles: :thumbsup: :sparkles:
:cookie: 82 | @sachinmodha |http://www.freecodecamp.com/sachinmodha
Manish Giri
@Manish-Giri
May 05 2017 00:32
Screenshot 2017-05-04 20.32.16.png
footer + header - same font, color
tiggy rules
ty @Margaret2
CamperBot
@camperbot
May 05 2017 00:32
manish-giri sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:star2: 2426 | @margaret2 |http://www.freecodecamp.com/margaret2
Margaret
@Margaret2
May 05 2017 00:33
@Manish-Giri ty :blue_heart:
CamperBot
@camperbot
May 05 2017 00:33
margaret2 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 5395 | @manish-giri |http://www.freecodecamp.com/manish-giri
Gristlyy
@Gristlyy
May 05 2017 00:34

<style>

h2 .red-text {
color: red
}
</style>

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

<p>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>

help agian
pls
Jon Dewar
@vanakamau
May 05 2017 00:35
Hi everyone, I'm having some trouble with the step "Use a CSS Class to Style an Element"
fallofu
@fallofu
May 05 2017 00:35
why 2x h2?
@vanakamau i believe i can help
Manish Giri
@Manish-Giri
May 05 2017 00:35
I wonder why the buttons are unevenly spaced
it's in a col s3 each
so..
fallofu
@fallofu
May 05 2017 00:35

<style>
h2 {color: blue;}
</style>

<h2> CatPhotoApp </h2>
<p>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>
@vanakamau

Jon Dewar
@vanakamau
May 05 2017 00:35
Inside your style element, change the h2 selector to .red-text and update the color's value from blue to red.
Kyle Holm
@thekholm80
May 05 2017 00:35
@Manish-Giri wait, what? bootstrap?
Manish Giri
@Manish-Giri
May 05 2017 00:36
materialize
David
@puritan1
May 05 2017 00:36
Gristlyy: the h2 tag closing is incorrect...
Jon Dewar
@vanakamau
May 05 2017 00:36
ok I will give that a try ty - how do I give browniw points?
fallofu
@fallofu
May 05 2017 00:36
thanks and @ name
David
@puritan1
May 05 2017 00:36
</h2>
Jon Dewar
@vanakamau
May 05 2017 00:36
thanks @fallofu
CamperBot
@camperbot
May 05 2017 00:36
vanakamau sends brownie points to @fallofu :sparkles: :thumbsup: :sparkles:
:cookie: 46 | @fallofu |http://www.freecodecamp.com/fallofu
Kyle Holm
@thekholm80
May 05 2017 00:36
@Manish-Giri oh, okay I don't know materialize
Sachin Modha
@sachinmodha
May 05 2017 00:36

Style Text Inputs as Form Controls

You can add the fa-paper-plane Font Awesome icon by adding <i class="fa fa-paper-plane"></i> within your submit button element.

Give your form's text input field a class of form-control. Give your form's submit button the classes btn btn-primary. Also give this button the Font Awesome icon of fa-paper-plane.
Give the submit button in your form the classes btn btn-primary.
Add a <i class="fa fa-paper-plane"></i> within your submit button element.
Give the text input in your form the class form-control.
Make sure each of your i elements has a closing tag.

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<style>

h2 {

font-family: Lobster, Monospace;

}



.thick-green-border {

border-color: green;

border-width: 10px;

border-style: solid;

border-radius: 50%;

}



</style>

<div class="container-fluid">

<div class="row">

<div class="col-xs-8">

<h2 class="text-primary text-center">CatPhotoApp</h2>

</div>

<div class="col-xs-4">

  <a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "></a>

</div>

</div>

<img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera. ">

<div class="row">

<div class="col-xs-4">

<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>

</div>

<div class="col-xs-4">

  <button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>

</div>

<div class="col-xs-4">

  <button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>

</div>

</div>

<p>Things cats <span class="text-danger">love:</span></p>

<ul>

<li>cat nip</li>

<li>laser pointers</li>

<li>lasagna</li>

</ul>

<p>Top 3 things cats hate:</p>

<ol>

<li>flea treatment</li>

<li>thunder</li>

<li>other cats</li>

</ol>

<form action="/submit-cat-photo">

<div class="row form-control">

<div class="col-xs-6">

<label><input type="radio" name="indoor-outdoor"> Indoor</label>

</div>

<div class="col-xs-6">

<label><input type="radio" name="indoor-outdoor"> Outdoor</label>

</div>

</div>

<div class="row">

<div class="col-xs-4">

<label><input type="checkbox" name="personality"> Loving</label>

</div>

<div class="col-xs-4">

<label><input type="checkbox" name="personality"> Lazy</label>

</div>

<div class="col-xs-4">

<label><input type="checkbox" name="personality"> Crazy</label>

</div>

</div>

<input type="text" placeholder="cat photo URL" required>

<button type="submit" class="btn btn-primary "> <i class="fa fa-paper-plane"></i>Submit</button>

</form>

</div>

Christian Wälbers
@auswahltropf
May 05 2017 00:37
@ravinhh <h2 class="red-text">
Sachin Modha
@sachinmodha
May 05 2017 00:37
help please
fallofu
@fallofu
May 05 2017 00:37
Give your form element the id of cat-photo-form.
Please help..
Christian Wälbers
@auswahltropf
May 05 2017 00:38
@ravinhh good luck
Margaret
@Margaret2
May 05 2017 00:39
@fallofu just use id="..."
on the <form> tag
fallofu
@fallofu
May 05 2017 00:39
which one? I have 2
<form id="cat-photo-form">
Margaret
@Margaret2
May 05 2017 00:40
@fallofu you should only have one form element
the action and the id go in the same form tag
jclark0630
@jclark0630
May 05 2017 00:40
How do you replace the value of an "a" element
fallofu
@fallofu
May 05 2017 00:40
What'd I remove then?
Sachin Modha
@sachinmodha
May 05 2017 00:40
@Margaret2 help
Margaret
@Margaret2
May 05 2017 00:41
can't help everybody, trying to do something else right now
Sachin Modha
@sachinmodha
May 05 2017 00:41
ok
Manish Giri
@Manish-Giri
May 05 2017 00:41
@thekholm80 @Margaret2 I walked around 2 miles to get to starbucks, and then I realized I forgot my laptop charger
fml
Kyle Holm
@thekholm80
May 05 2017 00:41
@Manish-Giri oh geez
jclark0630
@jclark0630
May 05 2017 00:41
How do you replace the value of an "a" element's href atrribute with a # symbol??
Kyle Holm
@thekholm80
May 05 2017 00:41
don't they have like 100 mac book chargers behind the counter?
Manish Giri
@Manish-Giri
May 05 2017 00:42
loool
Kyle Holm
@thekholm80
May 05 2017 00:42
ask them to check the lost & found
Sachin Modha
@sachinmodha
May 05 2017 00:42
@Manish-Giri lool u wish
Gristlyy
@Gristlyy
May 05 2017 00:42

<style>
.red-text {
color: red
}
</style>

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

<p>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>

Your stylesheet should declare a red-text class and have its color set to red.
still says thats wrong^^^
Manish Giri
@Manish-Giri
May 05 2017 00:43
color: red
what's missing here?
@Gristlyy
Gristlyy
@Gristlyy
May 05 2017 00:43
not sure tried to check it and still says this is wrong (Your stylesheet should declare a red-text class and have its color set to red.)
Manish Giri
@Manish-Giri
May 05 2017 00:43
really
; is missing
Gristlyy
@Gristlyy
May 05 2017 00:44
after red?
Manish Giri
@Manish-Giri
May 05 2017 00:44
yes
Gristlyy
@Gristlyy
May 05 2017 00:44
thanks
Kyle Holm
@thekholm80
May 05 2017 00:44
these express lessons are kinda weird. so many of them have asked me to npm install something in order to complete the lesson.
Manish Giri
@Manish-Giri
May 05 2017 00:44
lessons at?
Kyle Holm
@thekholm80
May 05 2017 00:44
it's part of the FCC backend
you do git, npm, node then express
Margaret
@Margaret2
May 05 2017 00:44
@Manish-Giri checked your github lately...?
Manish Giri
@Manish-Giri
May 05 2017 00:45
@Margaret2 yuppp
Kyle Holm
@thekholm80
May 05 2017 00:45
subtle lol
Manish Giri
@Manish-Giri
May 05 2017 00:45
just about to merge your first PR
am loving it
:two_hearts:
Margaret
@Margaret2
May 05 2017 00:45
:joy: :joy:
@thekholm80 i made two more :joy: https://github.com/Manish-Giri/MyFreeCodeCamp/pulls
Kyle Holm
@thekholm80
May 05 2017 00:45
rofl
Margaret
@Margaret2
May 05 2017 00:46
wait a minute? you love it? you were supposed to hate it!!! :frowning:
what have i done
Manish Giri
@Manish-Giri
May 05 2017 00:46
lol
why would I hate it :wink:
Kyle Holm
@thekholm80
May 05 2017 00:46
you're rewarding desired behavior. It's Pavlovian
Margaret
@Margaret2
May 05 2017 00:47
@thekholm80 last time i listen to your advice :laughing:
Kyle Holm
@thekholm80
May 05 2017 00:47
I never said it was good advice
Margaret
@Margaret2
May 05 2017 00:47
:joy:
Manish Giri
@Manish-Giri
May 05 2017 00:47
oooh
I missed something?
Kyle Holm
@thekholm80
May 05 2017 00:48
a clever plot
Margaret
@Margaret2
May 05 2017 00:48
don't tell him
make him figure it out :smiling_imp:
Manish Giri
@Manish-Giri
May 05 2017 00:48
:unamused:
Margaret
@Margaret2
May 05 2017 00:49
there's a direct cause and effect correlation between what you say and my pull requests
:yum:
Manish Giri
@Manish-Giri
May 05 2017 00:49
:unamused: :unamused:
Kyle Holm
@thekholm80
May 05 2017 00:50
every time you use more than one shade of a color, bam! pull request
Margaret
@Margaret2
May 05 2017 00:50
hahahaha
yeah, better go to work on @thekholm80 's github now :wink:
Kyle Holm
@thekholm80
May 05 2017 00:51
It needs all the help it can get
Manish Giri
@Manish-Giri
May 05 2017 00:52
if only she'd had made PRs for my projects
instead of the challenges
Kyle Holm
@thekholm80
May 05 2017 00:52
I should put my game of life on there. then she can pull it, fix it, push and merge
Margaret
@Margaret2
May 05 2017 00:52
i did that one for your recipe box @Manish-Giri
fallofu
@fallofu
May 05 2017 00:52
Give your form element the id of cat-photo-form.
Help me
Manish Giri
@Manish-Giri
May 05 2017 00:53
that's just webpack
rules
Margaret
@Margaret2
May 05 2017 00:53
yeah, i wanted it to be some annoying thing that doesn't matter :yum:
Manish Giri
@Manish-Giri
May 05 2017 00:53
how mean
Sachin Modha
@sachinmodha
May 05 2017 00:53

Style Text Inputs as Form Controls

You can add the fa-paper-plane Font Awesome icon by adding <i class="fa fa-paper-plane"></i> within your submit button element.

Give your form's text input field a class of form-control. Give your form's submit button the classes btn btn-primary. Also give this button the Font Awesome icon of fa-paper-plane.
Give the submit button in your form the classes btn btn-primary.
Add a <i class="fa fa-paper-plane"></i> within your submit button element.
Give the text input in your form the class form-control.
Make sure each of your i elements has a closing tag.

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<style>

h2 {

font-family: Lobster, Monospace;

}



.thick-green-border {

border-color: green;

border-width: 10px;

border-style: solid;

border-radius: 50%;

}



</style>

<div class="container-fluid">

<div class="row">

<div class="col-xs-8">

<h2 class="text-primary text-center">CatPhotoApp</h2>

</div>

<div class="col-xs-4">

  <a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "></a>

</div>

</div>

<img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera. ">

<div class="row">

<div class="col-xs-4">

<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>

</div>

<div class="col-xs-4">

  <button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>

</div>

<div class="col-xs-4">

  <button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>

</div>

</div>

<p>Things cats <span class="text-danger">love:</span></p>

<ul>

<li>cat nip</li>

<li>laser pointers</li>

<li>lasagna</li>

</ul>

<p>Top 3 things cats hate:</p>

<ol>

<li>flea treatment</li>

<li>thunder</li>

<li>other cats</li>

</ol>

<form action="/submit-cat-photo">

<div class="row form-control">

<div class="col-xs-6">

<label><input type="radio" name="indoor-outdoor"> Indoor</label>

</div>

<div class="col-xs-6">

<label><input type="radio" name="indoor-outdoor"> Outdoor</label>

</div>

</div>

<div class="row">

<div class="col-xs-4">

<label><input type="checkbox" name="personality"> Loving</label>

</div>

<div class="col-xs-4">

<label><input type="checkbox" name="personality"> Lazy</label>

</div>

<div class="col-xs-4">

<label><input type="checkbox" name="personality"> Crazy</label>

</div>

</div>

<input type="text" placeholder="cat photo URL" required>

<button type="submit" class="btn btn-primary "> <i class="fa fa-paper-plane"></i>Submit</button>

</form>

</div>

still stuck
Margaret
@Margaret2
May 05 2017 00:54

@sachinmodha

Give your form's text input field a class of form-control.

the text input is the <input type="text"> element

@Manish-Giri ok i'll tell you.. i was gonna do it whenever you call me Tiggy haha :D
make random PRs to get back at you :laughing:
Manish Giri
@Manish-Giri
May 05 2017 00:55
:open_mouth:
Sachin Modha
@sachinmodha
May 05 2017 00:56
@Margaret2 ty
CamperBot
@camperbot
May 05 2017 00:56
sachinmodha sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:star2: 2427 | @margaret2 |http://www.freecodecamp.com/margaret2
Margaret
@Margaret2
May 05 2017 00:56
:candy:
fallofu
@fallofu
May 05 2017 00:56
help..
Manish Giri
@Manish-Giri
May 05 2017 00:59
tiggy
tiggy
tiggy
tiggy
tiggy
Margaret
@Margaret2
May 05 2017 00:59
:joy_cat: :joy_cat: :joy_cat:
Manish Giri
@Manish-Giri
May 05 2017 01:00
TIGGYTIGGY
Margaret
@Margaret2
May 05 2017 01:00
guess i'll have to find some more things to "fix" :smirk:
Manish Giri
@Manish-Giri
May 05 2017 01:00
:smiling_imp:
Kyle Holm
@thekholm80
May 05 2017 01:00
change all the readmes to comic sans
or wingdings
Margaret
@Margaret2
May 05 2017 01:01
@thekholm80 look where your advice got me :point_up:
Manish Giri
@Manish-Giri
May 05 2017 01:01
not all advice is in your best interests, Tiggy
Margaret
@Margaret2
May 05 2017 01:01
wingdings, not a bad idea :D
Margaret
@Margaret2
May 05 2017 01:07
@Manish-Giri ahh :feelsgood: Manish-Giri/Flexbox#1
Ben
@BennSaid
May 05 2017 01:08

<script>
$(document).ready(function() {
$("button").addClass("animated bounce");
});

$(".well").addClass("animated shake");
</script>

<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="col-xs-6">
<h4>#left-well</h4>
<div class="well" id="left-well">
<button class="btn btn-default target" id="target1">#target1</button>
<button class="btn btn-default target" id="target2">#target2</button>
<button class="btn btn-default target" id="target3">#target3</button>
</div>
</div>
<div class="col-xs-6">
<h4>#right-well</h4>
<div class="well" id="right-well">
<button class="btn btn-default target" id="target4">#target4</button>
<button class="btn btn-default target" id="target5">#target5</button>
<button class="btn btn-default target" id="target6">#target6</button>
</div>
</div>
</div>
</div>

why wont my well classes shake?
Margaret
@Margaret2
May 05 2017 01:09
@BennSaid the line that adds the class should be inside your document ready function, like the one from the previous challenge
Manish Giri
@Manish-Giri
May 05 2017 01:09
:open_mouth:
Will Hart
@willhart108
May 05 2017 01:10
Im on the task "Create a Form Element" and it says 'Nest your text input element within a form element.' Is this not correct:
<form action="/submit-cat-photo"><input type="text" placeholder="cat photo URL"></form>
?
Margaret
@Margaret2
May 05 2017 01:11
@willhart108 that looks pretty good, can we see the surrounding code
Will Hart
@willhart108
May 05 2017 01:11
ya ill snap a screenshot
Jonathan Filion
@jonfilion
May 05 2017 01:12
Hey guys can someone help me?
Will Hart
@willhart108
May 05 2017 01:12
Screen Shot 2017-05-04 at 6.11.58 PM.png
this what u meant? : p
Margaret
@Margaret2
May 05 2017 01:13
@willhart108 ok, that looks fine. :+1: have you tried refreshing the page
Ben
@BennSaid
May 05 2017 01:13
<script>
$(document).ready(function() {
$("button").addClass("animated bounce");
});
<script>
$(document).ready(function() {
$("button").addClass("animated bounce");
});

$(document).ready(function()) {$(".well").addClass("animated shake"});
</script>
Will Hart
@willhart108
May 05 2017 01:13
Screen Shot 2017-05-04 at 6.13.07 PM.png
Ben
@BennSaid
May 05 2017 01:13
@Margaret2 shouldnt that of fixed it?
Margaret
@Margaret2
May 05 2017 01:14
@BennSaid
<script>
$(document).ready(function() {
$("button").addClass("animated bounce");
ADD THE CLASS TO THE WELL HERE
});
<script>
Will Hart
@willhart108
May 05 2017 01:14
@Margaret2 i think chrome is stopping me. i keep getting an error code
Margaret
@Margaret2
May 05 2017 01:14
@willhart108 do you have the latest version of chrome
because it's an issue with chrome 57
but chrome 58 should work ok
or you can just do it in firefox
Will Hart
@willhart108
May 05 2017 01:15
@Margaret2 yes. i got this far using chrome. just this stupid task is holding me up
@Margaret2 ill try firefox i guess. but the code looks correct?
Margaret
@Margaret2
May 05 2017 01:15
yeah
Ben
@BennSaid
May 05 2017 01:15
<script>
$(document).ready(function() {
$("button").addClass("animated bounce");
});
<script>
$(document).ready(function() {
$("button").addClass("animated bounce"); $(".well").addClass("animated shake");
});

</script>
Will Hart
@willhart108
May 05 2017 01:16
@Margaret2 thank you!
CamperBot
@camperbot
May 05 2017 01:16
willhart108 sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:star2: 2428 | @margaret2 |http://www.freecodecamp.com/margaret2
Margaret
@Margaret2
May 05 2017 01:16
@BennSaid you should only have one script element, take out the duplicate code
Ben
@BennSaid
May 05 2017 01:16
@Margaret2 ty
CamperBot
@camperbot
May 05 2017 01:16
bennsaid sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:star2: 2429 | @margaret2 |http://www.freecodecamp.com/margaret2
Margaret
@Margaret2
May 05 2017 01:16
:+1:
webber1ea
@webber1ea
May 05 2017 01:22
I need to put form-control for my form text input and i have no idea what to do
Margaret
@Margaret2
May 05 2017 01:22
@webber1ea your text input is the <input type="text"> element. you just have to give it a class
Jennifer vdh
@jennifervdh
May 05 2017 01:22
I used firefox for the form sections
hello btw:)
Brad Rumack
@brumack
May 05 2017 01:24
hi all! would love some help. I'm finishing up my twitch app, and I'm having a problem with the browser window needing to be refreshed one or two times before everything loads correctly. No idea what's going on. Any suggestions would be super appreciated
Kyle Holm
@thekholm80
May 05 2017 01:24
@brumack that's really pretty
Brad Rumack
@brumack
May 05 2017 01:25
thanks!
Margaret
@Margaret2
May 05 2017 01:26
yeah the way it slides to reveal status is cool :+1:
Brad Rumack
@brumack
May 05 2017 01:26
ty!
Kyle Holm
@thekholm80
May 05 2017 01:27
the hidden status container has some overflow issues on small screens
momcodebeginner
@momcodebeginner
May 05 2017 01:27
HI ALL, NEED HELP TO MAKE IMAGES MOBILE RESPONSIVE?
Brad Rumack
@brumack
May 05 2017 01:28
yeah I'm gonna need to go in and work on a mobile layout
momcodebeginner
@momcodebeginner
May 05 2017 01:28
ANYONE PROB WITH THIS ONE?
Brad Rumack
@brumack
May 05 2017 01:28
something a little more friendly for small screens
Margaret
@Margaret2
May 05 2017 01:28
@brumack i can see where the first time you open it, it does lag a lot, i actually waited a while and it eventually showed up without refreshing... maybe it has something to do with the setTimeouts in your js
Kyle Holm
@thekholm80
May 05 2017 01:29
yeah, 4 seconds is a long time
Brad Rumack
@brumack
May 05 2017 01:29
I actually added that trying to give it some time to catch up with itself
Margaret
@Margaret2
May 05 2017 01:29
like you have two setTimeout(4000) ... so that's like 8 seconds
Brad Rumack
@brumack
May 05 2017 01:29
just added it now
didnt help haha
yeah I just took them out. kind of a bandaid that didn't cover the wound
Margaret
@Margaret2
May 05 2017 01:31
@momcodebeginner shouldn't be any problem, you just have to add a class to an <img>
Manish Giri
@Manish-Giri
May 05 2017 01:32
is that generations font hard to read
Screenshot 2017-05-04 21.32.30.png
@Margaret2
Margaret
@Margaret2
May 05 2017 01:33
:( :( :( :(
Kyle Holm
@thekholm80
May 05 2017 01:33
uh oh, how many fonts is that
Margaret
@Margaret2
May 05 2017 01:33
it's such a simple webpage... keep it to 2 fonts
Manish Giri
@Manish-Giri
May 05 2017 01:33
:smiling_imp:
Kyle Holm
@thekholm80
May 05 2017 01:33
you're in trouble mister
Manish Giri
@Manish-Giri
May 05 2017 01:33
nope
Margaret
@Margaret2
May 05 2017 01:33
but hey, the buttons look better! :blush:
Manish Giri
@Manish-Giri
May 05 2017 01:33
I still need open sans
at least
Jennifer vdh
@jennifervdh
May 05 2017 01:34
is anyobne having problems with twitch/
Kyle Holm
@thekholm80
May 05 2017 01:34
@jennifervdh never used it
Margaret
@Margaret2
May 05 2017 01:34
@jennifervdh just above @brumack was having issues with lag
@thekholm80 lol didn't you build the project
Jennifer vdh
@jennifervdh
May 05 2017 01:35
oh I can't get the directory to load
Manish Giri
@Manish-Giri
May 05 2017 01:35
@jennifervdh what API?
Kyle Holm
@thekholm80
May 05 2017 01:35
I built the project, but I didn't actually go to twitch
Manish Giri
@Manish-Giri
May 05 2017 01:36
Screenshot 2017-05-04 21.35.51.png
guess that's better
Jennifer vdh
@jennifervdh
May 05 2017 01:36
oh I'm not doing to project I was just trying to watch other coders
Kyle Holm
@thekholm80
May 05 2017 01:36
needs more comic sans
Manish Giri
@Manish-Giri
May 05 2017 01:36
twitch has gamers
not as many coders
Margaret
@Margaret2
May 05 2017 01:37
omg the twitch website is messed up
Kyle Holm
@thekholm80
May 05 2017 01:37
@brumack did it
Margaret
@Margaret2
May 05 2017 01:37
it says there's nobody playing creative
Manish Giri
@Manish-Giri
May 05 2017 01:38
working for me
Kyle Holm
@thekholm80
May 05 2017 01:38
i saw his code, it was malicious
Margaret
@Margaret2
May 05 2017 01:38
the mobile app works fine
Brad Rumack
@brumack
May 05 2017 01:38
haha
sorry, I broke twitch
Margaret
@Margaret2
May 05 2017 01:38
@jennifervdh hear that? something is going on with them, it's not you :D
webber1ea
@webber1ea
May 05 2017 01:39
How Do you get your text to be both centered and primary? for some reason when I put the two classes in it wont work.
Margaret
@Margaret2
May 05 2017 01:40
@thekholm80 once they get their website working again, you should check out the creative section - there's people coding, painting, playing music, cooking, wood carving, you name it they're livestreaming it lol
Kyle Holm
@thekholm80
May 05 2017 01:41
interesting. I wonder if people would like to watch me surf reddit?
Margaret
@Margaret2
May 05 2017 01:41
well, if you talk in a fun way while you're doing it, they might :D
Kyle Holm
@thekholm80
May 05 2017 01:42
I'll talk like Bob Ross. "And over here we'll click on a happy r/webdev link"
Margaret
@Margaret2
May 05 2017 01:42
:joy: :joy: that sounds so uplifting
Kyle Holm
@thekholm80
May 05 2017 01:42
I do love r/wholesomememes
irishrob86
@irishrob86
May 05 2017 01:42
hello
Kyle Holm
@thekholm80
May 05 2017 01:43
hi
irishrob86
@irishrob86
May 05 2017 01:43
i am very very new to this site :), i am stuck a certain task, could anyone help me out?
Manish Giri
@Manish-Giri
May 05 2017 01:44
i'm also new
irishrob86
@irishrob86
May 05 2017 01:44
lol
Manish Giri
@Manish-Giri
May 05 2017 01:44
and no one helps me
so..go figure.
Margaret
@Margaret2
May 05 2017 01:44
woah there's like this glassblower guy live right now
Kyle Holm
@thekholm80
May 05 2017 01:44
@Manish-Giri we've tried helping you, it's not our fault you think you know everything
irishrob86
@irishrob86
May 05 2017 01:44
i am trying to add 2 classes to the on <img line of code, not working
Kyle Holm
@thekholm80
May 05 2017 01:45
class='class1 class2'
separate with a space
Manish Giri
@Manish-Giri
May 05 2017 01:45
:fu:
Kyle Holm
@thekholm80
May 05 2017 01:45
lol
Margaret
@Margaret2
May 05 2017 01:46
i'm newer than @Manish-Giri and when was the last time he helped me....
Kyle Holm
@thekholm80
May 05 2017 01:46
gonna screenshot that and make it my new avatar
image.png
Manish Giri
@Manish-Giri
May 05 2017 01:46
i'm not qualified enough to help you
:smirk:
Alexander Køpke
@alexanderkopke
May 05 2017 01:47
I think a niche could be you watching animes. People can request what you watch. So the idea is that a lot of people don't have friends who like animes or the same animes and so this way they at least feel that they have one friend watching it together.
Manish Giri
@Manish-Giri
May 05 2017 01:47
lol
Margaret
@Margaret2
May 05 2017 01:47
@alexanderkopke ooh yeah :D
you have such great ideas
Alexander Køpke
@alexanderkopke
May 05 2017 01:47
:blush:
irishrob86
@irishrob86
May 05 2017 01:47
right so class 1 reads as class="smaller-image" so i get why you would put 'class 1' but this line of code does not have my class 2, which needs to read class="thick-green-border". do you need to have both classes in the one <img line of code?
sorry... i am soooo new haha <3
Kyle Holm
@thekholm80
May 05 2017 01:48
yes
so smaller-image thick-green-border
all in one class attribute
Margaret
@Margaret2
May 05 2017 01:48
@irishrob86 class=" AS MANY CLASS NAMES AS YOU WANT"
Kyle Holm
@thekholm80
May 05 2017 01:48
in the same img tag
irishrob86
@irishrob86
May 05 2017 01:49
so just once off class="what ever you want to put in and multiple things, then close"
Kyle Holm
@thekholm80
May 05 2017 01:49
yep. just remember to separate each class with a space
Margaret
@Margaret2
May 05 2017 01:49
I remember i went on twitch one night and there was this one girl just like... hanging out and eating a bagel or smth...
irishrob86
@irishrob86
May 05 2017 01:49
that is great to know :)
thank you :)
Kyle Holm
@thekholm80
May 05 2017 01:49
:+1:
@Margaret2 that's kind of weird
irishrob86
@irishrob86
May 05 2017 01:50
this is so fascinating :D
Margaret
@Margaret2
May 05 2017 01:50
i think she does other stuff normally, but she was like, "I'm hungry, let's just go down to my kitchen...."
Kyle Holm
@thekholm80
May 05 2017 01:50
I used to watch a lot of twitch fails on youtube
I suppose it's like watching twich, but fast-forwarding through the boring parts
Margaret
@Margaret2
May 05 2017 01:51
hahaha i should look that up :D
Kyle Holm
@thekholm80
May 05 2017 01:52
My favorite was some kid tipping (I think? donating?) his favorite streamers like $10k each, then finding out he couldn't stop the paypal payments
lost over $100k or something
Margaret
@Margaret2
May 05 2017 01:52
:o :o :o whaaaat
wow
Kyle Holm
@thekholm80
May 05 2017 01:52
he wanted to be the big shot, but not actually pay lol
I wonder if he tries that at strip clubs?
Margaret
@Margaret2
May 05 2017 01:53
:stuck_out_tongue_closed_eyes:
irishrob86
@irishrob86
May 05 2017 01:53
sorry to bother you all again, why would you label it class 1 class 2?
<img class="smaller-image thick-green-border"
Margaret
@Margaret2
May 05 2017 01:53
@irishrob86 that was just an example
Kyle Holm
@thekholm80
May 05 2017 01:53
@irishrob86 yeah, I didn't want to think of classes so I used those as examples
irishrob86
@irishrob86
May 05 2017 01:54
can you make the code shorter i guess by using class 1/2
Kyle Holm
@thekholm80
May 05 2017 01:54
class='text-center pink-text superAwesomeClassForWinners'
yeah, i camel-cased a class. so what?
Margaret
@Margaret2
May 05 2017 01:54
@irishrob86 each word is a class name, i don't think 1/2 is a valid class name
Matthew White
@LordFifth
May 05 2017 01:55
@Margaret2 :wave: ! It's been a while!
Kyle Holm
@thekholm80
May 05 2017 01:55
@irishrob86 code that's easy to understand is WAY better than shorter code
Margaret
@Margaret2
May 05 2017 01:55
@thekholm80 inconsistent! bad design!
:( :( :( :(
irishrob86
@irishrob86
May 05 2017 01:55
i know that sorry i meant class 1 / class 2
Kyle Holm
@thekholm80
May 05 2017 01:55
I like snake case best
Margaret
@Margaret2
May 05 2017 01:55
@irishrob86 why would that make the code shorter in any way lol
class="class1 class2" is shorter than class="class1 / class2"
Adaptable Kay
@AdaptableKay
May 05 2017 01:56

I've been trying to figure this out but can't seem to find the solution. Can someone help me figure out how to center the picture and the social links at the bottom? https://codepen.io/AdaptableKay/full/jmwowo/

Also if anybody has any feedback it would be greatly appreciated! :)

Margaret
@Margaret2
May 05 2017 01:56
@thekholm80 snake case?
~like~this~?~
lx852357
@lx852357
May 05 2017 01:57
reCAPTCHA cannot connect
what should i do?
Kyle Holm
@thekholm80
May 05 2017 01:57
@Margaret2 with_underscores
Margaret
@Margaret2
May 05 2017 01:58
ohh
Kyle Holm
@thekholm80
May 05 2017 01:58
I use that for file names because I don't like quoting them in the terminal
bolo4djob
@bolo4djob
May 05 2017 01:58
Hi , newbie here! I am trying to size my image but no matter how many times i type the code it stills tells me that my img element should have the class smaller-image. i'm getting a little confused with this challenge! Any help please!!
Kyle Holm
@thekholm80
May 05 2017 01:58
@AdaptableKay looking it over btw, we're not ignoring you
Margaret
@Margaret2
May 05 2017 01:59
ok well i'm gonna go now.. cya @thekholm80
Hoang Thanh Tu
@hoangthanhtu
May 05 2017 01:59
@bolo4djob : plz show your code
Adaptable Kay
@AdaptableKay
May 05 2017 01:59
No problem, take your time! I'm just grateful for the help :D
Kyle Holm
@thekholm80
May 05 2017 01:59
@Margaret2 have a good night! make lots of pull requests
Margaret
@Margaret2
May 05 2017 01:59
good night @Manish-Giri I know you do help me sometimes ty :sparkles:
CamperBot
@camperbot
May 05 2017 01:59
margaret2 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 5396 | @manish-giri |http://www.freecodecamp.com/manish-giri
Matthew White
@LordFifth
May 05 2017 01:59
bye
Margaret
@Margaret2
May 05 2017 01:59
@LordFifth :wave:
bolo4djob
@bolo4djob
May 05 2017 02:00
this is supposedly what i'm supposed to type <style>
.larger-image {
width: 500px;
}
</style>
irishrob86
@irishrob86
May 05 2017 02:00
who are all you people? are you just random coders, that all come together on this website? do some of you work for freecode??
Matthew White
@LordFifth
May 05 2017 02:00
all fcc students
Kyle Holm
@thekholm80
May 05 2017 02:00
I'm just here for the coffee
Margaret
@Margaret2
May 05 2017 02:00
@irishrob86 we're random. some of us more random than others :smirk:
Matthew White
@LordFifth
May 05 2017 02:00
I wish I got paid for this
bolo4djob
@bolo4djob
May 05 2017 02:01
sorry here is the code <style> .smaller-image {width: 500px;}</style>
Kyle Holm
@thekholm80
May 05 2017 02:01
@AdaptableKay i'm curious about the <p1>, <p2> etc elements?
Matthew White
@LordFifth
May 05 2017 02:01
@bolo4djob did the instructions say 500px?
Hoang Thanh Tu
@hoangthanhtu
May 05 2017 02:02
@bolo4djob change the width size to 100px
irishrob86
@irishrob86
May 05 2017 02:03
i am such a noob at this :D I have always, in the back of my mind thought about coding, never really knew how to start it or get into it... just last week, i stumble onto this site and love it...
Kyle Holm
@thekholm80
May 05 2017 02:03
@irishrob86 I say stick with it. even if you never do it for a living it's tons of fun to learn
and it helps you think in new ways
bolo4djob
@bolo4djob
May 05 2017 02:04
the instructions said to change to 100px, but it still does not work
does it matter where i type it on the screen?
Matthew White
@LordFifth
May 05 2017 02:04
did you add the class in the <img> element?
Hoang Thanh Tu
@hoangthanhtu
May 05 2017 02:05
@bolo4djob show me your <img> code
Kyle Holm
@thekholm80
May 05 2017 02:06
@LordFifth got to use pug/jade today
Matthew White
@LordFifth
May 05 2017 02:07
how did you like it?
Kyle Holm
@thekholm80
May 05 2017 02:07
it was kind of indirect
irishrob86
@irishrob86
May 05 2017 02:07
its beyond fascinating... I've always had an interest in computing, always thought i knew computers, but until i saw the intricacy of coding, I've released how little i do know.
Kyle Holm
@thekholm80
May 05 2017 02:07
var express = require("express")
var app = express()

app.set('views', process.argv[3], 'templates')
app.set('view engine', 'jade')
app.get('/home', function(request, response) {
  response.render('index', {date: new Date().toDateString()})
})

app.listen(Number(process.argv[2]))
just loading a pug file and using jade as the engine
irishrob86
@irishrob86
May 05 2017 02:07
i did thank you :D
Matthew White
@LordFifth
May 05 2017 02:08
Is that webpack?
Kyle Holm
@thekholm80
May 05 2017 02:08
no, express.js
Matthew White
@LordFifth
May 05 2017 02:08
Should I google it?
Kyle Holm
@thekholm80
May 05 2017 02:09
nah, you'll get to it in the back-end lessons
bolo4djob
@bolo4djob
May 05 2017 02:09

@hoangthanhtu

<style>
.smaller-image {
width:100px
}
</style>

Hoang Thanh Tu
@hoangthanhtu
May 05 2017 02:09
@bolo4djob : and your <img> code? did you put class="smaller-image" for it?
Matthew White
@LordFifth
May 05 2017 02:09
@bolo4djob that part is correct, but I'm worried about the rest of your code
lx852357
@lx852357
May 05 2017 02:10
@bolo4djob i guess you miss a ;
Nathan
@clarken1996
May 05 2017 02:10
@irishrob86 Welcome rob what part of Ireland are you from?
Kyle Holm
@thekholm80
May 05 2017 02:10
width:100px ;
Adaptable Kay
@AdaptableKay
May 05 2017 02:10
@thekholm80 Since I'm still new that was how I figured out how to do my separate components. It worked so I ran with it. Lol
Kyle Holm
@thekholm80
May 05 2017 02:10
@AdaptableKay I see
Andrew
@githubandrewcarlin
May 05 2017 02:11
@thekholm80 Dude you are always on this chat.
@thekholm80 Gang gang.
Kyle Holm
@thekholm80
May 05 2017 02:11
not always lol
Matthew White
@LordFifth
May 05 2017 02:12
he's secretly an AI
Andrew
@githubandrewcarlin
May 05 2017 02:12
Well I guess we always get on at the same time lol.
irishrob86
@irishrob86
May 05 2017 02:12
@clarken1996 i live in Dublin Nathan
are you in Ireland yourself?
bolo4djob
@bolo4djob
May 05 2017 02:12

@hoangthanhtu I'm a little confused: this how the whole thing looks like: I don't know where i am supposed to fix:<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}
</style>
<style>
class="smaller-image" {
width:100px;
}
</style>

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

<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">

<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 class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

Andrew
@githubandrewcarlin
May 05 2017 02:13
Do people from FreeCodeCamp meet at hackathons? I live in West Palm Beach Florida.
Nathan
@clarken1996
May 05 2017 02:13
@irishrob86 ah yeah, born and raised in Dublin been living in oz for the last couple of years like most irish people
Hoang Thanh Tu
@hoangthanhtu
May 05 2017 02:13
@bolo4djob : put the link to google font in the top of your source code
@bolo4djob your img tag still haven't class="smaller-image"
irishrob86
@irishrob86
May 05 2017 02:14
born in skerries, living in lucan :D
Matthew White
@LordFifth
May 05 2017 02:14
@bolo4djob you need to add the smaller-image class to <img> and add the .smaller-image {...} css should be moved into your first <style> tag with the extra removed
irishrob86
@irishrob86
May 05 2017 02:14
its 03:14, workin in 6 hours and im tying to learn how to code hahaha
Kyle Holm
@thekholm80
May 05 2017 02:15
I love irish accents
irishrob86
@irishrob86
May 05 2017 02:15
we have many different accents :)
Nathan
@clarken1996
May 05 2017 02:16
Yeah some farmers and some city lads
guy I work with is from Galways and I can never really understand him
james umali
@indefinite0212
May 05 2017 02:16
Good morning everyone :smile:
Kyle Holm
@thekholm80
May 05 2017 02:16
james!
lx852357
@lx852357
May 05 2017 02:16
good morning
Matthew White
@LordFifth
May 05 2017 02:16
did you know, there are more people of Irish descent in America than Ireland?
james umali
@indefinite0212
May 05 2017 02:16
Hi Kyle! :wave:
Kyle Holm
@thekholm80
May 05 2017 02:17
@LordFifth i read that somewhere a while back. I though it was pretty crazy
Matthew White
@LordFifth
May 05 2017 02:17
it is pretty crazy
irishrob86
@irishrob86
May 05 2017 02:17
https://www.youtube.com/watch?v=U6QX7aAwPhg - really chilled out music to listen to while you code <3
Kyle Holm
@thekholm80
May 05 2017 02:17
does that mean ireland's chief export is irish descendants?
Hoang Thanh Tu
@hoangthanhtu
May 05 2017 02:17
Good morning @indefinite0212
Matthew White
@LordFifth
May 05 2017 02:17
yes :joy:
Nathan
@clarken1996
May 05 2017 02:19
Yeah to many Irish people in australia too, irish accent just causes to much babies
james umali
@indefinite0212
May 05 2017 02:19
Hello @hoangthanhtu :wave:
Nathan
@clarken1996
May 05 2017 02:19
morning @indefinite0212
hey can some help me with what I did wrong here? \$("#left-well").parent().css("background-color", "red");
Russell
@RussEfarmer
May 05 2017 02:20
So it keeps stating "Your <style> should have a pink-text CSS class with its color set to pink." when I have a class that sets it to pink. Any reason why?
Nathan
@clarken1996
May 05 2017 02:20
without the \
bolo4djob
@bolo4djob
May 05 2017 02:21
@LordFifth @hoangthanhtu Awesome! Thanks a lot!
CamperBot
@camperbot
May 05 2017 02:21
bolo4djob sends brownie points to @lordfifth and @hoangthanhtu :sparkles: :thumbsup: :sparkles:
:cookie: 126 | @hoangthanhtu |http://www.freecodecamp.com/hoangthanhtu
:cookie: 482 | @lordfifth |http://www.freecodecamp.com/lordfifth
Nathan
@clarken1996
May 05 2017 02:21
Your left-well element should have a red background.
Your left-well element should have a red background.
The .parent() method should be called on the #target1 element
EJ Nevarez
@nevarezej
May 05 2017 02:22
Hello
need help Team
Ben
@BennSaid
May 05 2017 02:22
<script>
$(document).ready(function() {
$("button").addclass("animated")
$(".btn").addclass("shake")
$("btn-primary").addclass("#target1")
});
</script>
EJ Nevarez
@nevarezej
May 05 2017 02:22
Give your form's text input field a class of form-control. Give your form's submit button the classes btn btn-primary. Also give this button the Font Awesome icon of fa-paper-plane.
james umali
@indefinite0212
May 05 2017 02:22
@clarken1996 Try to remove .parent()
Hoang Thanh Tu
@hoangthanhtu
May 05 2017 02:22
@BennSaid you missed ; after each line
Karen Soto
@dttksoto
May 05 2017 02:23
can Someone help me o this easier?
<img class= smaller-image { width: 100px;
}
 src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
why i cant apply the correct width?
james umali
@indefinite0212
May 05 2017 02:23
@BennSaid addClass. And #target1 first before btn-primary
Matthew White
@LordFifth
May 05 2017 02:23
@BennSaid "btn-primary" is a class and needs a .
Nathan
@clarken1996
May 05 2017 02:23
@indefinite0212 that changed my errors to these two
You should use the .parent() function to modify this element.
The .parent() method should be called on the #target1 element.
james umali
@indefinite0212
May 05 2017 02:24
@RussEfarmer Show your code
Hoang Thanh Tu
@hoangthanhtu
May 05 2017 02:24
@dttksoto : you should define style for .smaller-image in separated section between <style> ... </style>
Russell
@RussEfarmer
May 05 2017 02:24

<style>
body {
background-color: black;
font-family: Monospace;
color: green;
}
.pink-text {
color: pink
}

</style>

<h1 class="pink-text">Hello World</h1>

lx852357
@lx852357
May 05 2017 02:24

tatget1 parent is #left-well

james umali
@indefinite0212
May 05 2017 02:24
What is the instructions? (not the requirements) @clarken1996
Nathan
@clarken1996
May 05 2017 02:24
@lx852357 was that for me?
Hoang Thanh Tu
@hoangthanhtu
May 05 2017 02:25
@RussEfarmer : you missed a ; after color:pink
Russell
@RussEfarmer
May 05 2017 02:25
Ah thanks
Karen Soto
@dttksoto
May 05 2017 02:25
so it has to be separate? in another <style> section?
james umali
@indefinite0212
May 05 2017 02:25
@RussEfarmer Missing ;
Karen Soto
@dttksoto
May 05 2017 02:25
@hoangthanhtu so it has to be separate? in another <style> section?
EJ Nevarez
@nevarezej
May 05 2017 02:25
stuck !! need help its asking"Give the Text Input in your form the class form-control
Nathan
@clarken1996
May 05 2017 02:25
@indefinite0212 Give the parent of the #target1 element a background-color of red.
james umali
@indefinite0212
May 05 2017 02:26
@nevarezej Find your text inout and just give it a class form-control
Ben
@BennSaid
May 05 2017 02:26
<script>
$(document).ready(function() {
$("button").addclass("animated");
$(".btn").addclass("shake");
$(".btn-primary").addclass("#target1");
});
</script>
none of tjose changes worked
Hoang Thanh Tu
@hoangthanhtu
May 05 2017 02:26
@dttksoto : yes, like this
<style>
   .smaller-image {
       ...
   }
</style>
  <img class="smaller-image" ...>
james umali
@indefinite0212
May 05 2017 02:26
@nevarezej use #target1 instead of #left-well
Hoang Thanh Tu
@hoangthanhtu
May 05 2017 02:27
@BennSaid addClass not addclass
james umali
@indefinite0212
May 05 2017 02:27
@BennSaid I said addClass, capital C. And #target1 first before btn-primary
mvermace
@mvermace
May 05 2017 02:27
So what is wrong with this:
lx852357
@lx852357
May 05 2017 02:28
@clarken1996 sorry, my english is not well, i cannot understand
mvermace
@mvermace
May 05 2017 02:28
So what is wrong with this?....<p>View more<a href="http://www.freecatphotoapp.com">cat photos</a>< /p>
duonglongpro
@duonglongpro
May 05 2017 02:28
hello i'm new member
Jennifer vdh
@jennifervdh
May 05 2017 02:28
ben there are three addclasses with lower case c's
EJ Nevarez
@nevarezej
May 05 2017 02:28
@indefinite0212 still cant find where to add
Nathan
@clarken1996
May 05 2017 02:29
hello and welcome @jennifervdh
james umali
@indefinite0212
May 05 2017 02:29
@mvermace Space after View more
Jennifer vdh
@jennifervdh
May 05 2017 02:29
hi nathan
how are you
EJ Nevarez
@nevarezej
May 05 2017 02:29
  <div class="col-xs-6">
    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
  </div>
  <div class="col-xs-6">
    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
  </div>
</div>
<div class="row">
  <div class="col-xs-4">
    <label><input type="checkbox" name="personality"> Loving</label>
  </div>
  <div class="col-xs-4">
    <label><input type="checkbox" name="personality"> Lazy</label>
  </div>
  <div class="col-xs-4">
    <label><input type="checkbox" name="personality"> Crazy</label>
  </div>
</div>
<input type="text" placeholder="cat photo URL" required>
<button type="submit" class="btn btn-primary"><i class="fa fa-paper-plane"></i>Submit</button>
</form>
</div>
Nathan
@clarken1996
May 05 2017 02:30
good Jenn, and you @jennifervdh
james umali
@indefinite0212
May 05 2017 02:30
@nevarezej the instruction is to addClass btn-primary to your #target1
not add class #target1 to your btn-primary
Mike
@sparkythedj
May 05 2017 02:30
Im looking at project 2 and I dont ever remember them going over half of what is on the example. Do they want it exactly like the example?
Jennifer vdh
@jennifervdh
May 05 2017 02:30
I'm ok. I hope to finish my tributw page tonight
Russell
@RussEfarmer
May 05 2017 02:30
@mvermace Remove the space in </ p> and put a space between more and <a
james umali
@indefinite0212
May 05 2017 02:31
@nevarezej Find type="text"
Hoang Thanh Tu
@hoangthanhtu
May 05 2017 02:31
@nevarezej : add class="form-control" into your <input> tag
Ben
@BennSaid
May 05 2017 02:31
<script>
$(document).ready(function() {
$("button") .addClass("animated");
$(".btn").addClass("shake");
$("#target1").addClass(".btn-primary animated shake");
});
</script>
some were resolved
EJ Nevarez
@nevarezej
May 05 2017 02:32
@hoangthanhtu would i create a new one or would i nest it with another one
Ben
@BennSaid
May 05 2017 02:32
Only add one class with each of your three selectors.
Your #target1 element should have the classes animated‚ shake and btn-primary.
those are not though
Mike
@sparkythedj
May 05 2017 02:32
anybody?
Nathan
@clarken1996
May 05 2017 02:32
oh thats pretty cool I'm doing full stack so I am still far away
james umali
@indefinite0212
May 05 2017 02:32
@BennSaid Remove . In just btn-primary
Nathan
@clarken1996
May 05 2017 02:32
@indefinite0212 all James got it $("#target1").parent().css("background-color", "red");
thanks @indefinite0212
CamperBot
@camperbot
May 05 2017 02:32
clarken1996 sends brownie points to @indefinite0212 :sparkles: :thumbsup: :sparkles:
:cookie: 942 | @indefinite0212 |http://www.freecodecamp.com/indefinite0212
Hoang Thanh Tu
@hoangthanhtu
May 05 2017 02:33
@nevarezej plz show your full code, I cannot see <form> tag in your source code
james umali
@indefinite0212
May 05 2017 02:33
@BennSaid Also you need to add only ome class and it is btn-primary
EJ Nevarez
@nevarezej
May 05 2017 02:34
@hoangthanhtu <div class="col-xs-4">
<a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "></a>
</div>
</div>
<img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera. ">
<div class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
</div>
</div>
<p>Things cats <span class="text-danger">love:</span></p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
<form action="/submit-cat-photo">
<div class="row">
<div class="col-xs-6">
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
</div>
<div class="col-xs-6">
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
</div>
</div>
<div class="row">
<div class="col-xs-4">
<label><input type="checkbox" name="personality"> Loving</label>
</div>
<div class="col-xs-4">
<label><input type="checkbox" name="personality"> Lazy</label>
</div>
<div class="col-xs-4">
<label><input type="checkbox" name="personality"> Crazy</label>
</div>
</div>
<input type="text" placeholder="cat photo URL" required>
<button type="submit" class="btn btn-primary"><i class="fa fa-paper-plane"></i>Submit</button>
</form>
</div>
james umali
@indefinite0212
May 05 2017 02:34
@clarken1996 Welcome :)
Karen Soto
@dttksoto
May 05 2017 02:34
@hoangthanhtu i dunno why i cant
Hoang Thanh Tu
@hoangthanhtu
May 05 2017 02:35
@nevarezej add class="form-control" into <input type="text"...>
Ben
@BennSaid
May 05 2017 02:35
@indefinite0212 ty
CamperBot
@camperbot
May 05 2017 02:35
bennsaid sends brownie points to @indefinite0212 :sparkles: :thumbsup: :sparkles:
:cookie: 943 | @indefinite0212 |http://www.freecodecamp.com/indefinite0212
Hoang Thanh Tu
@hoangthanhtu
May 05 2017 02:36
@dttksoto $("#target1").addClass(".btn-primary animated shake"); remove btn-primary
james umali
@indefinite0212
May 05 2017 02:36
@sparkythedj You're free to personalize it, so no need to make it look like at the example. And you should search on google.like navigation bar
@BennSaid Welcome :)
Mike
@sparkythedj
May 05 2017 02:37
Thank you @indefinite0212
CamperBot
@camperbot
May 05 2017 02:37
sparkythedj sends brownie points to @indefinite0212 :sparkles: :thumbsup: :sparkles:
:cookie: 944 | @indefinite0212 |http://www.freecodecamp.com/indefinite0212
CaptainZora
@CaptainZora
May 05 2017 02:40
I am kind of confused in this challenge, I don't know where to put the font-size, thanks for the help
james umali
@indefinite0212
May 05 2017 02:40
@CaptainZora Change the font-size of your p element between your style tags
CaptainZora
@CaptainZora
May 05 2017 02:40
ok
Manish Giri
@Manish-Giri
May 05 2017 02:43
@Margaret2 ty
CamperBot
@camperbot
May 05 2017 02:43
manish-giri sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:star2: 2430 | @margaret2 |http://www.freecodecamp.com/margaret2
Karen Soto
@dttksoto
May 05 2017 02:45
@hoangthanhtu now its even worst haha <style>
.smaller-image {
width: 100px;
}
</style>
<img class="smaller-image">
Hoang Thanh Tu
@hoangthanhtu
May 05 2017 02:46
@dttksoto : your <img> tag is missing src and alt attribute :(
Ben
@BennSaid
May 05 2017 02:51
<script>
$(document).ready(function() {
$("#target1").css("color", "red");
$("#target4").html("<em>jQuery Playground</em>");
});
</script>
Coy Sanders
@coymeetsworld
May 05 2017 02:52
@BennSaid you don't change the text inside #target4, you're just emphasizing whats already in there
Karen Soto
@dttksoto
May 05 2017 02:52
@hoangthanhtu done!!! thanks a lot!!! :)
CamperBot
@camperbot
May 05 2017 02:52
dttksoto sends brownie points to @hoangthanhtu :sparkles: :thumbsup: :sparkles:
:cookie: 128 | @hoangthanhtu |http://www.freecodecamp.com/hoangthanhtu
Hoang Thanh Tu
@hoangthanhtu
May 05 2017 02:53
@dttksoto welcome
Ben
@BennSaid
May 05 2017 02:53
@coymeetsworld silly mistake, thanks
CamperBot
@camperbot
May 05 2017 02:53
bennsaid sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 2530 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Coy Sanders
@coymeetsworld
May 05 2017 02:53
np
Braulio Gonzalez
@ecomform
May 05 2017 03:01
alright can some let me know if the radio string is wrong when i run the test it is not working
Hoang Thanh Tu
@hoangthanhtu
May 05 2017 03:03

@ecomform

  <labe><input type="radio" name="indoor-outdoor">Indoor</labe>

  <labe><input type="radio" name="indoor-outdoor">Outdoor</labe>

label, not labe

Braulio Gonzalez
@ecomform
May 05 2017 03:03
that would do it
@hoangthanhtu thanks hahaha
CamperBot
@camperbot
May 05 2017 03:03
ecomform sends brownie points to @hoangthanhtu :sparkles: :thumbsup: :sparkles:
:cookie: 129 | @hoangthanhtu |http://www.freecodecamp.com/hoangthanhtu
vince nguyen
@moomoo2202
May 05 2017 03:06
In HTML, how do I nest an a element in a p element?
Nahuel Ovejero
@NahuelOvejero
May 05 2017 03:07
@moomoo2202 <p><nestedelement></nestedelement></p>
Coy Sanders
@coymeetsworld
May 05 2017 03:07
@moomoo2202 take a look at the image example
Ming Zhu
@chocobrownie
May 05 2017 03:07
Hello, I need help with my project styling. In my page I'm trying to move the grey bar down using index. But it doesn't work. I changed the grey bar's transparency to 50% for viewer's convinience to see the search box and icon below. I tried "index" before and it works, why not this case? How do I change it? https://codepen.io/chocobrownie/pen/VbWPGo
Coy Sanders
@coymeetsworld
May 05 2017 03:07
it actually shows a nested link in a paragraph
Ming Zhu
@chocobrownie
May 05 2017 03:08
the index having trouble is class"top-bar" btw
Coy Sanders
@coymeetsworld
May 05 2017 03:08
dont believe there is an index attribute in CSS
sherin
@AjumalSherin
May 05 2017 03:09
Hi how to highlight codes
vince nguyen
@moomoo2202
May 05 2017 03:09
oh thanks , my anchored link was outside the paragraph
sherin
@AjumalSherin
May 05 2017 03:11
How to highlight the codes in the black field like everyone does please tell me
boykinrun
@boykinrun
May 05 2017 03:11
Hi guys
Nahuel Ovejero
@NahuelOvejero
May 05 2017 03:11
triple ` @AjumalSherin
james umali
@indefinite0212
May 05 2017 03:11
@AjumalSherin ''' read this one
CamperBot
@camperbot
May 05 2017 03:11
:bulb: to format code use backticks! ``` more info
james umali
@indefinite0212
May 05 2017 03:12
Hello @boykinrun
sherin
@AjumalSherin
May 05 2017 03:12
hi
Gabe Rotberg
@grotberg
May 05 2017 03:12
@chocobrownie the css attribute you're thinking of is 'z-index' and you need to assign it with a colon : instead of an equals sign =
Jennifer vdh
@jennifervdh
May 05 2017 03:12
should I leave in a link to a new york times article if I don't have access to the article but perhaps other people do
Ming Zhu
@chocobrownie
May 05 2017 03:12
@grotberg Yea I just debugged this the time u said it lol
These are the two bugs I have
Ming Zhu
@chocobrownie
May 05 2017 03:13
I fixed it, thanks a lot man @grotberg
CamperBot
@camperbot
May 05 2017 03:13
chocobrownie sends brownie points to @grotberg :sparkles: :thumbsup: :sparkles:
:cookie: 326 | @grotberg |http://www.freecodecamp.com/grotberg
sherin
@AjumalSherin
May 05 2017 03:13
@james read what?
Gabe Rotberg
@grotberg
May 05 2017 03:13
@chocobrownie nice!
Jennifer vdh
@jennifervdh
May 05 2017 03:14
I think I need to add some padding between h2 and the image
Joseph
@josephdroland91
May 05 2017 03:14
Hello. My first jQuery lesson. It's not recognizing my <script></script> nor my $(document).ready(function() {}); Any advice?
Gabe Rotberg
@grotberg
May 05 2017 03:15
@josephdroland91 sometimes, just reloading the page can help.
Coy Sanders
@coymeetsworld
May 05 2017 03:15
can you show your code @josephdroland91 ?
Nahuel Ovejero
@NahuelOvejero
May 05 2017 03:15
@josephdroland91 yeah, refersh the browser
Joseph
@josephdroland91
May 05 2017 03:15
Ill try refreshing first. Thank you :)
sherin
@AjumalSherin
May 05 2017 03:17
Thank u @camperbot
CamperBot
@camperbot
May 05 2017 03:17
ajumalsherin sends brownie points to @camperbot :sparkles: :thumbsup: :sparkles:
:star2: 3233 | @camperbot |http://www.freecodecamp.com/camperbot
__mifflin__
@cdrainxv
May 05 2017 03:17
@jennifervdh: Yes, that is fine. Additionally you should also link to a wikipedia page or another site that has her biography that interested readers can learn more about her life from.
Jennifer vdh
@jennifervdh
May 05 2017 03:18
yep
Jennifer vdh
@jennifervdh
May 05 2017 03:26
how many pixelsdoes one single line have
Coy Sanders
@coymeetsworld
May 05 2017 03:28
single line?
vince nguyen
@moomoo2202
May 05 2017 03:28
I dont really get what form action attribute does. Nothing changed when i put it in
Coy Sanders
@coymeetsworld
May 05 2017 03:29
tells the browser what script to run on submit, its outside the scope of front end work
you wont see an actual visual change when you add the action attribute
vince nguyen
@moomoo2202
May 05 2017 03:30
i understand now thanks @coymeetsworld
CamperBot
@camperbot
May 05 2017 03:30
moomoo2202 sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 2531 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Coy Sanders
@coymeetsworld
May 05 2017 03:30
np
iso
@iso1048
May 05 2017 03:37
any recommended api i can use to get location (city, country) data for the weather app?
Manish Giri
@Manish-Giri
May 05 2017 03:37
ipinfo
@gothamknight
iso
@iso1048
May 05 2017 03:39
@Manish-Giri does that only give country as a two letter code?
Manish Giri
@Manish-Giri
May 05 2017 03:39
@gothamknight probably
iso
@iso1048
May 05 2017 03:40
@Manish-Giri any apis you know of which output full country and city name?
DarthD0ge
@DarthD0ge
May 05 2017 03:40
<span> is to be nested within another element right?
Gabe Rotberg
@grotberg
May 05 2017 03:41
@gothamknight you can check out geolocation, but the user needs to approve it (and I think it needs to be https for chrome, etc) https://www.w3schools.com/html/html5_geolocation.asp
Manish Giri
@Manish-Giri
May 05 2017 03:41
@gothamknight there's also ip-api
not sure about what it returns
iso
@iso1048
May 05 2017 03:42
@grotberg @Manish-Giri thanks guys
CamperBot
@camperbot
May 05 2017 03:42
gothamknight sends brownie points to @grotberg and @manish-giri :sparkles: :thumbsup: :sparkles:
:cookie: 328 | @grotberg |http://www.freecodecamp.com/grotberg
:star2: 5397 | @manish-giri |http://www.freecodecamp.com/manish-giri
Gabe Rotberg
@grotberg
May 05 2017 03:42
@Manish-Giri @gothamknight that looks like the 2 digit country code as well. you could go nuts and use the 2 digit code to get more country info using https://restcountries.eu/ but that might be overkill.
iso
@iso1048
May 05 2017 03:47
@grotberg yeah i thought about that but want to avoid it for the reason you have said.
jaacu
@jaacu
May 05 2017 03:49

Hey, could someone tell me if this is okay? "<script $(document).ready(function() { });>

</script>"

Hoang Thanh Tu
@hoangthanhtu
May 05 2017 03:50
@jaacu no it is not OK
your jQuery /js code must be in <script> ... </script> tag
jaacu
@jaacu
May 05 2017 03:50
In the same line?
Hoang Thanh Tu
@hoangthanhtu
May 05 2017 03:51
in your code, you putted jQuery code in the tag <script>
you should move from $.. ; to <script>...</script>
jaacu
@jaacu
May 05 2017 03:52
Still tells me i have an error :(
Hoang Thanh Tu
@hoangthanhtu
May 05 2017 03:52
like this
<script>
   $(document).ready(function(){
            ...
   });
</script>
victortran2015
@victortran2015
May 05 2017 03:53
@hoangthanhtu
vince nguyen
@moomoo2202
May 05 2017 03:53
Does anyone know the difference between id and class because they look the exact same to me.
Hoang Thanh Tu
@hoangthanhtu
May 05 2017 03:53
@victortran2015 what's up?
jaacu
@jaacu
May 05 2017 03:54

Is this wrong somehow? " <script> $(document).ready(function() {

});

</script>"

victortran2015
@victortran2015
May 05 2017 03:54
can you help me with this one please ?

Use an ID Attribute to Style an Element

One cool thing about id attributes is that, like classes, you can style them using CSS.
Here's an example of how you can take your element with the id attribute of cat-photo-element and give it the background color of green. In your style element:

cat-photo-element {

background-color: green;
}
Note that inside your style element, you always reference classes by putting a . in front of their names. You always reference ids by putting a # in front of their names.
Try giving your form, which now has the id attribute of cat-photo-form, a green background.

@hoangthanhtu
Hoang Thanh Tu
@hoangthanhtu
May 05 2017 03:55
@victortran2015 : plz show your code
victortran2015
@victortran2015
May 05 2017 03:55

cat-photo-form {

background-color: green;
}
Hoang Thanh Tu
@hoangthanhtu
May 05 2017 03:55
html code
james umali
@indefinite0212
May 05 2017 03:55
@jaacu Refresh your browser
victortran2015
@victortran2015
May 05 2017 03:55
I put this in the style elment
<form action="/submit-cat-photo" id="cat-photo-form">
<label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality" checked> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Energetic</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
Jason Shoemaker
@kutsuya1
May 05 2017 03:55
@victortran2015 #cat-photo-form
vince nguyen
@moomoo2202
May 05 2017 03:55
@hoangthanhtu Thanks. Id is unique whereas class can be used multiple times
CamperBot
@camperbot
May 05 2017 03:55
moomoo2202 sends brownie points to @hoangthanhtu :sparkles: :thumbsup: :sparkles:
:cookie: 130 | @hoangthanhtu |http://www.freecodecamp.com/hoangthanhtu
Jason Shoemaker
@kutsuya1
May 05 2017 03:56
@victortran2015 the '#' means it is an id
DarthD0ge
@DarthD0ge
May 05 2017 03:56
@moomoo2202 # denotes id and . denotes class
victortran2015
@victortran2015
May 05 2017 03:56
I know
james umali
@indefinite0212
May 05 2017 03:56
He did put #
Hoang Thanh Tu
@hoangthanhtu
May 05 2017 03:56
@victortran2015 : to use id of element, you must use with prefix #id { }
james umali
@indefinite0212
May 05 2017 03:56

big text

jaacu
@jaacu
May 05 2017 03:56
@indefinite0212 thanks
CamperBot
@camperbot
May 05 2017 03:56
jaacu sends brownie points to @indefinite0212 :sparkles: :thumbsup: :sparkles:
:cookie: 948 | @indefinite0212 |http://www.freecodecamp.com/indefinite0212
Jason Shoemaker
@kutsuya1
May 05 2017 03:56
@indefinite0212 well if you all see it then...
Hoang Thanh Tu
@hoangthanhtu
May 05 2017 03:57
@victortran2015 : like this #cat-photo-form { ... }
james umali
@indefinite0212
May 05 2017 03:57
@victortran2015 Pls show all of your code
Jason Shoemaker
@kutsuya1
May 05 2017 03:57
@hoangthanhtu some claim it's there
james umali
@indefinite0212
May 05 2017 03:57
It is
victortran2015
@victortran2015
May 05 2017 03:57

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}

.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}

.smaller-image {
width: 100px;
}

.silver-background{
background-color: silver;
}
#cat-photo-form {
background-color: green;
}
</style>

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

<p>Click here for <a href="#">cat photos</a>.</p>

<a href="#"><img class="smaller-image thick-green-border" alt="A cute orange cat lying on its back. " src="https://bit.ly/fcc-relaxing-cat"></a>

<div class="silver-background">
<p>Things cats love:</p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
</div>

<form action="/submit-cat-photo" id="cat-photo-form">
<label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality" checked> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Energetic</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>

it's there
DarthD0ge
@DarthD0ge
May 05 2017 03:58
your code is right
james umali
@indefinite0212
May 05 2017 03:58
@victortran2015 Try refreshing ypur browser
victortran2015
@victortran2015
May 05 2017 03:59
I did
weird
did anyone run into the same issue
james umali
@indefinite0212
May 05 2017 04:00
Not working?
victortran2015
@victortran2015
May 05 2017 04:00
lemme try to do it with google chrome
no
james umali
@indefinite0212
May 05 2017 04:00
reset your code and do it again
Jennifer vdh
@jennifervdh
May 05 2017 04:01
I need to cite a website I think or no/
victortran2015
@victortran2015
May 05 2017 04:02
I tried with google chrome
and it worked
thank you guy
there has to be a bug with internet explorer
@hoangthanhtu
Hoang Thanh Tu
@hoangthanhtu
May 05 2017 04:03
@victortran2015 : no problem with your code
victortran2015
@victortran2015
May 05 2017 04:04
@hoangthanhtu it worked now when I use google chrome. THank you
CamperBot
@camperbot
May 05 2017 04:04
victortran2015 sends brownie points to @hoangthanhtu :sparkles: :thumbsup: :sparkles:
:cookie: 131 | @hoangthanhtu |http://www.freecodecamp.com/hoangthanhtu
mymailid4reg
@mymailid4reg
May 05 2017 04:04
Hi everyone
Hoang Thanh Tu
@hoangthanhtu
May 05 2017 04:04
@victortran2015 : you're welcome
mymailid4reg
@mymailid4reg
May 05 2017 04:04
I need some help with migrating SVN repo to Git
Can anyone help me with that?
Coy Sanders
@coymeetsworld
May 05 2017 04:05
have you looked at any guides @mymailid4reg ? There should be easy ways to transition
mymailid4reg
@mymailid4reg
May 05 2017 04:06
I did
I am able to clone the SVN repo into my local git repo
the problem i am having right now is with the build number
VenkatrajN
@VenkatrajN
May 05 2017 04:06
Can someone explains what this problem is about? https://www.freecodecamp.com/challenges/map-the-debris
From wikipedia, I can't understand anything and it has no word 'altitude'
mymailid4reg
@mymailid4reg
May 05 2017 04:07
while triggering any build, in SVN, a build number is generated for every snapshot. This is being done wite the help of "buildnumber-maven-plugin". I am having trouble getting this to work with Git
Coy Sanders
@coymeetsworld
May 05 2017 04:08
@VenkatrajN altitude is how far something is from the ground
how do you think that would factor in the equation?
Markus Ivancsics
@ivancsicsmarkus
May 05 2017 04:09
@mymailid4reg Hey! It’s pretty simple.
  • Use Math.round() to round up to the next whole number as requested. Using Math.ceil() will let you pass the first test but fail the second one.
  • Find out how to remove and add key to a JavaScript object.
Jennifer vdh
@jennifervdh
May 05 2017 04:09
I'm done my tribute page. How does it look/
Markus Ivancsics
@ivancsicsmarkus
May 05 2017 04:09
68747470733a2f2f66696c65732e6769747465722e696d2f46726565436f646543616d702f57696b692f6d6a34322f72656e6465722e706e67.png
Coy Sanders
@coymeetsworld
May 05 2017 04:09
hmm not sure @mymailid4reg sorry i haven't had exp with that
Markus Ivancsics
@ivancsicsmarkus
May 05 2017 04:09
@jennifervdh It’s nice. Add a link to your github/fcc profile!
mymailid4reg
@mymailid4reg
May 05 2017 04:10
@ivancsicsmarkus looks like a lot of math :O I am stuck more with the technical side of it, like POM dependencies and stuff..
Hoang Thanh Tu
@hoangthanhtu
May 05 2017 04:10
@jennifervdh : that's great
VenkatrajN
@VenkatrajN
May 05 2017 04:10
@coymeetsworld @ivancsicsmarkus So basically, I have to execute this formula to get result?
Markus Ivancsics
@ivancsicsmarkus
May 05 2017 04:11
@mymailid4reg Here are the Math functions.
@VenkatrajN Yes, and return the value of T.
Gabriel
@gabrieljim
May 05 2017 04:11
I also just made the Tribute Page, I don't really like it, could I get some feedback? Hope you aren't lurking from your phone because it looks even worse
Huh
VenkatrajN
@VenkatrajN
May 05 2017 04:11
Thanks @ivancsicsmarkus
Gabriel
@gabrieljim
May 05 2017 04:11
It won't let me paste it
CamperBot
@camperbot
May 05 2017 04:11
venkatrajn sends brownie points to @ivancsicsmarkus :sparkles: :thumbsup: :sparkles:
:cookie: 413 | @ivancsicsmarkus |http://www.freecodecamp.com/ivancsicsmarkus
Darren
@DarrenfJ
May 05 2017 04:12
evening fCC
Jennifer vdh
@jennifervdh
May 05 2017 04:13
oh shit
Jayson Concepcion
@Ulrich-Von-Lhictenstein
May 05 2017 04:13
Hello Wolrd! :)
Jennifer vdh
@jennifervdh
May 05 2017 04:13
I submitted it before I put my links on
Darren
@DarrenfJ
May 05 2017 04:14
@Ulrich-Von-Lhictenstein hello brutha!
Jayson Concepcion
@Ulrich-Von-Lhictenstein
May 05 2017 04:14
Hi bro!
Jennifer vdh
@jennifervdh
May 05 2017 04:15
can I go back and fix it?
Darren
@DarrenfJ
May 05 2017 04:16
brb..
james umali
@indefinite0212
May 05 2017 04:16
@DarrenfJ Hey buddy :wave:
Gabriel
@gabrieljim
May 05 2017 04:17
Okay, resending:
I also just made the Tribute Page, I don't really like it, could I get some feedback? Hope you aren't lurking from your phone because it looks even worse
Here it is: https://codepen.io/gabrieljim/full/qmXYQB/
Ignore the actual content tho
first random thing that came to mind
james umali
@indefinite0212
May 05 2017 04:20
@gabrieljim I am using phone, and it looks good :smile:
Gabriel
@gabrieljim
May 05 2017 04:21
Thank you!
Hoang Thanh Tu
@hoangthanhtu
May 05 2017 04:23
@gabrieljim : it's great!
Gabriel
@gabrieljim
May 05 2017 04:25
Thanks! It feels like it needs improvement though, but I have to move on to the portfolio one
Daniel Alejandro Espinoza
@SentryParty
May 05 2017 04:25
Hello, I'm struggling with nesting radio buttons within a div element with the class "row"

Here is what I have : <div class="row">
<div class="col-xs-4">

  <div class="row">
  <button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
</div>
<div class="col-xs-4">
  <button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
</div>
<div class="col-xs-4">
  <button class="btn btn-block btn-danger"> <i class="fa fa-trash"> </i> Delete </button>
  </div>


</div>

</div>

Markus Ivancsics
@ivancsicsmarkus
May 05 2017 04:26
@SentryParty What do you have now?
Coy Sanders
@coymeetsworld
May 05 2017 04:26
those aren't radio buttons @SentryParty
Daniel Alejandro Espinoza
@SentryParty
May 05 2017 04:26

<div class="row">
<div class="col-xs-4">


<div class="row">
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-danger"> <i class="fa fa-trash"> </i> Delete </button>
</div>

</div>

</div>

Coy Sanders
@coymeetsworld
May 05 2017 04:26
those are just buttons
Daniel Alejandro Espinoza
@SentryParty
May 05 2017 04:26
Oh there's a difference between buttons and radio buttons?
Coy Sanders
@coymeetsworld
May 05 2017 04:27
yes
Markus Ivancsics
@ivancsicsmarkus
May 05 2017 04:27
@SentryParty
<div class="row">
    <div class="col-xs-4">
      <button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
    </div>
    <div class="col-xs-4">
      <button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
    </div>
    <div class="col-xs-4">
      <button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
    </div>
  </div>
Coy Sanders
@coymeetsworld
May 05 2017 04:27
they also say to use col-xs-6 which should be a hint that there's only 2 of them, since columns should add up to 12 in BootStrap
Daniel Alejandro Espinoza
@SentryParty
May 05 2017 04:27
Ahhhh I think I just remembered what radio buttons are! Thanks
Coy Sanders
@coymeetsworld
May 05 2017 04:28
np
Darren
@DarrenfJ
May 05 2017 04:43
@indefinite0212 hey man! :wave:
@coymeetsworld hey Coy.. how goes it?
Coy Sanders
@coymeetsworld
May 05 2017 04:43
not bad, yourself @DarrenfJ ?
Darren
@DarrenfJ
May 05 2017 04:44
it's rainy here.. been rainy on and off for days now :/
Coy Sanders
@coymeetsworld
May 05 2017 04:44
its been super hot this week, in the 90s
Manish Giri
@Manish-Giri
May 05 2017 04:46
rainy here too
@DarrenfJ :wave:
Darren
@DarrenfJ
May 05 2017 04:46
nice!
hi Manish.. yer somewhere in the east coast right?
Manish Giri
@Manish-Giri
May 05 2017 04:46
lol
Darren
@DarrenfJ
May 05 2017 04:46
oh yah natick...
Manish Giri
@Manish-Giri
May 05 2017 04:47
quite close to toronto actually
Ming Zhu
@chocobrownie
May 05 2017 04:47
<div class="row">
    <div class="col-md-1">
    </div>
    <div class="col-md-4"><p>ahjuiedojwoiejfiweoajfiwaojeidfjifejfeijfeijiejfeijfiejfeifjiejfiejfeijiejeijffejifjeifjiejfiejfiejfiejfiejfeifjeijfeijfeieifjeifjejoifejifjwoijfiwojfeiowjfwieofjo</p>
    </div>
    <div class="col-md-2">
    </div>
    <div class="col-md-4">
    </div>
how do I avoid the super long text from going over that column boundary and occupying the entire row on the screen? I want it to automatically carriage return whenever it reaches its own boundary
Darren
@DarrenfJ
May 05 2017 04:47
@Manish-Giri ""Clean Your Attic" Recycling Day" from the gov website
cosey little hamlet
Manish Giri
@Manish-Giri
May 05 2017 04:47
lol
Christopher R Dale
@cdale88
May 05 2017 04:48
script element. how is it written?
Hoang Thanh Tu
@hoangthanhtu
May 05 2017 04:49
@chocobrownie you can use word-wrap: break-word; to wrap your text
Ming Zhu
@chocobrownie
May 05 2017 04:50
@hoangthanhtu googling
Darren
@DarrenfJ
May 05 2017 04:50
i was in the berkshires many many years ago (well only like 10) and it was loverly
berkshites lol!
Manish Giri
@Manish-Giri
May 05 2017 04:50
lol
Darren
@DarrenfJ
May 05 2017 04:51
@cdale88 you mean for putting your JS inside?
script element. how is it written?
Chris Sellers
@SellersC
May 05 2017 04:52
I'm currently unable to pass the #44 "create a form element" challenge. due to the Chrome app insisting that the challenge is suspicious text
lame
Coy Sanders
@coymeetsworld
May 05 2017 04:52
do you need the preview to submit tests?
Christopher R Dale
@cdale88
May 05 2017 04:52
yes like setting for document ready
Darren
@DarrenfJ
May 05 2017 04:53
@SellersC there might be some tips in this thread.. but it's a known Chrome issue; freeCodeCamp/freeCodeCamp#13727
Sandeep Chary
@dsandeepchary
May 05 2017 04:53
yo! @DarrenfJ
Rebecca
@rebecca42johnson
May 05 2017 04:53
Hi everyone, I'm working on overriding styles in subsequent CSS and had a question.
So I know when you have two classes in a style element the lowest one will over ride the other but when I have the same two classes in my h1 element (just in a different order) it doesnt work.
Does anyone know why this might happen?
Sandeep Chary
@dsandeepchary
May 05 2017 04:53
Anyone familiar with Codoforum??
Darren
@DarrenfJ
May 05 2017 04:53
@cdale88 like you did with <style></style> for the CSS section
Chris Sellers
@SellersC
May 05 2017 04:53
@DarrenfJ in theory i could just open in safari or anyt other browser?
Darren
@DarrenfJ
May 05 2017 04:53
@dsandeepchary hey buddy!
Ming Zhu
@chocobrownie
May 05 2017 04:53
@hoangthanhtu Worked out perfectly, thanks
CamperBot
@camperbot
May 05 2017 04:53
chocobrownie sends brownie points to @hoangthanhtu :sparkles: :thumbsup: :sparkles:
:cookie: 139 | @hoangthanhtu |http://www.freecodecamp.com/hoangthanhtu
Quentin Butler
@quentin1431
May 05 2017 04:53
@chocobrownie you need spaces in your text line else it won't word wrap. Hacing a word that long is not human readable and makes no sense :)
Darren
@DarrenfJ
May 05 2017 04:53
@SellersC yup
@cdale88 only make it script instead of style,, and put yer jQuery and JS in it
Sandeep Chary
@dsandeepchary
May 05 2017 04:55
long time. @DarrenfJ
Ming Zhu
@chocobrownie
May 05 2017 04:55
@quentin1431 Yea this makes sense too, I tried giving space and not giving break property, it breaks by itself
Delusional testing lol
Darren
@DarrenfJ
May 05 2017 04:56
@dsandeepchary i know man..what yah been up to?
Sandeep Chary
@dsandeepchary
May 05 2017 04:57
It really feels good interning at a startup.
But there's loads of work I've to do and learn more in process.
and you? @DarrenfJ
Quentin Butler
@quentin1431
May 05 2017 04:58
Anyone know of a free json weather api which uses the https protocol? I need it for the Weather project #261. Thanks.
Coy Sanders
@coymeetsworld
May 05 2017 04:58
you don't need https, but i heard darksky is a good one
Sandeep Chary
@dsandeepchary
May 05 2017 04:58
Try wunderground @quentin1431
Quentin Butler
@quentin1431
May 05 2017 04:59
@coymeetsworld Well codepen is in the process of switching to https, so every new pen is using https and thus http api's don't work :)
Coy Sanders
@coymeetsworld
May 05 2017 04:59
it has https already, you're saying they're going to remove http completely?
Darren
@DarrenfJ
May 05 2017 04:59
@dsandeepchary cool... sounds busy busy
Sandeep Chary
@dsandeepchary
May 05 2017 04:59
kind of @DarrenfJ
Quentin Butler
@quentin1431
May 05 2017 04:59
@coymeetsworld Yes they are. Had similar problem with the random quote API.
Coy Sanders
@coymeetsworld
May 05 2017 05:00
hmm I see, they are doing it on June 1st
crapload of projects are going to break lol
good thing ive been moving over to GH pages
Quentin Butler
@quentin1431
May 05 2017 05:01
@coymeetsworld Ha ha...That is true. But even more of a problem to complete the projects as most https api one will have to pay for.
Coy Sanders
@coymeetsworld
May 05 2017 05:01
yeah but you won't have to there are other free ones like the one I and @dsandeepchary mentioned
Darren
@DarrenfJ
May 05 2017 05:01
the world gets more secure and fCC weeps ;)
Sandeep Chary
@dsandeepchary
May 05 2017 05:02
:D :D
manish11299
@manish11299
May 05 2017 05:02
Hello coders
Darren
@DarrenfJ
May 05 2017 05:02
@manish11299 hello manish2
or rather; 11299
@Manish-Giri which number are you? ;)
Quentin Butler
@quentin1431
May 05 2017 05:03
@coymeetsworld Okay, cool, thanks. Let me have a look at it.
CamperBot
@camperbot
May 05 2017 05:03
quentin1431 sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 2532 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Darren
@DarrenfJ
May 05 2017 05:03
i am darren number fJ
manish11299
@manish11299
May 05 2017 05:03
i want to buy a laptop . please give me some advise to get good configuration.
Jason Shoemaker
@kutsuya1
May 05 2017 05:04
@DarrenfJ cool. I'm number js
Sandeep Chary
@dsandeepchary
May 05 2017 05:05
i5,6gb ram 500GB,2.2GHz and Graphics Card? @manish11299
Quentin Butler
@quentin1431
May 05 2017 05:05
@manish11299 Only if you buy me one to. :) Definately get one with a Solid State Drive. I have seen them in action at the office and makes a huge difference.
Darren
@DarrenfJ
May 05 2017 05:06
yah they're super fast
compared to crappy ole mechanically driven HD's
Manish Giri
@Manish-Giri
May 05 2017 05:06
@DarrenfJ eh what number?
:confused:
manish11299
@manish11299
May 05 2017 05:06
is graphic card is really important. because it drains battery fast
Darren
@DarrenfJ
May 05 2017 05:06
we now have two confirmed manish sightings in the helproom
Manish Giri
@Manish-Giri
May 05 2017 05:06
lol
Sandeep Chary
@dsandeepchary
May 05 2017 05:06
if you want to play games @manish11299
Darren
@DarrenfJ
May 05 2017 05:07
i am darren number fJ
Manish Giri
@Manish-Giri
May 05 2017 05:07
Screenshot 2017-05-05 01.06.40.png
@DarrenfJ opinions on the design?
manish11299
@manish11299
May 05 2017 05:07
will you suggest me the best one under ₹50000
Duy N
@nmnduy
May 05 2017 05:07

Anyone know how to draw a circle with SVG with animation?

 <svg width="120" height="120">
    <circle cx="60" cy="60" r="45" stroke="#9fd356" stroke-width="7.8" fill="none" />
 </svg>
<style>
svg {
  circle {
     stroke-dashoffset: 870;
     animation: draw 3.8s infinite linear;
   }
}
</style>

Can't get the

Sandeep Chary
@dsandeepchary
May 05 2017 05:08
there are many @manish11299
Darren
@DarrenfJ
May 05 2017 05:08
@Manish-Giri i like the green and the fonts...
Manish Giri
@Manish-Giri
May 05 2017 05:08
:+1:
ty @DarrenfJ
CamperBot
@camperbot
May 05 2017 05:08
manish-giri sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:star2: 1710 | @darrenfj |http://www.freecodecamp.com/darrenfj
Darren
@DarrenfJ
May 05 2017 05:08
@Manish-Giri what's the H1 font?
Manish Giri
@Manish-Giri
May 05 2017 05:08
"inknut antiqua"
manish11299
@manish11299
May 05 2017 05:08
some model. for example.
Manish Giri
@Manish-Giri
May 05 2017 05:08
serif
Darren
@DarrenfJ
May 05 2017 05:09
yah but it's such a smooooth serif could pass for sans after a night of drinking ;)
Manish Giri
@Manish-Giri
May 05 2017 05:09
lol
Darren
@DarrenfJ
May 05 2017 05:09
you know if you squint it's almost a sans too
Manish Giri
@Manish-Giri
May 05 2017 05:09
yep
Darren
@DarrenfJ
May 05 2017 05:10
hahaah I keep trying ti click the buttons and it resized the .png...
me = a dummy
i've done it like three times everytime i revisit the pic
Muhammad Bilal
@Muhammad07
May 05 2017 05:10
Hi Guys. I'm Looking for some help
Manish Giri
@Manish-Giri
May 05 2017 05:10
lol
Darren
@DarrenfJ
May 05 2017 05:10
even though i know from try 1 it's a pic
manish11299
@manish11299
May 05 2017 05:11
hp / dell/ lenovo/ assus . which is providing good laptop
Darren
@DarrenfJ
May 05 2017 05:11
@Muhammad07 what exercise you need help on?
Muhammad Bilal
@Muhammad07
May 05 2017 05:11
@DarrenfJ Actually its not about exercise
manish11299
@manish11299
May 05 2017 05:12
which window edition is good for software developing
Muhammad Bilal
@Muhammad07
May 05 2017 05:12
I just want to know that Is good for me to go for Software Engineering Degree?
manish11299
@manish11299
May 05 2017 05:12
okkk😊👍
Darren
@DarrenfJ
May 05 2017 05:13
@Muhammad07 in what sense do you mean go here?
you mean what online resources are free to learn as much as possible?
a best path forward for career?
Fernando
@ClassyFD
May 05 2017 05:13
When i type in <form><form action="/submit-cat-photo"><input type="text" placeholder="cat photo URL"></form>
Darren
@DarrenfJ
May 05 2017 05:13
or what school/set of courses to do for software?
Muhammad Bilal
@Muhammad07
May 05 2017 05:13
No I am going to get admission in University
Fernando
@ClassyFD
May 05 2017 05:13
it says it google blocks it
Darren
@DarrenfJ
May 05 2017 05:13
ok
Quentin Butler
@quentin1431
May 05 2017 05:13
@Muhammad07 In my professional opinion it's always good to have some sort of paper, but in the real IT world experience counts more.
shashanksat
@shashanksat
May 05 2017 05:14
i did everything correct in the css element still i can't go to the next step
Darren
@DarrenfJ
May 05 2017 05:14
@ClassyFD it's a known Chrome thing; freeCodeCamp/freeCodeCamp#13727
manish11299
@manish11299
May 05 2017 05:14
thanks coders.
for your advise
Muhammad Bilal
@Muhammad07
May 05 2017 05:15
@quentin1431 How to get experience? and What about SE Degree?
Darren
@DarrenfJ
May 05 2017 05:15
@Muhammad07 you'll be pretty busy with whatever they put together for you course load.
shashanksat
@shashanksat
May 05 2017 05:15
is this right <h2 class=red-text> catphotoapp </h2>
iso
@iso1048
May 05 2017 05:15
@shashanksat class="red-text"
Coy Sanders
@coymeetsworld
May 05 2017 05:15
doesn't necessarily need the quotes, but it should have them. The content in the h2 tag is wrong though
shashanksat
@shashanksat
May 05 2017 05:15
not working already tried that
Coy Sanders
@coymeetsworld
May 05 2017 05:16
should be CatPhotoApp, text shoudn't have changed, remove the spaces too for good measure
Fernando
@ClassyFD
May 05 2017 05:16
Thanks @DarrenfJ
CamperBot
@camperbot
May 05 2017 05:16
classyfd sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:star2: 1711 | @darrenfj |http://www.freecodecamp.com/darrenfj
Muhammad Bilal
@Muhammad07
May 05 2017 05:16
@DarrenfJ Not now.I still have time to decide wheather I go for 4 year SE Degree or not.
Darren
@DarrenfJ
May 05 2017 05:16
@Muhammad07 there's tons of articles on how people got coding jobs in the medium articles under free Code camp..but the jist of it is; do projects. contribute to open source, have a portfolio, and code everyday
iso
@iso1048
May 05 2017 05:16
@coymeetsworld oh really. what is the benefit of using quotes then?
Coy Sanders
@coymeetsworld
May 05 2017 05:16
can add multiple classes
shashanksat
@shashanksat
May 05 2017 05:16
still not working
Coy Sanders
@coymeetsworld
May 05 2017 05:17
also for style usually you want to be consistent
Darren
@DarrenfJ
May 05 2017 05:17
@Muhammad07 and in the Forum, there's a set of additional free links to round out the fCC learning
Muhammad Bilal
@Muhammad07
May 05 2017 05:17
@DarrenfJ Okay Thanks!
CamperBot
@camperbot
May 05 2017 05:17
muhammad07 sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:star2: 1712 | @darrenfj |http://www.freecodecamp.com/darrenfj
shashanksat
@shashanksat
May 05 2017 05:17
it is not turning red
sorry.. for web dev..
shashanksat
@shashanksat
May 05 2017 05:18
well it doesnt have ans
Coy Sanders
@coymeetsworld
May 05 2017 05:19
did you define the class @shashanksat ?
shashanksat
@shashanksat
May 05 2017 05:19
yes
Coy Sanders
@coymeetsworld
May 05 2017 05:19
can you show your whole code?
and the challenge name?
shashanksat
@shashanksat
May 05 2017 05:19
class="red-text"
Coy Sanders
@coymeetsworld
May 05 2017 05:19
your WHOLE code
not a small piece of it
Darren
@DarrenfJ
May 05 2017 05:20
@Muhammad07 there's these offshoots of fCC for people who want to code projects; https://forum.freecodecamp.com/t/what-are-the-chingu-cohorts/106381
Manish Giri
@Manish-Giri
May 05 2017 05:20
:wink:
shashanksat
@shashanksat
May 05 2017 05:20
<h2 class="red-text">CatPhotoApp</h2>
Coy Sanders
@coymeetsworld
May 05 2017 05:20
...
shashanksat
@shashanksat
May 05 2017 05:20
what
Coy Sanders
@coymeetsworld
May 05 2017 05:21
idk how to make whole code more clear
Quentin Butler
@quentin1431
May 05 2017 05:21
@shashanksat CTRL All -> Copy All -> Paste All
Darren
@DarrenfJ
May 05 2017 05:21
@Manish-Giri it's funny you mention that.. whenever i say to put yer JS in the Script tags I think of the classic SNL weed in it skit
shashanksat
@shashanksat
May 05 2017 05:22
maybe its a bug
Darren
@DarrenfJ
May 05 2017 05:22
only make it script instead of style, and put yer jQuery and JS in it
it's a Balinese rainstick! ;)
shashanksat
@shashanksat
May 05 2017 05:23
how do you do that
Mohamed Sidibe
@moecdb
May 05 2017 05:23
Helloooooo World :)
shashanksat
@shashanksat
May 05 2017 05:23
js thing
Darren
@DarrenfJ
May 05 2017 05:23
@moecdb hello!
another trawna-tonian ;)
Mohamed Sidibe
@moecdb
May 05 2017 05:24
Yes yes yes. This is very exciting
Darren
@DarrenfJ
May 05 2017 05:25
ok puppies are doing their thang so might have to go be miserable in the rain whilethey sniff every friggin' blade of grass for the perfect one to pee on
Mohamed Sidibe
@moecdb
May 05 2017 05:25
Good night Darren
Darren
@DarrenfJ
May 05 2017 05:25
was out there earlier and the wind is blowing the rain upwards into yer face lol!
kudos and thanks to the usual suspects for volunteering and freely helping tirelessly in the gitterhelpRoom :D
thanks @quentin1431 @coymeetsworld @Manish-Giri @dsandeepchary
CamperBot
@camperbot
May 05 2017 05:26
darrenfj sends brownie points to @quentin1431 and @coymeetsworld and @manish-giri and @dsandeepchary :sparkles: :thumbsup: :sparkles:
:cookie: 262 | @quentin1431 |http://www.freecodecamp.com/quentin1431
:cookie: 518 | @dsandeepchary |http://www.freecodecamp.com/dsandeepchary
:star2: 2534 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
:star2: 5398 | @manish-giri |http://www.freecodecamp.com/manish-giri
Coy Sanders
@coymeetsworld
May 05 2017 05:27
later @DarrenfJ
VenkatBandaru
@venkatbandaru99
May 05 2017 05:27
hi guys how to add "id" to form element when action is declared
Manish Giri
@Manish-Giri
May 05 2017 05:27
:wave:
Alberto Z
@watermaster29
May 05 2017 05:28
hey guys what am I doing wrong here
<style>
body {
background-color: rgb (0,0,0);
}
</style>
for the black bacground
background
Hoang Thanh Tu
@hoangthanhtu
May 05 2017 05:29
@venkatbandaru99 just add id="idname" into <form> tag
Coy Sanders
@coymeetsworld
May 05 2017 05:29
remove space between rgb and the function parameters
VenkatBandaru
@venkatbandaru99
May 05 2017 05:29
<form id ="Cat-photo-form"action="/submit-cat-photo" > is this correct
Coy Sanders
@coymeetsworld
May 05 2017 05:29
ids are case sensitive, and you should put a space between id and action @venkatbandaru99
Hoang Thanh Tu
@hoangthanhtu
May 05 2017 05:30
@venkatbandaru99 yes, but be careful with the case sensitive, the C letter is capital
VenkatBandaru
@venkatbandaru99
May 05 2017 05:30
still not working
Hoang Thanh Tu
@hoangthanhtu
May 05 2017 05:30
change your id to id="cat-photo-form"
Alberto Z
@watermaster29
May 05 2017 05:30
Thank you it work
VenkatBandaru
@venkatbandaru99
May 05 2017 05:31
@hoangthanhtu thank you it worked
CamperBot
@camperbot
May 05 2017 05:31
venkatbandaru99 sends brownie points to @hoangthanhtu :sparkles: :thumbsup: :sparkles:
:cookie: 141 | @hoangthanhtu |http://www.freecodecamp.com/hoangthanhtu
Milk.Brother
@MBWu
May 05 2017 05:50
anybody finish how-to-npm in node.js?
i need some help
Viktor Tiutiun
@vittorioVT
May 05 2017 05:58
@cdrainxv hi) in our country to create graphics on D3 is the most popular three ways. They all include the React:
  1. React serves as a wrapper for D3
  2. D3 builds a virtual DOM, while the react builds a real DOM.
  3. Elements of D3 are components of React
Milk.Brother
@MBWu
May 05 2017 05:59
thank,but the problem is i can‘t press any word in shell when i do how-to-npm login
@AdelMahjoub
Adel
@AdelMahjoub
May 05 2017 06:01
@MBWu 2sec I check, press ctrl+c in the shell to terminate what is currently executed
Milk.Brother
@MBWu
May 05 2017 06:02
In that project , i should press ' npm adduser' to creat account and i done , the shell is okay ,but i meet the problem when i press some words for my password
Adel
@AdelMahjoub
May 05 2017 06:03
@MBWu you don't see the password in the shell
Milk.Brother
@MBWu
May 05 2017 06:03
yeah
Adel
@AdelMahjoub
May 05 2017 06:03
@MBWu type your password and press enter, you can't see your password in the shell
VenkatBandaru
@venkatbandaru99
May 05 2017 06:04
hi guys what am I doing wrong here

<style>
body {
background-color: black;
font-family: Monospace;
color: green;
}
pink-text{
color: pink;
}
</style>

<h1 class="pink-text">Hello World</h1>

Milk.Brother
@MBWu
May 05 2017 06:04
let me try!
Viktor Tiutiun
@vittorioVT
May 05 2017 06:04
@venkatbandaru99 missing dot
@venkatbandaru99 .pink-text
Hoang Thanh Tu
@hoangthanhtu
May 05 2017 06:05
@venkatbandaru99 you missed a . before pink-text
Phuc Hoang
@spideyinf
May 05 2017 06:05
Hi there, how many credits should I reach for the standard everyday (I mean creadit in the top right corner)
Milk.Brother
@MBWu
May 05 2017 06:05
nice! i finish it , thanks
VenkatBandaru
@venkatbandaru99
May 05 2017 06:05
oh thank you @vittorioVT @hoangthanhtu
CamperBot
@camperbot
May 05 2017 06:05
venkatbandaru99 sends brownie points to @vittoriovt and @hoangthanhtu :sparkles: :thumbsup: :sparkles:
:warning: venkatbandaru99 already gave hoangthanhtu points
:cookie: 498 | @vittoriovt |http://www.freecodecamp.com/vittoriovt
Viktor Tiutiun
@vittorioVT
May 05 2017 06:05
@venkatbandaru99 you're welcome
jmbielec
@jmbielec
May 05 2017 06:06
this is going to sound dumb but am i doing something wrong in the "Make Dead Links using the Hash Symbol" step in the CSS/HTML section? I have <a href="#">cat photos</a> and it won't register as correct.
Adel
@AdelMahjoub
May 05 2017 06:07
@MBWu first time ?
Alexandru
@Alien2909
May 05 2017 06:07
Hi guys!
how can i dynamic allocate a string in c++?
Milk.Brother
@MBWu
May 05 2017 06:08
i think i can't get your mean,what? first time to code?
@AdelMahjoub
Viktor Tiutiun
@vittorioVT
May 05 2017 06:08
@jmbielec show all code
Adel
@AdelMahjoub
May 05 2017 06:08
@MBWu first time using a terminal I guess
ilyazbei
@ilyazbei
May 05 2017 06:08
hello world
jmbielec
@jmbielec
May 05 2017 06:08
I fixed it nevermind
thanks tho @vittorioVT
CamperBot
@camperbot
May 05 2017 06:08
jmbielec sends brownie points to @vittoriovt :sparkles: :thumbsup: :sparkles:
:cookie: 499 | @vittoriovt |http://www.freecodecamp.com/vittoriovt
Viktor Tiutiun
@vittorioVT
May 05 2017 06:09
@jmbielec welcome
Milk.Brother
@MBWu
May 05 2017 06:09
@AdelMahjoub yeah ! in fact , i found freeCode yesterday
ilyazbei
@ilyazbei
May 05 2017 06:09
Target the same element with multiple jQuery Selectors "Only add one class with each of your three selectors." iam having hard time understanding what this task is asking for , please help lol
Alexandru
@Alien2909
May 05 2017 06:09
anyone?
Jill Lee
@jill-lee
May 05 2017 06:09
Help pls, what is wrong with this code?
("Jon".length * 2 / (2+1) === )
{
console.log("The answer makes sense!");
}
else {
console.log ("Error Error Error")
}
Milk.Brother
@MBWu
May 05 2017 06:10
("Jon".length * 2 / (2+1) === )
("Jon".length * 2 / (2+1) ===??? )
Viktor Tiutiun
@vittorioVT
May 05 2017 06:11
@ilyazbei $("button").addClass("animated") and...
@ilyazbei for btn - shake...
ilyazbei
@ilyazbei
May 05 2017 06:13
still not working
Viktor Tiutiun
@vittorioVT
May 05 2017 06:13
@ilyazbei you need three class for three targets
ilyazbei
@ilyazbei
May 05 2017 06:13
yes i do have
Viktor Tiutiun
@vittorioVT
May 05 2017 06:13
@ilyazbei show your code
ilyazbei
@ilyazbei
May 05 2017 06:13
<script>
$(document).ready(function() {
$("button").addClass("animated")
$(".btn").addClass("animated shake")
$("#target1").addClass("animated shake")
});
</script>
$("button").addClass("animated shake")
$(".btn").addClass("animated shake")
$("#target1").addClass("animated shake")
Viktor Tiutiun
@vittorioVT
May 05 2017 06:14
@ilyazbei animated shake - only shake
Hoang Thanh Tu
@hoangthanhtu
May 05 2017 06:14
@ilyazbei : you missed ; after each line code
Rajkumar Tiwari
@rajqumar
May 05 2017 06:15
variable.length in javascript what is length if it is not a function
Viktor Tiutiun
@vittorioVT
May 05 2017 06:15
@ilyazbei and in end "btn-primary"
ilyazbei
@ilyazbei
May 05 2017 06:15
@vittorioVT yes i have "btn-primary"
Viktor Tiutiun
@vittorioVT
May 05 2017 06:16
show your code again
ilyazbei
@ilyazbei
May 05 2017 06:16
@vittorioVT only this task is red- "Only add one class with each of your three selectors."
Hoang Thanh Tu
@hoangthanhtu
May 05 2017 06:16
@ilyazbei : you should add ; after each line code
ilyazbei
@ilyazbei
May 05 2017 06:16
<script>
$(document).ready(function() {
$("button").addClass("animated shake");
$(".btn").addClass("animated shake");
$("#target1").addClass("animated shake");
});
</script>
i did add ";"
Jon Dewar
@vanakamau
May 05 2017 06:17
hi all - I'm having trouble with the Style Multiple Elements with a CSS Class step. The task asks me to Apply the red-text class to your h2 and p elements. So I'm just assuming I slot in the class="red-text" to the p element?
Viktor Tiutiun
@vittorioVT
May 05 2017 06:17
@ilyazbei you need another classes
Hoang Thanh Tu
@hoangthanhtu
May 05 2017 06:17
@ilyazbei : reset your code and follow instruction, not add "animated shake" for all
Viktor Tiutiun
@vittorioVT
May 05 2017 06:18
i wrote already
spunk7
@spunk7
May 05 2017 06:18
Your img element should have the class smaller-image.
Viktor Tiutiun
@vittorioVT
May 05 2017 06:18
@spunk7 <img class="smalle