These are chat archives for FreeCodeCamp/Help

3rd
Mar 2016
Adrian
@theorye
Mar 03 2016 00:00
@Joll59 Thanks for showing me codepad!
CamperBot
@camperbot
Mar 03 2016 00:00
theorye sends brownie points to @joll59 :sparkles: :thumbsup: :sparkles:
:star: 220 | @joll59 | http://www.freecodecamp.com/joll59
Adrien
@admanaus
Mar 03 2016 00:00
If you want to give points to @chrisdav6 you have to mention him in your thanks :) @hollywarner
CamperBot
@camperbot
Mar 03 2016 00:00
:star: 314 | @chrisdav6 | http://www.freecodecamp.com/chrisdav6
:star: 18 | @hollywarner | http://www.freecodecamp.com/hollywarner
usharya
@usharya
Mar 03 2016 00:00
can you make android apps with html, css?
CamperBot
@camperbot
Mar 03 2016 00:00
admanaus sends brownie points to @chrisdav6 and @hollywarner :sparkles: :thumbsup: :sparkles:
Chris Davis
@chrisdav6
Mar 03 2016 00:00
@hollywarner actually, your syntax looks correct
Aeoryth
@Aeoryth
Mar 03 2016 00:01
Oh idk if anyone saw my post in the other room, but CodeSchool is offering a free weekend from Friday until Sunday in celebration of reaching two million students. This could be great for any of you looking to brush up or reinforce skills you've been learning here at FCC. Also, the top 10 point-earners of the free weekend will receive a free year of CodeSchool. Check it out at https://www.codeschool.com/free-weekend
usharya
@usharya
Mar 03 2016 00:01
@Aeoryth Thanks hehe
CamperBot
@camperbot
Mar 03 2016 00:01
usharya sends brownie points to @aeoryth :sparkles: :thumbsup: :sparkles:
:star: 136 | @aeoryth | http://www.freecodecamp.com/aeoryth
Greg D
@mosaic-greg
Mar 03 2016 00:01
@usharya yes. search the play store for droidscript
usharya
@usharya
Mar 03 2016 00:02
@mosaic-greg Thanks, I will do that now
CamperBot
@camperbot
Mar 03 2016 00:02
usharya sends brownie points to @mosaic-greg :sparkles: :thumbsup: :sparkles:
:star: 310 | @mosaic-greg | http://www.freecodecamp.com/mosaic-greg
Holly
@hollywarner
Mar 03 2016 00:02
this is what its saying i havent done right: Do not add a class attribute to the second p element, without removing it from the first one.
Give elements with the p tag a font-size of 16px. Browser and Text zoom should be at 100%.
the font size appears to be correct

<style>
.red-text{font-size: 16px;
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. Purr jump</p>
<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. 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 am i doing wrong? O.o
Aeoryth
@Aeoryth
Mar 03 2016 00:03
Oh, @hollywarner you need to make a new style rule that says p { font-size: 16px; }
Don't include it in the red-text class
usharya
@usharya
Mar 03 2016 00:03
droidscript is pretty good
Holly
@hollywarner
Mar 03 2016 00:04
Thank you @Aeoryth !!
CamperBot
@camperbot
Mar 03 2016 00:04
hollywarner sends brownie points to @aeoryth :sparkles: :thumbsup: :sparkles:
:star: 137 | @aeoryth | http://www.freecodecamp.com/aeoryth
Aeoryth
@Aeoryth
Mar 03 2016 00:04
@hollywarner Glad I could help ^_~
Greg D
@mosaic-greg
Mar 03 2016 00:04
yep make apps right on your phone (or pc)
Aeoryth
@Aeoryth
Mar 03 2016 00:04
@mosaic-greg I just checked that out. Thanks for the info
CamperBot
@camperbot
Mar 03 2016 00:04
aeoryth sends brownie points to @mosaic-greg :sparkles: :thumbsup: :sparkles:
:star: 311 | @mosaic-greg | http://www.freecodecamp.com/mosaic-greg
usharya
@usharya
Mar 03 2016 00:05
@Aeoryth for code school free weekend, they will give easy challenges that a beginner like me can do or tough ones?
Aeoryth
@Aeoryth
Mar 03 2016 00:05
@usharya They are making their entire site free for those three days. Do anything you want!
usharya
@usharya
Mar 03 2016 00:06
but I want to aim for top 10 :(
haha too ambitious I guess xD
Aeoryth
@Aeoryth
Mar 03 2016 00:06
You can start at the beginning of any course, and should that course get difficult for you you could always switch to another course and start at the beginning there
usharya
@usharya
Mar 03 2016 00:06
Thanks for the tip :)
Rita Alfonso
@alfonsotech
Mar 03 2016 00:07
I'm going to check out Ruby on CodeSchool this weekend
Aeoryth
@Aeoryth
Mar 03 2016 00:07
All of the courses start at beginner level and move to advanced level. For easy points, I'd recommend doing the javascript one if you've already been doing it here on FCC. Also, Python is an easy and somewhat useful language. Ruby is probably the easiest one of all of them
Rita Alfonso
@alfonsotech
Mar 03 2016 00:07
Been curious about it
usharya
@usharya
Mar 03 2016 00:08
I know bit of python already. I am interested into web based stuff
Aeoryth
@Aeoryth
Mar 03 2016 00:08
Also the HTML/CSS course should be a breeze
usharya
@usharya
Mar 03 2016 00:08
there are some nice courses that catch my eye haha
Ruby is good? like can be used for web building?
Rita Alfonso
@alfonsotech
Mar 03 2016 00:09
Coding marathon this weekend! I think I'm probably gonna get on Twitch and broadcast my coding adventures all weekend. I'm at alfonsotech on Twitch
Aeoryth
@Aeoryth
Mar 03 2016 00:09
Ruby is a back-end programming language for web development
I'm surprised it's not covered in FCC. It's rather useful
Rita Alfonso
@alfonsotech
Mar 03 2016 00:10
They are building it out now, so making it available in the near future
Aeoryth
@Aeoryth
Mar 03 2016 00:11
Oh, they stick with js for back-end stuff. Not a terrible idea, since you spend a lot of hours learning javascript for the front-end certification
usharya
@usharya
Mar 03 2016 00:11
I see ruby is available on codacademy
Aeoryth
@Aeoryth
Mar 03 2016 00:11
I used to highly recommend codecademy to new programmers. Now, I do not.
usharya
@usharya
Mar 03 2016 00:11
which one do you recommend now?
Chris Davis
@chrisdav6
Mar 03 2016 00:11
OK, this is the last one! Why won't my ding dang alert work! (This is a test)!
<script>
var someVariable = 9;

if (someVariable < 20 && someVariable % 2 === 0) {
    alert("Hi There!");
}
</script>
Aeoryth
@Aeoryth
Mar 03 2016 00:12
I think it does a good job of teaching you the concepts, but the lack of projects and real work makes information retention difficult
@chrisdav6 it needs to be == 0 not === 0 I think?
Chris Davis
@chrisdav6
Mar 03 2016 00:12
so close!
Aeoryth
@Aeoryth
Mar 03 2016 00:12
Oh wait 9%2 isn't 0
9%2 is 1
err...
Chris Davis
@chrisdav6
Mar 03 2016 00:13
@Aeoryth you got it! :)
Aeoryth
@Aeoryth
Mar 03 2016 00:13
is it 1? I always have trouble doing modulos
Chris Davis
@chrisdav6
Mar 03 2016 00:13
anything divisible by 2 that === 0 would be an even number
Aeoryth
@Aeoryth
Mar 03 2016 00:14
Yeah it is 1
8%2 would be 0
So the code would work if you changed someVariable to 8
Or any other even number
Chris Davis
@chrisdav6
Mar 03 2016 00:14
yup, if the variable value was 8, it would work
or 6, 4 ,2. maybe even 0, i not sure though!
Aeoryth
@Aeoryth
Mar 03 2016 00:15
Is it === in js? I haven't done js in like a year and a half, so I've forgotten some syntax
0%anything = 0
Chris Davis
@chrisdav6
Mar 03 2016 00:16
=== means it is the same value and type
== means it is the same value but can be different types
Adrian
@theorye
Mar 03 2016 00:16
Right. "5" and 5 are == but not ===
Chris Davis
@chrisdav6
Mar 03 2016 00:16
correct
Aeoryth
@Aeoryth
Mar 03 2016 00:17
Ah! Didn't know that. That's not a thing in Python
I don't think it's a thing in Java either
Chris Davis
@chrisdav6
Mar 03 2016 00:17
a lot of developers default to always using strictly ===, however == can be useful in some situations
Adrian
@theorye
Mar 03 2016 00:17
I think javascript is the only popular language that does that.
greg
@wearenotgroot
Mar 03 2016 00:17
@Aeoryth well js doesnt have strong type
Umar Khan
@umar-khan
Mar 03 2016 00:18
@Masd925 Ah okay got it. Thanks again
CamperBot
@camperbot
Mar 03 2016 00:18
umar-khan sends brownie points to @masd925 :sparkles: :thumbsup: :sparkles:
:star: 1121 | @masd925 | http://www.freecodecamp.com/masd925
Aeoryth
@Aeoryth
Mar 03 2016 00:18
@wearenotgroot Good point
Adrian
@theorye
Mar 03 2016 00:18
I wonder if == works in a typescript environment
Aeoryth
@Aeoryth
Mar 03 2016 00:22
It's a shame I have to work on Friday or I'd spend the entire CodeSchool weekend working on points. I want to get that free year
Josh Fisk
@JoshFisk
Mar 03 2016 00:26
@chrisdav6 It's not really useful, because you can just explicitly convert the values before you compare them.
Aeoryth
@Aeoryth
Mar 03 2016 00:27
Okay guys I've been procrastinating the crap out of the "Personal Portfolio" project because I'm rather overwhelmed with it. Any tips for getting through it?
Josh Fisk
@JoshFisk
Mar 03 2016 00:28
@Aeoryth You could try to draw out what you want, then build it bit by bit.
greg
@wearenotgroot
Mar 03 2016 00:29
@Aeoryth JUST DO IT? :smile:
Aeoryth
@Aeoryth
Mar 03 2016 00:29
What I really want is much more complex than I am capable of at the moment. At this point I just want to get it done
@wearenotgroot Thanks Shia
CamperBot
@camperbot
Mar 03 2016 00:29
aeoryth sends brownie points to @wearenotgroot :sparkles: :thumbsup: :sparkles:
:star: 948 | @wearenotgroot | http://www.freecodecamp.com/wearenotgroot
BJ Swing
@BJSwing
Mar 03 2016 00:29

Hey, first time using the help so I hope I'm doing this right. I'm stuck in "Style Text Inputs as Form Controls"
Here are the instructions:
Give the submit button in your form the classes btn btn-primary. Add a <i class="fa fa-paper-plane"></i> within your submit button element.
Give the text input in your form the class form-control. Make sure each of your i elements has a closing tag.

'''

<form action="/submit-cat-photo">
<div class="row">
<div class="col-xs-6">
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
</div>
<div class="col-xs-6">
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
</div>
</div>
<div class="row">
<div class="col-xs-4">
<label><input type="checkbox" name="personality"> Loving</label>
</div>
<div class="col-xs-4">
<label><input type="checkbox" name="personality"> Lazy</label>
</div>
<div class="col-xs-4">
<label><input type="checkbox" name="personality"> Crazy</label>
</div>
</div>
<input class="form-control" placeholder="cat photo URL" required>
<button class="btn btn-primary"><i class="fa fa-paper-plane"></i>>Submit</button>
</form>
'''

CamperBot
@camperbot
Mar 03 2016 00:29
:bulb: to format code use backticks! ``` more info
Aeoryth
@Aeoryth
Mar 03 2016 00:29
@BJSwing Use backticks not apostrophes
greg
@wearenotgroot
Mar 03 2016 00:30
@Aeoryth just start simple. you can always come back to it later
Aeoryth
@Aeoryth
Mar 03 2016 00:31
@BJSwing I see your problem, though. You put two >'s at the end of your <i> element
It should be </i>Submit</button> not </i>>Submit</button>
@wearenotgroot Oh my god. I CAN come back to it later, can't I? There's nothing stopping me from moving on
Chris Davis
@chrisdav6
Mar 03 2016 00:32
@JoshFisk i guess the word i was looking for was legible, not useful.
Aeoryth
@Aeoryth
Mar 03 2016 00:32
Oh that's a huge breath of relief I've been stagnating because I'm dreading this project
greg
@wearenotgroot
Mar 03 2016 00:32
@Aeoryth :smile:
BJ Swing
@BJSwing
Mar 03 2016 00:32
@Aeoryth Thanks, Cleaned that up but it's still not clearing
CamperBot
@camperbot
Mar 03 2016 00:32
bjswing sends brownie points to @aeoryth :sparkles: :thumbsup: :sparkles:
:star: 138 | @aeoryth | http://www.freecodecamp.com/aeoryth
jordan hudson gerlach
@jhgerlach
Mar 03 2016 00:35

``

<style>
body {
background-color: rgb(0, 0, 0);
}
</style>
``

Aeoryth
@Aeoryth
Mar 03 2016 00:35
@BJSwing What is the name of the challenge?
jordan hudson gerlach
@jhgerlach
Mar 03 2016 00:35

`

<style>
body {
background-color: rgb(0, 0, 0);
}
</style>

Fack
Aeoryth
@Aeoryth
Mar 03 2016 00:36
@jhgerlach Press the up arrow key and you can edit your message without reposting
BJ Swing
@BJSwing
Mar 03 2016 00:36
@Aeoryth "Style Text Inputs as Form Controls"
<form action="/submit-cat-photo">
    <div class="row">
      <div class="col-xs-6">
        <label><input type="radio" name="indoor-outdoor"> Indoor</label>
      </div>
      <div class="col-xs-6">
        <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
      </div>
    </div>
    <div class="row">
      <div class="col-xs-4">
        <label><input type="checkbox" name="personality"> Loving</label>
      </div>
      <div class="col-xs-4">
        <label><input type="checkbox" name="personality"> Lazy</label>
      </div>
      <div class="col-xs-4">
        <label><input type="checkbox" name="personality"> Crazy</label>
      </div>
    </div>
    <input class="form-control" placeholder="cat photo URL" required>
    <button class="btn btn-primary"><i class="fa fa-paper-plane"></i>Submit</button>
  </form>
