These are chat archives for FreeCodeCamp/Help

6th
Feb 2016
mjqblade
@mjqblade
Feb 06 2016 00:08
hey
Calvin McAnarney
@csmcanarney
Feb 06 2016 00:08
Hello
Mat Forsberg
@MatForsberg
Feb 06 2016 00:08
hello
Tim Bell
@MindfulBell
Feb 06 2016 00:10
Anyone decent with React on?
Calvin McAnarney
@csmcanarney
Feb 06 2016 00:11

@MindfulBell That's one of those "in the eye of the beholder" things. ;)

I might be able to help out, though. What's the problem?

Tim Bell
@MindfulBell
Feb 06 2016 00:12
Why does this not render anything...(I have babel running in CodePen)
mjqblade
@mjqblade
Feb 06 2016 00:12

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

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

h2 {
font-family: Lobster, Monospace;
}





font-size: 16px;
font-family: Monospace;
}
</style>

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

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

Tim Bell
@MindfulBell
Feb 06 2016 00:12
class Test extends React.Component {
  render
    return <div>Hello World!</div>
}

React.render(<Test />, document.getElementById('container'))
nothing renders...
mjqblade
@mjqblade
Feb 06 2016 00:12
plz
Calvin McAnarney
@csmcanarney
Feb 06 2016 00:13
@MindfulBell I think that's just a syntax issue with the classes render function. You're missing the parenthesis and curly brackets.
mjqblade
@mjqblade
Feb 06 2016 00:13
ok thx
Calvin McAnarney
@csmcanarney
Feb 06 2016 00:13
Try that and see if it fixes your problem:
class Test extends React.Component {
  render() {
    return <div>Hello World!</div>
  }
}
mjqblade
@mjqblade
Feb 06 2016 00:14
can u help me
Add Images to your Website......... in this one
Calvin McAnarney
@csmcanarney
Feb 06 2016 00:15
@mjqblade There's a syntax error inside your style tag after the h2 rule. You're missing a selector for the font-size and font-family at the end.
mjqblade
@mjqblade
Feb 06 2016 00:16
can u send it plz
but thx cmscanarney
@csmcanarney
Alessandro Alicata
@Alexpress94
Feb 06 2016 00:17

.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

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

Calvin McAnarney
@csmcanarney
Feb 06 2016 00:17

@mjqblade This is the problem section:

h2 {
font-family: Lobster, Monospace;
}


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

There's a selector missing before font-size.

mjqblade
@mjqblade
Feb 06 2016 00:18
which one
Marcos Antônio de Souza Silva
@massilva
Feb 06 2016 00:18
@csmcanarney return miss "
mjqblade
@mjqblade
Feb 06 2016 00:19
idont get this
Calvin McAnarney
@csmcanarney
Feb 06 2016 00:19
<style>
  .red-text {
    color: red;
  }

  h2 {
    font-family: Lobster, Monospace;
  }

  p {
    font-size: 16px;
    font-family: Monospace;
  }
</style>

Notice how there's a p { before font-size and font-family? That tells the browser what the rules should be applied to, namely all paragraphs.

I think you accidentally deleted it from your code.

mjqblade
@mjqblade
Feb 06 2016 00:19
ok thx
Calvin McAnarney
@csmcanarney
Feb 06 2016 00:19
@massilva What do you mean?
@mjqblade Sure, no problem.
Tim Bell
@MindfulBell
Feb 06 2016 00:20
@csmcanarney it did not fix the problem
@csmcanarney i just feel that CodePen cannot handle ES6 and they are lying when they say they can
Calvin McAnarney
@csmcanarney
Feb 06 2016 00:21
@MindfulBell Are you getting any error messages? The other thing I can think of is that React isn't imported.
Tim Bell
@MindfulBell
Feb 06 2016 00:21
no errors, it is imported...
Calvin McAnarney
@csmcanarney
Feb 06 2016 00:21
Give me a few moments
Tim Bell
@MindfulBell
Feb 06 2016 00:21
Ah
I got it
it does not use ReactDOM.render
it still uses react.render
I still have so many damn questions about React
Calvin McAnarney
@csmcanarney
Feb 06 2016 00:22
Hmm, I thought React.render was only deprecated, i.e. it should give a warning message but still work.
Oh well, at least you figured it out :)
Tim Bell
@MindfulBell
Feb 06 2016 00:23
sorta
i still get so bogged down by it. so lost on how props work and how they get passed around
mjqblade
@mjqblade
Feb 06 2016 00:24
its not working
how do i send my thing]
Calvin McAnarney
Calvin McAnarney
@csmcanarney
Feb 06 2016 00:25
@mjqblade You can post your code here or you can upload it to something like Gist or CodePen.
mjqblade
@mjqblade
Feb 06 2016 00:27

<link href="http://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>

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

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

Mariya
@mariyadiminsky
Feb 06 2016 00:28
Anyone do the Caesar Cipher problem? I'm confused why my code isn't working. I'm noticing that it's not finding the right unicode in charCodeAt(). I don't understand why. Any advice?
function rot13(str) { // LBH QVQ VG!
  var result = "";

  for(var i = 0, l = str.length; i < l; i++) {
    if(/[A-Z]/g.test(str[i])) { // if letter
      result += String.fromCharCode(str[i].charCodeAt(0) + 13);
    }else if(/\W/g.test(str[i])) { // if not letter 
      result += str[i];
    }
  }

  return result;
}

// Change the inputs below to test
rot13("SERR PBQR PNZC"); // Getting THIS: `R__ ]O^_ ][gP Need to get: FREE CODE CAMP

// loop through string
// if test for letter
// if find letter, find the unicode add 13 and find letter. 
// Push this letter to new string.
Manos Mertzianis
@Litarhis
Feb 06 2016 00:29
close h2 {}, @mjqblade
Calvin McAnarney
@csmcanarney
Feb 06 2016 00:29
@mjqblade Two problems:
  1. Your attributes aren't separated from their values by a semicolon :
  2. You deleted the closing bracket } from the h2 rule.
Manos Mertzianis
@Litarhis
Feb 06 2016 00:29
@mjqblade and problem with font-family in p{}, it should be font-family: Monospace;
mjqblade
@mjqblade
Feb 06 2016 00:29
ok one sec
Mariya
@mariyadiminsky
Feb 06 2016 00:32
I fixed my lil error but still getting wrong answer...confuzzled. advice please?
function rot13(str) { // LBH QVQ VG!
  var result = "";

  for(var i = 0, l = str.length; i < l; i++) {
    if(/[A-Z]/g.test(str.charAt(i))) { // if letter
      result += String.fromCharCode(str.charAt(i).charCodeAt(0) + 13);
    }else if(/\W/g.test(str.charAt(i))) { // if not letter 
      result += str[i];
    }
  }

  return result;
}

// Change the inputs below to test
rot13("SERR PBQR PNZC"); // Getting THIS: `R__ ]O^_ ][gP Need to get: FREE CODE CAMP

// loop through string
// if test for letter
// if find letter, find the unicode add 13 and find letter. 
// Push this letter to new string.
mjqblade
@mjqblade
Feb 06 2016 00:32
yoo what does reset do
Mariya
@mariyadiminsky
Feb 06 2016 00:33
@mjqblade resets code yo
Manos Mertzianis
@Litarhis
Feb 06 2016 00:33
@mjqblade reseting your code to the condition it had before changing it on this challenge
mjqblade
@mjqblade
Feb 06 2016 00:34
are u sure
Manos Mertzianis
@Litarhis
Feb 06 2016 00:35
@mjqblade your main 3 problems in your code were:
  1. no semi-colon at the css
  2. in css, in p{ }, "font-family-Monospace" is wrong. Try replacing it with "font-family: Monospace;"
  3. in css, in h2 { }, you haven't close the brackets :)
Scott W.
@SpacedCat
Feb 06 2016 00:35
how do i post my code so you can see what im doing wrong?
Manos Mertzianis
@Litarhis
Feb 06 2016 00:36
also, thank @csmcanarney for pointing out some of the problems
CamperBot
@camperbot
Feb 06 2016 00:36
litarhis sends brownie points to @csmcanarney :sparkles: :thumbsup: :sparkles:
:star: 91 | @csmcanarney | http://www.freecodecamp.com/csmcanarney
Scott W.
@SpacedCat
Feb 06 2016 00:36
looks good to me, but not working, no idea why...

<link href="http://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>
.smaller-image {
width: 100px;
}
</style>

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

<img src="https://bit.ly/fcc-relaxing-cat">

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

CSS has a property called width that controls an element's width. Just like with fonts, we'll use px (pixels) to specify the image's width.

For example, if we wanted to create a CSS class called larger-image that gave HTML elements a width of 500 pixels, we'd use:

<style>
.larger-image {
width: 500px;
}
</style>
Create a class called smaller-image and use it to resize the image so that it's only 100 pixels wide.

Manos Mertzianis
@Litarhis
Feb 06 2016 00:37
@SpacedCat I think that the problem is that you open the <style> 2 times in your code
Calvin McAnarney
@csmcanarney
Feb 06 2016 00:37
@SpacedCat You've created the class smaller-image, but you haven't actually applied it to your img tag yet.
Manos Mertzianis
@Litarhis
Feb 06 2016 00:38
@csmcanarney and that too! you're very good man! eagle-eye
Scott W.
@SpacedCat
Feb 06 2016 00:38
ahh makes sense, i should just restart the course, i cant remember how to do that
Michael Mason
@boone2016
Feb 06 2016 00:38
I know my code is fine but it keeps telling me my <p> style is wrong
mjqblade
@mjqblade
Feb 06 2016 00:38

<link href="http://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>

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

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

<p 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>
........... does this work

Michael Mason
@boone2016
Feb 06 2016 00:38
<style>
.red-text {
color: red;
}
p {font-size:16px;
}


</style>
Manos Mertzianis
@Litarhis
Feb 06 2016 00:39
@mjqblade try it! I think it does
Calvin McAnarney
@csmcanarney
Feb 06 2016 00:39
@Litarhis It looks a bit wonky because @SpacedCat used multiple style elements but they all seem to be closed properly if I'm not mistaken. :)
mjqblade
@mjqblade
Feb 06 2016 00:39
yes thx
Manos Mertzianis
@Litarhis
Feb 06 2016 00:39
@csmcanarney yeah, but is it legal to open scripting multiple times?
@mjqblade your welcome!!
Calvin McAnarney
@csmcanarney
Feb 06 2016 00:40
@Litarhis As long as you close it before opening another one :P
mjqblade
@mjqblade
Feb 06 2016 00:40
i made a caht join it
Manos Mertzianis
@Litarhis
Feb 06 2016 00:40
@csmcanarney hahahaha true that! have you tested that?
mjqblade
@mjqblade
Feb 06 2016 00:41
noo
Manos Mertzianis
@Litarhis
Feb 06 2016 00:41
@csmcanarney no matter if it's working, it's still bad coding
Calvin McAnarney
@csmcanarney
Feb 06 2016 00:42
@Litarhis I might have worded that poorly. It's indeed not legal to nest style elements, so you couldn't do something like this:
<style>
  p { color: blue; }
  <style>
    h1 { color: red; }
  </style>
</style>
But the following is legal:
<style>
  p { color: blue; }
</style>

<style>
  h1 { color: red; }
</style>
mjqblade
@mjqblade
Feb 06 2016 00:43
not working
Manos Mertzianis
@Litarhis
Feb 06 2016 00:43
@csmcanarney oh.....so, opening scripting to times is ok.... hmmm..... but still bad coding...
mjqblade
@mjqblade
Feb 06 2016 00:43

<link href="http://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>

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

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

<p 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>
what do i do.........................plz...........................

Chris Dalton
@manwithgills
Feb 06 2016 00:44
Good evening everyone. I am working on using a bootstrap template and have encountered something I have never seen before. I am wondering what this line of code means?
.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{
    display:block;
    max-width:100%;
    height:auto
}
I know display, height,etc. I have never seen the use of the greater than symbols before.
Manish Giri
@Manish-Giri
Feb 06 2016 00:45
@manwithgills the styles in {} are applied to each of the elements separated by a ,
@manwithgills and the > means a direct descendant
Manos Mertzianis
@Litarhis
Feb 06 2016 00:45
@mjqblade sometimes all you have to do is a good reset! haha.... A friend of mine has sometimes that problem. Try to reset your code and code again. Reset will only clear the code from newly implemented code.
mjqblade
@mjqblade
Feb 06 2016 00:46
lol
ok
Chris Dalton
@manwithgills
Feb 06 2016 00:46
@Manish-Giri so its no different then .carousel-inner item a img. Is that right?
Manos Mertzianis
@Litarhis
Feb 06 2016 00:46
@mjqblade or you could wait to see your code with more attention.... but I'm sure it's fine
@mjqblade tell me if that did the magic
Manish Giri
@Manish-Giri
Feb 06 2016 00:47

@manwithgills so

.carousel-inner>.item>a>img

means apply the styles inside {} to the img which is a direct descendant of a that is a direct descendant of an element with class item which in turn is a direct descendant of an element with class carousel-inner

@manwithgills there is a difference, it’s a direct descendant
Donald
@codescout811
Feb 06 2016 00:48
Hi amy help? I'm stuck with " Set the ID of an element.
Manos Mertzianis
@Litarhis
Feb 06 2016 00:48
@codescout811 tell me plz
Chris Dalton
@manwithgills
Feb 06 2016 00:48
@Manish-Giri I dont think I have ever been exposed to that. I will have to research more. Thanks for responding.
CamperBot
@camperbot
Feb 06 2016 00:48
manwithgills sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star: 622 | @manish-giri | http://www.freecodecamp.com/manish-giri
mjqblade
@mjqblade
Feb 06 2016 00:49
it worked thx guys
Manos Mertzianis
@Litarhis
Feb 06 2016 00:49
@mjqblade ohhhh!!!! and another question. Are you sure you have accomplished your tasks correctly and with precision.... FCC needs a lot of precision... even with text
Donald
@codescout811
Feb 06 2016 00:49
@Litarhis Give your form element the id of cat-photo-form.
Manos Mertzianis
@Litarhis
Feb 06 2016 00:50
@mjqblade I'm glad!
Calvin McAnarney
@csmcanarney
Feb 06 2016 00:51

@manwithgills Take a look at this: https://developer.mozilla.org/en-US/docs/Web/CSS/Child_selectors

It contains an example that should clear things up.

Chris Dalton
@manwithgills
Feb 06 2016 00:51
@csmcanarney Thanks a lot.
CamperBot
@camperbot
Feb 06 2016 00:51
manwithgills sends brownie points to @csmcanarney :sparkles: :thumbsup: :sparkles:
:star: 92 | @csmcanarney | http://www.freecodecamp.com/csmcanarney
Manos Mertzianis
@Litarhis
Feb 06 2016 00:51

@codescout811 first of all, you have to create the form element. It should look like this:

<form>
</form>

Next, you have to give it the id of "cat-photo-form". In your html code:

<form id="cat-photo-form">
</form>

Donald
@codescout811
Feb 06 2016 00:52
@Litarhis I solve the task...
Manos Mertzianis
@Litarhis
Feb 06 2016 00:52
@codescout811 oK!
Donald
@codescout811
Feb 06 2016 00:52
thanks...
Manos Mertzianis
@Litarhis
Feb 06 2016 00:53
@codescout811 nothing
Donald
@codescout811
Feb 06 2016 00:53
I'm learning home but it's hard when you stop for a long time. Coding is fun.
AaronMatthewHarpt
@AaronMatthewHarpt
Feb 06 2016 00:53
How do you complete a task?
Chris Dalton
@manwithgills
Feb 06 2016 00:53
Another question. So I opened up the bootstrap CSS and it was just non stop code all the way down the page, without indentations. Is it normal to work in the page in that format or do devs use a view in their editor to bread it up into the appropriate elements or do they just use ctrl+f a lot?
Donald
@codescout811
Feb 06 2016 00:53
I mean I'm learning more...
Manos Mertzianis
@Litarhis
Feb 06 2016 00:53
@AaronMatthewHarpt Ctrl + Enter
@codescout811 trying more is a good way to learn coding.... And communicating with other developers is just what it takes to be a good dev. Try hard and always learn!
AaronMatthewHarpt
@AaronMatthewHarpt
Feb 06 2016 00:55
I am still having trouble, it is for the first task on saying Hello so HTML elements
Manos Mertzianis
@Litarhis
Feb 06 2016 00:56
@AaronMatthewHarpt at which device are you writing? does it have a small screen?
AaronMatthewHarpt
@AaronMatthewHarpt
Feb 06 2016 00:56
This message was deleted
Donald
@codescout811
Feb 06 2016 00:56
@Litarhis thats very true. from now on Ill be more focus and persistent. love this community of thinkers and innovators.
AaronMatthewHarpt
@AaronMatthewHarpt
Feb 06 2016 00:56
no, it is a mac
Manos Mertzianis
@Litarhis
Feb 06 2016 00:57
@AaronMatthewHarpt well...... try not to use safari for that website.... you will have problems in the future too
AaronMatthewHarpt
@AaronMatthewHarpt
Feb 06 2016 00:57
I am using chrome
Manos Mertzianis
@Litarhis
Feb 06 2016 00:57
@codescout811 I love this community too. I'm new to this FCC thing...
@AaronMatthewHarpt that's something.... hmmm...... when you press Ctrl + Enter what do u see?
@codescout811 Also, I'm studying Computer Science....
unsajatoi
@unsajatoi
Feb 06 2016 00:59
how to style multiple elements with css
AaronMatthewHarpt
@AaronMatthewHarpt
Feb 06 2016 01:00
nothing except a couple of times the notifications spot plus my profile image light up
Calvin McAnarney
@csmcanarney
Feb 06 2016 01:00
@manwithgills Did it look like this? Then it's minified.
Manos Mertzianis
@Litarhis
Feb 06 2016 01:01
are you in the first line of code? At the FCC site, next to your profile image, which number is displayed?
@AaronMatthewHarpt
Tim Bell
@MindfulBell
Feb 06 2016 01:01
Anyone else have issues with React and Codepen? Like I can't scroll down all the way?
Calvin McAnarney
@csmcanarney
Feb 06 2016 01:01
@manwithgills Basically before publishing bootstrap all the unnecessary parts like whitespace and comments are removed. Sometimes variables are even replaced with shorter names, all to save space.
Chris Dalton
@manwithgills
Feb 06 2016 01:01
@csmcanarney Yes. Thanks for naming it.
CamperBot
@camperbot
Feb 06 2016 01:01
manwithgills sends brownie points to @csmcanarney :sparkles: :thumbsup: :sparkles:
:warning: manwithgills already gave csmcanarney points
Manos Mertzianis
@Litarhis
Feb 06 2016 01:01
@AaronMatthewHarpt the challenge you're dealing with right now
Calvin McAnarney
@csmcanarney
Feb 06 2016 01:02
@manwithgills And I mean "unnecessary" only in the sense of what the computer needs to compute it. Obviously indentation and comments are still pretty useful for us humans :p
Adi Prasetyo
@brutalcrozt
Feb 06 2016 01:02
@unsajatoi using class attribute on the html element
AaronMatthewHarpt
@AaronMatthewHarpt
Feb 06 2016 01:02
6 for number of notifications I think
This message was deleted
The first challenge.
Chris Dalton
@manwithgills
Feb 06 2016 01:03
@csmcanarney Since I have never worked in a role where I have had to deal with that is there a way to deminify it or do I just search with the find shortcut?
Manos Mertzianis
@Litarhis
Feb 06 2016 01:03
@AaronMatthewHarpt hahaha well, it is not. This number is the number of the challenge you're dealing with right now. Introductions were challenges too
mjqblade
@mjqblade
Feb 06 2016 01:03
hey guys
Calvin McAnarney
@csmcanarney
Feb 06 2016 01:04

@manwithgills There are tools that do that, but in this case it's really not necessary as you can just grab an unminified version of bootstrap:

https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.css

Manos Mertzianis
@Litarhis
Feb 06 2016 01:05
@AaronMatthewHarpt On the left of your screen you can see the theory you should learn and the steps for compliting the tasks of the challenge. From the top to bottom, theory->steps->run,reset buttons-> steps in order and with 'check' or 'X'
@mjqblade hey!
AaronMatthewHarpt
@AaronMatthewHarpt
Feb 06 2016 01:06
Ok?
Manos Mertzianis
@Litarhis
Feb 06 2016 01:07
@AaronMatthewHarpt first of all, read theory. Then, complete the tasks with precision (full precision!!!!). At last, click the "run tests" button or press Ctrl + Enter
Chris Dalton
@manwithgills
Feb 06 2016 01:07
@csmcanarney Cool. I did not know that.
Manos Mertzianis
@Litarhis
Feb 06 2016 01:07
@AaronMatthewHarpt if you done the tasks correctly a pop message should appear in yor browser. Press "go to next challenge" to proceed to your next tasks
Richard
@RichardGTech
Feb 06 2016 01:08
so I'm trying to give my <form> element an id but when i do everything else cancels out
AaronMatthewHarpt
@AaronMatthewHarpt
Feb 06 2016 01:09
ok, I will probably try googling it
Manos Mertzianis
@Litarhis
Feb 06 2016 01:09
@ProfessorMagus <form id="cat-photo-form"></form> ??
@AaronMatthewHarpt if it doesn't work try to reset your code with the reset button
Richard
@RichardGTech
Feb 06 2016 01:09
@Litarhis I'll give that a shot
@Litarhis nothing :/
Manos Mertzianis
@Litarhis
Feb 06 2016 01:10
@ProfessorMagus can you paste your code, please? Maybe the problem is somewhere else...
Richard
@RichardGTech
Feb 06 2016 01:10
OH it's suppose to be form
I thought it wanted app
mjqblade
@mjqblade
Feb 06 2016 01:10

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

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

h2 {
font-family: Lobster, Monospace;
}
.smaller-image {
width: 100px;
}


p {
font-size: 16px;
font-family: Monospace;
}
</style>

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

<img src=https://bit.ly/fcc-relaxing-cat">

<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>
.....sry but am i missing some\

Manos Mertzianis
@Litarhis
Feb 06 2016 01:11
@ProfessorMagus heheeeeehe! not :P
Calvin McAnarney
@csmcanarney
Feb 06 2016 01:11
@mjqblade Try putting your code in between ```
mjqblade
@mjqblade
Feb 06 2016 01:11
what can u send it plz
Manos Mertzianis
@Litarhis
Feb 06 2016 01:11
@mjqblade problem in the src attribute in <img>: forgot "
Calvin McAnarney
@csmcanarney
Feb 06 2016 01:11
```
code
```
like this ^
Richard
@RichardGTech
Feb 06 2016 01:12
At least it's ok to make mistakes from time to time in this industry...
Calvin McAnarney
@csmcanarney
Feb 06 2016 01:12
Then it'll look like this and be a lot easier to process:
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}
.smaller-image {
width: 100px;
}


p {
font-size: 16px;
font-family: Monospace;
}
</style>
<h2 class="red-text">CatPhotoApp</h2>
<img src=https://bit.ly/fcc-relaxing-cat">
<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>
Manos Mertzianis
@Litarhis
Feb 06 2016 01:13
@ProfessorMagus well, if you think that you're not going to make mistakes, you are in the WRONG industry :P :P hahahaha
@mjqblade <img src=" ">
@csmcanarney relax, don't do it!
Richard
@RichardGTech
Feb 06 2016 01:15
@Litarhis haha yeah... I've been doing grocery for four years... and to be honest, I'm miserable... My older brother was intrigued when I told him that I like messing with computers and using programs for video editing and game capture, then he introduced me to programming
Manos Mertzianis
@Litarhis
Feb 06 2016 01:17
@ProfessorMagus where the magic happens, right? Continue working and trying hard! That is the point!! The only way to learn how to code is to be open in rapid changes and always search and keep your eyes and ears open.
Calvin McAnarney
@csmcanarney
Feb 06 2016 01:17
@Litarhis Don't do what? It's ~2:00 here, so I'm a little slow, sorry ;o
Richard
@RichardGTech
Feb 06 2016 01:17
@Litarhis Yeah... I just hope that I can get my front end developer's certificate soon... I'm starting to gain the confidence to start writing my own apps
Manos Mertzianis
@Litarhis
Feb 06 2016 01:17
@csmcanarney don't hurt him! :P
Calvin McAnarney
@csmcanarney
Feb 06 2016 01:18
I would never! :P
Micah Bales
@micahbales
Feb 06 2016 01:18
This random quote generator is almost done, but I have a couple of questions for you CSS gurus out there. @ message me if you can help. Thanks! http://codepen.io/micahbales/pen/gPjJMY
Manos Mertzianis
@Litarhis
Feb 06 2016 01:18
@ProfessorMagus it is all about confidence and be patient and hungry for knowledge, new techniques etc.
@micahbales dat Yoda though! :P
@csmcanarney sure thing!
Micah Bales
@micahbales
Feb 06 2016 01:19
@Litarhis :)
Calvin McAnarney
@csmcanarney
Feb 06 2016 01:19
I'm going to try to catch some sleep. Good night, everyone!
Manos Mertzianis
@Litarhis
Feb 06 2016 01:19
@csmcanarney try to catch an exception! :P
@csmcanarney and good night!
Richard
@RichardGTech
Feb 06 2016 01:20
@Litarhis Now I'm on the padding portions and this part I feel like I understand better
Donald
@codescout811
Feb 06 2016 01:20
@Litarhis can you help me on this: Use an ID Attribute to Style an Element
Your form element should have the background-color of green.
Manos Mertzianis
@Litarhis
Feb 06 2016 01:21
@ProfessorMagus padding, border and margin (from inside-out) are very important for understanding html elements' alignment! keep it up
mjqblade
@mjqblade
Feb 06 2016 01:21
dad
Manos Mertzianis
@Litarhis
Feb 06 2016 01:22
@codescout811
<style>
     #your-id {
         background-color: green;  
     }
</style>
Richard
@RichardGTech
Feb 06 2016 01:22
@Litarhis And when I write my HTML, it will all go with my images and paragraphs, correct?
mjqblade
@mjqblade
Feb 06 2016 01:22
byr
Manos Mertzianis
@Litarhis
Feb 06 2016 01:22
@ProfessorMagus well, I didn't get that.... could you repeat that?
Richard
@RichardGTech
Feb 06 2016 01:23
so when I start putting my style output, all of the padding, border, and margin portions will go with all my images and paragraphs?
Donald
@codescout811
Feb 06 2016 01:25
@Litarhis thank you so much. now I believe....education is free.
CamperBot
@camperbot
Feb 06 2016 01:25
codescout811 sends brownie points to @litarhis :sparkles: :thumbsup: :sparkles:
:star: 173 | @litarhis | http://www.freecodecamp.com/litarhis
Manos Mertzianis
@Litarhis
Feb 06 2016 01:25
@codescout811 if you have any question about how to finish a task go back to your previous lessons (challenges) (via "Map" at the top of the website) to see previous code. The lessons at FCC are very accurate and well-writen! Feel free to see your previous lessons. That's how you learn
@codescout811 I'm gonna cry now! :P
mjqblade
@mjqblade
Feb 06 2016 01:27
heyyyyy'
Richard
@RichardGTech
Feb 06 2016 01:27
Ok I'm on fire right now
Manos Mertzianis
@Litarhis
Feb 06 2016 01:28
@ProfessorMagus well, if you want a deeper understanding of what HTML is, you have to undestand what it stands for. HTML is just a Word document with the difference that you can add style and ways to display your content. Then, your browser interprets that "document" and gives you the final form of your document
@mjqblade hi!
Donald
@codescout811
Feb 06 2016 01:28
Thanks for the support....very patient,,,now I know that the most patient and kind people are programmers...got to go now and learn more.
Manos Mertzianis
@Litarhis
Feb 06 2016 01:28
@codescout811 That's it!!! You got the spirit!!!! GO AND LEARN
Richard
@RichardGTech
Feb 06 2016 01:29
@Litarhis gotcha, as I'm learning, I'm slowly understanding of HTML's meaning
Donald
@codescout811
Feb 06 2016 01:29
Thank you...
Mr.lonely
@maoyaoxiansheng
Feb 06 2016 01:31
hello everyone
Manos Mertzianis
@Litarhis
Feb 06 2016 01:32
@ProfessorMagus even the acronym of HTML gives you the idea. Hyper-Text Markup Language. Hyper-Text means that it can be text with more power than simple text like the <a> (anchor) element with which you can add a hyper link (and link your website with another one). Markup means that you can edit your text via CSS attributes or via bootstrap, FA, jQuery (which will give your website motion and other things).
@maoyaoxiansheng hello hello
Mr.lonely
@maoyaoxiansheng
Feb 06 2016 01:33
Rookie reported
Manos Mertzianis
@Litarhis
Feb 06 2016 01:35
@ProfessorMagus and all these kinds of languages are in a category that's called XML! XML are languages that create documents with attributes! Like HTML, LaTeX, the XML of Android and others...
@maoyaoxiansheng to whom are you reffering?
Richard
@RichardGTech
Feb 06 2016 01:43
Ok.... My body is not doing the green background

'''<style>
body
.green-background {
background-color: green;
}

.green-background{
background-color: green;
}
</style>

<h1> Hello World </h1>

<body class="green-background"></body>'''

CamperBot
@camperbot
Feb 06 2016 01:45
:bulb: to format code use backticks! ``` more info
Richard
@RichardGTech
Feb 06 2016 01:45
  body
  .green-background {
    background-color: green;
  }

  .green-background{
    background-color: green;
  }
</style>

  <h1> Hello World </h1>
<body class="green-background"></body>
And yes, the body is up on top I just don't know why it's not copying it
style*
Manos Mertzianis
@Litarhis
Feb 06 2016 01:47
@ProfessorMagus ouch!!! a lot of problems I guess

@ProfessorMagus

it should look like this:

<style>
    body{}
</style>
@ProfessorMagus
<style>
    body{
        background-color:green;
    }