Aeoryth
@Aeoryth
Mar 03 2016 00:37
your button needs to have type="submit"
<button type="submit" class="btn btn-primary">
BJ Swing
@BJSwing
Mar 03 2016 00:40
@Aeoryth That was it. Thanks for the help!
CamperBot
@camperbot
Mar 03 2016 00:40
bjswing sends brownie points to @aeoryth :sparkles: :thumbsup: :sparkles:
:warning: bjswing already gave aeoryth points
Vincent
@vtli94
Mar 03 2016 00:48
thanks @theorye
CamperBot
@camperbot
Mar 03 2016 00:48
vtli94 sends brownie points to @theorye :sparkles: :thumbsup: :sparkles:
:star: 294 | @theorye | http://www.freecodecamp.com/theorye
John Nace
@jshubbub
Mar 03 2016 00:55
hi all
I'm a total newbie when it comes to coding, so I'm stuck on something that's almost certainly very simple. Any idea why <h1 class="text-warning text-center"> wouldn't change the text color? I'm working on the first site build challenge on codepen, and no matter what I do I just can't get the text to be anything but black.
Tyler Moeller
@TylerMoeller
Mar 03 2016 00:58
@jshubbub Have you added bootstrap CSS to your codepen settings?
Aeoryth
@Aeoryth
Mar 03 2016 00:58
@jshubbub Have you added.... Tyler got it
John Nace
@jshubbub
Mar 03 2016 00:59
@TylerMoeller Yes. First thing I did.
Tyler Moeller
@TylerMoeller
Mar 03 2016 01:00
@jshubbub Can you share the codepen? I'll take a closer look
Aeoryth
@Aeoryth
Mar 03 2016 01:00
Can you link us to your pen?
greg
@wearenotgroot
Mar 03 2016 01:00
@jshubbub well did you add color:some color?
Aeoryth
@Aeoryth
Mar 03 2016 01:00
@wearenotgroot the "text-warning" class is supposed to turn the text red
greg
@wearenotgroot
Mar 03 2016 01:00
John Nace
@jshubbub
Mar 03 2016 01:01
@wearenotgroot Second one
Don't even know why the first one is there. I was screwing around looking at themes, but I'm not going to submit a theme page for this thing.
Todd Chaffee
@tchaffee
Mar 03 2016 01:02
I'm about finished with my portfolio project but I need a place to put the images. I don't think CodePen allows storing images? Where are folks putting their images?
Aeoryth
@Aeoryth
Mar 03 2016 01:03
@tchaffee Set your images as urls linking the images you want
Todd Chaffee
@tchaffee
Mar 03 2016 01:04
@Aeoryth Yep, I know how to do that. Where are the urls pointing to? Where do I store the images?
I have them on my laptop atm.
Tyler Moeller
@TylerMoeller
Mar 03 2016 01:05
@jshubbub It's in a <h1> element and bootstrap says those should be black in color. Here's a Stack Overflow question and answer to work around it: http://stackoverflow.com/questions/11162366/with-twitter-bootstrap-how-can-i-customize-the-h1-text-color-of-one-page-and-le
Todd Chaffee
@tchaffee
Mar 03 2016 01:06
@Aeoryth I can store my custom images on vignette2?
Aeoryth
@Aeoryth
Mar 03 2016 01:06
@tchaffee If you want to use your own custom images for this project, upload them somewhere and then right click them and click "copy image location". Paste that link into your img element
John Nace
@jshubbub
Mar 03 2016 01:06
@TylerMoeller Ah. Figures it would be something like that. Kind of hard to believe Bootstrap wouldn't allow different colors on <h1> elements.
Tyler Moeller
@TylerMoeller
Mar 03 2016 01:07
@jshubbub You could also do this in your CSS:
h1 {
  font-family: 'Libre Baskerville', serif;
  color: red!important;
}
Rachel
@chellybear
Mar 03 2016 01:07
is it better to use an API or just make my own array for the quote generator project?
Todd Chaffee
@tchaffee
Mar 03 2016 01:07
@Aeoryth "upload them somewhere". Yes, that's the question. Where?
Aeoryth
@Aeoryth
Mar 03 2016 01:07
Anywhere. It doesn't really matter. Facebook? dropbox? imgur? deviantart? whatever your favourite place for posting images is
wouldn't recommend dropbox actually
John Nace
@jshubbub
Mar 03 2016 01:08
@TylerMoeller I wondered about using !important to change the color. Seems simple enough, but I've gotten bogged down in this problem. Not thinking clearly.
Tyler Moeller
@TylerMoeller
Mar 03 2016 01:08
@jshubbub That's why I'm here in chat. Sick of algorithms at the moment :)
Todd Chaffee
@tchaffee
Mar 03 2016 01:08
@Aeoryth Imugr works. Thanks.
CamperBot
@camperbot
Mar 03 2016 01:08
tchaffee sends brownie points to @aeoryth :sparkles: :thumbsup: :sparkles:
:star: 139 | @aeoryth | http://www.freecodecamp.com/aeoryth
John Nace
@jshubbub
Mar 03 2016 01:09
@TylerMoeller Your algorithm fatigue is my gain. ;)
Thanks for the help.
Chris Davis
@chrisdav6
Mar 03 2016 01:10
hey everyone, posted this in javascript but its kind of dead over there!
quick question, can anyone help me understand how to optimize this with a nested if statement...
function update(id, prop, value) {
  if (value !== "" && prop === "tracks") {
    collection[id][prop].push(value);
  }else if(value !== "") {
    collection[id][prop] = value;
  }else {
    delete collection[id][prop];
  }
the !== in both conditions seems redundent
Aeoryth
@Aeoryth
Mar 03 2016 01:11
Just get rid of your else if and nest an if statement in after the declaration of your original one.
greg
@wearenotgroot
Mar 03 2016 01:11
@chrisdav6 yeah use just one !== and nest the other
Adrian
@theorye
Mar 03 2016 01:12
@chrisdav6 use if statements not else if
Chris Davis
@chrisdav6
Mar 03 2016 01:13
so, 2 if's in a row, after the initial if?
the outer if is what i meant to say
Aeoryth
@Aeoryth
Mar 03 2016 01:14
It's hard to type it up in gitter
greg
@wearenotgroot
Mar 03 2016 01:15
@chrisdav6
 if (value !== "" ) {
    if( prop === "tracks"){
      collection[id][prop].push(value);
    }else{
         collection[id][prop] = value;
   }
}else {
    delete collection[id][prop];
}
Chris Davis
@chrisdav6
Mar 03 2016 01:15
can you have 2 else's?
ahhh
Adrian
@theorye
Mar 03 2016 01:15
it's not 2
Instead of nesting
I just use three if statements
Aeoryth
@Aeoryth
Mar 03 2016 01:16
Yeah there we go
I was typing that up in codepen @chrisdav6 lol
Chris Davis
@chrisdav6
Mar 03 2016 01:17
got it! Thank you @Aeoryth @theorye
if(value !== "") {
    if(prop === "tracks") {
      collection[id][prop].push(value);
    } else {
      collection[id][prop] = value;
    }
  } else {
    delete collection[id][prop];
  }
CamperBot
@camperbot
Mar 03 2016 01:17
chrisdav6 sends brownie points to @aeoryth and @theorye :sparkles: :thumbsup: :sparkles:
:star: 295 | @theorye | http://www.freecodecamp.com/theorye
:star: 140 | @aeoryth | http://www.freecodecamp.com/aeoryth
Brian VonAllmen
@bvonallm
Mar 03 2016 01:19
Having some issues with the first lesson of jquery. It Will not accept my script element. This is what i have at the moment. <script $(document).ready(function() { });></script>
It will not accept it as valid
Chris Davis
@chrisdav6
Mar 03 2016 01:20
close your <script> tag
greg
@wearenotgroot
Mar 03 2016 01:20

@bvonallm

<script>
//code here
</script>

Brian VonAllmen
@bvonallm
Mar 03 2016 01:20
oh
so not inside of the script element
Aeoryth
@Aeoryth
Mar 03 2016 01:21
@bvonallm You currently have <script //code </script>
Brian VonAllmen
@bvonallm
Mar 03 2016 01:21
Thanks
Aeoryth
@Aeoryth
Mar 03 2016 01:21
You need to have <script> //code </script>
there you go
Brian VonAllmen
@bvonallm
Mar 03 2016 01:21
:)
Chris Davis
@chrisdav6
Mar 03 2016 01:21
^ what @Aeoryth said!
Aeoryth
@Aeoryth
Mar 03 2016 01:23
I like to point out stuff in that way because sometimes you'll go "what the hell's the difference?". Forces you to read more closely.
The The Hard Way style of books does a good job building skills and tricks for debugging and figuring out little things like that. They're online for free and I'll recommend them to anyone who has the gumption to work through them (they make you want to beat your head against the wall sometimes)
adcor
@adcor
Mar 03 2016 01:30
can someone help me? I just finished the "Where art thou" challenge and I feel like I cheated a bit as I gave it just enough to pass without feeling like my code is very sturdy. I'd like to know what I need to think about in order to implement searching for an unknown amount of elements within the array of objects. This is my code.
function where(collection, source) {
  var arr = [];
  var key = Object.keys(source);
  var keyed = key[0];
  var val = Object.keys(source).map(function(k){ return source[k];});
  for(var i = 0; i < collection.length; i++){
    if(collection[i][keyed] === val[0] && collection[i][key[1]] === val[1]){
      arr.push(collection[i]);
    }
  }
  return arr;
}
Chris Davis
@chrisdav6
Mar 03 2016 01:31
@Aeoryth nice find! Thanks :)
CamperBot
@camperbot
Mar 03 2016 01:31
chrisdav6 sends brownie points to @aeoryth :sparkles: :thumbsup: :sparkles:
:warning: chrisdav6 already gave aeoryth points
euniceki
@euniceki
Mar 03 2016 01:32
Hi I just started learning html here and I can't get past the "change the font size of an element" challenge
do you mind looking at the code?

its the two conditions that seem to not be met:
Do not add a class attribute to the second p element, without removing it from the first one.

Give elements with the p tag a font-size of 16px. Browser and Text zoom should be at 100%.

and the code:

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

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

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

Franco Zapata
@Francozt01
Mar 03 2016 01:35
@euniceki the exercise just want you to use
p {
code
}
oscar
@oscarg91
Mar 03 2016 01:35
hey folks need help with concatenating
Franco Zapata
@Francozt01
Mar 03 2016 01:35
not a class="" in ur <p> element
@euniceki
oscar
@oscarg91
Mar 03 2016 01:36
var myStr = \"This is the start.\" + \"This is the end.\";
Franco Zapata
@Francozt01
Mar 03 2016 01:36
@oscarg91 what do u need
oscar
@oscarg91
Mar 03 2016 01:36
i can't spot what I'm doing wrong
euniceki
@euniceki
Mar 03 2016 01:36
oh okay thanks! @Francozt01
CamperBot
@camperbot
Mar 03 2016 01:36
euniceki sends brownie points to @francozt01 :sparkles: :thumbsup: :sparkles:
:star: 564 | @francozt01 | http://www.freecodecamp.com/francozt01
Franco Zapata
@Francozt01
Mar 03 2016 01:36
@euniceki np
@oscarg91 add one " at the begginning and other " at the end
@oscarg91 when u use -> \ says take the next " as a character in the string
Aaron
@mark-xyz
Mar 03 2016 01:37
Hi! someone could explain this code, I don't understand how it works
  $(document).ready(function() {

    $("#getMessage").on("click", function() {
      $.getJSON("/json/cats.json", function(json) {

        var html = "";
        // Only change code below this line.
        json.forEach(function(val) {
          var keys = Object.keys(val);
          html += "<div class = 'cat'>";
          keys.forEach(function(key) {
            html += "<b>"+key+"</b>: " + val[key] + "<br>";
          });
          html += "</div><br>"
        });


        // Only change code above this line.

        $(".message").html(html);

      });
    });
  });
</script>

<div class="container-fluid">
  <div class = "row text-center">
    <h2>Cat Photo Finder</h2>
  </div>
  <div class = "row text-center">
    <div class = "col-xs-12 well message">
      The message will go here
   </div>
  </div>
  <div class = "row text-center">
    <div class = "col-xs-12">
      <button id = "getMessage" class = "btn btn-primary">
        Get Message
      </button>
    </div>
  </div>
</div>
the script part
Franco Zapata
@Francozt01
Mar 03 2016 01:39
string = to "string bla bla blaa" and u are using " inside the string ( "strings needs \" at the beginning and at the end." ) as a character u use the backslash to make it a string character and not a closing string or opening strin character
@oscarg91
Chris Davis
@chrisdav6
Mar 03 2016 01:39
This message was deleted
NormalWare
@Centuriom
Mar 03 2016 01:40
Hello, what's the best text editor ?
Aaron
@mark-xyz
Mar 03 2016 01:41
In particular this line: json.forEach
Chris Davis
@chrisdav6
Mar 03 2016 01:42
there are many, but i like sublime text
SarahBGaris
@SarahBGaris
Mar 03 2016 01:42

Hi All - I need to give my form element the Id of cat photo app.

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

Aaron
@mark-xyz
Mar 03 2016 01:42
Atom is a good one too @Centuriom
SarahBGaris
@SarahBGaris
Mar 03 2016 01:42
why isn't that close?
oscar
@oscarg91
Mar 03 2016 01:42
@Francozt01 ok I'm confused now lol
SarahBGaris
@SarahBGaris
Mar 03 2016 01:43
I'm thinking that I need to style it with a # but .. maybe getting ahead of the questions..
NormalWare
@Centuriom
Mar 03 2016 01:43
@mark-xyz I'll try it
oscar
@oscarg91
Mar 03 2016 01:43
var myStr = "\"This is the start.\" + \"This is the end.\"";
Chris Davis
@chrisdav6
Mar 03 2016 01:43
<form id="someId" action="someAction">
</form>
oscar
@oscarg91
Mar 03 2016 01:43
its still not working
SarahBGaris
@SarahBGaris
Mar 03 2016 01:43
ah ha! Thanks @chrisdav6 .. dang closing tags
CamperBot
@camperbot
Mar 03 2016 01:43
sarahbgaris sends brownie points to @chrisdav6 :sparkles: :thumbsup: :sparkles:
:star: 315 | @chrisdav6 | http://www.freecodecamp.com/chrisdav6
Chris Davis
@chrisdav6
Mar 03 2016 01:43
@SarahBGaris :)
Franco Zapata
@Francozt01
Mar 03 2016 01:45
@oscar the backslashes before a " make the computer don't take the " as a opening or closing " of the strins is just other character in the string that u will see when u show the string in the console
" <- open the string with \" and u close the string with other \" u get it ?"
Robert Valmassoi
@valmassoi
Mar 03 2016 01:45
does adding react to a code pen take care of both of these imports:
import React from "react";
import ReactDOM from "react-dom";
Abdul Awali
@awalthefirst
Mar 03 2016 01:50
// when Get Message button is click call a function 