</style>
<h1>Hello World</h1>
Richard
@RichardGTech
Feb 06 2016 01:49
Ok... So I fixed some of it
Manos Mertzianis
@Litarhis
Feb 06 2016 01:49
@ProfessorMagus body is already in there! you don't have to create one!
Richard
@RichardGTech
Feb 06 2016 01:50
it's saying give your body element the color property of green
So I don't have to do <body class="green-background"></body>?
Manos Mertzianis
@Litarhis
Feb 06 2016 01:51
@ProfessorMagus and by giving CSS attribute at an element like this body { } (at <style></style>) you don't have to create a separate class
Donald
@codescout811
Feb 06 2016 01:51
I feel great after solving one tasks...very encouraging.
I'm on fire. My brain cells are working...more coffee please.
Richard
@RichardGTech
Feb 06 2016 01:52
So it is NOT necessary to do .green-background{
Manos Mertzianis
@Litarhis
Feb 06 2016 01:53
@ProfessorMagus the body element is always there.... but you don't write it (at least for now). The <body> is where you write your html code (not your scripting or styling code), I think) but the body is the whole page!
Richard
@RichardGTech
Feb 06 2016 01:54
  body{
    background-color:green;
    font-family: Monospace;
  }

</style>
<h1>Hello World</h1>
Ok so this is what I have so far... the body element task is still not check-marke
marked*
Manos Mertzianis
@Litarhis
Feb 06 2016 01:54
@ProfessorMagus no it is not! and it's also not necessary to create a body element parsing that class to it! In general, when you're parsing some CSS attributes at an element using its type (for example, h2{ }) you don't have to create a separate class and parse it to it via html code
@ProfessorMagus maybe you're missing the <style> or is it at the top?
@codescout811 you got this! continue working haha!
Richard
@RichardGTech
Feb 06 2016 01:56
@Litarhis The style IS there, I just don't know why it won't submit after I paste it
Manos Mertzianis
@Litarhis
Feb 06 2016 01:57
in which challenge are you? @ProfessorMagus
Richard
@RichardGTech
Feb 06 2016 01:57
52
at least I got the font family correct
Donald
@codescout811
Feb 06 2016 01:59
@Litarhis what's the best laptop that I could buy. My line of work is in Medical field. I stated to learn coding last January and I;m lovin it. So I need advice. Thanks.
CamperBot
@camperbot
Feb 06 2016 01:59
codescout811 sends brownie points to @litarhis :sparkles: :thumbsup: :sparkles:
:warning: codescout811 already gave litarhis points
Donald
@codescout811
Feb 06 2016 02:00
how to send brownie points?
Manos Mertzianis
@Litarhis
Feb 06 2016 02:01
@ProfessorMagus
<style>

  body {
    background-color: black;
  }
</style>
@ProfessorMagus style should be somethink like that, with the backrgound-color and font-family being specified with the correct values
@codescout811 Well, it depends on what do you want it for....
@ProfessorMagus after that you write your html code as you want. Be sure that you are precise about what the tasks are asking and if that does not work try to reset your code and try again!
Richard
@RichardGTech
Feb 06 2016 02:05
Well according to the exercise, I am correct except for 2 things
Manos Mertzianis
@Litarhis
Feb 06 2016 02:09
@ProfessorMagus what seems to be wrong?
Richard
@RichardGTech
Feb 06 2016 02:10
I'm supposed to give my body element the property color of green, and I need to make sure that my h1 element inherits the color green from my body element
Manos Mertzianis
@Litarhis
Feb 06 2016 02:11
@ProfessorMagus to see what you've done wrong you have to "run tests" and then see what's still wrong
Richard
@RichardGTech
Feb 06 2016 02:11
I did
I've been doing this for a month now
Sarah Rasmussen
@srasmussen86
Feb 06 2016 02:12
Does anyone know how to change the "Text zoom" to 100%?
Manos Mertzianis
@Litarhis
Feb 06 2016 02:13
@ProfessorMagus h1 element inherits everything from body because body is its parent, unless you overrode one of the css attributes giving inline style
Mat Forsberg
@MatForsberg
Feb 06 2016 02:13
@ProfessorMagus
 body{ color:green; font-family: Monospace; } </style> <h1>Hello World</h1>
Manos Mertzianis
@Litarhis
Feb 06 2016 02:13
@srasmussen86 press ctrl + 0
sinsukh
@sinsukh
Feb 06 2016 02:14
for title Case bonfire, I'm wondering why this wouldn't work?
Screen Shot 2016-02-05 at 9.13.10 PM.png
Richard
@RichardGTech
Feb 06 2016 02:15
@MatForsberg .......... I... Did.... That.... Then why does it not like me!?!?! :'(
Manos Mertzianis
@Litarhis
Feb 06 2016 02:15
@ProfessorMagus
@ProfessorMagus try to press reset and try again
Richard
@RichardGTech
Feb 06 2016 02:16
@Litarhis It's ok I moved on finally
Donald
@codescout811
Feb 06 2016 02:17
I need a laptop that is best for graphics and programming...any recommendation?
Mat Forsberg
@MatForsberg
Feb 06 2016 02:17
@codescout811 what is your budget?
Manos Mertzianis
@Litarhis
Feb 06 2016 02:17
@ProfessorMagus what worked finally?
@codescout811 well msi dell Toshiba are good and hi quality companies
Richard
@RichardGTech
Feb 06 2016 02:18
I actually have to go now... Got work
Sarah Rasmussen
@srasmussen86
Feb 06 2016 02:18
Thank you, @Litarhis
CamperBot
@camperbot
Feb 06 2016 02:18
srasmussen86 sends brownie points to @litarhis :sparkles: :thumbsup: :sparkles:
:star: 175 | @litarhis | http://www.freecodecamp.com/litarhis
Mat Forsberg
@MatForsberg
Feb 06 2016 02:19
@codescout811 i prefer a mac book pro. i can run any os virtualized. and mac is known for graphics.
Ghop11
@Ghop11
Feb 06 2016 02:20

@ProfessorMagus

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



</style>

<h1> Hello World </h1>

Manos Mertzianis
@Litarhis
Feb 06 2016 02:20
@MatForsberg Mac yeah, Mac book no. If you need it to play games then Mac is a horrible idea due to its compatibility issues
@codescout811 and top that let me add that Mac is overpriced for what it offers...
to*
AaronMatthewHarpt
@AaronMatthewHarpt
Feb 06 2016 02:34
How do you do this step? Give elements with the p tag a font-size of 16px. Browser and Text zoom should be at 100%.
Victor Timpau
@timpauvictor
Feb 06 2016 02:35
<style>
p {
font-size: 16px;
}
</style>
oasoto
@oasoto
Feb 06 2016 02:36
how add the class (wifth) to the img
sorry width property
AaronMatthewHarpt
@AaronMatthewHarpt
Feb 06 2016 02:36
This message was deleted
<style>

p {
font-size: 16px;
}
</style>
What does it mean about browser and test zoom?
oasoto
@oasoto
Feb 06 2016 02:39
how many <style> do you have?
AaronMatthewHarpt
@AaronMatthewHarpt
Feb 06 2016 02:39
one
oasoto
@oasoto
Feb 06 2016 02:39
100% is full screen
not resized windows
John Doucet
@johndhs
Feb 06 2016 02:40
Hello everyone! I had to take an extended break from Free Code Camp. As a result, I would like to start the exercises over. I know that I can reset the code for each exercise individually, but is there a way to reset all the exercises at once?
oasoto
@oasoto
Feb 06 2016 02:40
here is my code
<style>
.red-text {
color: red;
}
.smaller-image {
width: 100px;
}
h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}
</style>
hers is the same font-size , in the same way
AaronMatthewHarpt
@AaronMatthewHarpt
Feb 06 2016 02:41
Here is the exercise I am on: Change the Font Size of an Element.
I figured it out.
Benjamin
@beNaaa
Feb 06 2016 02:50
Guys.
Why is there this extra space on the right from the header as you can see? http://prntscr.com/9zlzbz
Jean Gardy
@jeangardy509
Feb 06 2016 02:55
Hello I was just wondering where do I put my comment signs for the font-family sections? thanks in advance
Musashis
@Musashis
Feb 06 2016 03:05
Need help making the image smaller at 100px
Mr.lonely
@maoyaoxiansheng
Feb 06 2016 03:11
@ProfessorMagus Me
Valerie
@valbee
Feb 06 2016 03:27
I need help with css webkit and -moz
Im not finding any examples of how its written and this is the first ive heard of webkits ect
Dave Rhue
@dmrhue73
Feb 06 2016 03:29
I was wondering if someone could help me figure out why my elements disappear when I delete the trailing comment tags. The tutorial says to delete them. Thanks
Mariya
@mariyadiminsky
Feb 06 2016 03:41
@dmrhue73 Did you close your comment tag? // for comments <!-- --> also another type of comment also / / if you have any of these your code may disappear
@johndhs I think if you just enter the exercise you start it over, even though your old solution is still stored, when you click submit it will overwrite your old solution. I know this because I have done this.
John Doucet
@johndhs
Feb 06 2016 03:44
@Mashadim Just tried that, you are correct. Thanks!
CamperBot
@camperbot
Feb 06 2016 03:44
johndhs sends brownie points to @mashadim :sparkles: :thumbsup: :sparkles:
:star: 313 | @mashadim | http://www.freecodecamp.com/mashadim
Mariya
@mariyadiminsky
Feb 06 2016 03:44
@johndhs np :)
Cooper Reck
@cooperreck
Feb 06 2016 03:46
Hey guys can someone explain why my .addclass function isn't working?

<script>
$(document).ready(function() {
$("button").addclass("animated bounce");
});
</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>

Chris Dziewa
@chrisdziewa
Feb 06 2016 03:48
@cooperreck addClass
not addclass
Cooper Reck
@cooperreck
Feb 06 2016 03:50
ugh @chrisdziewa thank you!
CamperBot
@camperbot
Feb 06 2016 03:50
cooperreck sends brownie points to @chrisdziewa :sparkles: :thumbsup: :sparkles:
:star: 501 | @chrisdziewa | http://www.freecodecamp.com/chrisdziewa
Zachary Hyder
@zacharyhyder
Feb 06 2016 03:52
var myObj = {
  gift: "pony",
  pet: "kitten",
  bed: "sleigh"
};

function checkObj(checkProp) {
   if (myObj.hasOwnProperty(checkProp)){ 
   return "pony"; }
  else if (myObj.hasOwnProperty(checkProp)) {
    return myObj[checkProp];
  } else { return "Not Found"; }
}
Can't figure out what I'm doing wrong
Chris Dziewa
@chrisdziewa
Feb 06 2016 03:53
@cooperreck you bet!
@zacharyhyder you are checking the same thing for both conditions
it will only return the first or the last
what are you trying to do?
Zachary Hyder
@zacharyhyder
Feb 06 2016 03:56
@chrisdziewa Modify the function checkObj to test myObj for checkProp. If the property is found, return that property's value. If not, return "Not Found".
Sarah Rasmussen
@srasmussen86
Feb 06 2016 03:56
Does anyone know what the code is for resizing the cat image to 100 pixels wide?
Chris Dziewa
@chrisdziewa
Feb 06 2016 03:56
@zacharyhyder you would want to remove that first condition then
Dave Rhue
@dmrhue73
Feb 06 2016 03:57
@Mashadim Ahh nope I didn't I'll give that a try! Thanks
CamperBot
@camperbot
Feb 06 2016 03:57
dmrhue73 sends brownie points to @mashadim :sparkles: :thumbsup: :sparkles:
:star: 314 | @mashadim | http://www.freecodecamp.com/mashadim
Jonathan
@jonathantimm
Feb 06 2016 03:59
@srasmussen86 can you paste your code here?
Jason
@jpr00
Feb 06 2016 04:01
@srasmussen86 In your css for the image use width: 100px;
Jonathan
@jonathantimm
Feb 06 2016 04:01
yep
Chris Dziewa
@chrisdziewa
Feb 06 2016 04:03
@zacharyhyder did that work for you?
Denise Donnelly
@denidon5
Feb 06 2016 04:12
I have my image width: 100px;
but where do I add "smaller-text" ?
Jason
@jpr00
Feb 06 2016 04:14
@denidon5 are you trying to add it as a new css class? if so add .smaller-text {styles you need to apply in here;}
and add class="smaller-text" to the item you are trying to modify
Ashwin Assysh Sharma
@ashwinassysh
Feb 06 2016 04:18

Hi can anyone please help to identify the error in below code

<link href="http://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;
}

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

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

<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat">

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

cannelflow
@cannelflow
Feb 06 2016 04:18
@ashwinassysh which exercise ?
Ashwin Assysh Sharma
@ashwinassysh
Feb 06 2016 04:18
the thick-green-border class is not working in the image
cannelflow
@cannelflow
Feb 06 2016 04:19
@ashwinassysh which exercise ?
Ashwin Assysh Sharma
@ashwinassysh
Feb 06 2016 04:19
@cannelflow its 'Add Borders Around your Elements'
Jason
@jpr00
Feb 06 2016 04:20
@ashwinassysh in your css, it should read .thick-green-border
Ashwin Assysh Sharma
@ashwinassysh
Feb 06 2016 04:20
ohh yes Thanks @cannelflow
CamperBot
@camperbot
Feb 06 2016 04:20
ashwinassysh sends brownie points to @cannelflow :sparkles: :thumbsup: :sparkles:
:star: 735 | @cannelflow | http://www.freecodecamp.com/cannelflow
cannelflow
@cannelflow
Feb 06 2016 04:21
@ashwinassysh its @jpr00 :P
Ashwin Assysh Sharma
@ashwinassysh
Feb 06 2016 04:21
Sorry @jpr00 and thanks @jpr00
CamperBot
@camperbot
Feb 06 2016 04:21
ashwinassysh sends brownie points to @jpr00 and @jpr00 :sparkles: :thumbsup: :sparkles:
:star: 101 | @jpr00 | http://www.freecodecamp.com/jpr00
:star: 101 | @jpr00 | http://www.freecodecamp.com/jpr00
Jason
@jpr00
Feb 06 2016 04:22
no problem
cannelflow
@cannelflow
Feb 06 2016 04:22
@denidon5 <img class="smaller-text">
lillithfrost
@lillithfrost
Feb 06 2016 04:25
how do I import lobster font?
Denise Donnelly
@denidon5
Feb 06 2016 04:26
thanx, I meant "smaller-image", but got it!
Jason
@jpr00
Feb 06 2016 04:27
@lillithfrost <link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
lillithfrost
@lillithfrost
Feb 06 2016 04:27
thanks @jpr00
CamperBot
@camperbot
Feb 06 2016 04:27
lillithfrost sends brownie points to @jpr00 :sparkles: :thumbsup: :sparkles:
:star: 103 | @jpr00 | http://www.freecodecamp.com/jpr00
lillithfrost
@lillithfrost
Feb 06 2016 04:29
where is my code editor?
nevermind
Keat
@keatclark
Feb 06 2016 04:41

Having trouble with the first Bootstrap lesson..

<div>
.container-fluid{

}
</div>

Isn’t making a class? Am I doing it wrong?

Jason
@jpr00
Feb 06 2016 04:41
@keatclark <div class="container-fluid"></div>
Keat
@keatclark
Feb 06 2016 04:42
oh ef thanks @jpr00 !
CamperBot
@camperbot
Feb 06 2016 04:42
keatclark sends brownie points to @jpr00 :sparkles: :thumbsup: :sparkles:
:star: 112 | @jpr00 | http://www.freecodecamp.com/jpr00
Jason
@jpr00
Feb 06 2016 04:42
no problem
badguy100
@badguy100
Feb 06 2016 04:47
can someone correct this? Thanks: $("#target4").remove(target4);
JimL92
@JimL92
Feb 06 2016 04:58

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

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

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

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

It's not working :(
Alister Najib Mada
@alistermada
Feb 06 2016 05:00
@badguy100 You don't need to give .remove() a parameter if you just want to remove #target4
badguy100
@badguy100
Feb 06 2016 05:01
thanks. how about this one: $(.target:nth-child(2)).addClass("animated bounce");
Alister Najib Mada
@alistermada
Feb 06 2016 05:03
@badguy100 Which challenge is that?
@badguy100 Nevermind, found it. Note: You need to add quotes around .target:nth-child(2) as the jQuery selector $() takes a string as the parameter
badguy100
@badguy100
Feb 06 2016 05:10
thanks man. i got it!
Alister Najib Mada
@alistermada
Feb 06 2016 05:13
Glad I could help
Naishu Babu
@naishu
Feb 06 2016 05:20

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

</style>

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

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

it is not working :(
Keat
@keatclark
Feb 06 2016 05:21
@naishu What are you trying to do?
Naishu Babu
@naishu
Feb 06 2016 05:22
Change the Font Size of an Element challenge
The size changes but im unable to finish the challenge
greg
@wearenotgroot
Feb 06 2016 05:23
@naishu let's see them code. used format when posting
wiki format
CamperBot
@camperbot
Feb 06 2016 05:23

:point_right: code formatting [wiki]

Inline code

This an inline `<paste code here>` code formatting with a single backtick(`) at start and end around the code.

Code Block

```js ⇦ Type 3 backticks and then press [shift + enter ⏎] (type js or html or css)

<paste your code here>,
then press [shift + enter ⏎]

``` ⇦ Type 3 backticks, then press [enter ⏎]

See also: ☛ How to type Backticks | ☯ Compose Mode | ❄ Gitter Formatting Basics

:pencil: read more about code formatting on the FCC Wiki

Mr.lonely
@maoyaoxiansheng
Feb 06 2016 05:24
"Give your body element the color property of green."What's mean?
greg
@wearenotgroot
Feb 06 2016 05:24
@naishu take a look at the last p tag remove the semi-colon
Mr.lonely
@maoyaoxiansheng
Feb 06 2016 05:24
Who can tell me?
Naishu Babu
@naishu
Feb 06 2016 05:24
thanks it worked
mohit
@mohit-near
Feb 06 2016 05:24
i m stuck at this challange...some kitty ipsum text
pls help
Naishu Babu
@naishu
Feb 06 2016 05:25
@mohit-near which one?
Steven Osterwald
@keks411
Feb 06 2016 05:25
@maoyaoxiansheng You need to change the color to green. Use background-color
Naishu Babu
@naishu
Feb 06 2016 05:25
the name
Mr.lonely
@maoyaoxiansheng
Feb 06 2016 05:25
@keks411 But I have changed the color to green
mohit
@mohit-near
Feb 06 2016 05:25
fill blank with placeholdertext
Steven Osterwald
@keks411
Feb 06 2016 05:25
Can you post your code?
mohit
@mohit-near
Feb 06 2016 05:26
how???
Mr.lonely
@maoyaoxiansheng
Feb 06 2016 05:26

<style>
body {
background-color: green;
font-family:Monospace;
}

</style>

<h1 style="color:gray">Hello World</h1>

<body>
</body>

Steven Osterwald
@keks411
Feb 06 2016 05:26
wiki format
CamperBot
@camperbot
Feb 06 2016 05:26

:point_right: code formatting [wiki]

Inline code

This an inline `<paste code here>` code formatting with a single backtick(`) at start and end around the code.

Code Block

```js ⇦ Type 3 backticks and then press [shift + enter ⏎] (type js or html or css)

<paste your code here>,
then press [shift + enter ⏎]

``` ⇦ Type 3 backticks, then press [enter ⏎]

See also: ☛ How to type Backticks | ☯ Compose Mode | ❄ Gitter Formatting Basics

:pencil: read more about code formatting on the FCC Wiki

mohit
@mohit-near
Feb 06 2016 05:26
is that it
hellomichiyabu
@hellomichiyabu
Feb 06 2016 05:26
Could I ask?
Steven Osterwald
@keks411
Feb 06 2016 05:26
Just use color:green
If you want to color the whole body green
Mr.lonely
@maoyaoxiansheng
Feb 06 2016 05:27
I think I got it.Thanks @keks411
CamperBot
@camperbot
Feb 06 2016 05:27
maoyaoxiansheng sends brownie points to @keks411 :sparkles: :thumbsup: :sparkles:
:star: 275 | @keks411 | http://www.freecodecamp.com/keks411
Steven Osterwald
@keks411
Feb 06 2016 05:27
@maoyaoxiansheng You are welcome ;)
Zack Hu
@xxks-kkk
Feb 06 2016 05:29
Can anyone explains to me what does "Inside the same <style> tag that contains your red-text class, create an entry for p elements and set the font-size to 16 pixels (16px)." mean in "Change the Font Size of an Element" challenge?
Here is my current style class <style> .red-text { color: red; } font-size: 16px; </style>
but I cannot pass the test
Steven Osterwald
@keks411
Feb 06 2016 05:31
@xxks-kkk You should set the font-size of all p-elements to 16px. FOr example p {font-size:16px;}
Zack Hu
@xxks-kkk
Feb 06 2016 05:33
that is confusing wording
@keks411 What about the "." before "p" name?
@keks411 I thought it is required
@keks411 Thanks:)
CamperBot
@camperbot
Feb 06 2016 05:33
xxks-kkk sends brownie points to @keks411 :sparkles: :thumbsup: :sparkles:
:star: 276 | @keks411 | http://www.freecodecamp.com/keks411
DJ
@qualitymanifest
Feb 06 2016 05:33
@xxks-kkk only for classes. not for html elements.
Zack Hu
@xxks-kkk
Feb 06 2016 05:34
@qualitymanifest Never seen an example on that usage before this challenge
Hope
@Hopeth90
Feb 06 2016 05:38
when giving your body element a color property is this correct? Or am I confusing terms?

<style>
body {
background-color: green;
font-family: monospace;
}
</style>

<h1> Hello World </h1>

Steven Osterwald
@keks411
Feb 06 2016 05:38
@Hopeth90 replace background-color with color
Hope
@Hopeth90
Feb 06 2016 05:40
thank you @keks411
CamperBot
@camperbot
Feb 06 2016 05:40
hopeth90 sends brownie points to @keks411 :sparkles: :thumbsup: :sparkles:
:star: 277 | @keks411 | http://www.freecodecamp.com/keks411
hellomichiyabu
@hellomichiyabu
Feb 06 2016 05:42
I want to ask FreeCodeCamp?
Justin Dachille
@justindachille
Feb 06 2016 05:42
This is the place
hellomichiyabu
@hellomichiyabu
Feb 06 2016 05:43
This message was deleted
Justin Dachille
@justindachille
Feb 06 2016 05:43
See ya around
hellomichiyabu
@hellomichiyabu
Feb 06 2016 05:44
This message was deleted