$("#getMessage").on("click", function()..

 //make a network connection to get some data 
$.getJSON("/json/cats.json", function(json) 

// the data is probably inside an array 
// so loop over it
 json.forEach(function(val) {
 // var exampleArray = [{data1}{data2}{data3}]
 // exampleArray.forEach(function..) will loop 
//over the list of datas 

// some kind of data processing 
var keys = Object.keys(val); html += "<div class = 'cat'>";

 // display the processed data to the screen 
$(".message").html(html);
@mark-xyz
oscar
@oscarg91
Mar 03 2016 01:51
@Francozt01
var myStr = "\"This is the start.\" + \"This is the end.\"";
Franco Zapata
@Francozt01
Mar 03 2016 01:52
?¿
thats ok but u will se the + inr ur string
if u want to concat 2 strings
oscar
@oscarg91
Mar 03 2016 01:53
i tried putting (") infant of () its not working though
Franco Zapata
@Francozt01
Mar 03 2016 01:53
at 2 more " before and after the +
oscar
@oscarg91
Mar 03 2016 01:53
infront*
Franco Zapata
@Francozt01
Mar 03 2016 01:53
var myStr = "\"This is the start.\" " + " \"This is the end.\" ";
oscar
@oscarg91
Mar 03 2016 01:55
@Francozt01 i tried that still not working
Chris Davis
@chrisdav6
Mar 03 2016 01:55
that actually looks correct
Randy
@techtolentino
Mar 03 2016 01:55
Screen Shot 2016-03-02 at 7.47.20 PM.png
question for the crowd - does anyone get this error when they log into FCC with Github?
Chris Davis
@chrisdav6
Mar 03 2016 01:56
i did earlier when trying to log in on my phone
Randy
@techtolentino
Mar 03 2016 01:56
That reddish error toast has been popping up everything I auth into FCC
@chrisdav6 then what happens, you just close it and continue?
oscar
@oscarg91
Mar 03 2016 01:56
myStr should have a value of This is the start. This is the end.
this is the only part I'm not getting right ...i think it is not supposed to show the (")
Chris Davis
@chrisdav6
Mar 03 2016 01:56
yes
Randy
@techtolentino
Mar 03 2016 01:56
yeah same here
it's happened to me 3 times today
Chris Davis
@chrisdav6
Mar 03 2016 01:57
cant stop me from getting this knowledge!
B. Garber
@TheBGar
Mar 03 2016 01:57
@SarahBGaris When just starting out, those missing opening/closing tags can be common pesky bugs when things aren't working out. Try getting in the habit of opening/closing things at the same time to help avoid missing one or the other! :wink: It's happen to me a lot, so just offering encouragement and best practice!
Randy
@techtolentino
Mar 03 2016 01:57
@chrisdav6 and you log in with Github?
Chris Davis
@chrisdav6
Mar 03 2016 01:58
has not happened on a desktop though, yes i log in with github
Randy
@techtolentino
Mar 03 2016 01:58
cool thanks @chrisdav6
Abdul Awali
@awalthefirst
Mar 03 2016 01:58
@techtolentino fcc tries to redirect you to your last challenge so i think when it can't do that it show an error
Randy
@techtolentino
Mar 03 2016 01:58
thanks @chrisdav6
CamperBot
@camperbot
Mar 03 2016 01:58
techtolentino sends brownie points to @chrisdav6 :sparkles: :thumbsup: :sparkles:
:star: 317 | @chrisdav6 | http://www.freecodecamp.com/chrisdav6
Randy
@techtolentino
Mar 03 2016 01:59
(needed to make sure you get them points)
@awalthefirst wow, nice... but why can't it?
Chris Davis
@chrisdav6
Mar 03 2016 01:59
Lols! Thanks dude @techtolentino right back at cha!
CamperBot
@camperbot
Mar 03 2016 01:59
chrisdav6 sends brownie points to @techtolentino :sparkles: :thumbsup: :sparkles:
:star: 275 | @techtolentino | http://www.freecodecamp.com/techtolentino
Randy
@techtolentino
Mar 03 2016 01:59
like, what's the issue that's preventing it from happening?
Abdul Awali
@awalthefirst
Mar 03 2016 02:01
maybe some cookie session expired ?
Adrian
@theorye
Mar 03 2016 02:05
Howdy guys. I'm on Arguments Optional. I'm having some problems with recursion and these arguments. Can anyone assist?
Randy
@techtolentino
Mar 03 2016 02:05

yeah I think you're right... I just logged out and logged back in again, clean.

Then, I deleted my cookies for FCC, logged in and it happened again.

thanks @awalthefirst
CamperBot
@camperbot
Mar 03 2016 02:05
techtolentino sends brownie points to @awalthefirst :sparkles: :thumbsup: :sparkles:
:star: 603 | @awalthefirst | http://www.freecodecamp.com/awalthefirst
Randy
@techtolentino
Mar 03 2016 02:06
btw, would you consider that a bug? or is that expected?
seems a little strange to me...
oscar
@oscarg91
Mar 03 2016 02:06
can someone help with concatenating
?
Adrian
@theorye
Mar 03 2016 02:11
@oscarg91 sure
B. Garber
@TheBGar
Mar 03 2016 02:13
@oscarg91 what do you need help with exactly?
oscar
@oscarg91
Mar 03 2016 02:15
var myStr = "\"This is the start.\" " + " \"This is the end.\" ";
this is the code I'm putting in but its saying its wrong
i guess they don't want the (")s to show
B. Garber
@TheBGar
Mar 03 2016 02:17
@oscarg91 which exercise is this for?
oscar
@oscarg91
Mar 03 2016 02:17
@TheBGar Concatenating Strings with Plus Operator
Chris Davis
@chrisdav6
Mar 03 2016 02:18
This message was deleted
Joshua Silver
@jsilver212
Mar 03 2016 02:19
@oscarg91 this is what that would produce:
"This is the start." "This is the end."
B. Garber
@TheBGar
Mar 03 2016 02:19
@oscarg91 why are you using the slashes?
Joshua Silver
@jsilver212
Mar 03 2016 02:19
just sayin, sorry to butt in
looks like he's trying to escape the " so they are included
B. Garber
@TheBGar
Mar 03 2016 02:20
@oscarg91 check out the example FCC uses in the side column for that exercise
Chris Davis
@chrisdav6
Mar 03 2016 02:20
spelling error in last example!
var myString = "This is a " + "Concatenated " + "string";
Rok Zigon
@Rock-son
Mar 03 2016 02:21
@oscarg91 you could use ' and " together
Abdul Awali
@awalthefirst
Mar 03 2016 02:21
@oscarg91 backslash is an escape character so your code have extra (") in them
oscar
@oscarg91
Mar 03 2016 02:21
so '"this is..."' +'"...."'?
Chris Davis
@chrisdav6
Mar 03 2016 02:21
the example code in the lessons is really useful for syntax
B. Garber
@TheBGar
Mar 03 2016 02:21
@oscarg91 yep!
@oscarg91 wait, you don't need the double quotes....the exercise isn't calling for the double quotes
@oscarg91 you can use either single or double quotes to wrap each string
Abdul Awali
@awalthefirst
Mar 03 2016 02:23

remove the slash and the extra (")
"\"This is the start.\" " + " \"This is the end.\" "

myStr = "This is the start. " + "This is the end."

oscar
@oscarg91
Mar 03 2016 02:23
var myStr = 'This is the start.' + 'This is the end.';
not working
Randy
@techtolentino
Mar 03 2016 02:24
You might need a space
oscar
@oscarg91
Mar 03 2016 02:24
i tried with double quotes only and it didn't work either
Randy
@techtolentino
Mar 03 2016 02:24
After the first sentence
B. Garber
@TheBGar
Mar 03 2016 02:24
@oscarg91 tech is right....remember you need a space since the + operator doesn't add one for you
Chris Davis
@chrisdav6
Mar 03 2016 02:25
copy and paste the example text, capitalization will fail the lesson
B. Garber
@TheBGar
Mar 03 2016 02:25
@TheBGar "a" + "b" = ab --> you are looking to get "a " + "b" = a b
@oscarg91 here's an example of the spacing and how it works with that operator
"a" + "b" = ab --> you are looking to get "a " + "b" = a b
Randy
@techtolentino
Mar 03 2016 02:25
Did you @ yourself?
B. Garber
@TheBGar
Mar 03 2016 02:26
@techtolentino by mistake...went to click and the chat log moved up
Chris Davis
@chrisdav6
Mar 03 2016 02:26
you need a space before "this is the end"
Randy
@techtolentino
Mar 03 2016 02:26
Happens to me lol
Rok Zigon
@Rock-son
Mar 03 2016 02:26
@oscarg91 ```
var myStr = ' "This is the start." ' + ' "This is the end." ';
B. Garber
@TheBGar
Mar 03 2016 02:26
@techtolentino :thumbsup: :laughing:
@Rokyman don't need quotes around the +
Abdul Awali
@awalthefirst
Mar 03 2016 02:26
var myStr = 'This is the start. ' + 'This is the end.'
Rock-A
@Rock-A
Mar 03 2016 02:27
anyone know why if my browser zoom is at 100% i cant pass a lesson even though it says to make sure its set 100% (which it is). using firefox 44.0.2 on a macbook pro retina display
Chris Davis
@chrisdav6
Mar 03 2016 02:27
or after "this is the start"
concatenating strings will not add spaces between them, you have to account for them in your code
Rock-A
@Rock-A
Mar 03 2016 02:28
im pretty sure the code is right since its just changing font size within a class
oscar
@oscarg91
Mar 03 2016 02:28
ok i think thats what was the problem
B. Garber
@TheBGar
Mar 03 2016 02:28
@Rock-A do you mind posting code for us to take a look?
@oscarg91 which part?
oscar
@oscarg91
Mar 03 2016 02:29
i had written the exact code but i guess i was missing a space
Rock-A
@Rock-A
Mar 03 2016 02:29

@TheBGar no problem

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

Chris Davis
@chrisdav6
Mar 03 2016 02:29
"this" + "that" = thisthat
"this" + " that" = this that
Rock-A
@Rock-A
Mar 03 2016 02:29
oviously i just joined today
obviously too
oscar
@oscarg91
Mar 03 2016 02:31
thanks @TheBGar @Rock-A @chrisdav6 @awalthefirst @techtolentino @Rokyman it took all of us but we got it lol...good lord i was on that problem for almost 40 min
CamperBot
@camperbot
Mar 03 2016 02:31
oscarg91 sends brownie points to @thebgar and @rock-a and @chrisdav6 and @awalthefirst and @techtolentino and @rokyman :sparkles: :thumbsup: :sparkles:
:star: 604 | @awalthefirst | http://www.freecodecamp.com/awalthefirst
:star: 24 | @rokyman | http://www.freecodecamp.com/rokyman
:warning: could not find receiver for rock-a
:star: 324 | @thebgar | http://www.freecodecamp.com/thebgar
:star: 276 | @techtolentino | http://www.freecodecamp.com/techtolentino
:star: 319 | @chrisdav6 | http://www.freecodecamp.com/chrisdav6
Chris Davis
@chrisdav6
Mar 03 2016 02:31
we all gotta start somewhere, right? :)
B. Garber
@TheBGar
Mar 03 2016 02:32
@oscarg91 way to persevere!
oscar
@oscarg91
Mar 03 2016 02:32
trust me this won't be the last you see of me lol unfortunately
B. Garber
@TheBGar
Mar 03 2016 02:32
@Rock-A I think the code looks good. I double check that zoom and maybe restart your browser?
@oscarg91 when you're in coding, it's a constant learning game
oscar
@oscarg91
Mar 03 2016 02:33
yes I'm a beginner i started like 3 months ago but sometimes i don't have time to get on so i go days in between
Rok Zigon
@Rock-son
Mar 03 2016 02:33
@oscarg91 it's a very important part of learning... helping each other, that is
oscar
@oscarg91
Mar 03 2016 02:33
any tips for the rookie?
Adrian
@theorye
Mar 03 2016 02:33
Do it everyday.
ERRYDAY
B. Garber
@TheBGar
Mar 03 2016 02:33
@oscarg91 consistency. The more I got on to learn and code, the better I got
Rok Zigon
@Rock-son
Mar 03 2016 02:33
@theorye yep
B. Garber
@TheBGar
Mar 03 2016 02:34
@theorye exactly!
oscar
@oscarg91
Mar 03 2016 02:34
@theorye gotcha
Rock-A
@Rock-A
Mar 03 2016 02:34
@TheBGar there is something conflicting i just noticed. one part says "Also, please do not add a class attribute to your new p element." and then another part says "Give elements with the p tag a font-size of 16px. Browser and Text zoom should be at 100%."
oscar
@oscarg91
Mar 03 2016 02:34
@TheBGar did you start here on freecodecamp?
B. Garber
@TheBGar
Mar 03 2016 02:34
@oscarg91 make sure you are playing around with what you learn....in a code editor like notepad++ or text wrangler , etc...
Chris Davis
@chrisdav6
Mar 03 2016 02:34
@oscarg91 syntax syntax syntax. Once you get that work on logic
oscar
@oscarg91
Mar 03 2016 02:34
hmm where do i download that?
Adrian
@theorye
Mar 03 2016 02:34
I conversational Hebrew in a month, but I can't remember anything but shalom and the alef bet
oscar
@oscarg91
Mar 03 2016 02:35
@TheBGar are those apps?
@chrisdav6 syntax?
B. Garber
@TheBGar
Mar 03 2016 02:36
@oscarg91 sort of....got a taste of it with a cheaper online course....quit that part way through and have been here ever since. I think it's a five star curriculum and I love the positive feedback with each exercise (streaks, brown points, etc...) It's kept me going and I've been doing this almost everyday since December
Adrian
@theorye
Mar 03 2016 02:36
@TheBGar
B. Garber
@TheBGar
Mar 03 2016 02:36
@oscarg91 they are both software...free. Just google them
Adrian
@theorye
Mar 03 2016 02:36
@TheBGar thank you for your input
CamperBot
@camperbot
Mar 03 2016 02:36
theorye sends brownie points to @thebgar :sparkles: :thumbsup: :sparkles:
:star: 325 | @thebgar | http://www.freecodecamp.com/thebgar
B. Garber
@TheBGar
Mar 03 2016 02:37
@theorye :thumbsup:
@theorye how long have you been coding?
Chris Davis
@chrisdav6
Mar 03 2016 02:38
@oscarg91 syntax is making sure you have your parenthasis and semicolons in the right places and so forth :)
Adrian
@theorye
Mar 03 2016 02:38
@TheBGar at FCC? It'll be 2 week Friday.
Rock-A
@Rock-A
Mar 03 2016 02:38
@TheBGar and everyone else...tried closing my browser and opening it again, same problem. not letting me pass through the lesson. any other suggestions?
B. Garber
@TheBGar
Mar 03 2016 02:38
@theorye nice.
@Rock-A can you post your code here again...use the following format
explain format
CamperBot
@camperbot
Mar 03 2016 02:39

:point_right: code formatting [wiki]

Multi line Code

```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 ⏎]

Single line Code

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

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

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

Adrian
@theorye
Mar 03 2016 02:39
@Rock-A which problem are you on?
@TheBGar Yea I'm about to start the advanced algorithms
George Phalen
@gphalen
Mar 03 2016 02:39
I'm working on the Random Quote Machine project, and I'm a bit baffled by the part about allowing a user to tweet one of the quotes. Can anyone give me a hint as to how to get started on that portion?
Rock-A
@Rock-A
Mar 03 2016 02:40
@theorye Change the Font Size of an Element one of the first ones in html lessons
Chris Davis
@chrisdav6
Mar 03 2016 02:40
@Rock-A I believe you want to creat a new css <p> selector and add your styles to that
B. Garber
@TheBGar
Mar 03 2016 02:40
@gphalen check out twitters api section. you can google twitter api to find it
Chris Davis
@chrisdav6
Mar 03 2016 02:40
<p> is an element
Rock-A
@Rock-A
Mar 03 2016 02:40
@chrisdav6 thanks will try
CamperBot
@camperbot
Mar 03 2016 02:41
rock-a sends brownie points to @chrisdav6 :sparkles: :thumbsup: :sparkles:
:star: 320 | @chrisdav6 | http://www.freecodecamp.com/chrisdav6
oscar
@oscarg91
Mar 03 2016 02:41
@theorye 2 weeks and you are already on advanced algorithms??..BEAST
Anthony Hernandez
@tacodestroyer
Mar 03 2016 02:42
Anyone have a minute to help out?
Chris Davis
@chrisdav6
Mar 03 2016 02:42
i kind of stopped at "Basic Algorithm" title case. Been brushing up on basics ever since
Rock-A
@Rock-A
Mar 03 2016 02:42
@chrisdav6 Thanks! that was it! i guess the instructions got a little confuzzled for me
CamperBot
@camperbot
Mar 03 2016 02:43
rock-a sends brownie points to @chrisdav6 :sparkles: :thumbsup: :sparkles:
:warning: rock-a already gave chrisdav6 points
Adrian
@theorye
Mar 03 2016 02:43
@oscarg91 I'm a complete newb when it comes to HTML/CSS. I started learning to javascript while playing with node.js
Chris Davis
@chrisdav6
Mar 03 2016 02:43
@Rock-A you are welcome sir :)
B. Garber
@TheBGar
Mar 03 2016 02:43
@Rock-A which part?
Anthony Hernandez
@tacodestroyer
Mar 03 2016 02:43
Never mind. Figured it out :)
B. Garber
@TheBGar
Mar 03 2016 02:44
@tacodestroyer glad to be of assistance!
Adrian
@theorye
Mar 03 2016 02:44
@Rock-A No doubt! Sometimes I don't read the instructions clearly and I'm up in arms trying to figure out why my code doesn't work. I was trying to return 2, and the instructions wanted me to return a function
Rock-A
@Rock-A
Mar 03 2016 02:47
@TheBGar i missed the "element" part in what i was supposed to do. me smart.
Anthony Hernandez
@tacodestroyer
Mar 03 2016 02:47
Ha, thanks @TheBGar but I do have another question. During the codecamp training, it utilized a lot of classes already set by the bootstrap. In the Tribute page, it tells us to utilize another bootstrap, where might I find the classes for this new bootstrap?
CamperBot
@camperbot
Mar 03 2016 02:47
tacodestroyer sends brownie points to @thebgar :sparkles: :thumbsup: :sparkles:
Rock-A
@Rock-A
Mar 03 2016 02:47
@theorye its always those little things that getcha!
CamperBot
@camperbot
Mar 03 2016 02:47
:star: 327 | @thebgar | http://www.freecodecamp.com/thebgar
B. Garber
@TheBGar
Mar 03 2016 02:48
@Rock-A don't sweat it. Way to stick it out and get it accomplished!
silencefierce
@silencefierce
Mar 03 2016 02:48
<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat">
{is this right}
B. Garber
@TheBGar
Mar 03 2016 02:48
@tacodestroyer are you using codepen for it?
@silencefierce depends what you're trying to do :wink2:
Anthony Hernandez
@tacodestroyer
Mar 03 2016 02:48
I am
@TheBGar
B. Garber
@TheBGar
Mar 03 2016 02:49
@tacodestroyer do you know how to add external css to a pen
?
silencefierce
@silencefierce
Mar 03 2016 02:49
Create a class called thick-green-border that puts a 10-pixel-wide green border with a style of solid around an HTML element, and apply that class to your cat photo. @TheBGar
B. Garber
@TheBGar
Mar 03 2016 02:50
@silencefierce did you make sure to define your css class within your <style> tags?
Anthony Hernandez
@tacodestroyer
Mar 03 2016 02:50
silencefierce
@silencefierce
Mar 03 2016 02:50

<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;
}
.thck-green-border{border-color: green; border-width: 10px; border-style: solid;}

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

B. Garber
@TheBGar
Mar 03 2016 02:51
@silencefierce you have a typo...look closely at your classes
Chris Davis
@chrisdav6
Mar 03 2016 02:51
you misspelled thick in your css
B. Garber
@TheBGar
Mar 03 2016 02:51
@tacodestroyer and the bootstrap element you want to use isn't in that version of bootstrap?
@chrisdav6 likes to give answers away for free :money_with_wings:
Chris Davis
@chrisdav6
Mar 03 2016 02:52
Lols!
B. Garber
@TheBGar
Mar 03 2016 02:52
He's a fricken wizard after all!
@chrisdav6 :laughing: :wink2:
Anthony Hernandez
@tacodestroyer
Mar 03 2016 02:52
Well I'm not sure what element I'm wanting to use. I was looking to find out what all classes are already configured for that default bootstrap so that I can apply them to the elements throughout the Tribute page
B. Garber
@TheBGar
Mar 03 2016 02:53
@tacodestroyer great question and way to think! You can get an idea of elements here -- http://getbootstrap.com/components/
@tacodestroyer here's another great resource that I found via stackoverflow -- http://bootswatch.com/default/
Andrew Choi
@pcfree
Mar 03 2016 02:54
im' on the tribute challenge and it's not perfect, is it ok to move on for now?
B. Garber
@TheBGar
Mar 03 2016 02:54
@tacodestroyer do you use chrome?
Chris Davis
@chrisdav6
Mar 03 2016 02:55
what the heck is that icon! Lols! Looks like a ham sangwitch @TheBGar
or a dolla bill!
B. Garber
@TheBGar
Mar 03 2016 02:55
@pcfree I'd say as long as it fulfills the user experiences and you submit, you should be good
Anthony Hernandez
@tacodestroyer
Mar 03 2016 02:55
@TheBGar Sure do
B. Garber
@TheBGar
Mar 03 2016 02:55
@chrisdav6 which one? I threw a lot at you...haha
Andrew Choi
@pcfree
Mar 03 2016 02:55
@TheBGar with your blessing i will proceed, thnx ^_^
CamperBot
@camperbot
Mar 03 2016 02:55
pcfree sends brownie points to @thebgar :sparkles: :thumbsup: :sparkles:
:star: 328 | @thebgar | http://www.freecodecamp.com/thebgar
B. Garber
@TheBGar
Mar 03 2016 02:56
@tacodestroyer perfect...one tool I love using (and granted I just started getting serious three months ago) is the inspect element tool in chrome. right click on the webpage you're on and click inspect element. then you can find out the code behind the stuff on the page. It'd be a great trick to see the code for the second website I suggested to you
John Alcher
@alchermd
Mar 03 2016 02:56
sup guys
Chris Davis
@chrisdav6
Mar 03 2016 02:56
ahhh, money with wings! Lols! :money_with_wings:
B. Garber
@TheBGar
Mar 03 2016 02:56
@pcfree lol, not my blessing, just a suggestion bro!
John Alcher
@alchermd
Mar 03 2016 02:56
im stuck again :(
Adrian
@theorye
Mar 03 2016 02:57
Alright. Which one?
B. Garber
@TheBGar
Mar 03 2016 02:57
@chrisdav6 haha yeah...figured it was a perfect icon for giving out answers for "FREE" !!!
lolz
@alchermd what's up!
Anthony Hernandez
@tacodestroyer
Mar 03 2016 02:57
@TheBGar FTW! Thank you much!
CamperBot
@camperbot
Mar 03 2016 02:57
tacodestroyer sends brownie points to @thebgar :sparkles: :thumbsup: :sparkles:
:warning: tacodestroyer already gave thebgar points
John Alcher
@alchermd
Mar 03 2016 02:57
does anyone have an idea on how he the social media buttons work? they are inline on big screens and stacked perfectly on small screens: http://codepen.io/FreeCodeCamp/full/VemmoX/
B. Garber
@TheBGar
Mar 03 2016 02:58
@tacodestroyer rock on. you bet brother. Just pay it forward!
Chris Davis
@chrisdav6
Mar 03 2016 02:58
where can i find all of those fancy icons!
B. Garber
@TheBGar
Mar 03 2016 02:59
@tacodestroyer PS, I may have helped you because I unconsciously was aware your nickname was taco destroyer and I do, in fact, destroy tacos myself. That is all.
John Alcher
@alchermd
Mar 03 2016 02:59
im trying so hard not to look on the source code as stated in the instructions but I can't seem to get past the buttons
Chris Davis
@chrisdav6
Mar 03 2016 02:59
it wasn't for free, syntax is a bitch!
B. Garber
@TheBGar
Mar 03 2016 02:59
@tacodestroyer ....they are my favorite food.
@alchermd yeah, what's the issue?
John Alcher
@alchermd
Mar 03 2016 03:00
@TheBGar hey. here's my work in comparison: http://s.codepen.io/chermandu/debug/RawgjN
Jack Of All Trades International.
@JOATI
Mar 03 2016 03:01
heeey peeepz how are you all doing ?? :)
John Alcher
@alchermd
Mar 03 2016 03:01
notice how my buttons stack unlike this one: http://codepen.io/FreeCodeCamp/full/VemmoX/
Chris Davis
@chrisdav6
Mar 03 2016 03:01
@john, i thought the cats were a great addition!
B. Garber
@TheBGar
Mar 03 2016 03:01
@alchermd so you don't want them to stack?
Anthony Hernandez
@tacodestroyer
Mar 03 2016 03:01
@TheBGar heck yeah brother!
B. Garber
@TheBGar
Mar 03 2016 03:02
@tacodestroyer :thumbsup: :thumbsup:
Jack Of All Trades International.
@JOATI
Mar 03 2016 03:02
looks good man ;P
John Alcher
@alchermd
Mar 03 2016 03:02
@TheBGar idk how to describe it as english isn't my first language, but the example's buttons stack nicely unlike mine
Clifton Choiniere
@crcnum4
Mar 03 2016 03:02
so curious if anyone can help me out with this, My api connection is failing. can anyone point as to how?
Jack Of All Trades International.
@JOATI
Mar 03 2016 03:02
what laguage do you speak..?
Clifton Choiniere
@crcnum4
Mar 03 2016 03:02
$.ajax({
        url: "https://www.mediawiki.org/w/api.php?action=opensearch&search=" + searchVal + "&format=json", 
        type: 'POST',
        datatype: 'json',
        crossDomain: true,
        success: function(json) {
          $('#test').html(JSON.stringify(json));
        },
        error: function() { alert('fail');}
      })
Chris Davis
@chrisdav6
Mar 03 2016 03:03
This message was deleted
B. Garber
@TheBGar
Mar 03 2016 03:03
@alchermd did you try playing around with the margin in your css?
Chris Davis
@chrisdav6
Mar 03 2016 03:03
Lols!
Clifton Choiniere
@crcnum4
Mar 03 2016 03:03
i've tried type: GET and i've read all the documentation but nothing is giving me an answer to why i can't connect
Jack Of All Trades International.
@JOATI
Mar 03 2016 03:03
hahaha okay $2000 says you can't :P
B. Garber
@TheBGar
Mar 03 2016 03:03
@chrisdav6 did I spy an answer that you "took back" ?!?!
John Alcher
@alchermd
Mar 03 2016 03:04
@TheBGar I did, but it messed up its appearance on bigger screens as well.
B. Garber
@TheBGar
Mar 03 2016 03:04
@chrisdav6 you're giving them out like a creepy man giving out candy from an unmarked van!
Chris Davis
@chrisdav6
Mar 03 2016 03:04
Flippin Yes!
John Alcher
@alchermd
Mar 03 2016 03:04
is there a way to target only smaller screens?
Chris Davis
@chrisdav6
Mar 03 2016 03:04
media queries
Andrew Choi
@pcfree
Mar 03 2016 03:04
@alchermd col-sm-12 ?
B. Garber
@TheBGar
Mar 03 2016 03:04
@alchermd yeah, @chrisdav6 is right. A good way to help that is with media queries
@alchermd or as @pcfree suggests with a col the length of the grid (i.e., col-sm-12)
bitgrower
@bitgrower
Mar 03 2016 03:05
okay ... so .. um ... what's the definition of a media query ?
John Alcher
@alchermd
Mar 03 2016 03:06
@pcfree @TheBGar that pulls the buttons to the left, and if I added offsets, they aren't aligned like the ones in the examples.
bitgrower
@bitgrower
Mar 03 2016 03:06
thanks!!! @TheBGar -- I think I might have stumbled over that page once or twice ... forgot it was there ...
CamperBot
@camperbot
Mar 03 2016 03:06
bitgrower sends brownie points to @thebgar :sparkles: :thumbsup: :sparkles:
:star: 329 | @thebgar | http://www.freecodecamp.com/thebgar
B. Garber
@TheBGar
Mar 03 2016 03:07
@alchermd try aligning a parent div in the center of the screen. Would that work?
@bitgrower MDN is :fire: and :moneybag:
Brian
@sludge256
Mar 03 2016 03:08
the :bomb:
B. Garber
@TheBGar
Mar 03 2016 03:09
aright cats....I'm out for the night. Enjoy yourselves!
Andrew Choi
@pcfree
Mar 03 2016 03:09
@alchermd i looked at the code on accident before i understood your question, it's actually trivial implementation, i would move on for now and come back to it later
Jack Of All Trades International.
@JOATI
Mar 03 2016 03:09
sleep tight :)
B. Garber
@TheBGar
Mar 03 2016 03:09
especially now that there's a bomb in the room ( @sludge256 ) haha. Peace
John Alcher
@alchermd
Mar 03 2016 03:09
@TheBGar It worked! idk how though haha
bitgrower
@bitgrower
Mar 03 2016 03:09
preachin' to the choir @TheBGar ... I was telling someone how it's their newest BFF, and someone piped up about wanting to marry it ...
B. Garber
@TheBGar
Mar 03 2016 03:10
@bitgrower lol!
Andrew Choi
@pcfree
Mar 03 2016 03:10
lol
John Alcher
@alchermd
Mar 03 2016 03:10
Idk how that made sense. I added text-align: center on the row where the buttons are placed.
B. Garber
@TheBGar
Mar 03 2016 03:10
@alchermd rock on! way to go and persevere
@alchermd go with it for now then...haha
Jack Of All Trades International.
@JOATI
Mar 03 2016 03:11
heey guys i'm pretty new to html and all that.. i was wondering can you guys finding anything wrond with the closing of div's in this code..??:
<div class="row">
<div class="col-xs-4">
<label><input type="checkbox" name="personality"> Loving</label>
</div>
<div class="col-xs-4">
<label><input type="checkbox" name="personality"> Lazy</label>
</div>
<div class="col-xs-4">
<label><input type="checkbox" name="personality"> Crazy</label>
</div>
</div>
<div class="row">
<div class="col-xs-7"><input type="text" class="form-control" placeholder="cat photo URL" required>
<div class="row"><div><div class="col-xs-5"><button type="submit" class ="row" class="col-xs-5" class="btn btn-primary"><i class="fa fa-paper-plane"></i>Submit</button></form></div></div><div></div></div>
John Alcher
@alchermd
Mar 03 2016 03:11
@TheBGar I suppose this is how web development works. haha
B. Garber
@TheBGar
Mar 03 2016 03:12
@alchermd yep, learn, implement, iterate, repeat
bitgrower
@bitgrower
Mar 03 2016 03:12
@JOATI -- do you suspect there is ? you can use tools to ferret out html problems ...
B. Garber
@TheBGar
Mar 03 2016 03:12
@chrisdav6 that's some serious coding right there
Jack Of All Trades International.
@JOATI
Mar 03 2016 03:13
oohh fuck i didn't even know that option existed :$
Chris Davis
@chrisdav6
Mar 03 2016 03:13
@TheBGar you got that right!
Jack Of All Trades International.
@JOATI
Mar 03 2016 03:13
no i don't btw haha but can't get past this challange -_-
challenge*
Chris Davis
@chrisdav6
Mar 03 2016 03:14
effiicieny is key, less is more, right?
bitgrower
@bitgrower
Mar 03 2016 03:14
there's a w3 validator ...
er .. w3c? validator
Chris Davis
@chrisdav6
Mar 03 2016 03:15
been working on that for like weeks!
Jack Of All Trades International.
@JOATI
Mar 03 2016 03:15
i'll check it out, Thanks guys ;) :D
bitgrower
@bitgrower
Mar 03 2016 03:16
@JOATI .. you seem to have an excess of </div>s at the end ... at least from my brief check ...
Jack Of All Trades International.
@JOATI
Mar 03 2016 03:16
lol it's 4:15 am.. so that might be screwing with me XD
Andrew Choi
@pcfree
Mar 03 2016 03:16
wth i was messing around, i dont recall what i changed, but 2 issues fixed on their own :O
bitgrower
@bitgrower
Mar 03 2016 03:16
it can help to use a prettifier, ... like the "tidy" button in codepen.io
Chris Davis
@chrisdav6
Mar 03 2016 03:17
yes, looks like you have an extra closing div tag after your first input as @bitgrower pointed out
bitgrower
@bitgrower
Mar 03 2016 03:17
well ... on looking a second time, you DO seem to open up quite a few in the last few lines there ... so I could easily be wrong ...
the other tactic is to divide & conquer ...
but a prettifier might help you find those "extra" open/close tags more easily ...
Jack Of All Trades International.
@JOATI
Mar 03 2016 03:19
yeah it's just that back in the day i have worked with HTML in notpad ++ and some don't work the dame for them challenges on FCC
same*
Andrew Basore
@AndrewBasore
Mar 03 2016 03:23
Hi, I have a question about "Bootstraps" in HTML. The lesson keeps saying that we are using it, but I don't see how we've imported it, or what exactly Bootstraps is. Is it just a library of classes available to me in HTML?
David Young
@dayvidwhy
Mar 03 2016 03:25
you’ll have included the js and css in the header or at the end of the body
Chris Davis
@chrisdav6
Mar 03 2016 03:26
@AndrewBasore exactly
David Young
@dayvidwhy
Mar 03 2016 03:26
it might just not be visible to you in the challenge
Andrew Basore
@AndrewBasore
Mar 03 2016 03:26
Ok. I just wanted to be sure I wasn't missing something
thank you!
David Young
@dayvidwhy
Mar 03 2016 03:27
@JOATI http://htmlthor.uqcloud.net/#/ can point out some errors
Christina Keelan Cottrell
@KittyBot
Mar 03 2016 03:32
Hello :) I'm on the "Use CSS Selectors to Style Elements" lesson and am stuck.. I seem to be shuffling through the check list -- once one is correct, I mess up another and so on... help >_<
I've gone in circles a few times already
Adrian
@theorye
Mar 03 2016 03:33
post code :D
Clifton Choiniere
@crcnum4
Mar 03 2016 03:33
@KittyBot yes what @theorye said
Christina Keelan Cottrell
@KittyBot
Mar 03 2016 03:33

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

Adrian
@theorye
Mar 03 2016 03:33
it asks you to remove the h2 style
inline style that you're using in the directions
Clifton Choiniere
@crcnum4
Mar 03 2016 03:33
@KittyBot your style selectors are commented out
Christina Keelan Cottrell
@KittyBot
Mar 03 2016 03:34
Remove the style attribute from your h2 element.
Create a style element.
Clifton Choiniere
@crcnum4
Mar 03 2016 03:34
oh wait ignore me
i'm thinking of another lesson lol
Christina Keelan Cottrell
@KittyBot
Mar 03 2016 03:34
:)
Clifton Choiniere
@crcnum4
Mar 03 2016 03:35
@KittyBot ok i remember this one. remove the style from the h2 tag and create the style element at the top of the code as outlined in the lesson
Adrian
@theorye
Mar 03 2016 03:35
remove your inline style element and make a css style element
what @crcnum4 said
Clifton Choiniere
@crcnum4
Mar 03 2016 03:36
@KittyBot I can give one more hint without giving you the answer if you still can't figure it out
Christina Keelan Cottrell
@KittyBot
Mar 03 2016 03:36
working on it a few more times
eek >_<
Adrian
@theorye
Mar 03 2016 03:37
get it?
Clifton Choiniere
@crcnum4
Mar 03 2016 03:37
was that a good or bad eek?
Christina Keelan Cottrell
@KittyBot
Mar 03 2016 03:37
closer >_< now I'm down to one error: Remove the style attribute from your h2 element.
Clifton Choiniere
@crcnum4
Mar 03 2016 03:37
your h2 tag should have nothing else inside it
you should still have an h2 tag but just a tag
Adrian
@theorye
Mar 03 2016 03:38
<h2>CatPhotoApp</h2>
Chris Davis
@chrisdav6
Mar 03 2016 03:38
no css class for h2, am i right or am i right!
Adrian
@theorye
Mar 03 2016 03:38
@chrisdav6 points for you!
Clifton Choiniere
@crcnum4
Mar 03 2016 03:38
@chrisdav6 lol very nice XD
Chris Davis
@chrisdav6
Mar 03 2016 03:38
Lols!
Christina Keelan Cottrell
@KittyBot
Mar 03 2016 03:38
oh my gosh hahahah
i feel like an idiot ^_^
thank youj!!!
Adrian
@theorye
Mar 03 2016 03:39
Don't. I've made so many similar mistakes :D Just keep at it
Christina Keelan Cottrell
@KittyBot
Mar 03 2016 03:39
it was screaming in my face ^_^
thanks again
Adrian
@theorye
Mar 03 2016 03:39
brownie points :D
Clifton Choiniere
@crcnum4
Mar 03 2016 03:39
@KittyBot there ya go no worries 75% of your coding will be spent finding issues like this
Christina Keelan Cottrell
@KittyBot
Mar 03 2016 03:40
hahah I'm eager for the day this becomes more natural, but its definitely fun right now!
Clifton Choiniere
@crcnum4
Mar 03 2016 03:40
@KittyBot it will just don't give up :)
@KittyBot i think @theorye is asking for brownie points. do you know how to give those?
Chris Davis
@chrisdav6
Mar 03 2016 03:41