I want to ask about"Multiple Idential Options in Switch Staements"
I wrote as below, what isn't good?
function myTest(val) {
var answer = "";
// Only change code below this line
switch(val) {
case 1:
case 2:
case 3:
answer = "Low";
break;
case 4:
case 5:
case 6:
answer = "Mid";
break;
case 7:
case 8:
case 9:
answer = "High";
break;

// Only change code above this line
return answer;
}

// Change this value to test
myTest(1);

mohit
@mohit-near
Feb 06 2016 05:52
challenge 17 is not running

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

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

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

greg
@wearenotgroot
Feb 06 2016 06:03
@mohit-near remove the #
@mohit-near p is the selector for all paragraph tags
@mohit-near anything with # is selector for id
mohit
@mohit-near
Feb 06 2016 06:03

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

</style>

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

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

greg
@wearenotgroot
Feb 06 2016 06:04
@mohit-near also no = in css
@mohit-near use :
mohit
@mohit-near
Feb 06 2016 06:04
shiiitttt
yeah
greg
@wearenotgroot
Feb 06 2016 06:05
@mohit-near actually there is = but that is not how you use them :smile:
mohit
@mohit-near
Feb 06 2016 06:05
still not working
greg
@wearenotgroot
Feb 06 2016 06:05
@mohit-near what is the name of this one`?
Angelo Kwek
@angelokwek
Feb 06 2016 06:05

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

<h2 style="color: blue">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>

Jason
@jpr00
Feb 06 2016 06:06
@mohit-near you still need the p { font-size: 16px;}
Angelo Kwek
@angelokwek
Feb 06 2016 06:06
what does it mean to remove the style attribute from h2 element?
greg
@wearenotgroot
Feb 06 2016 06:06
@angelokwek look at <h2---> style
@angelokwek remove that
@angelokwek should be <h2>CatPhotoApp</h2>
Angelo Kwek
@angelokwek
Feb 06 2016 06:07
ohhhhh
fosho
ty
mohit
@mohit-near
Feb 06 2016 06:07
finally
thanku
greg
@wearenotgroot
Feb 06 2016 06:07
np
deadstar09
@deadstar09
Feb 06 2016 06:13
Need some help, please! Why is my code not fulfilling this condition ?: Use the jQuery addClass() function to give the classes animated and shake to all your elements with the class well.

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

nvm...i got it
had forgetten to make the c capital in addClass
Angelo Kwek
@angelokwek
Feb 06 2016 06:15

<style>
h2 {
.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>

how to make h2 element red?
Donald
@codescout811
Feb 06 2016 06:19
Override All Other Styles by using Important
Your h1 element should be pink.
Hi stuck here. any help please.
Jason
@jpr00
Feb 06 2016 06:22
@codescout811 h1 { color: pink !important; }
@angelokwek get rid of the h2 {
and the last }
Donald
@codescout811
Feb 06 2016 06:25
@jpr00 wonderful...amazing. I've got to think twicw before I execute. I'm learning that little things can hinder. Thank you...for the help.
CamperBot
@camperbot
Feb 06 2016 06:25
codescout811 sends brownie points to @jpr00 :sparkles: :thumbsup: :sparkles:
:star: 132 | @jpr00 | http://www.freecodecamp.com/jpr00
Jason
@jpr00
Feb 06 2016 06:26
your welcome
Justin Dachille
@justindachille
Feb 06 2016 06:28
I need to use filter to filter all values greater than 5, but even though I return [6,7,8,9,10] it says it's wrong

var oldArray = [1,2,3,4,5,6,7,8,9,10];

// Only change code below this line.

var newArray = oldArray.filter(function(val) {
return val > 5;
});

Adi Prasetyo
@brutalcrozt
Feb 06 2016 06:29
@epicgug what the web say about your code?
Justin Dachille
@justindachille
Feb 06 2016 06:30
it says "You should have filtered out all the values from the array that are greater than 5."
mohit
@mohit-near
Feb 06 2016 06:30
<img class="smaller-image thick-border-green" src="https://bit.ly/fcc-relaxing-cat">
it says thet i have not added the class
thick border green
Justin Dachille
@justindachille
Feb 06 2016 06:30
Check all of your img elements
mohit
@mohit-near
Feb 06 2016 06:31
.thick-border-green
{
border-color:green;
border-width:10px;
border-style:solid;
}
Jason
@jpr00
Feb 06 2016 06:31
@mohit-near which class?
mohit
@mohit-near
Feb 06 2016 06:31
thick-border green
and i have not given border width of 10px
Justin Dachille
@justindachille
Feb 06 2016 06:32
@mohit-near It might be talking about another <img> element that still doesn't have thick-border-green
mohit
@mohit-near
Feb 06 2016 06:32
there is only one image
Jason
@jpr00
Feb 06 2016 06:33
@mohit-near Does the challenge specify creating a class of thick-border-green or thick-green-border?
mohit
@mohit-near
Feb 06 2016 06:33
let me send the whole code
thick-green-border
Jason
@jpr00
Feb 06 2016 06:33
@mohit-near so.......try using that
Angelo Kwek
@angelokwek
Feb 06 2016 06:34

<style>
p {
font-size: 16px;
}

.red-text {
color: red;
}

</style>

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

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

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

mohit
@mohit-near
Feb 06 2016 06:34
kk
Angelo Kwek
@angelokwek
Feb 06 2016 06:34
Give elements with the p tag a font-size of 16px.
idk whats wrong
mohit
@mohit-near
Feb 06 2016 06:34
dont add class to second p
Angelo Kwek
@angelokwek
Feb 06 2016 06:37
the kitty line?
or the purr jump
Brian
@sludge256
Feb 06 2016 06:38
purr jump
since the other p element was already there
Angelo Kwek
@angelokwek
Feb 06 2016 06:39
oh i get it
i thought it was asking for both p elements to be red lol
Justin Dachille
@justindachille
Feb 06 2016 06:48
Why does this say that it doesn't return values greater than 5? My code:

var oldArray = [1,2,3,4,5,6,7,8,9,10];

// Only change code below this line.

var newArray = oldArray.filter(function(val) {
return val > 5;
});

Brian
@sludge256
Feb 06 2016 06:49
@epicgug you're not supposed to return values greater than 5
you're supposed to remove values greater than 5
Justin Dachille
@justindachille
Feb 06 2016 06:50
Oh, I just switched the greater sign but it didn't work
nvm
thanks!
Munish Tayal
@munishtayal
Feb 06 2016 06:51
$(document).ready(function(){
    var latitude;
    var longitude;
    var description;
    var temperature;
    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(function(position) {
            latitude =  position.coords.latitude;
            longitude = position.coords.longitude;
        });
    }

    $.getJSON("api.openweathermap.org/data/2.5/weather?lat='"+latitude+"'&lon='"+longitude+"'&units=metric", function(json){
        description = json.weather.description;
        temperature = json.main.temp;
    });

    $("h1").text(latitude);
});
Need Help! why h1 is not showing the latitude?
BOUDARDARA Fateh
@fatehbou19
Feb 06 2016 06:53
Helloo,
Dimitris Kottas
@dimitriskottas
Feb 06 2016 06:53
@fatehbou19 hello
BOUDARDARA Fateh
@fatehbou19
Feb 06 2016 06:53
How can I use my personal pics in codepen?
I want to create my portfolio ... new member as you see
Wade Burelbach
@fafnirical
Feb 06 2016 06:57
@munishtayal navigator.geolocation.getCurrentPosition is an asynchronous function.
latitude isn't guaranteed to have a value when you're calling $("h1").text(latitude), because the value of latitude is being set in an asynchronous function, navigatior.geolocation.getCurrentPosition().
Wade Burelbach
@fafnirical
Feb 06 2016 07:04
(Actually, it's being set inside the success callback of that asynchronous function.)
Brian
@sludge256
Feb 06 2016 07:11
@fatehbou19 you'll have to use an image host that isn't imgur
ascended2
@ascended2
Feb 06 2016 07:31
@sludge256 hey sludge256 I was recommended to come to you with a problem. I am doing the Nested For Loops challenge on javascript and my browzer is frozen in on that tab. I can't access my local resources to delete the history nor can I do the run=disabled trick either. Any ideas?
Brian
@sludge256
Feb 06 2016 07:32
why can't you access your local storage?
ascended2
@ascended2
Feb 06 2016 07:32
@sludge256 well it will freeze almost right after loading the page. When I do get to see the resources page there is nothing in the local history
leanminmachine
@leanminmachine
Feb 06 2016 07:33
Need help with bonfire falsy bouncer. anyone able to help? (:
CamperBot
@camperbot
Feb 06 2016 07:33
type bonfire name to get some info on that bonfire. And check HelpBonfires chatroom
leanminmachine
@leanminmachine
Feb 06 2016 07:33
bonfire falsy bouncer
CamperBot
@camperbot
Feb 06 2016 07:33

:fire:Bonfire: Falsy Bouncer :link:

function bouncer(arr) {
  // Don't show a false ID to this bouncer.
  return arr;
}

bouncer([7, 'ate', '', false, 9]);

Remove all falsy values from an array.

more info:  bf details | bf links | hint

Brian
@sludge256
Feb 06 2016 07:33
hint
CamperBot
@camperbot
Feb 06 2016 07:33
:construction: Spoilers are only in the Bonfire's Custom Room :point_right:
ascended2
@ascended2
Feb 06 2016 07:36
@sludge256 yea. I can see in local storage the url but I can't interact with it
Brian
@sludge256
Feb 06 2016 07:37
@ascended2 well I guess we can go the easy route
and you can just open up the site in a private window
and finish and submit the lesson there
and switch back to a normal window afterwards
beats trying to figure out why disabling auto won't work or figuring out your local storage
ascended2
@ascended2
Feb 06 2016 07:40
@sludge256 Yea that worked. What's weird is I entered the same exact code I had entered before and it worked fine.
@sludge thanks
CamperBot
@camperbot
Feb 06 2016 07:40
ascended2 sends brownie points to @sludge :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for sludge
ascended2
@ascended2
Feb 06 2016 07:40
@sludge256 thanks
CamperBot
@camperbot
Feb 06 2016 07:40
ascended2 sends brownie points to @sludge256 :sparkles: :thumbsup: :sparkles:
:star: 1313 | @sludge256 | http://www.freecodecamp.com/sludge256
Brian
@sludge256
Feb 06 2016 07:41
:+1:
Elliot
@en954
Feb 06 2016 08:09
can anyone help me with a bootstrap challenge?
having trouble with the "give each element a unique ID"
Tim Bell
@MindfulBell
Feb 06 2016 08:22
@en954 got any code?
Pratik Patel
@Pratik2125
Feb 06 2016 08:23
hi guys, i need help..
in the page, "global vs local scope in functions", although i have solved the problem as asked, but still it error out, saying you have changed global var
can anyone help ??
Hector Garcia
@augmt
Feb 06 2016 08:29
@Pratik2125 can you post your code?
Pratik Patel
@Pratik2125
Feb 06 2016 08:30

@augmt // Setup
var outerWear = "T-Shirt";

function myFunction() {
// Only change code below this line

outerWear="sweater";

// Only change code above this line
return outerWear;
}

myFunction();

Hector Garcia
@augmt
Feb 06 2016 08:31
@Pratik2125 you need to do var outerWear = "sweater"; because outerWear currently refers to the global variable
typing var outerWear creates a local variable as opposed to using a global variable
Pratik Patel
@Pratik2125
Feb 06 2016 08:33
but i have a doubt, i.e variable outerWear has been declare globally, are we not declaring outerWear once again.
Hector Garcia
@augmt
Feb 06 2016 08:34
@Pratik2125 if you don't declare outerWear within the function then you'll end up overwriting the global outerWear
whereas declaring an outerWear variable within the function doesn't overwrite the global outerWear
Pratik Patel
@Pratik2125
Feb 06 2016 08:36
@augmt so rightnow, in this example we are not overriding global variable..
Hector Garcia
@augmt
Feb 06 2016 08:36
@Pratik2125 right, the example does not want you to override the global variable
Pratik Patel
@Pratik2125
Feb 06 2016 08:37
thanks @augmt , now i understood
CamperBot
@camperbot
Feb 06 2016 08:37
pratik2125 sends brownie points to @augmt :sparkles: :thumbsup: :sparkles:
:star: 336 | @augmt | http://www.freecodecamp.com/augmt
Hector Garcia
@augmt
Feb 06 2016 08:38
cool :thumbsup:
leanminmachine
@leanminmachine
Feb 06 2016 08:46
Need help again guys lol
bonfire mutations
CamperBot
@camperbot
Feb 06 2016 08:47

:fire:Bonfire: Mutations :link:

function mutation(arr) {
  return arr;
}

mutation(['hello', 'hey']);

Return true if the string in the first element of the array contains all of the letters of the string in the second element of the array.

more info:  bf details | bf links | hint

leanminmachine
@leanminmachine
Feb 06 2016 08:47
 for (var i = 0; i < secondArgument.length; i++ ) {

      if (firstArgument.indexOf(secondArgument[i]) < 0) {
      return false;
      }

      else return true;

  }
isn't returning FALSE when ("hello", "hey")
Hector Garcia
@augmt
Feb 06 2016 08:49
it looks like if just the first letter matches then the function will return true
leanminmachine
@leanminmachine
Feb 06 2016 08:51
mutation(["Mary", "Army"]) returned true
i thought the loop made firstArgument.indexOf search for the individual letters in my second argument
but then again. i'm not very sure. LOL
Hector Garcia
@augmt
Feb 06 2016 08:53
what about mutation(["Michael", "Miguel"])
Chad Kreutzer
@ChadKreutzer
Feb 06 2016 08:53
Can I get someone to take a look at my navbar? I've looked at it and looked at it and supposedly it should work, but when I click the hamburger in collapsed mode the buttons don't drop down. is it a codepen thing, maybe?
leanminmachine
@leanminmachine
Feb 06 2016 08:53
I can try taking a look @ChadKreutzer !
Chad Kreutzer
@ChadKreutzer
Feb 06 2016 08:53
thanks:
This message was deleted
<nav class="navbar navbar-fixed-top navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<b class="navbar-brand">Chad Kreutzer</b>
</div>
<div id="myNavbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#masthead">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#portfolio">Portfolio</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
</div>
</nav>
leanminmachine
@leanminmachine
Feb 06 2016 08:54
ugh it returned true for that. @augmt
Chad Kreutzer
@ChadKreutzer
Feb 06 2016 08:54
```
```
leanminmachine
@leanminmachine
Feb 06 2016 08:54
haha post the link for your codepen!
Chad Kreutzer
@ChadKreutzer
Feb 06 2016 08:54
<div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <b class="navbar-brand">Chad Kreutzer</b>
    </div>
    <div id="myNavbar" class="collapse navbar-collapse">
      <ul class="nav navbar-nav navbar-right">
        <li><a href="#masthead">Home</a></li>
        <li><a href="#about">About</a></li>
        <li><a href="#portfolio">Portfolio</a></li>
        <li><a href="#contact">Contact</a></li>
      </ul>
    </div>
  </div>
</nav>
lol. that woulda been easier.
Hector Garcia
@augmt
Feb 06 2016 08:55
@minminimal you're right about what the loop does, but you return true too early
Hector Garcia
@augmt
Feb 06 2016 08:55
@minminimal you want to check all the letters in the second argument before you're sure you can return true
Marsel
@marselcode
Feb 06 2016 08:58
hi all. i need help with remainder in JavaScript. can anyone help me
?
Hector Garcia
@augmt
Feb 06 2016 08:59
@marselcode what do you need help with specifically?
Charlie Harris
@charlieharris1
Feb 06 2016 08:59
@minminimal I think part of the problem is that you are returning true if teo characters match, which will exit the for loop
leanminmachine
@leanminmachine
Feb 06 2016 08:59
@ChadKreutzer u didnt include in bootstrap js
Charlie Harris
@charlieharris1
Feb 06 2016 08:59
*the
Marsel
@marselcode
Feb 06 2016 09:00

@augmt Instructions

Set remainder equal to the remainder of 11 divided by 3 using the remainder (%) operator. i don't understand that i should do

leanminmachine
@leanminmachine
Feb 06 2016 09:00
works after i included in lol
haha okay @augmt lemme try agn
Hector Garcia
@augmt
Feb 06 2016 09:01
@marselcode what does the % operator do?
Manas
@manas-sharma
Feb 06 2016 09:01

Hi all. I am trying to get data from the Wikipedia API using this:

$(document).ready(function(){
  $.getJSON("https://en.wikipedia.org/w/api.php?action=query&prop=revisions&rvprop=content&format=json&titles=Main%20Page",display);

  function display(searchResult){
  alert(JSON.stringify(searchResult));  
  }
});

Any reason why i am not getting the alert box?

Chad Kreutzer
@ChadKreutzer
Feb 06 2016 09:01
@minminimal lol. you're right.
Marsel
@marselcode
Feb 06 2016 09:02
@augmt yes.
Hector Garcia
@augmt
Feb 06 2016 09:03
@marselcode sorry, yes to what?
Marsel
@marselcode
Feb 06 2016 09:03
@augmt
how to present code in this task?
Hector Garcia
@augmt
Feb 06 2016 09:03
help format
CamperBot
@camperbot
Feb 06 2016 09:03

:point_right: code formatting [wiki]

Inline code

This an inline `<paste code here>` code formatting with a single backtick(`) at start and end around the code.

Code Block

```js ⇦ Type 3 backticks and then press [shift + enter ⏎] (type js or html or css)

<paste your code here>,
then press [shift + enter ⏎]

``` ⇦ Type 3 backticks, then press [enter ⏎]

See also: ☛ How to type Backticks | ☯ Compose Mode | ❄ Gitter Formatting Basics

:pencil: read more about code formatting on the FCC Wiki

Hector Garcia
@augmt
Feb 06 2016 09:05
copying and pasting is fine as long as it's not too much code
leanminmachine
@leanminmachine
Feb 06 2016 09:07
thanks for pointing out my error hahaha @augmt. solved! :)
CamperBot
@camperbot
Feb 06 2016 09:07
minminimal sends brownie points to @augmt :sparkles: :thumbsup: :sparkles:
:star: 337 | @augmt | http://www.freecodecamp.com/augmt
Hector Garcia
@augmt
Feb 06 2016 09:08
nice :)
Chad Kreutzer
@ChadKreutzer
Feb 06 2016 09:11
@minminimal sorry, I forgot to say thanks so the bot will give you your points. :D
CamperBot
@camperbot
Feb 06 2016 09:11
chadkreutzer sends brownie points to @minminimal :sparkles: :thumbsup: :sparkles:
:star: 100 | @minminimal | http://www.freecodecamp.com/minminimal
Liam Elliott
@Othynrix
Feb 06 2016 09:17
Ugh. Stuck again...
Screw CSS inheritance rules...
Nate
@NateOfTheLivingDead
Feb 06 2016 09:17
Would you guys recommend doing CodeAcademy in conjunction with FreeCodeCamp? I feel like it would be a great way to reinforce what I'm learning here or does that just make it more confusing
Liam Elliott
@Othynrix
Feb 06 2016 09:17
I have no idea where to put "curly brackets"
Nate
@NateOfTheLivingDead
Feb 06 2016 09:18
Show us your code @Othynrix what exactly is keeping you stuck?
Liam Elliott
@Othynrix
Feb 06 2016 09:18
@NateOfTheLivingDead Actually they link you to some CodeAcademy courses :P
How do I even again?
I know it's possible but
[]
{}
...
Nate
@NateOfTheLivingDead
Feb 06 2016 09:19
When I got stuck I used the snipping tool to get a screenshot and uploaded it to imgur
and pasted the imgur link here
Liam Elliott
@Othynrix
Feb 06 2016 09:19
There's something you can do here
Hector Garcia
@augmt
Feb 06 2016 09:19
``` (newline then code then newline) ```
<style>
  .body {
    background-color: black
  }
</style>
<body class="body">
</body>
There.
thanks by the way @augmt
CamperBot
@camperbot
Feb 06 2016 09:21
othynrix sends brownie points to @augmt :sparkles: :thumbsup: :sparkles:
:star: 338 | @augmt | http://www.freecodecamp.com/augmt
Hector Garcia
@augmt
Feb 06 2016 09:22
nothing wrong with your code as far as i see
what are you trying to do?
Liam Elliott
@Othynrix
Feb 06 2016 09:23
There is a check mark that says "Make sure your CSS rule is properly formatted with both opening and closing curly brackets.
Hector Garcia
@augmt
Feb 06 2016 09:24
ah, ok; seems like it's being picky
the test wants you to style the body tag, not the body class
.body refers to the body class
Liam Elliott
@Othynrix
Feb 06 2016 09:26
so?
Hector Garcia
@augmt
Feb 06 2016 09:26
so change .body to body in your style tag
Liam Elliott
@Othynrix
Feb 06 2016 09:27
Worked. Thanks, @augmt
CamperBot
@camperbot
Feb 06 2016 09:27
othynrix sends brownie points to @augmt :sparkles: :thumbsup: :sparkles:
:warning: othynrix already gave augmt points
Hector Garcia
@augmt
Feb 06 2016 09:27
np
Liam Elliott
@Othynrix
Feb 06 2016 09:27
:)
Adam Snetiker
@ajsnetiker
Feb 06 2016 09:31
Remember if it's just a tag <h1>, <img>, <p>, etc you don't use any punctuation in CSS. If it's a class you use .className and for an ID #idName
Alessandro Alicata
@Alexpress94
Feb 06 2016 09:32

Liam Elliott
@Othynrix
Feb 06 2016 09:33
Sorry guys, stuck again. It says to override the text in the <h1> element and I guess I kind of tried :P
<style>
  body {
    background-color: black;
    font-family: Monospace;
    color: green;
  }
  pink-text {
    color: pink;
  }
</style>
<h1 style="pink-text">Hello World!</h1>
Alessandro Alicata
@Alexpress94
Feb 06 2016 09:34
You wrote pink-test instead of .pink-test above
Liam Elliott
@Othynrix
Feb 06 2016 09:35
My god - it's picky isn't it?
._.
Alessandro Alicata
@Alexpress94
Feb 06 2016 09:35
Sorry I wrote test instead of text ahah
Liam Elliott
@Othynrix
Feb 06 2016 09:36
It didn't work - but it gave me one of 3 checks
I knew what you mean
t
Your h1 element should have the class pink-text.
Your h1 element should be pink.
those two
left
:D
:shipit:
Alessandro Alicata
@Alexpress94
Feb 06 2016 09:39

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

<h1 style="pink-text">Hello World!</h1>

This is your code, isn't it?

Ahhhhhh
Found it
You have to write class="pink-text"
Liam Elliott
@Othynrix
Feb 06 2016 09:41
yeah.
Alessandro Alicata
@Alexpress94
Feb 06 2016 09:41
Delete style="pink-text"
Liam Elliott
@Othynrix
Feb 06 2016 09:41
I went to my dad, he's better at coding than me
But herp-a-derp, he asked if this coding language was JavaScript.
Alessandro Alicata
@Alexpress94
Feb 06 2016 09:41
Great :)
Liam Elliott
@Othynrix
Feb 06 2016 09:41
xD
He does C++ More than anything else.
Thanks anyways @Alexpress94
CamperBot
@camperbot
Feb 06 2016 09:42
othynrix sends brownie points to @alexpress94 :sparkles: :thumbsup: :sparkles:
Alessandro Alicata
@Alexpress94
Feb 06 2016 09:42
Ahah so anything which is not C++ is Javascript? Ahah
CamperBot
@camperbot
Feb 06 2016 09:42
:star: 87 | @alexpress94 | http://www.freecodecamp.com/alexpress94
Liam Elliott
@Othynrix
Feb 06 2016 09:42
Take a brownie point?
:)
Alessandro Alicata
@Alexpress94
Feb 06 2016 09:43
Hehe thank you
i want to make the nav bar stay fixed at the top how do i do it?
Alessandro Alicata
@Alexpress94
Feb 06 2016 10:15
You can use position: fixed;
Brock
@brockwei
Feb 06 2016 10:22
I just finished "Title case a sentence" but my code sucks, anyone know a good way to capitalize first letter in each word in a sentence?
fluffystub
@RakshithNM
Feb 06 2016 10:41
when my port is small and when the i click on the them it doesnot show the nav bar contents
when my viewport is small and when the i click on the icon bars it doesnot show the nav bar contents
how do i do it?
@Alexpress94 yes found that out...thank you
CamperBot
@camperbot
Feb 06 2016 10:42
rakshithnm sends brownie points to @alexpress94 :sparkles: :thumbsup: :sparkles:
:star: 93 | @alexpress94 | http://www.freecodecamp.com/alexpress94
Giorgos Tsaxrelias
@giorgosstab
Feb 06 2016 10:49
hey guys..i am stuck here

<link href="http://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;
}

.smaller-image {
width: 100px;

}

.thin-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
}

</style>

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

<img class="thin-green-border smaller-image" src="https://bit.ly/fcc-relaxing-cat">

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


what is the problem with that:Give your image a border width of 10px.
Dimitris Kottas
@dimitriskottas
Feb 06 2016 10:52
@giorgosstab i don't found an error. Maybe refresh the page(hit F5)
and try again.
Giorgos Tsaxrelias
@giorgosstab
Feb 06 2016 10:53
i do that dude...idk what happen...i know that it doestn an error..
Natnael Hailemariam Churamo
@Natiman4
Feb 06 2016 10:54
I COUDNT PASS THE CASCADING STYLE SHEETS
WHAT SHOULD I DO PLEASE HELP
On the catphotoapp
Please Help ASAP im stucked
Giorgos Tsaxrelias
@giorgosstab
Feb 06 2016 10:58
maybe we are the same problem...send me your code
Calvin McAnarney
@csmcanarney
Feb 06 2016 11:02
@giorgosstab It looks okay on first glance. What's the challenge's name?
bigkatspence
@bigkatspence
Feb 06 2016 11:03
@giorgosstab ? made sure you closed your code correctly
^made
Giorgos Tsaxrelias
@giorgosstab
Feb 06 2016 11:03
@csmcanarney Add Borders Around your Elements
bigkatspence
@bigkatspence
Feb 06 2016 11:03
^have you made sure you closed your code correctly?
Giorgos Tsaxrelias
@giorgosstab
Feb 06 2016 11:04
yep dude
bigkatspence
@bigkatspence
Feb 06 2016 11:04
can you post your current code
Calvin McAnarney
@csmcanarney
Feb 06 2016 11:04
@giorgosstab The class should be called thick-green-border not thin-green-border. Perhaps that's all?
Giorgos Tsaxrelias
@giorgosstab
Feb 06 2016 11:04
look 10message higher you will se my code
i post it
Calvin McAnarney
@csmcanarney
Feb 06 2016 11:04
Because otherwise it looks okay and seems to render fine as well.
Giorgos Tsaxrelias
@giorgosstab
Feb 06 2016 11:04
see*
@csmcanarney oh yea...fak i dont see that..and i am finding 20min for that
R3mi
@R3mi66
Feb 06 2016 11:05
@giorgosstab Wrong name of class
thick-green-border not thin-green-border
Calvin McAnarney
@csmcanarney
Feb 06 2016 11:06
@giorgosstab Don't worry, it's really easy to miss. And it's not like your code was incorrect.
bigkatspence
@bigkatspence
Feb 06 2016 11:06

<link href="http://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;
}

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

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

<img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat">

<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>
this is the correct code for that challenge

Sina Zoghi
@seenazoghi
Feb 06 2016 11:07
Does studying CS make u a worse coder?
Giorgos Tsaxrelias
@giorgosstab
Feb 06 2016 11:07
@csmcanarney yea i hate that..i wanna make that with my names...and not with that give me the site...but ok..thanks again
CamperBot
@camperbot
Feb 06 2016 11:07
giorgosstab sends brownie points to @csmcanarney :sparkles: :thumbsup: :sparkles:
:star: 130 | @csmcanarney | http://www.freecodecamp.com/csmcanarney
bigkatspence
@bigkatspence
Feb 06 2016 11:07
no @seenazoghi
Giorgos Tsaxrelias
@giorgosstab
Feb 06 2016 11:08
guys thanks all...but @csmcanarney helped me..i am ok..
CamperBot
@camperbot
Feb 06 2016 11:08
giorgosstab sends brownie points to @csmcanarney :sparkles: :thumbsup: :sparkles:
:warning: giorgosstab already gave csmcanarney points
Daniela
@undefinedsymbol
Feb 06 2016 11:30
Is anybody working on the Show Local Weather challenge? I am retrieving my latitude and longitude through the Geolocation API but it proves to be inaccurate. It still shows a place in my region but not really my city. In fact, the place is about 50 km away. Can I do anything to improve the accuracy? Maybe use another method to retrieve the location?
Mayank jamwal
@mayankcodeMaster
Feb 06 2016 11:37
unable to run tests
Sara Ali
@Sara31
Feb 06 2016 11:41
hello everyone.. what does it mean Browser and Text zoom should be at 100%.
Dimitris Kottas
@dimitriskottas
Feb 06 2016 11:47
@Sara31 The page in your browser to be 100%. Not be zoomed.
@Sara31 In Firefox you can see this, in the right corner under the button with 3 lines.
same with the Chrome
Sara Ali
@Sara31
Feb 06 2016 11:51

@dimitriskottas my page is not zoomed but still i am unable to run the test. Here is my code

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

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

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

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

SgtIria
@SgtIria
Feb 06 2016 11:52
Sara31 you also need to remove those red-text classes from the p element
@Sara31 you also need to remove those red-text classes from the p element
hellomichiyabu
@hellomichiyabu
Feb 06 2016 11:53
Could I ask?
I have a problem JS in FreeCodeCamp...
Sara Ali
@Sara31
Feb 06 2016 11:56
@SgtIria yup it was the error...thanks dear
CamperBot
@camperbot
Feb 06 2016 11:56
sara31 sends brownie points to @sgtiria :sparkles: :thumbsup: :sparkles:
:star: 23 | @sgtiria | http://www.freecodecamp.com/sgtiria
Sara Ali
@Sara31
Feb 06 2016 11:56
@dimitriskottas Thanks for your help
CamperBot
@camperbot
Feb 06 2016 11:56
sara31 sends brownie points to @dimitriskottas :sparkles: :thumbsup: :sparkles:
:star: 177 | @dimitriskottas | http://www.freecodecamp.com/dimitriskottas
bigkatspence
@bigkatspence
Feb 06 2016 12:11
i am using chromium on a linux for fcc works well
Liam Elliott
@Othynrix
Feb 06 2016 12:15
Ah, it has been a while since I did that Waypoint
Marcos Antônio de Souza Silva
@massilva
Feb 06 2016 12:18
@hellomichiyabu describe your problem.
Kevin Mulligan
@kmulligan
Feb 06 2016 13:09
I am stuck and have been stuck for more than an hour on the Stand in Line portion of Basic Javascript.
Mohammed Shehab
@mshehab93
Feb 06 2016 13:09
hi guys, I'm on the basics on jquery on fcc and I have to "Change the button with id target4 by italicizing its text." the section only mentions the functions .html() and .text() the button with id target4 is prexisting
-_- crap I forgot that the <i> element not only makes icons on bootstrap, but also italicizes, false alarm
Aleksander Gębicki
@Takumar
Feb 06 2016 13:16
@kmulligan are you still stuck?
You should add one item to your array and remove first element from your array, at the end return removed element.
Kevin Mulligan
@kmulligan
Feb 06 2016 13:17
Here's what I am running into: Stand in Line: Write a function queue which takes an array (arr) and a number (item) as arguments. Add the number to the end of the array, then remove the first element of array. The queue function should then return the element that was removed.
code:
function queue(arr, item) {
  // Your code here -- mine is below

  // Add to end of array, remove from front of array, this appears to be working in the developer log showing the correct before/after array
  arr = arr.push(item) + arr.shift();

  // the console log says arr.shift() isn't a function...?

  var removedArr = arr.shift();

  //This is essentially what the shift() section a few before this test did to return the variable you just set as the shift.

 return removedArr;  // Change this line (with my changes)
}

// Test Setup
var testArr = [1,2,3,4,5];

// Display Code
console.log("Before: " + JSON.stringify(testArr));
console.log(queue(testArr, 6)); // Modify this line to test
console.log("After: " + JSON.stringify(testArr));
Marcos Antônio de Souza Silva
@massilva
Feb 06 2016 13:20
@kmulligan replace arr = arr.push(item) + arr.shift(); by arr.push(item)
Kevin Mulligan
@kmulligan
Feb 06 2016 13:21

@Takumar Yes, code above. the arr = arr.push(item) + arr.shift() appears to be working because the dev console shows the before and after array as 1,2,3,4,5 and 2,3,4,5,6

Where I am stumped is why it is saying arr.shift() isn't a function. It's virtually identical to the shift lesson

Aleksander Gębicki
@Takumar
Feb 06 2016 13:22
@kmulligan you must be careful when you concatenate something using + operator
as @massilva said you have problem in the line with concatenation. When you use push() method it returns number of elements of new array.
Marcos Antônio de Souza Silva
@massilva
Feb 06 2016 13:24
@kmulligan don't use arr = arr.push(item) + arr.shift(); because javascript don't concatenate array with a element using +
@kmulligan this problem foi need only to use arr.push(item) for add element in the and. And return arr.shift () for remove and return the first element
BAH Chernor bakar
@dokkal
Feb 06 2016 13:26
K
Kevin Mulligan
@kmulligan
Feb 06 2016 13:28
so this?
function queue(arr, item) {
  // Your code here -- mine is below

  arr = arr.push(item);

 return arr.shift();


}

// Test Setup
var testArr = [1,2,3,4,5];