@KittyBot here is a fun fact... css targets farther down in the file will have more priority. So for example... if you had (not sure why you would do this, but just for example)

p {
color: red;
}

p {
color: blue;
}

all of your <p> text would be blue

João Fernandes
@joaofnds
Mar 03 2016 03:45
"Return the sum of all odd Fibonacci numbers up to and including the passed number if it is a Fibonacci number."
/* jshint esversion: 6 */
function sumFibs(num) {
    var fib = [0,1];
    var odds = [1];
    for(var i=2; i<= num; i++) {
        fib[i] = fib[i-2] + fib[i-1];
        if(fib[i]%2 !== 0) odds.push(fib[i]);
    }
    return odds.reduce((a, b) => a + b, 0);
}

sumFibs(1000);
What am I doing wrong here??
bitgrower
@bitgrower
Mar 03 2016 03:51
I don't think 0 is part of the fib sequence, is it ?
Adrian
@theorye
Mar 03 2016 03:51
It is
bitgrower
@bitgrower
Mar 03 2016 03:51
oh wait yes it is .. now I remember ...
@joaofnds -- does it work with any of the test cases which pass a smaller number ?
João Fernandes
@joaofnds
Mar 03 2016 03:53
i shouldn't compare with 'i' with 'num' XD
that's the problem
bitgrower
@bitgrower
Mar 03 2016 03:53
This message was deleted
This message was deleted
João Fernandes
@joaofnds
Mar 03 2016 03:53
I misinterpreted the task
Alex Mancheno
@alexmancheno
Mar 03 2016 03:53
Can someone help me out with the "Style Text Inputs as Form Controls" challenge?
Adrian
@theorye
Mar 03 2016 03:53
@joaofnds I compared i with num and I got the correct answer
bitgrower
@bitgrower
Mar 03 2016 03:54
is it 1000 fib numbers, or all the fib #s <= 1000 ?
João Fernandes
@joaofnds
Mar 03 2016 03:55
all fibs #s <=1000
Adrian
@theorye
Mar 03 2016 03:55
@alexmancheno What's up :D
João Fernandes
@joaofnds
Mar 03 2016 03:55
I fixed it guy's
:)
Adrian
@theorye
Mar 03 2016 03:55
Great! What did you do? I was working through your code. I noticed that your sum was outrageous
bitgrower
@bitgrower
Mar 03 2016 03:55
awesome ...
Anthony Hernandez
@tacodestroyer
Mar 03 2016 03:56
Not gonna lie...I'm loving this Tribute Challenge so far.
Alex Mancheno
@alexmancheno
Mar 03 2016 03:57
@theorye I can't figure out how to fulfill the 3rd checkbox :/
Adrian
@theorye
Mar 03 2016 03:59
paste me your code for your input element
@alexmancheno I'll be back soonish
Andrew Choi
@pcfree
Mar 03 2016 04:00
@tacodestroyer i JUST finished mine, took pretty much all day
Anthony Hernandez
@tacodestroyer
Mar 03 2016 04:01
@pcfree I've only spent a few hours but it's enjoyable to do each night. I'm really trying to take the time to understand everything I'm doing and making it solid.
Alex Mancheno
@alexmancheno
Mar 03 2016 04:02
<form action="/submit-cat-photo" input class="form-control">
<div class="row">
<div class="col-xs-6">
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
</div>
<div class="col-xs-6">
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
</div>
</div>
<div class="row">
<div class="col-xs-4">
<label><input type="checkbox" name="personality"> Loving</label>
</div>
<div class="col-xs-4">
<label><input type="checkbox" name="personality"> Lazy</label>
</div>
<div class="col-xs-4">
<label><input type="checkbox" name="personality"> Crazy</label>
</div>
</div>
<input type="text" placeholder="cat photo URL" required>
<button class ="btn btn-primary" type="submit"><i class="fa fa-paper-plane"></i>Submit</button>
</form>
Andrew Choi
@pcfree
Mar 03 2016 04:02
@tacodestroyer yeah, i'm still fuzzy on exactly how some of the divs work
Alex Mancheno
@alexmancheno
Mar 03 2016 04:02
Challenge says "Give the text input in your form the class form-control."
I don't know where I am supposed to do this
Andrew Choi
@pcfree
Mar 03 2016 04:03
@alexmancheno <input type="text" placeholder="cat photo URL" required> ?
Anthony Hernandez
@tacodestroyer
Mar 03 2016 04:04
@pcfree do you mean like styling each div? the div is just a container. I'm really just trying to remember most of the syntax
Andrew Choi
@pcfree
Mar 03 2016 04:05
@tacodestroyer well i'm not 100% on behavior for col-*-12 for example
Alex Mancheno
@alexmancheno
Mar 03 2016 04:08
Nope, still not working >.<
Andrew Choi
@pcfree
Mar 03 2016 04:09
which challenge is it?
Alex Mancheno
@alexmancheno
Mar 03 2016 04:09
Style Text Inputs as Form Controls @pcfree
It's the 3rd checkbox in the challenge
Travis Boss
@travisboss
Mar 03 2016 04:10
@pcfree col-*-12 is just the width of the container which has to equal 12 on each row, there are others cols from 1 to 11 that will fit the width and allow you to equal 12. The xs, s, md, lg, xl is the screen resolution and how the columns behave at different sizes.
Andrew Choi
@pcfree
Mar 03 2016 04:12
@travisboss yeah i'm familiar w/ how it's supposed to work; in the challenge, there's a behavior that i do'nt understand
@alexmancheno i mean what's the name of hte challenge
Alex Mancheno
@alexmancheno
Mar 03 2016 04:13
@pcfree the challenge is called "Style Text Inputs as Form Controls"
Andrew Choi
@pcfree
Mar 03 2016 04:14
@alexmancheno weird i can't find it
@alexmancheno oh there's a search function! doh!
@alexmancheno yeah <input type="text" placeholder="cat photo URL" class="form-control" required>
Anthony Hernandez
@tacodestroyer
Mar 03 2016 04:16
@pcfree here's a good example site: http://gridbyexample.com/examples/
Andrew Choi
@pcfree
Mar 03 2016 04:17
@tacodestroyer thanks let me look at it
CamperBot
@camperbot
Mar 03 2016 04:17
pcfree sends brownie points to @tacodestroyer :sparkles: :thumbsup: :sparkles:
:star: 133 | @tacodestroyer | http://www.freecodecamp.com/tacodestroyer
Anthony Hernandez
@tacodestroyer
Mar 03 2016 04:17
well group, time to hit the sack! Gotta get up at 2:30AM - /sadface
Alex Mancheno
@alexmancheno
Mar 03 2016 04:18
Goodnight!
@pcfree Thanks!! Finally got it!!
CamperBot
@camperbot
Mar 03 2016 04:19
alexmancheno sends brownie points to @pcfree :sparkles: :thumbsup: :sparkles:
:star: 130 | @pcfree | http://www.freecodecamp.com/pcfree
Alex Mancheno
@alexmancheno
Mar 03 2016 04:19
I would not have gotten that anytime soon, haha
Andrew Choi
@pcfree
Mar 03 2016 04:19
@alexmancheno i'm glad, what was wrong?
Jacob Hanawalt
@JacobHanawalt
Mar 03 2016 04:20
Hi all! Quick question: I thought I had a good grasp on CSS image borders, but since I've started doing the projects they don't seem to work for me anymore. Here's an example of a border that doesn't show up.
border-type: solid; border-color: #FF9800; border-width: 10px;
Randy
@techtolentino
Mar 03 2016 04:22
I always combine them, but not sure if the challenge wants you to separate the style rules
Alex Mancheno
@alexmancheno
Mar 03 2016 04:22
I was putting in the overarching <form></form>
Randy
@techtolentino
Mar 03 2016 04:22
I do border: 10px solid #ff9800;
Andrew Choi
@pcfree
Mar 03 2016 04:22
@effinglame i thought it was border-style
Jacob Hanawalt
@JacobHanawalt
Mar 03 2016 04:22
Oh holy moly
@pcfree you're right, I'm so dumb
Randy
@techtolentino
Mar 03 2016 04:23
Also, it might be border-style
Yup
Jacob Hanawalt
@JacobHanawalt
Mar 03 2016 04:23
@pcfree That was totally the issue, thanks hahah
CamperBot
@camperbot
Mar 03 2016 04:23
effinglame sends brownie points to @pcfree :sparkles: :thumbsup: :sparkles:
:star: 131 | @pcfree | http://www.freecodecamp.com/pcfree
Andrew Choi
@pcfree
Mar 03 2016 04:23
@effinglame nah it i do that shit all the time
Jacob Hanawalt
@JacobHanawalt
Mar 03 2016 04:23
@techtolentino Thanks, too :)
CamperBot
@camperbot
Mar 03 2016 04:23
effinglame sends brownie points to @techtolentino :sparkles: :thumbsup: :sparkles:
:star: 277 | @techtolentino | http://www.freecodecamp.com/techtolentino
Randy
@techtolentino
Mar 03 2016 04:24
Of course
Andrew Choi
@pcfree
Mar 03 2016 04:24
@techtolentino damn randy, nice page lol
Randy
@techtolentino
Mar 03 2016 04:25
Which page?
Randy
@techtolentino
Mar 03 2016 04:26
Oh thanks
Im front-end dev and work for IBM Design... So I've been learning code for about 2 years
Not-the-Commonwealth
@awanumair
Mar 03 2016 04:27
How would I nest two div class="col-xs-6" elements within your div class="row" element.
Randy
@techtolentino
Mar 03 2016 04:28
@pcfree also rapped for 10 yrs lol
Andrew Choi
@pcfree
Mar 03 2016 04:30
@techtolentino could i ask if you were working at ibm before starting front end?
@techtolentino nvm it says on your page lol
@awanumair i dont understand your question
Randy
@techtolentino
Mar 03 2016 04:32
Before code, the YMCA lol
Not-the-Commonwealth
@awanumair
Mar 03 2016 04:33
Can anyone help with Split your Bootstrap Row
Randy
@techtolentino
Mar 03 2016 04:33
Still have A LOT to learn though
Not-the-Commonwealth
@awanumair
Mar 03 2016 04:33
challenge*
Andrew Choi
@pcfree
Mar 03 2016 04:34
so the way it works is
Anna Sakoyan
@ansakoy
Mar 03 2016 04:34