// Display Code
console.log("Before: " + JSON.stringify(testArr));
console.log(queue(testArr, 6)); // Modify this line to test
console.log("After: " + JSON.stringify(testArr));
Marcos Antônio de Souza Silva
@massilva
Feb 06 2016 13:29
@kmulligan you don't need to use arr = arr.push(item); only arr.push(item);
Kevin Mulligan
@kmulligan
Feb 06 2016 13:29
Oh I see
Okay that worked
Wow, I spent 1.5 hours last night trying to work through this on my own :(
Thank you for the help
Thanks @Takumar
Thanks @massilva
CamperBot
@camperbot
Feb 06 2016 13:30
kmulligan sends brownie points to @takumar and @massilva :sparkles: :thumbsup: :sparkles:
:star: 2146 | @takumar | http://www.freecodecamp.com/takumar
:star: 250 | @massilva | http://www.freecodecamp.com/massilva
Marcos Antônio de Souza Silva
@massilva
Feb 06 2016 13:31
@
@kmulligan You're welcome
Aleksander Gębicki
@Takumar
Feb 06 2016 13:32
@kmulligan I'm glad that I could help :-)
Marcos Antônio de Souza Silva
@massilva
Feb 06 2016 13:33
@kmulligan arr.push don't return a array but the new array length
Calvin McAnarney
@csmcanarney
Feb 06 2016 13:47
@AniGal What have you tried so far? Can you show us your code?
AniGal
@AniGal
Feb 06 2016 13:49
I've solved, thanks :)
Kevin Mulligan
@kmulligan
Feb 06 2016 14:02
@massilva Ahhh! Okay that makes a lot more sense. That then allows you to 'fill up' the array with more of your test array?
AniGal
@AniGal
Feb 06 2016 14:06
Pls, helpwhat's wrong? http://www.freecodecamp.com/challenges/change-text-inside-an-element-using-jquery#?solution=fccss%0A%20%20%24(document).ready(function()%20%7B%0A%20%20%20%20%24(%22%23target1%22).css(%22color%22%2C%20%22red%22)%3B%0A%20%20%20%20%24(%22%23target4%22).html(%22%3Ci%3E%20%23target4%20%3C%2Fi%3E%22)%3B%0A%0A%20%20%7D)%3B%0Afcces%0A%0A%3C!--%20Only%20change%20code%20above%20this%20line.%20--%3E%0A%0A%3Cdiv%20class%3D%22container-fluid%22%3E%0A%20%20%3Ch3%20class%3D%22text-primary%20text-center%22%3EjQuery%20Playground%3C%2Fh3%3E%0A%20%20%3Cdiv%20class%3D%22row%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-6%22%3E%0A%20%20%20%20%20%20%3Ch4%3E%23left-well%3C%2Fh4%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22well%22%20id%3D%22left-well%22%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target1%22%3E%23target1%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target2%22%3E%23target2%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target3%22%3E%23target3%3C%2Fbutton%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-6%22%3E%0A%20%20%20%20%20%20%3Ch4%3E%23right-well%3C%2Fh4%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22well%22%20id%3D%22right-well%22%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target4%22%3E%23target4%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target5%22%3E%23target5%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target6%22%3E%23target6%3C%2Fbutton%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Fdiv%3E%0A
Marcos Antônio de Souza Silva
@massilva
Feb 06 2016 14:07
@kmulligan yes.
Santak Mishra
@santakmishra
Feb 06 2016 14:08
This message was deleted
@AniGal ok remove the spaces before and after #target4 inside the <i></i> tags
AniGal
@AniGal
Feb 06 2016 14:13
@santakmishra Thank you
CamperBot
@camperbot
Feb 06 2016 14:13
anigal sends brownie points to @santakmishra :sparkles: :thumbsup: :sparkles:
:star: 275 | @santakmishra | http://www.freecodecamp.com/santakmishra
purvisampat
@purvisampat
Feb 06 2016 14:17
hello
what is my error
budimanfix
@budimanfix
Feb 06 2016 14:18

Anyone can correct my code miss here ? : // Example
function minusSeven(num) {
return num - 7;
}

// Only change code below this line
function timeFive(num) {
return num + 5;
var aneswer = timeFive(5); // 25
}

Santak Mishra
@santakmishra
Feb 06 2016 14:24
@budimanfix times five must be multiplication, not addition. i’m guessing
use return num * 5 . should work
budimanfix
@budimanfix
Feb 06 2016 14:33
@santakmishra : function timeFive(num) {
return num * 5;
} Stuck still
purvisampat
@purvisampat
Feb 06 2016 14:33
help pls
CamperBot
@camperbot
Feb 06 2016 14:33
no wiki entry for: pls
Santak Mishra
@santakmishra
Feb 06 2016 14:33
@budimanfix can u tell me the name of the challenge?
@purvisampat sure. what do u need?
purvisampat
@purvisampat
Feb 06 2016 14:34
i cant really get where i am wrong :worried: @santakmishra
Santak Mishra
@santakmishra
Feb 06 2016 14:35
@budimanfix that’s my solution:-
// Example
function minusSeven(num) {
  return num - 7;
}

// Only change code below this line

function timesFive(num){
  return num*5;
}
@purvisampat which challenge? gimme challenge name and ur code
Mooli
@Mooli88
Feb 06 2016 14:36
hi guys. can someone command on good github tutorial ?
budimanfix
@budimanfix
Feb 06 2016 14:36
@santakmishra timeFive is not function said
Santak Mishra
@santakmishra
Feb 06 2016 14:37
@budimanfix the function name is timesFive() not timeFive()
hellomichiyabu
@hellomichiyabu
Feb 06 2016 14:37
Could I ask ?
huy-tran
@huy-tran
Feb 06 2016 14:37
@Mooli88 github documentation is a great place. If you want video then heading to Codeschool !
Santak Mishra
@santakmishra
Feb 06 2016 14:37
@Mooli88 yeah sure. how can i help?
hellomichiyabu
@hellomichiyabu
Feb 06 2016 14:38

I write as this, but it doesn't work, what's it?
function myTest(val) {
var answer = "";
// Only change code below this line
switch(val) {
case 1:
case 2:
case 3:
answer = "Low";
break;
case 4:
case 5:
case 6:
answer = "Mid";
break;
case 7:
case 8:
case 9:
answer = "High";
break;

// Only change code above this line
return answer;
}

// Change this value to test
myTest(1);

}

Mooli
@Mooli88
Feb 06 2016 14:38
@huy-tran i've just finish code school tutorial which only got me more confused
Santak Mishra
@santakmishra
Feb 06 2016 14:38
guyz please use proper formatting to paste code
help format
CamperBot
@camperbot
Feb 06 2016 14:38

:point_right: code formatting [wiki]

Inline code

This an inline `<paste code here>` code formatting with a single backtick(`) at start and end around the code.

Code Block

```js ⇦ Type 3 backticks and then press [shift + enter ⏎] (type js or html or css)

<paste your code here>,
then press [shift + enter ⏎]

``` ⇦ Type 3 backticks, then press [enter ⏎]

See also: ☛ How to type Backticks | ☯ Compose Mode | ❄ Gitter Formatting Basics

:pencil: read more about code formatting on the FCC Wiki

hellomichiyabu
@hellomichiyabu
Feb 06 2016 14:39
This message was deleted
Manas
@manas-sharma
Feb 06 2016 14:39

Hi guys, i am stuck on something for a long time now. I am trying to get data using using Wikipedia API but getting no output:

$(document).ready(function(){
  $.getJSON("https://en.wikipedia.org/w/api.php?action=query&prop=revisions&rvprop=content&format=json&titles=Main%20Page",display);

  function display(searchResult){
  alert(JSON.stringify(searchResult));  
  }
});

Could someone please point out why i am not getting the alert box?

purvisampat
@purvisampat
Feb 06 2016 14:39
<style>
  .red-text {
    p
    {font-size: 16px;}  
    color: red;

  }
</style>

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

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p 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>
Santak Mishra
@santakmishra
Feb 06 2016 14:39
@purvisampat That’s my solution. Figure out your mistake. don’t just copy-paste.:-
<style>
  .red-text {
    color: red;
  }
  p {
    font-size: 16px;
  }
</style>

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

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
hellomichiyabu
@hellomichiyabu
Feb 06 2016 14:39
This message was deleted
CamperBot
@camperbot
Feb 06 2016 14:39
:bulb: to format code use backticks! ``` more info
purvisampat
@purvisampat
Feb 06 2016 14:40
@santakmishra THANK YOU i gt my mistake
CamperBot
@camperbot
Feb 06 2016 14:40
purvisampat sends brownie points to @santakmishra :sparkles: :thumbsup: :sparkles:
:star: 277 | @santakmishra | http://www.freecodecamp.com/santakmishra
hellomichiyabu
@hellomichiyabu
Feb 06 2016 14:40
This message was deleted
CamperBot
@camperbot
Feb 06 2016 14:40
:bulb: to format code use backticks! ``` more info
Daniela
@undefinedsymbol
Feb 06 2016 14:40
@manas-sharma You have defined the display function but you did not call it anywhere.
@manas-sharma As in, display();
huy-tran
@huy-tran
Feb 06 2016 14:41
@Mooli88 Me too haha. Read the instructions on Github itself. Then come back Codeschool. I replayed the whole course (I am still on the first Course of Github) 3 - 4 times untill I understand the work flow
Manas
@manas-sharma
Feb 06 2016 14:42
@undefinedsymbol but am i not calling it in the getJSON line, I mean as soon as the data is collected it should call the display function right?
budimanfix
@budimanfix
Feb 06 2016 14:43
@santakmishra Th :+1: ank you
Santak Mishra
@santakmishra
Feb 06 2016 14:43
@budimanfix you can say that normally without a :+1: so I can get a brownie. m a sucker for brownies :P
u r welcome though ^_^
budimanfix
@budimanfix
Feb 06 2016 14:45
@santakmishra Yes wrong type , this is i mean :+1:
Santak Mishra
@santakmishra
Feb 06 2016 14:46
about @budimanfix
CamperBot
@camperbot
Feb 06 2016 14:46
:star: 160 | @budimanfix | http://www.freecodecamp.com/budimanfix
Santak Mishra
@santakmishra
Feb 06 2016 14:46
thanks @budimanfix
CamperBot
@camperbot
Feb 06 2016 14:46
santakmishra sends brownie points to @budimanfix :sparkles: :thumbsup: :sparkles:
:star: 161 | @budimanfix | http://www.freecodecamp.com/budimanfix
Santak Mishra
@santakmishra
Feb 06 2016 14:46
@budimanfix see? that’s how u give brownies to ppl who help u on FCC :)
Manas
@manas-sharma
Feb 06 2016 14:53

Still stuck at:

$(document).ready(function(){
  $.getJSON("https://en.wikipedia.org/w/api.php?action=query&prop=revisions&rvprop=content&format=json&titles=Main%20Page",display);

  function display(searchResult){
  alert(JSON.stringify(searchResult));  
  }
});

getting no output, any help appreciated.

Daniela
@undefinedsymbol
Feb 06 2016 14:59
@manas-sharma I checked again and got an error related to the url. Tried with the URL of another API and it worked. So it seems to be the url you are using...
Manas
@manas-sharma
Feb 06 2016 15:06
@undefinedsymbol i also tried the weather API and it's working, but with this URL nothing happens, even though this URL when opened in a new tab shows data.
Manas
@manas-sharma
Feb 06 2016 15:13
anyways, thanks @undefinedsymbol
CamperBot
@camperbot
Feb 06 2016 15:13
manas-sharma sends brownie points to @undefinedsymbol :sparkles: :thumbsup: :sparkles:
:star: 382 | @undefinedsymbol | http://www.freecodecamp.com/undefinedsymbol
Daniela
@undefinedsymbol
Feb 06 2016 15:14
@manas-sharma No problem :) Sorry for not having another hint, but I did not get to work with the Wikipedia API yet ;)
Shw-eta
@shw-eta
Feb 06 2016 15:16
Hello world !
CamperBot
@camperbot
Feb 06 2016 15:16

welcome to FreeCodeCamp @shw-eta!

Santak Mishra
@santakmishra
Feb 06 2016 15:20
@shw-eta Hey! you’re joining channels i see :)
about @shw-eta
CamperBot
@camperbot
Feb 06 2016 15:20
:star: 1 | @shw-eta | http://www.freecodecamp.com/shw-eta
Santak Mishra
@santakmishra
Feb 06 2016 15:21
@shw-eta Oh you’re new. Welcome ^_^
Shw-eta
@shw-eta
Feb 06 2016 15:23
Thnq @santakmishra
Marcos Antônio de Souza Silva
@massilva
Feb 06 2016 15:30
@shw-eta welcome
srinjay
@srinjay
Feb 06 2016 15:37

function wordBlanks(myNoun, myAdjective, myVerb, myAdverb) {
var result = "";
// Your code below this line
result= myAdjective + myNoun + myVerb + myAdverb ;

// Your code above this line
return result;
}

// Change the words here to test your function
wordBlanks("cat", "little", "hit", "slowly");
wordBlanks("dog", "big", "ran", "quickly");

can't figure out what's wrong?
pls help
Dimitris Kottas
@dimitriskottas
Feb 06 2016 15:41
@srinjay You must put and other words inside the result.
add spaces, commas, etc.
cannelflow
@cannelflow
Feb 06 2016 15:45
@srinjay if you print like result= myAdjective + myNoun + myVerb + myAdverb ; then it will come like catdog give spacing so that it will be like cat dog
Chetan Anand
@itschetan
Feb 06 2016 15:47
@srinjay Remove 2nd wordBlanks of 2nd last line.
Chetan Anand
@itschetan
Feb 06 2016 15:52
@srinjay you should use this...
result+= "My "+myAdjective+" "+myNoun+" "+myVerb+" very"+myAdverb+".";
Shw-eta
@shw-eta
Feb 06 2016 15:55
How to save my challenge progress ?
Marcos Antônio de Souza Silva
@massilva
Feb 06 2016 15:58
@shw-eta you need create account
@shw-eta and you need to loggin.
Vassil Kurktchiev
@kurkweb
Feb 06 2016 16:08
ohhhh @itschetan !!! I walked away from this challenge and went to w3 to feel compatent. All I did wrong was not use "" on my +myAdjective etc.
Chetan Anand
@itschetan
Feb 06 2016 16:08
@shw-eta Link your account with github, facebook, google linkedin anywhere..
Shw-eta
@shw-eta
Feb 06 2016 16:09
@massilva thnks a tonne
CamperBot
@camperbot
Feb 06 2016 16:09
shw-eta sends brownie points to @massilva :sparkles: :thumbsup: :sparkles:
Vassil Kurktchiev
@kurkweb
Feb 06 2016 16:09
@itschetan how do i give brownies?
CamperBot
@camperbot
Feb 06 2016 16:09
:star: 267 | @massilva | http://www.freecodecamp.com/massilva
Devashish
@newbie-07
Feb 06 2016 16:10
points
Chetan Anand
@itschetan
Feb 06 2016 16:11
@kurkweb just apperciate someone who helps you.
Shw-eta
@shw-eta
Feb 06 2016 16:11
@itschetan already did that thnks anyways
CamperBot
@camperbot
Feb 06 2016 16:11
shw-eta sends brownie points to @itschetan :sparkles: :thumbsup: :sparkles:
Manos Mertzianis
@Litarhis
Feb 06 2016 16:11
Hello community
CamperBot
@camperbot
Feb 06 2016 16:11
:star: 169 | @itschetan | http://www.freecodecamp.com/itschetan
Chetan Anand
@itschetan
Feb 06 2016 16:11
@shw-eta You welcome.
Devashish
@newbie-07
Feb 06 2016 16:12
@Litarhis hello
Chetan Anand
@itschetan
Feb 06 2016 16:12
@Litarhis Welcome...mate to FCC.
Lasha
@Lashaagoodman
Feb 06 2016 16:21
I need some help
Devashish
@newbie-07
Feb 06 2016 16:22
@Lashaagoodman Name it
Lasha
@Lashaagoodman
Feb 06 2016 16:22
@newbie-07 can you see the current challenge I am taking right now?
Devashish
@newbie-07
Feb 06 2016 16:25
@Lashaagoodman Nope we cant do that. What you can do is tell what is the challenge and what is the difficulty you are facing or the error
Vassil Kurktchiev
@kurkweb
Feb 06 2016 16:25
@itschetan thank you
CamperBot
@camperbot
Feb 06 2016 16:25
kurkweb sends brownie points to @itschetan :sparkles: :thumbsup: :sparkles:
:star: 170 | @itschetan | http://www.freecodecamp.com/itschetan
Vassil Kurktchiev
@kurkweb
Feb 06 2016 16:25
boom!!!
to learning!!!
haha
Chetan Anand
@itschetan
Feb 06 2016 16:26
Yeah welcome dude... @kurkweb
Lasha
@Lashaagoodman
Feb 06 2016 16:28
@newbie-07 the challenge is uncommenti HTML
I have added <!-- these sings but still it is not completed
Devashish
@newbie-07
Feb 06 2016 16:29
@Lashaagoodman They are actually asking to remove <!-- and -->
Lasha
@Lashaagoodman
Feb 06 2016 16:30
@newbie-07 haha
that's true
just did it :L)
Devashish
@newbie-07
Feb 06 2016 16:30
@Lashaagoodman Great. Happy Learning
Shw-eta
@shw-eta
Feb 06 2016 16:31
This message was deleted
Lasha
@Lashaagoodman
Feb 06 2016 16:31
@newbie-07 thanks
CamperBot
@camperbot
Feb 06 2016 16:31
lashaagoodman sends brownie points to @newbie-07 :sparkles: :thumbsup: :sparkles:
:star: 295 | @newbie-07 | http://www.freecodecamp.com/newbie-07
Shw-eta
@shw-eta
Feb 06 2016 16:31
how to send a screenshot ?
Devashish
@newbie-07
Feb 06 2016 16:31
@Lashaagoodman You are welcome
Shw-eta
@shw-eta
Feb 06 2016 16:31
or a pic in chat ?
Devashish
@newbie-07
Feb 06 2016 16:32
@shw-eta Why do you need to send a pic?
Shw-eta
@shw-eta
Feb 06 2016 16:32
i have a prob in my challenge
Devashish
@newbie-07
Feb 06 2016 16:32
@shw-eta I mean maybe you can be helped without sending one
Chetan Anand
@itschetan
Feb 06 2016 16:33
@shw-eta just drag in the pic here.
Shw-eta
@shw-eta
Feb 06 2016 16:33
somehow i cant run tests for my html progm. ctrl+enter wont work
Richard
@RichardGTech
Feb 06 2016 16:33
So it's not like I need help at this moment, but this is a just out of curiosity question: is it really necessary to use #00FF00 instead of what the color the code is deciphering, or is it just there to make our lives easier?
Shw-eta
@shw-eta
Feb 06 2016 16:33
lemme send u the challenge info
Devashish
@newbie-07
Feb 06 2016 16:33
@shw-eta It will work once you do as instructed
Shw-eta
@shw-eta
Feb 06 2016 16:34
Do you see the code in your text editor that says <h1>Hello</h1>? That's an HTML element.
To pass the test on this challenge, change your h1 element's text to say "Hello World" instead of "Hello". Then click the "Run tests" button.
Chetan Anand
@itschetan
Feb 06 2016 16:35
@shw-eta It will work when your text editor is active with blinking cursor on it.
Shw-eta
@shw-eta
Feb 06 2016 16:35
WHAT I WROTE
<h1>Hello World</h1>
i am using linux64 is dat a problem ? @itschetan it's blinking but not working still
Richard
@RichardGTech
Feb 06 2016 16:36
@shw-eta can you post the whole code onto here please?
Chetan Anand
@itschetan
Feb 06 2016 16:36
@shw-eta So you are getting green tick..after running it.??
Shw-eta
@shw-eta
Feb 06 2016 16:36
<h1>Hello World</h1>
Richard
@RichardGTech
Feb 06 2016 16:37
What exercise are you on?
cannelflow
@cannelflow
Feb 06 2016 16:37
@shw-eta code looks good try refreshing page
Shw-eta
@shw-eta
Feb 06 2016 16:37
i am on the very first one .. its my first day :)
Devashish
@newbie-07
Feb 06 2016 16:37
@ProfessorMagus with codes you can add so many different shades of colors....if you want just plain green you can also write green and it will work...
Richard
@RichardGTech
Feb 06 2016 16:37
@shw-eta Ah, welcome! :D
@newbie-07 Ah, so I wouldn't have to use Hex Code 24/7?
Chetan Anand
@itschetan
Feb 06 2016 16:38
@shw-eta Your code is perfect.. Just refresh the page once.
Richard
@RichardGTech
Feb 06 2016 16:39
haha on exercise 66 (talking about Abbreviated Hex Code), it wanted me to do #F00.... I wanted to do #F00Fighters :p
Devashish
@newbie-07
Feb 06 2016 16:39
@ProfessorMagus once you have to design something good hex code will be be your friend...Plain red blue or green won't look good
Chetan Anand
@itschetan
Feb 06 2016 16:40
@ProfessorMagus Ha ha ha... :) :)
Richard
@RichardGTech
Feb 06 2016 16:40
@itschetan THERE GOES MY HERO!!! :D :D
cannelflow
@cannelflow
Feb 06 2016 16:42
@shw-eta worked?
Richard
@RichardGTech
Feb 06 2016 16:42
Wow... 69 exercises done! :D I may be slowly understanding how to use HTML, CSS and Hex
but I know I can do this
Yaroslav
@YVeselovskyi
Feb 06 2016 16:43
Can someone help me to fix my webpage?
it is very important for me
Devashish
@newbie-07
Feb 06 2016 16:44
@ProfessorMagus :+1:
Shw-eta
@shw-eta
Feb 06 2016 16:44
@cannelflow just posted an issue on GitHub #6783
its wid a screenshot
Richard
@RichardGTech
Feb 06 2016 16:46
ok quick question on container fluids

```<link href="http://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;
}

.container-fluid{

}
</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" src="https://bit.ly/fcc-relaxing-cat"></a>

<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 class="container-fluid"><<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/></div>

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

Do I put my link in the .container-fluid{} portion of the style?
Devashish
@newbie-07
Feb 06 2016 16:48
Nope @ProfessorMagus
Richard
@RichardGTech
Feb 06 2016 16:49
@newbie-07 Really? So I should leave it as is??
Devashish
@newbie-07
Feb 06 2016 16:49
@ProfessorMagus Have they asked to style class container-fluid?
Richard
@RichardGTech
Feb 06 2016 16:50
I have to nest the HTML in a div element with the class container-fluid
my div element has the opening and closing tag
Devashish
@newbie-07
Feb 06 2016 16:51
@ProfessorMagus I think you need to include everything in the class container-fluids
@ProfessorMagus Don't style it
Najib Fadil
@najiboun
Feb 06 2016 16:52
Hi, I have trouble with change-the-font-size-of-an-element
challenge
I did everthing asked
Devashish
@newbie-07
Feb 06 2016 16:53
@ProfessorMagus Put <div class="container-fluid> before <h2> and close it at the end of the code
cannelflow
@cannelflow
Feb 06 2016 16:53
@najiboun code please
@ProfessorMagus then you do like <div class="container-fluid">html</div>
Najib Fadil
@najiboun
Feb 06 2016 16:53

<style>
html,body {
font-size: 100%;
zoom:100%;
}
.red-text {
color: red;
}
p {

font-size: 16px;
}
</style>

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

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

purvisampat
@purvisampat
Feb 06 2016 16:53
dont use the classes for both the <p> @najiboun
cannelflow
@cannelflow
Feb 06 2016 16:54
This message was deleted
Najib Fadil
@najiboun
Feb 06 2016 16:54
ok thanks done
purvisampat
@purvisampat
Feb 06 2016 16:55
do u mind mentioning my name @najiboun
Najib Fadil
@najiboun
Feb 06 2016 16:56
@purvisampat
Richard
@RichardGTech
Feb 06 2016 16:56
I'm gonna try it later, I gotta go to wokr
work*
cannelflow
@cannelflow
Feb 06 2016 16:56
yes you should tag peoples name whenever you say thanks @najiboun
CamperBot
@camperbot
Feb 06 2016 16:56
cannelflow sends brownie points to @najiboun :sparkles: :thumbsup: :sparkles:
:star: 19 | @najiboun | http://www.freecodecamp.com/najiboun
Najib Fadil
@najiboun
Feb 06 2016 16:56
done
cannelflow
@cannelflow
Feb 06 2016 16:56
or when someone follow your question @najiboun
purvisampat
@purvisampat
Feb 06 2016 16:56
you should say thanks and then tag
Najib Fadil
@najiboun
Feb 06 2016 16:57
thanks @purvisampat
CamperBot
@camperbot
Feb 06 2016 16:57
najiboun sends brownie points to @purvisampat :sparkles: :thumbsup: :sparkles:
:star: 60 | @purvisampat | http://www.freecodecamp.com/purvisampat
Najib Fadil
@najiboun
Feb 06 2016 16:57
Thanks @cannelflow
CamperBot
@camperbot
Feb 06 2016 16:57
najiboun sends brownie points to @cannelflow :sparkles: :thumbsup: :sparkles:
:star: 739 | @cannelflow | http://www.freecodecamp.com/cannelflow
cannelflow
@cannelflow
Feb 06 2016 16:57
@najiboun :+1:
purvisampat
@purvisampat
Feb 06 2016 16:57
THanks @camperbot
CamperBot
@camperbot
Feb 06 2016 16:57
purvisampat sends brownie points to @camperbot :sparkles: :thumbsup: :sparkles:
:star: 1112 | @camperbot | http://www.freecodecamp.com/camperbot
purvisampat
@purvisampat
Feb 06 2016 16:58
Oh freak i didnt know camperbot also has brownies :+1:
sankar244
@sankar244
Feb 06 2016 16:58
hi
Devashish
@newbie-07
Feb 06 2016 16:59
@sankar244 hi
sankar244
@sankar244
Feb 06 2016 17:00
i have buggs in nest an anchor element within a paragraph
help me
CamperBot
@camperbot
Feb 06 2016 17:00

:point_right: adding environment variables [wiki]

In Windows

Via GUI

  1. Download Varpanel.
  2. Open Varpanel.
  3. In PATH variable, add the relevant path (for example).

:pencil: read more about adding environment variables on the FCC Wiki

Rex Schrader
@SaintPeter
Feb 06 2016 17:01

Saturday Summit is Live on Twitch.Tv

http://www.twitch.tv/freecodecamp
Chetan Anand
@itschetan
Feb 06 2016 17:03
@sankar244 Paste your code....
Shw-eta
@shw-eta
Feb 06 2016 17:04
yipee! i could run tests :)
Devashish
@newbie-07
Feb 06 2016 17:05
@sankar244 Just add <p> before your <a> element of cat photo link...and end it with </p>
@shw-eta Great
Shw-eta
@shw-eta
Feb 06 2016 17:06
:) installed browsec
it helped
Devashish
@newbie-07
Feb 06 2016 17:06
@sankar244 Also between <p> and <a...> </a> type View More
sankar244
@sankar244
Feb 06 2016 17:07
yes got it than you
Chetan Anand
@itschetan
Feb 06 2016 17:08
Thats Great @shw-eta :)
Devashish
@newbie-07
Feb 06 2016 17:08
@sankar244 great, you are welcome
Pawan
@pawan92
Feb 06 2016 17:13
@Memj thanks
CamperBot
@camperbot
Feb 06 2016 17:13
pawan92 sends brownie points to @memj :sparkles: :thumbsup: :sparkles:
:star: 257 | @memj | http://www.freecodecamp.com/memj
Melissa Lind
@melissahlind
Feb 06 2016 17:16