@awanumair

<div class='row'>
    <div class='col-xs-6'></div> <!-- col 1 -->
    <div class='col-xs-6'></div> <!-- col 2 -->
</div> <!-- end row -->

like this

Andrew Choi
@pcfree
Mar 03 2016 04:34
yeah that lol
does it matter if you use single quotes vs double quotes? @ansakoy
i notice i've been only using double quotes on these
Not-the-Commonwealth
@awanumair
Mar 03 2016 04:36
thanks @ansakoy
CamperBot
@camperbot
Mar 03 2016 04:36
awanumair sends brownie points to @ansakoy :sparkles: :thumbsup: :sparkles:
:star: 283 | @ansakoy | http://www.freecodecamp.com/ansakoy
Don Price
@KingHippo
Mar 03 2016 04:37
Hello. I am working on the calculator and having trouble with the decimal point. I am trying to convert the input from a string to a decimal with parseFloat but it's not working. The code in question is from line 65 to line 74. Anyone haver any suggestions on what I should do? http://codepen.io/KingHippo/pen/vLydBy?editors=0011
awalaja
@awalaja
Mar 03 2016 04:37
@pcfree @techtolentino very cool page indeed......#feelinginspired
Anna Sakoyan
@ansakoy
Mar 03 2016 04:37
@pcfree in my experience, it's never made any difference in JS, HTML or Python. it only matters when you have to include quotes inside your string. like console.log("I'm learning")
Randy
@techtolentino
Mar 03 2016 04:41
Thanks @awalaja
CamperBot
@camperbot
Mar 03 2016 04:41
techtolentino sends brownie points to @awalaja :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for awalaja
awalaja
@awalaja
Mar 03 2016 04:43
@camperbot how do i receive my brownie point?
Randy
@techtolentino
Mar 03 2016 04:43
(yeah why didn't you get it?)
@pcfree i actually learned the other day that you don't even need quotes! For single classes... That shocked me
Anna Sakoyan
@ansakoy
Mar 03 2016 04:46
@awalaja lets try again: thanks :)
CamperBot
@camperbot
Mar 03 2016 04:46
ansakoy sends brownie points to @awalaja :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for awalaja
Anna Sakoyan
@ansakoy
Mar 03 2016 04:46
now that was rude @camperbot
awalaja
@awalaja
Mar 03 2016 04:46
aaarrrgggghhhhhhh
thanks @ansakoy and @techtolentino ... appreciate
CamperBot
@camperbot
Mar 03 2016 04:47
awalaja sends brownie points to @ansakoy and @techtolentino :sparkles: :thumbsup: :sparkles:
:star: 284 | @ansakoy | http://www.freecodecamp.com/ansakoy
:star: 278 | @techtolentino | http://www.freecodecamp.com/techtolentino
Randy
@techtolentino
Mar 03 2016 04:48
Somethings weird... I dont get why you're not getting em
Hector Garcia
@augmt
Mar 03 2016 04:49
@awalaja do you have a profile set up on freecodecamp.com?
awalaja
@awalaja
Mar 03 2016 04:49
yup
Brian
@sludge256
Mar 03 2016 04:50
Did you press the update portfolio from Github button?
then relog into Gitter and maybe even FCC and Github
awalaja
@awalaja
Mar 03 2016 04:51
dont knw where the update portfolio is
Brian
@sludge256
Mar 03 2016 04:52
@awalaja click on your avatar or your points in the top right of the site
then it should be fairly obvious from that point
awalaja
@awalaja
Mar 03 2016 04:52
yea
i kinda switched a "button" on
it looks like the brownie 'Button"
Brian
@sludge256
Mar 03 2016 04:54
These buttons
Marcy Maretti
@marteeny
Mar 03 2016 04:55
Hi all I'm a newb .. working on my tribute page .. having trouble with the image scaling at full width and centering .. also can't figure out how to make the bullet points align with the text rather than staying to the right .. http://codepen.io/MarTeeny/pen/eZNMNd/
awalaja
@awalaja
Mar 03 2016 04:55
ok
Clifton Choiniere
@crcnum4
Mar 03 2016 04:56
@marteeny so for the bullet points they must be center-aligned
awalaja
@awalaja
Mar 03 2016 04:58
how do i add a script element at the top of my page
Marcy Maretti
@marteeny
Mar 03 2016 04:58
@crcnum4 I put align="center" and that didn't work on the bullets... how do I write it so they center?
Clifton Choiniere
@crcnum4
Mar 03 2016 04:59
@marteeny you don't want them to center that's why they are all start at a different spot. If you left align them they will align to the left side of the page
Marcy Maretti
@marteeny
Mar 03 2016 04:59
oh
Clifton Choiniere
@crcnum4
Mar 03 2016 05:00
@marteeny as for the image I'll admit I'm not the best at scaling and stuff with images. But I almost never use an img tag I tend to create a div and make the image a background image
after that I can use the CSS tags:
background: url('url of image');
background-size: cover;
background-position: center center;
this makes sure it fits inside the space you define without blowing up the div you put it in. In the css you would also set the height of the div to set the max height of the image.
@marteeny Not sure if I'm explaining this right lol XD
@marteeny if you don't like the idea of a div with background image for the picture the next option is to add width=100% but keep in mind the height of the image will increase with the width 1 for 1 and make a very large picture.
Andrew Choi
@pcfree
Mar 03 2016 05:05
@crcnum4 @marteeny width=100% nice
Marcy Maretti
@marteeny
Mar 03 2016 05:05
@crcnum4 thank you!!
CamperBot
@camperbot
Mar 03 2016 05:05
marteeny sends brownie points to @crcnum4 :sparkles: :thumbsup: :sparkles:
:star: 286 | @crcnum4 | http://www.freecodecamp.com/crcnum4
Andrew Choi
@pcfree
Mar 03 2016 05:06
i guess this is due to photo being smaller than the width of hte page?
Marcy Maretti
@marteeny
Mar 03 2016 05:07
I thought so at first .. but now not sure
image is 900px wide
Clifton Choiniere
@crcnum4
Mar 03 2016 05:08
@marteeny just so you know the width of the space on my monitor is 1100px.
i got a browser tool to measure px distance lol
@marteeny it will be different for other users.
Marcy Maretti
@marteeny
Mar 03 2016 05:12
@crcnum4 gotcha. thanks again
CamperBot
@camperbot
Mar 03 2016 05:12
marteeny sends brownie points to @crcnum4 :sparkles: :thumbsup: :sparkles:
:warning: marteeny already gave crcnum4 points
Clifton Choiniere
@crcnum4
Mar 03 2016 05:13
@marteeny oh and i found an example of my div image trick if you or @pcfree want to see it.
it's not my trick but the one i mentioned learned it on another coding site.
asaki444
@asaki444
Mar 03 2016 05:14
//Setup
var contacts = [
    {
        "firstName": "Akira",
        "lastName": "Laine",
        "number": "0543236543",
        "likes": ["Pizza", "Coding", "Brownie Points"]
    },
    {
        "firstName": "Harry",
        "lastName": "Potter",
        "number": "0994372684",
        "likes": ["Hogwarts", "Magic", "Hagrid"]
    },
    {
        "firstName": "Sherlock",
        "lastName": "Holmes",
        "number": "0487345643",
        "likes": ["Intriguing Cases", "Violin"]
    },
    {
        "firstName": "Kristian",
        "lastName": "Vos",
        "number": "unknown",
        "likes": ["Javascript", "Gaming", "Foxes"]
    }
];