What am I missing here: <style>
.red-text {color: red;}
p {font-size: 16px;}
</style>

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

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

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

Devashish
@newbie-07
Feb 06 2016 17:17
@melissahlind just delete class red-text from <p> elements
Melissa Lind
@melissahlind
Feb 06 2016 17:17
ah!
hmmmm..didn
t work.
Devashish
@newbie-07
Feb 06 2016 17:19
what was the challenge? @melissahlind
purvisampat
@purvisampat
Feb 06 2016 17:19
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
.container-fluid{
  <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;
  }
</style>
}
<div class="container-fluid">
<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" src="https://bit.ly/fcc-relaxing-cat"></a>

<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>
<form action="/submit-cat-photo">
  <label><input type="radio" name="indoor-outdoor"> Indoor</label>
  <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
  <label><input type="checkbox" name="personality"> Loving</label>
  <label><input type="checkbox" name="personality"> Lazy</label>
  <label><input type="checkbox" name="personality"> Crazy</label>
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
</form>

please help with the code
we should nest all of our HTML in a div element with the class container-fluid.
Lasha
@Lashaagoodman
Feb 06 2016 17:20
I need a help
Use a CSS Class to Style an Element
in this section
purvisampat
@purvisampat
Feb 06 2016 17:20
@Lashaagoodman send in your code
cannelflow
@cannelflow
Feb 06 2016 17:21
@purvisampat i think you didn't closed your div
btw which exercise?
Melissa Lind
@melissahlind
Feb 06 2016 17:21
How do I give you the challenge? Give elements with the p tag a font-size of 16px. Browser and Text zoom should be at 100%. @newbie-07
Devashish
@newbie-07
Feb 06 2016 17:22
@melissahlind Everything is right
Lasha
@Lashaagoodman
Feb 06 2016 17:22
@purvisampat ?

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

purvisampat
@purvisampat
Feb 06 2016 17:22
@cannelflow the thing is i did not get how to include the class and where all should i use the divs
Devashish
@newbie-07
Feb 06 2016 17:22
@melissahlind In your code...
Lasha
@Lashaagoodman
Feb 06 2016 17:23
I solved it
Devashish
@newbie-07
Feb 06 2016 17:23
@melissahlind Removing class from <p class= "red-text"> should work
Bernardo Tapia
@bernart81
Feb 06 2016 17:24
@purvisampat be carefull I saw you put .container out of <style></style
Devashish
@newbie-07
Feb 06 2016 17:24
@melissahlind From both the paragraphs
purvisampat
@purvisampat
Feb 06 2016 17:24
so it must be where im confused @bernart81
Melissa Lind
@melissahlind
Feb 06 2016 17:25
How do I post code with the fancy black box? @newbie-07
Bernardo Tapia
@bernart81
Feb 06 2016 17:26
in you last code you shared in 2nd line .container-fluid{
purvisampat
@purvisampat
Feb 06 2016 17:26
@Lashaagoodman no space between red text when in style
Bernardo Tapia
@bernart81
Feb 06 2016 17:26
it is out of tags <style></style>
purvisampat
@purvisampat
Feb 06 2016 17:26
Yup @bernart81 @bernart81 but what is the correct way
Bernardo Tapia
@bernart81
Feb 06 2016 17:26
you write within <style></style>
purvisampat
@purvisampat
Feb 06 2016 17:26
ok THank you @bernart81
CamperBot
@camperbot
Feb 06 2016 17:26
purvisampat sends brownie points to @bernart81 :sparkles: :thumbsup: :sparkles:
:star: 131 | @bernart81 | http://www.freecodecamp.com/bernart81
Melissa Lind
@melissahlind
Feb 06 2016 17:27
Oh it did work! Thanks!!!! @newbie-07
CamperBot
@camperbot
Feb 06 2016 17:27
melissahlind sends brownie points to @newbie-07 :sparkles: :thumbsup: :sparkles:
:star: 296 | @newbie-07 | http://www.freecodecamp.com/newbie-07
Devashish
@newbie-07
Feb 06 2016 17:27
@melissahlind You are welcome
Melissa Lind
@melissahlind
Feb 06 2016 17:27
How about the black box for posting code? @newbie-07
purvisampat
@purvisampat
Feb 06 2016 17:28
@melissahlind help format
help format
CamperBot
@camperbot
Feb 06 2016 17:28

:point_right: code formatting [wiki]

Inline code

This an inline `<paste code here>` code formatting with a single backtick(`) at start and end around the code.

Code Block

```js ⇦ Type 3 backticks and then press [shift + enter ⏎] (type js or html or css)

<paste your code here>,
then press [shift + enter ⏎]

``` ⇦ Type 3 backticks, then press [enter ⏎]

See also: ☛ How to type Backticks | ☯ Compose Mode | ❄ Gitter Formatting Basics

:pencil: read more about code formatting on the FCC Wiki

Devashish
@newbie-07
Feb 06 2016 17:28
@melissahlind I don't know about that.
purvisampat
@purvisampat
Feb 06 2016 17:29
@melissahlind there you go
Devashish
@newbie-07
Feb 06 2016 17:30
@purvisampat Thanks.
CamperBot
@camperbot
Feb 06 2016 17:30
newbie-07 sends brownie points to @purvisampat :sparkles: :thumbsup: :sparkles:
:star: 76 | @purvisampat | http://www.freecodecamp.com/purvisampat
purvisampat
@purvisampat
Feb 06 2016 17:30
can Someone please help with "Use Responsive Design with Bootstrap Fluid Containers" I cant really understand where to put what
Devashish
@newbie-07
Feb 06 2016 17:31
@purvisampat I can
purvisampat
@purvisampat
Feb 06 2016 17:32
Please help @newbie-07
Devashish
@newbie-07
Feb 06 2016 17:32
@purvisampat http://bit.ly/1nPl1xa
Melissa Lind
@melissahlind
Feb 06 2016 17:32

just testing code box: '''js

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

p {
font-size: 16px;
}
</style>

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

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

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

CamperBot
@camperbot
Feb 06 2016 17:32
:bulb: to format code use backticks! ``` more info
Devashish
@newbie-07
Feb 06 2016 17:32
@purvisampat That is my solution. I sense you are smart. You will figure it out.
@purvisampat I will explain if you want
purvisampat
@purvisampat
Feb 06 2016 17:33
i gt the solution on my own but i didnt really see your solution
Melissa Lind
@melissahlind
Feb 06 2016 17:33
another test:
Devashish
@newbie-07
Feb 06 2016 17:34
@purvisampat Even better
purvisampat
@purvisampat
Feb 06 2016 17:34
But thanks for all the help @newbie-07
CamperBot
@camperbot
Feb 06 2016 17:34
purvisampat sends brownie points to @newbie-07 :sparkles: :thumbsup: :sparkles:
:star: 297 | @newbie-07 | http://www.freecodecamp.com/newbie-0