function lookUp(firstName, prop){
// Only change code below this line
for (var i = 0; i < contacts.length; i++){
  for(var j = 0; j < contacts[i].length; j++){
if(contacts[i].hasOwnProperty("firstName") && prop === contacts[i].hasOwnProperty("prop"))
  {
    return contacts[i].prop;
  }
else if (firstName === contacts[i].firstName){
  return "No such contact";
}

  }return "No such property";

// Only change code above this line
  }
}
// Change these values to test your function
lookUp("Akira", "likes");
I am on the profile lookup portion
I am getting quite stuck
Sean Groff
@SeanGroff
Mar 03 2016 05:15
Anyone came across any good articles or tutorials that teach you how to read and understand huge code projects. I get lost or struggle to understand whats happening
Clifton Choiniere
@crcnum4
Mar 03 2016 05:17
@asaki444 Your first if function has it looking for the property prop you put the string 'prop' not the variable prop
so your checking if each contact has a "prop": property none have that
Justin Steele
@JustinSteele02
Mar 03 2016 05:19
Anyone know how I would get the height of the window? I want to animate a div to scroll upward until it's just off the screen
Clifton Choiniere
@crcnum4
Mar 03 2016 05:20
actually @asaki444 reading that completely the second part of your if statement will always be false. Your comparing the value of the variable prop to the true or false of if the contact has the 'prop' property (which will always be false) you are then comparing false against the prop variable. make sense?
Suomiprogramming
@Suomiprogramming
Mar 03 2016 05:21
hello!
who can help me with jQuery?
$(document).ready(function(){}
<script> $(document).ready(function(){})
</script>
蒲公英の生活
@fewspider
Mar 03 2016 05:22
blob
cc @JustinSteele02
Suomiprogramming
@Suomiprogramming
Mar 03 2016 05:22
the task is: Close your $(document).ready(function() { function with });
Sandy
@shashimargam
Mar 03 2016 05:22
what does this mean?
Your p element should contain the first few words of the provided additional kitty ipsum text.
Clifton Choiniere
@crcnum4
Mar 03 2016 05:24
@shashimargam copy the provided gibberish text in the lesson plan
and paste it inside a p tag
Sandy
@shashimargam
Mar 03 2016 05:26
I did that but its not working
Justin Steele
@JustinSteele02
Mar 03 2016 05:31
@fewspider Thank you!
CamperBot
@camperbot
Mar 03 2016 05:31
justinsteele02 sends brownie points to @fewspider :sparkles: :thumbsup: :sparkles:
:star: 36 | @fewspider | http://www.freecodecamp.com/fewspider
Justin Steele
@JustinSteele02
Mar 03 2016 05:32
@Suomiprogramming
$(document).ready(function() {

});
That would go inside of the <script></script tags.
<script></script>
Suomiprogramming
@Suomiprogramming
Mar 03 2016 05:34
@JustinSteele02 I did that way, but it doesn't work
devonwilson1
@devonwilson1
Mar 03 2016 05:34
can you someone help me with a question?
Justin Steele
@JustinSteele02
Mar 03 2016 05:35
@Suomiprogramming alright can you link me to your exercise please?
Suomiprogramming
@Suomiprogramming
Mar 03 2016 05:35
@JustinSteele02 okay
@JustinSteele02 http://www.freecodecamp.com/challenges/learn-how-script-tags-and-document-ready-work#?solution=fccss%20%24(document).ready(function()%7B%7D)%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
Justin Steele
@JustinSteele02
Mar 03 2016 05:35
@devonwilson1 sure
devonwilson1
@devonwilson1
Mar 03 2016 05:35
I have a "pen" and I have three division all with there own background image and there is white space between each how do I make the seamless?
i want to get rid of the white spaces vertically so there is a seamless transition
Justin Steele
@JustinSteele02
Mar 03 2016 05:36
@Suomiprogramming Like this:
<script> 
  $(document).ready(function(){

  });
</script>
script should be between script tags on next line, not following first tag. Also the document.ready function must be closed with semicolon
Suomiprogramming
@Suomiprogramming
Mar 03 2016 05:36
@JustinSteele02 oh I just forgot ";"
@JustinSteele02 thank tou
CamperBot
@camperbot
Mar 03 2016 05:37
suomiprogramming sends brownie points to @justinsteele02 :sparkles: :thumbsup: :sparkles:
Justin Steele
@JustinSteele02
Mar 03 2016 05:37
@Suomiprogramming right and script should be between tags on new lines. No problem!
CamperBot
@camperbot
Mar 03 2016 05:37
:star: 247 | @justinsteele02 | http://www.freecodecamp.com/justinsteele02
Justin Steele
@JustinSteele02
Mar 03 2016 05:37
@devonwilson1 Your pen didn't link correctly, can you try again
devonwilson1
@devonwilson1
Mar 03 2016 05:37
@JustinSteele02 thank you was that for me?
CamperBot
@camperbot
Mar 03 2016 05:37
devonwilson1 sends brownie points to @justinsteele02 :sparkles: :thumbsup: :sparkles:
:star: 248 | @justinsteele02 | http://www.freecodecamp.com/justinsteele02
Justin Steele
@JustinSteele02
Mar 03 2016 05:38
@devonwilson1 Not the code, no. Link your pen again, that link is blank
devonwilson1
@devonwilson1
Mar 03 2016 05:38
how do i get ride of the white spaces between the three division background images
Jhony Alberto Grillet Medina
@ChinuxParibus
Mar 03 2016 05:38
still blank @devonwilson1
Justin Steele
@JustinSteele02
Mar 03 2016 05:39
@devonwilson1 Yeah that's still a blank screen. Your pen url should be unique
sorry
kwaichangkain
@kwaichangkain
Mar 03 2016 05:41

Hi everyone, I'm working on the "Create Bootstrap Wells" challenge and these are the instructions:

Add a div element with the class well inside each of your div elements with the class "col-xs-6"

This is how I've done it:

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

It looks alright in the phone screen but when I click run tests it doesn't work. Any idea what I'm doing wrong?

kelvinshang
@kelvinshang
Mar 03 2016 05:45
@kwaichangkain it wants you to add another div element, not add onto the col-xs-6
@kwaichangkain so you want to put another div element between the <div class="well col-xs-6">[PUT NEW DIV HERE] </div>
Justin Steele
@JustinSteele02
Mar 03 2016 05:45
@devonwilson1 To make the pictures seamless, give your paragraph that wraps the search box id="search" and the blue example text in the middle id="example". Then remove their margins with css
That will remove the gaps without affecting the rest of the document
kwaichangkain
@kwaichangkain
Mar 03 2016 05:48
@kelvinshang that worked, thanks a lot!
CamperBot
@camperbot
Mar 03 2016 05:48
kwaichangkain sends brownie points to @kelvinshang :sparkles: :thumbsup: :sparkles:
:star: 252 | @kelvinshang | http://www.freecodecamp.com/kelvinshang
devonwilson1
@devonwilson1
Mar 03 2016 05:49
@JustinSteele02 I am trying to follow but do not. can you show me please
Justin Steele
@JustinSteele02
Mar 03 2016 05:50
@devonwilson1 alright
@devonwilson1 So the gaps exist because these two objects have margins on the top and bottom:
<p>
  <button type="submit"> submit</button>
  <input type="text" placeholder="enter advice">
</p>

<h2 class="blue-text"> 
  Here are examples of what links I belive right now I would like to claim one day to be my own.
</h2>
If you add id's to the <p> tag and the <h2> tag, it will be easy to select them individually. After that, you use css to remove their margins.
#id {
    margin: 0;
}
so you would use that block of css for each object and replace "#id" with # followed by the element's actual id
Justin Steele
@JustinSteele02
Mar 03 2016 05:55
@devonwilson1 Is that more clear? Ask if you still need help.
Gabriel Ashley
@gabrielashleyp
Mar 03 2016 05:56
Hello
Justin Steele
@JustinSteele02
Mar 03 2016 05:57
hello @gabrielashleyp
devonwilson1
@devonwilson1
Mar 03 2016 05:57
@JustinSteele02 i feel dumb need more step by step lol
so first you want me to change the class names and than go in to my css style and add the 0 margin
Justin Steele
@JustinSteele02
Mar 03 2016 05:58
@devonwilson1 Find those two blocks of html in your code. You don't need to change the class, because if you remove blue text class from h2 it will no longer be blue.
Instead, add id's. Like this:
<p id="search">
  <button type="submit"> submit</button>
  <input type="text" placeholder="enter advice">
</p>

<h2 class="blue-text" id="examples"> 
  Here are examples of what links I belive right now I would like to claim one day to be my own.
</h2>
Next, remove their margins with css:
#search {
    margin: 0;
}

#examples {
    margin: 0;
}
ta-da! no more gaps.
you can place that css inside your <style> </style> tags
devonwilson1
@devonwilson1
Mar 03 2016 06:00
i see i see let me try thank you so much @JustinSteele02
CamperBot
@camperbot
Mar 03 2016 06:00
devonwilson1 sends brownie points to @justinsteele02 :sparkles: :thumbsup: :sparkles:
:warning: devonwilson1 already gave justinsteele02 points
Justin Steele
@JustinSteele02
Mar 03 2016 06:01
No problem
Liat Zavodivker
@taildovaz
Mar 03 2016 06:04
I just started my tribute page.. I am very stuck. What things have helped you push forward?
So far, I have a theme and a font.. :P
Justin Steele
@JustinSteele02
Mar 03 2016 06:05
@taildovaz Being active in this room, looking at other people's work and providing help when I can.
Liat Zavodivker
@taildovaz
Mar 03 2016 06:06
@JustinSteele02 that sounds doable.
Justin Steele
@JustinSteele02
Mar 03 2016 06:07
Absolutely. The more you see others' hard work pay off, the more you want to push your own progress forward.
devonwilson1
@devonwilson1
Mar 03 2016 06:12
now can someone tell me how to make a division larger without using any letters just make it larger?
Palakurthi Durga Kiran Kumar
@durgakiran
Mar 03 2016 06:14
why image and text under unordered list is floating away when i was zooming
Justin Steele
@JustinSteele02
Mar 03 2016 06:17
@devonwilson1 You can set height and width in css using pixels, percentages, etc. Here are some details. http://www.w3schools.com/css/css_dimension.asp
@durgakiran can you post link or code?
CHRISTY ALBY
@christyalby
Mar 03 2016 06:17
How can i memorize what learn here?
Palakurthi Durga Kiran Kumar
@durgakiran
Mar 03 2016 06:18
that was my tributary page http://codepen.io/Durgakiran/pen/QNWqdL
Justin Steele
@JustinSteele02
Mar 03 2016 06:18
@christyalby I've found that the only good way to start remembering code is to use it repeatedly and work on your own projects. Even if you have an excellent memory for other things.
Also remember that it's ok to google, you don't have to know absolutely everything about a topic before you start learning more
CHRISTY ALBY
@christyalby
Mar 03 2016 06:20
@JustinSteele02 what softwares are used for the development
Justin Steele
@JustinSteele02
Mar 03 2016 06:21
@durgakiran Not sure I understand. What's floating away?
devonwilson1
@devonwilson1
Mar 03 2016 06:21
awesome thanks justin
Justin Steele
@JustinSteele02
Mar 03 2016 06:22
@christyalby Can you be more specific? Popular text editors for web development are atom, sublime text, brackets. FCC uses codepen.io, an online editor, for a lot of projects
Palakurthi Durga Kiran Kumar
@durgakiran
Mar 03 2016 06:22
i zoomed out the page the image is just moving away to left
where as h1 h3 elements are continued to be at center
devonwilson1
@devonwilson1
Mar 03 2016 06:23
hey @JustinSteele02 when i change the "div" sizes how do i select one div over the other in css? or will it just apply to all the "div"?
Amanda
@100aawalters09
Mar 03 2016 06:23

Hi! I have been working on the 'Profile Lookup' all day and cannot seem to get it to work. Any advice would be much appreciated! :smile:

The "no such contact" and "no such property" work fine.
"Kristian", "lastName" should return "Vos"
"Sherlock", "likes" should return ["Intriguing Cases", "Violin"]
"Harry","likes" should return an array
works--"Bob", "number" should return "No such contact"
works--"Akira", "address" should return "No such property"

Here is what I have so far:
//Setup
var contacts = [
{
"firstName": "Akira",
"lastName": "Laine",
"number": "0543236543",
"likes": ["Pizza", "Coding", "Brownie Points"]
},
{
"firstName": "Harry",
"lastName": "Potter",
"number": "0994372684",
"likes": ["Hogwarts", "Magic", "Hagrid"]
},
{
"firstName": "Sherlock",
"lastName": "Holmes",
"number": "0487345643",
"likes": ["Intriguing Cases", "Violin"]
},
{
"firstName": "Kristian",
"lastName": "Vos",
"number": "unknown",
"likes": ["Javascript", "Gaming", "Foxes"]
}
];

function lookUp(firstName, prop){
// Only change code below this line

var outPut = "";

for (var i=0; i <= contacts.length; i++) {
if ( contacts[i].firstName == firstName && contacts[i][prop]) {
outPut = contacts[i][prop];

 } else if (contacts[i].firstName !== firstName) {
  outPut = "No such contact";

 } else if (contacts[i][prop] !== prop) {
 outPut = "No such property";
 }

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

// Change these values to test your function
lookUp("Kristian", "lastName");

CHRISTY ALBY
@christyalby
Mar 03 2016 06:23
I mean for creating websites using HTML,CSS.
Justin Steele
@JustinSteele02
Mar 03 2016 06:24
@devonwilson1 If you just use div {} in css it will apply to all divs on the page. Using classes and id's are the most basic way of applying css to specific elements. There are many, many other fancy ways to do it, though. http://www.w3schools.com/cssref/css_selectors.asp
are you working through FCC courses? I think selectors are covered in some later html/css lessons
@christyalby Yeah text editors like some that I mentioned are the most popular tools for html, css, and javascript web development
@durgakiran still working on it
CHRISTY ALBY
@christyalby
Mar 03 2016 06:27
@JustinSteele02 :+1:
CHRISTY ALBY
@christyalby
Mar 03 2016 06:32
@JustinSteele02 Which text editor is the best in your opinion?
Justin Steele
@JustinSteele02
Mar 03 2016 06:33
@christyalby My personal preference is atom, many people swear by sublime text. Here's a video detailing setup and useful packages for atom. https://www.youtube.com/watch?v=hPC6keUUiTA
@christyalby Atom is also free and made by github. Sublime can be used indefinitely but has occasional popups asking for payment, I think the cost is $70 or so for license
CHRISTY ALBY
@christyalby
Mar 03 2016 06:35
@JustinSteele02 And what about Brackets?
Justin Steele
@JustinSteele02
Mar 03 2016 06:36
@christyalby Brackets I enjoyed also, it has a live preview functionality that was really excellent. You didn't have to refresh the browser repeatedly to see your changes. However, I also felt that it was maybe less complete than the other options, so I settled on atom. It has been a while since I've used it.
I'm by no means a professional, still working through the courses, so you should definitely try them each and decide what you like
@durgakiran I cleaned up your html a bit and closed some tags that were missing. This didn't fix the problem yet but needed to be done.
<div class="gray-background">
  <h1 style="color:blue" class="text-center">DR. A.P.J ABDUL KALAM<h1>
  <h3 class="text-center">Missile man of India<h3>
  <div class="container-fluid">
    <div>
    <img class="thick-black-border img-responsive" src="http://www.thebetterindia.com/wp-content/uploads/2015/07/kalam2.jpg"alt="Dr.A.P.J.Abdul Kalam">
    </div>
    <p class="text-center">DR.A.P.J.Abdul Kalam</p>
    <div class="padding">
    <p class="text-center">Here's a time line of Dr.Kalam's life:</p>
    </div>
    <div class="time-line">
      <ul>
        <li>1931-Dr.Avul Pakir Jainulabdeen Abdul Kalam was born in rameswaram, Tamil Nadu in A Tamil muslim family. In his school days he sold news papers to support his family.</li>
        <li>1954-Dr.Kalam graduated in Physics from Saint Joseph's college, Tiruchirapalli.</li>
        <li>1955-Dr.Kalam went to Madras Institute of Technology to study Aerospace Engineering, after completing the degree he tried to become pilot of a fighter jet but he could not make it.</li>
        <li>1960-Dr.Kalam joined DRDO as scientist. He started his career by designing a small hovercraft. Dr.Kalam was also the part of INCOSPAR.</li>
        <li>1969-Dr.Kalam was transferred to ISRO there  he was project director of India first satellite launch vehicle (SLV).</li>
        <li>1963 to 1964-Dr.Kalam visited NASA.</li>1965-Dr.Kalam started expandable rocket project independently at DRDO which was later approved by governament of India.</li>
        <li>1970-Dr.Kalam served as director of project devil, project valiant.</li>
        <li>1980-SLV-III launched Rohini satillite in its orbit.</li>
        <li>In 1970's he also undertaken Indias missile programmme to develope Agni missile series, Prudhvi missile series, Naga missile series, Akash missile series</li>
        <li>1992-1999- He served as secretary of DRDO. Pokhran-II test was successfully performed under his test,</li>
        <li>1997-Dr.Kalam was awarded Bharat Ratna in recognition to service of the Indian nation</li>
        <li>1998-Dr.Kalam along with soma Raju designed low cost coronary stent.</li>
        <li>2002-2007-He served as the 11th President of India. He was widly called as "people's president".</li>
        <li>2007-from 2007 he served as visiting professor of IIM shillong, BHU and other national universities.</li>
        <li>2015-Dr.Kalam was dead due cardiac arrest while giving lecture in IIM shillong</li></ul>
    </div>
    <p class="body text-center">Dr Kalam's dreams,visions,achievemnts,honours truely make him the inspiration behind a billion Indians.</p>
    <p class="body text-center">If you have time you should read more about this incredible human being on his <a href="https://en.wikipedia.org/wiki/A._P._J._Abdul_Kalam">Wikipedia entry.</a></p>
    </div>
  </div>
</div>
bigbeno37
@bigbeno37
Mar 03 2016 06:37
Hey guys
I'm trying to do the personal portfolio project
Justin Steele
@JustinSteele02
Mar 03 2016 06:38
hi @bigbeno37
bigbeno37
@bigbeno37
Mar 03 2016 06:38
And I've got a bit of an issue
So, if you actually go to the codepen page
and resize your browser
the bootstrap hamburger menu icon appears
but when you click on it
nothing happens
And yet, here it works
Justin Steele
@JustinSteele02
Mar 03 2016 06:48
@bigbeno37 Hah! Trick question and not fair. Nothing's wrong with your code. You just need to go into settings and add bootstrap js resource
almost got me
Jay Mok
@chemok78
Mar 03 2016 06:55

hi anyone did "seek and destroy" yet?: Remove all elements from the initial array that are of the same value as these arguments.
whats wrong with this code?

```function destroyer(arr) {
// Remove all the values

var array = arguments[0];

newArray = [];

for (i = 1; i < arguments.length; i++){

function callBack(val) {

val !== arguments[i];

}

newArray = array.filter(callBack);

}

console.log(newArray);

}

destroyer([1, 2, 3, 1, 2, 3], 2, 3);```

Sam Peden
@samduel
Mar 03 2016 06:56
any help with image with formatting?
width*

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

<style>
.smaller-image {
width: 100px;
}
.red-text {
color: red;
}

img {width: 100px;
}
h2 {
font-family: Lobster, Monospace;
}

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

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

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

Justin Steele
@JustinSteele02
Mar 03 2016 06:59
@samduel apply smaller-image class to <img>
David Van Isacker
@Dvisacker
Mar 03 2016 07:02
Hey guys ! Could some good samaritan help me with my a challenge. I'm on the 'Target the same element with multiple jQuery Selectors' (n. 117 i believe) and I can't get my code working.
Justin Steele
@JustinSteele02
Mar 03 2016 07:03
@Dvisacker sure, shoot!
Sam Peden
@samduel
Mar 03 2016 07:03
@JustinSteele02 is this correct?
<img class="smaller-image">"https://bit.ly/fcc-relaxing-cat"</img>
Alexey
@m1lk1way
Mar 03 2016 07:04
@chemok78 let me check it
Rushdi Felimban
@rushfel
Mar 03 2016 07:04
@QuincyLarson in the tribute challenge video, you mentioned no need for CSS. If I have to do any styling, does it mean I have to do it in-line?
Justin Steele
@JustinSteele02
Mar 03 2016 07:05
@samduel <img class="smaller-image" src=https://bit.ly/fcc-relaxing-cat"> Both go inside tag
David Van Isacker
@Dvisacker
Mar 03 2016 07:05

<script>
$(document).ready(function() {
$("button").addClasses("animated");
$(".btn").addClasses("shake");
$("#target1").addClasses("btn-primary");
});
</script>

is the code I wrote. Basically the problem asks about adding 3 classes to elements separately. Let me now if you need some more info !

Thanks Justin ;)
Jay Mok
@chemok78
Mar 03 2016 07:05
@m1lk1way thanks!
CamperBot
@camperbot
Mar 03 2016 07:05
chemok78 sends brownie points to @m1lk1way :sparkles: :thumbsup: :sparkles:
:star: 189 | @m1lk1way | http://www.freecodecamp.com/m1lk1way
Jay Mok
@chemok78
Mar 03 2016 07:05
there is something wrong in that callback function i think
Justin Steele
@JustinSteele02
Mar 03 2016 07:05
@samduel Forgot the quote in front of https. Add it
Sam Peden
@samduel
Mar 03 2016 07:08
@JustinSteele02 thanks you rock!
CamperBot
@camperbot
Mar 03 2016 07:08
samduel sends brownie points to @justinsteele02 :sparkles: :thumbsup: :sparkles:
:star: 249 | @justinsteele02 | http://www.freecodecamp.com/justinsteele02
Alexey
@m1lk1way
Mar 03 2016 07:08
@chemok78 u dont need for loop at all
Justin Steele
@JustinSteele02
Mar 03 2016 07:08
@samduel no problem!
Jay Mok
@chemok78
Mar 03 2016 07:09
@m1lk1way ow dont need to go through second till last argument?
Alexey
@m1lk1way
Mar 03 2016 07:09
@chemok78 u need to check equality to -1 inside filter function
Justin Steele
@JustinSteele02
Mar 03 2016 07:09
@Dvisacker The function is simply .addClass(), not .addClasses()
other than that, you had it
David Van Isacker
@Dvisacker
Mar 03 2016 07:09
Oh thanks a lot man ! x)
Justin Steele
@JustinSteele02
Mar 03 2016 07:11
@Dvisacker :thumbsup:
Jay Mok
@chemok78
Mar 03 2016 07:11
@m1lk1way i seeee...
David Van Isacker
@Dvisacker
Mar 03 2016 07:12
@JustinSteele02 thanks !
CamperBot
@camperbot
Mar 03 2016 07:12
dvisacker sends brownie points to @justinsteele02 :sparkles: :thumbsup: :sparkles:
:star: 250 | @justinsteele02 | http://www.freecodecamp.com/justinsteele02
Anand Kumar
@anandjha1806
Mar 03 2016 07:12
someone help me to "Create a script element making sure it is valid and has a closing tag."
David Van Isacker
@Dvisacker
Mar 03 2016 07:12
(just for the brownie points lol)
Justin Steele
@JustinSteele02
Mar 03 2016 07:12
woo!
@anandjha1806 <script></script> boom
Anand Kumar
@anandjha1806
Mar 03 2016 07:13
its giving error
Justin Steele
@JustinSteele02
Mar 03 2016 07:14
@anandjha1806 That one wants you to place document.ready() inside. So like this.
<script> 
  $(document).ready(function(){

  });
</script>
Just building the 'outer frame' for a jquery script
Anand Kumar
@anandjha1806
Mar 03 2016 07:14
ohh thnx man
Justin Steele
@JustinSteele02
Mar 03 2016 07:14
you got it
Anand Kumar
@anandjha1806
Mar 03 2016 07:15
yeepp
Alexey
@m1lk1way
Mar 03 2016 07:17
@chemok78 still stuck or did the trick?)
Jay Mok
@chemok78
Mar 03 2016 07:18
still stuck, thinking hard...
how can you run filter function till -1?
Alexey
@m1lk1way
Mar 03 2016 07:20
use return where u put arguments.indexof(element to check ) === -1
and it is inside filter function
Jay Mok
@chemok78
Mar 03 2016 07:21
@m1lk1way ok... let me try thanks
CamperBot
@camperbot
Mar 03 2016 07:21
chemok78 sends brownie points to @m1lk1way :sparkles: :thumbsup: :sparkles:
:warning: chemok78 already gave m1lk1way points
Mufaddal B
@invinciblemuffi
Mar 03 2016 07:23
In Spinal Tap Case Algorithm, I am able to pass 3 tests using below code buy not the second test, tried to add hyphen before the first capital letter, but it only adds hyphen the first time and not for all.
function spinalCase(str) {
  var arr, ind;
  var regex = /[\s,_]/g;
  for(var i=1; i<str.length; i++) {
    if(str[i] === str[i].toUpperCase() && str[i].search(regex) === -1) {
      var x = str[i-1] + "-";
      var newX = str.replace(str[i-1], x);
    }
  }

  var newstr = str.replace(/[\s,_]/g, "-").toLowerCase(); // Passes 3 tests
  return newstr;
}

spinalCase('This Is Spinal Tap');
Mentor
@bestorw01
Mar 03 2016 07:24
Good Morning friends
Justin Steele
@JustinSteele02
Mar 03 2016 07:25
good morning @bestorw01
Waleed Yousuf Mousa
@ledoooo
Mar 03 2016 07:26
good moring every one
Justin Steele
@JustinSteele02
Mar 03 2016 07:26
good morning @ledoooo
Mentor
@bestorw01
Mar 03 2016 07:27
Fine so what are your targets today@JustinSteele02
Wow that was beautiful @durgakiran
Justin Steele
@JustinSteele02
Mar 03 2016 07:31
@bestorw01 Working on my portfolio page at the moment. Almost done building javascript page transitions that function similarly to this: http://alvarotrigo.com/pagePiling/
Palakurthi Durga Kiran Kumar
@durgakiran
Mar 03 2016 07:32
thanks @bestorw01
CamperBot
@camperbot
Mar 03 2016 07:32
durgakiran sends brownie points to @bestorw01 :sparkles: :thumbsup: :sparkles:
:star: 22 | @bestorw01 | http://www.freecodecamp.com/bestorw01
Palakurthi Durga Kiran Kumar
@durgakiran
Mar 03 2016 07:32
any suggestions
Sam Peden
@samduel
Mar 03 2016 07:32

cant figure out whats wrong with the following. please advise thanks!

<p>View more <a href="http://www.freecatphotoapp.com"> cat photos</a> for you to follow.</p>
<a href="http://www.freecatphotoapp.com">cat photos</a>

Alexey
@m1lk1way
Mar 03 2016 07:33
@chemok78 look and u need to take second part of array instead of taking the first and then compare whole array with the taken second part
Kevin Myrick
@aphextwin234
Mar 03 2016 07:34
@m1lk1way do you know any PHP and arrays?
Justin Steele
@JustinSteele02
Mar 03 2016 07:35
@samduel This is the only line you need.
<p>View more <a href="http://www.freecatphotoapp.com">cat photos</a></p>
Kevin Myrick
@aphextwin234
Mar 03 2016 07:35
I'm trying to enter some floating numbers into an array. @m1lk1way
Justin Steele
@JustinSteele02
Mar 03 2016 07:35
if I'm on the right exercise
Jay Mok
@chemok78
Mar 03 2016 07:35
@m1lk1way ok thanks, let me try!
CamperBot
@camperbot
Mar 03 2016 07:35
chemok78 sends brownie points to @m1lk1way :sparkles: :thumbsup: :sparkles:
:warning: chemok78 already gave m1lk1way points
Sam Peden
@samduel
Mar 03 2016 07:35
haha damn @JustinSteele02 guess i was overthinking it. Thanks again!
CamperBot
@camperbot
Mar 03 2016 07:35
samduel sends brownie points to @justinsteele02 :sparkles: :thumbsup: :sparkles:
:warning: samduel already gave justinsteele02 points
Justin Steele
@JustinSteele02
Mar 03 2016 07:36
no problem man
Alexey
@m1lk1way
Mar 03 2016 07:37
@aphextwin234 i'm poor in php but i know basics o can try to help
Kai Schoos
@skusku
Mar 03 2016 07:38
o/
Justin Steele
@JustinSteele02
Mar 03 2016 07:41
hi @skusku
Kai Schoos
@skusku
Mar 03 2016 07:42
hey @JustinSteele02 :)
Mudit Bhutani
@muditbhutani
Mar 03 2016 07:47
is there any resource like freecodecamp for learning hacking ? properly structured and quality content
Aleksander Gębicki
@Takumar
Mar 03 2016 07:51
@muditbhutani I have not heard about another free resource for any area like FCC.
There are free resources with tutorials about different technologies, but such community with theory, challenges and big community is only one I suppose.
Mudit Bhutani
@muditbhutani
Mar 03 2016 07:53
thanls
*thanks
any resource which can be trusted so that i dont have to refer multiple tutirals will do fine @Takumar any suggestions?
Kevin Myrick
@aphextwin234
Mar 03 2016 07:55
@m1lk1way well, i'm just not quite sure how to enter these values which have .0989 numbers like this into the array.
then I will have to print it out.. pretty straight forward, I think the only thing is making sure the data is read as floats and entered.
Jay Mok
@chemok78
Mar 03 2016 07:56
@m1lk1way did worked

```function destroyer(arr) {

var args = Array.prototype.slice.call(arguments);

args.splice(0,1);

return arr.filter(function(element){ //filter 
      return args.indexOf(element) === -1; 

});
}

destroyer([1, 2, 3, 1, 2, 3], 2, 3);```

so the filter method goes through nested arrays as well?
cause the first element of args is actually an array as well
of arr i mean
Justin Steele
@JustinSteele02
Mar 03 2016 07:59

Can someone tell me why this is working:

if(!$('.section:first-child').is('#contact')){
    //Do something
}

But this isn't:

if($('.section:first-child').not('#contact')){
    //Do something
}
M. Matthews
@mmatthews1981
Mar 03 2016 08:06
@JustinSteele02 do you have a link so I can look at it in context?
Justin Steele
@JustinSteele02
Mar 03 2016 08:10
@meredithmatthews I'm working on a page locally that slides divs offscreen that are stacked with z-index. Here's the full javascript so far
$(window).bind('mousewheel', function(event) {
  if (event.originalEvent.wheelDelta >= 0) {
    console.log('Scroll up');
  }
  else {
    if(!$('.section:first-child').is('#contact')){
      $('.section:first-child').animate({top: -$(window).height()
      }, 600,
      function() {
        //$(this).css("box-shadow", "none");
        $(this).detach();
      });
    }
  }
});
Markus Kiili
@Masd925
Mar 03 2016 08:11
@chemok78 You can use .call(arguments,1) instead of splicing.
Justin Steele
@JustinSteele02
Mar 03 2016 08:12

div structure:

<div class="container-fluid" id="page-wrapper">
    <div class="section" id="home"></div>
    <div class="section" id="about"></div>
    <div class="section" id="portfolio"></div>
    <div class="section" id="contact"></div>
</div>

So the if statement in question is meant to prevent the #contact section from scrolling upward.

Markus Kiili
@Masd925
Mar 03 2016 08:12
@chemok78 You are filtering arr, so there are no nested arrays there.
Justin Steele
@JustinSteele02
Mar 03 2016 08:12
@meredithmatthews
Quincy Larson
@QuincyLarson
Mar 03 2016 08:13
@rushfel I was just pointing out that I made the challenge without any CSS - you can use CSS if you want to
Francis
@Francis-p
Mar 03 2016 08:18

var myVar = 87;

// Only change code below this line
myVar = myVar++;

whats the value of this?
M. Matthews
@mmatthews1981
Mar 03 2016 08:19
@JustinSteele02 sorry, had a flash of inspiration on a bonfire.
@JustinSteele02 the problem is you're describing two different kinds of negation.
Jay Mok
@chemok78
Mar 03 2016 08:20
@Masd925 i see!
Coy Sanders
@coymeetsworld
Mar 03 2016 08:21
@Francis-p ++ increments the variable by 1
so in that case myVar would equal 88
Francis
@Francis-p
Mar 03 2016 08:22
okay. i thought so too. so there’s a bug in the lesson.
Coy Sanders
@coymeetsworld
Mar 03 2016 08:22
actually you don't even need to assign myVar to myVar++, just type myVar++, it will update the variable
Thomas Noe
@t3h2mas
Mar 03 2016 08:22
using myVar = myVar++; would be the same as myVar = myVar += 1
M. Matthews
@mmatthews1981
Mar 03 2016 08:23
@JustinSteele02 the first one describes "if an element IS NOT that class that is that ID". The second one is "If an element is that class IS NOT that ID". See the difference?
Thomas Noe
@t3h2mas
Mar 03 2016 08:23
or myVar = myVar = myVar + 1
usharya
@usharya
Mar 03 2016 08:24
Stuck in "lavel bootstrap buttons"
Michael Aubrey
@mca62511
Mar 03 2016 08:24
quick question: I've been struggling with this for the past three days. Is there any easy way to style a radio button?
usharya
@usharya
Mar 03 2016 08:24
what to do?
Coy Sanders
@coymeetsworld
Mar 03 2016 08:24
@Francis-p which lesson do you think there's a bug in?
Justin Steele
@JustinSteele02
Mar 03 2016 08:24
@meredithmatthews Hmm. I'm trying
Markus Kiili
@Masd925
Mar 03 2016 08:25
@t3h2mas Those are not the same: using myVar = myVar++; would be the same as myVar = myVar += 1
Francis
@Francis-p
Mar 03 2016 08:25
@coymeetsworld Increment a Number with Javascript
Coy Sanders
@coymeetsworld
Mar 03 2016 08:25
no there's no bug there
although what you have and what @t3h2mas i think is right, its not what they're expecting
Markus Kiili
@Masd925
Mar 03 2016 08:26
@t3h2mas The first one doesn't increment myVar value. Second one does.
Coy Sanders
@coymeetsworld
Mar 03 2016 08:26
just put in myVar++, don't assign it
Francis
@Francis-p
Mar 03 2016 08:26
@coymeetsworld i saw you comment on myVar++ instead of myVar = myVar++
Coy Sanders
@coymeetsworld
Mar 03 2016 08:26
yeah, the increment (and decrement --) operator will modify that value in place
Francis
@Francis-p
Mar 03 2016 08:26
@coymeetsworld sorted it out. Thanks!
CamperBot
@camperbot
Mar 03 2016 08:26
francis-p sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star: 325 | @coymeetsworld | http://www.freecodecamp.com/coymeetsworld
Coy Sanders
@coymeetsworld
Mar 03 2016 08:27
its different than if you just did myVar + 5
myVar would still be the original value
but yeah you got it gj @Francis-p
Markus Kiili
@Masd925
Mar 03 2016 08:27
```
var i=0;
console.log(i++); // 0

i=0;
console.log(++i); // 1
```
Coy Sanders
@coymeetsworld
Mar 03 2016 08:28
i want to say i kind of know the answer why this is @Masd925
Justin Steele
@JustinSteele02
Mar 03 2016 08:28
@meredithmatthews Thank you
CamperBot
@camperbot
Mar 03 2016 08:28
justinsteele02 sends brownie points to @meredithmatthews :sparkles: :thumbsup: :sparkles:
Coy Sanders
@coymeetsworld
Mar 03 2016 08:28
var i=0;
console.log(i++); // 0
console.log(i) // should be 1?
CamperBot
@camperbot
Mar 03 2016 08:28
:star: 360 | @meredithmatthews | http://www.freecodecamp.com/meredithmatthews
Coy Sanders
@coymeetsworld
Mar 03 2016 08:29
its based on order of operations
M. Matthews
@mmatthews1981
Mar 03 2016 08:29
@JustinSteele02 negations are just plain hard to wrap your brain around sometimes.
usharya
@usharya
Mar 03 2016 08:29
hello
Markus Kiili
@Masd925
Mar 03 2016 08:29
@coymeetsworld Yes. i++ increments after returning the value. ++i before.
usharya
@usharya
Mar 03 2016 08:29
I need help with "label bootstrap buttons"
Coy Sanders
@coymeetsworld
Mar 03 2016 08:30
ok just double checking, i may have seen that in another language and maybe JS didn't do it that way lol, can't remember when i last had to deal with that before
what issue are you having @usharya ?
usharya
@usharya
Mar 03 2016 08:31
the labels are not working:(
Justin Steele
@JustinSteele02
Mar 03 2016 08:32
@meredithmatthews Alright so now my page slide script looks like this. Can you tell me why offscreen pages aren't sliding down when I add them back to the DOM?
var offscreenArray = [];

$(window).bind('mousewheel', function(event) {
  if (event.originalEvent.wheelDelta >= 0) {
    console.log('Scroll up');
    if(!$('.section:first-child').is('#home')){
      offscreenArray[offscreenArray.length-1].prependTo('#page-wrapper');
      offscreenArray.splice(-1, 1);
      $('.section:first-child').animate({top: -$(window).height()
      }, 600);
    }
  }
  else {
    if(!$('.section:first-child').is('#contact')){
      $('.section:first-child').animate({top: -$(window).height()
      }, 600,
      function() {
        //$(this).css("box-shadow", "none");
        offscreenArray.push($(this));
        $(this).detach();
      });
    }
  }
});
Coy Sanders
@coymeetsworld
Mar 03 2016 08:32
can you post your code, put them between ``` tags
?
also what was the challenge name?
Yaroslav
@YVeselovskyi
Mar 03 2016 08:32
hello, why do you think this alert appears under the modal?
blob
M. Matthews
@mmatthews1981
Mar 03 2016 08:33
@JustinSteele02 you might have just gone beyond the scope of my jQuery knowledge
@JustinSteele02 yeah, I have no idea, based on just reading that code. Sorry :(
Justin Steele
@JustinSteele02
Mar 03 2016 08:35

@meredithmatthews Actually, just figured it out. This line:

$('.section:first-child').animate({top: -$(window).height()
      }, 600);

needed to be

$('.section:first-child').animate({top: '0px'
      }, 600);

Just realigns the offscreen pages with the top of the window

usharya
@usharya
Mar 03 2016 08:36
@coymeetsworld the challenge name is "Label bootstrap buttons"
Coy Sanders
@coymeetsworld
Mar 03 2016 08:36
yeah sorry i missed that lol
M. Matthews
@mmatthews1981
Mar 03 2016 08:37
@JustinSteele02 cool, there you go.
Coy Sanders
@coymeetsworld
Mar 03 2016 08:37
whats the issue you have with it?
usharya
@usharya
Mar 03 2016 08:37
I am doing <h4> #target1 </h4> and so on
but its not working
Coy Sanders
@coymeetsworld
Mar 03 2016 08:38
hmm the targets should be nested between button tags, not h4 tags
can you post your code?
just so we're on same page?
Steven Cruz
@itsstoiven
Mar 03 2016 08:38
function end(str) {
  return str.substring(1,3);
}
end("nobody");
can anyone explain why the ouput is "ob" and not "obo"
i've set the length as 3 but it only outputs 2 letters
Markus Kiili
@Masd925
Mar 03 2016 08:39
@itsstoiven The end index in exclusive etc not taken to result string.
Steven Cruz
@itsstoiven
Mar 03 2016 08:40
@Masd925 can you go more in depth with that? .substring takes in starting index as its first parameter and 3 is the length
@Masd925 its not comparing from start index to end index
usharya
@usharya
Mar 03 2016 08:40
here is my code
Mudit Bhutani
@muditbhutani
Mar 03 2016 08:42
This message was deleted
Coy Sanders
@coymeetsworld
Mar 03 2016 08:43
@usharya easier way next time is just copy and paste the code into the chat
anyways the #targetX needs to be between the button tags you created
remove the <h4> tags except from the #left-well and #right-well section
Markus Kiili
@Masd925
Mar 03 2016 08:45
@itsstoiven The syntax is str.substring(indexStart[, indexEnd]) so the second argument is not length. The end index is not taken to the result.
usharya
@usharya
Mar 03 2016 08:45
Oh I understand now
Thank you @coymeetsworld
CamperBot
@camperbot
Mar 03 2016 08:45
usharya sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star: 326 | @coymeetsworld | http://www.freecodecamp.com/coymeetsworld
Coy Sanders
@coymeetsworld
Mar 03 2016 08:45
np @usharya
Markus Kiili
@Masd925
Mar 03 2016 08:46
@itsstoiven return str.substring(1,3); returns string made from indices 1-2.
usharya
@usharya
Mar 03 2016 08:46
I was so stupid hahaha xD Its working now
Thanks again :)
Steven Cruz
@itsstoiven
Mar 03 2016 08:46
@Masd925 im so dumb..lol i mixed up str.substring with str.substr...whelp
usharya
@usharya
Mar 03 2016 08:50
LinkedIn is essential for a coder?
JFranco201
@JFranco201
Mar 03 2016 08:51
noob here. "Your p element should contain the first few words of the provided additional kitty ipsum text." ??????? I put it for both p elements and nothing.
saad fattoh
@saad1998
Mar 03 2016 08:52
<script>
  $(document).ready(function() {
        $("button").addClass("animated bounce");
        $(".well").addclass("animated shake");
$(".text-primary").addClass("animated shake");
  });   
</script>
it wouldn't work
anyone can help
Rushdi Felimban
@rushfel
Mar 03 2016 09:03
@QuincyLarson Fair enough. Actually, I have completed the challenge but not submitted yet. When I do submit, I'll look for your comment on how to do it without CSS. Thanx for the reply
CamperBot
@camperbot
Mar 03 2016 09:03
rushfel sends brownie points to @quincylarson :sparkles: :thumbsup: :sparkles:
:star: 1045 | @quincylarson | http://www.freecodecamp.com/quincylarson
Quincy Larson
@QuincyLarson
Mar 03 2016 09:04
@rushfel I just used Bootstrap's built-in style.
@rushfel I recommend posting the challenge on our subreddit if you want immediate feedback: https://www.reddit.com/r/freecodecamp
Rushdi Felimban
@rushfel
Mar 03 2016 09:05
@QuincyLarson Thanx again
CamperBot
@camperbot
Mar 03 2016 09:05
rushfel sends brownie points to @quincylarson :sparkles: :thumbsup: :sparkles:
:warning: rushfel already gave quincylarson points
Rushdi Felimban
@rushfel
Mar 03 2016 09:07
@camperbot Ooops, sorry
Rachel
@chellybear
Mar 03 2016 09:20
can i get some feedback on my quote generator thing? http://codepen.io/chellybear/full/MywOEJ/ please and thank you c:
Kai Schoos
@skusku
Mar 03 2016 09:27
@chellybear looks nice :) Some of the quotes have no author, maybe make it display "Unknown" ? Looks stable to me for the rest though :)
Rachel
@chellybear
Mar 03 2016 09:30
ok! that's a good idea, i'll put that in. thanks @skusku !
CamperBot
@camperbot
Mar 03 2016 09:30
chellybear sends brownie points to @skusku :sparkles: :thumbsup: :sparkles:
:star: 350 | @skusku | http://www.freecodecamp.com/skusku
Mufaddal B
@invinciblemuffi
Mar 03 2016 09:54

Can someone help me on spinal test case algorithm:

function spinalCase(str) {
var newstr = str.replace(/[\s,_]/g, "-").toLowerCase();
  return newstr; 
}
spinalCase('thisIsSpinalTap');

3 test cases pass, but does not work for above one.

Ashraful Islam
@iashraful
Mar 03 2016 09:55
Codeschool.com will release all their courses for free from 4th March to 6th March :D
Kai Schoos
@skusku
Mar 03 2016 09:55
@iashraful gotta write that down :D
explain Spinal Case
CamperBot
@camperbot
Mar 03 2016 09:55
no wiki entry for: spinal case
explain spinal cord
CamperBot
@camperbot
Mar 03 2016 09:56
no wiki entry for: spinal cord
Ashraful Islam
@iashraful
Mar 03 2016 09:56
:D