These are chat archives for FreeCodeCamp/Help

18th
Mar 2016
Jeff
@meankraken
Mar 18 2016 00:00
Hey all, wondering if someone can assist me... I'm on bonfire "Steamroller" in the intermediate algorithm section and my function returns the correct answer on each call, but I'm getting all x's on the side bar when I run tests, not sure why
Florian Beijers
@zersiax
Mar 18 2016 00:03
lol coding with tenacious d in the background is an odd experience
and with that, i'm headed to bed. code hard, party harder you all
dsutton1080
@dsutton1080
Mar 18 2016 00:08
Does anyone know how to italicize text without altering the text using jQuery
Tyler Moeller
@TylerMoeller
Mar 18 2016 00:12
@dsutton1080 it should be: $(#elementID).css('font-style', 'italic');
Or create a class called italic and do $(#elementID).addClass('italic')
dsutton1080
@dsutton1080
Mar 18 2016 00:14
it didnt work for me
it wants me to have this kind of model
$("h3").html("<i>jQuery Playground</i>");
@TylerMoeller
Tyler Moeller
@TylerMoeller
Mar 18 2016 00:16
@dsutton1080 Is this for a challenge? I might be giving you bad advice for a specific challenge.
In general - you can do what I said though ;)
dsutton1080
@dsutton1080
Mar 18 2016 00:17
@TylerMoeller
yeah it worked but it wouldnt let me pass
Paulina Zawadzka
@zavi007
Mar 18 2016 00:17
what is the challenge name?
dsutton1080
@dsutton1080
Mar 18 2016 00:18
Change Text Inside an Element Using jQuery
Paulina Zawadzka
@zavi007
Mar 18 2016 00:18
$("#target4").html("<i>#target4</i>");
dsutton1080
@dsutton1080
Mar 18 2016 00:20
thanks, i tried that before... i guess i just typed it in wrong a dozen times haha
Tyler Moeller
@TylerMoeller
Mar 18 2016 00:20
@dsutton1080 Yeah, @zavi007 has the right answer. Just like your code with h3 above, but you add a # to say you're looking for an element's ID. Use a . in front of the name for classes, and nothing in front of the name for elements.
dsutton1080
@dsutton1080
Mar 18 2016 00:22
aight thanks @TylerMoeller and @zavi007
CamperBot
@camperbot
Mar 18 2016 00:22
dsutton1080 sends brownie points to @tylermoeller and @zavi007 :sparkles: :thumbsup: :sparkles:
:star: 452 | @tylermoeller | http://www.freecodecamp.com/tylermoeller
:star: 215 | @zavi007 | http://www.freecodecamp.com/zavi007
kalmont3
@kalmont3
Mar 18 2016 00:29
I am really trying to learn about this by myself from scratch so I decided to try the exercise with the weather link but for some reason it doesnt work... can someone please guide me? $(document).ready(function() {
$("#getchange").on("click", function(){ $.getJSON("api.openweathermap.org/data/2.5/weather?lat={lat}&lon={lon}", function(json) {
$(".temp").html(JSON.stringify(json));
});
});

});
jonathantsilva
@jonathantsilva
Mar 18 2016 00:41
@kalmont3 you need replace the values lat and lon
kalmont3
@kalmont3
Mar 18 2016 00:42
with what?
jonathantsilva
@jonathantsilva
Mar 18 2016 00:44
@kalmont3 the latitude and longitude values
kalmont3
@kalmont3
Mar 18 2016 00:45
ok.. let me see
Marc
@wumpafruits
Mar 18 2016 00:46
function largestOfFour(arr) {
  // You can do this!
for (var i = 0; i < arr.length; i++) {
  console.log(arr[i].sort(function(a,b){
return a-b;}).pop());
}
}
//[1, 3, 4, 5],[13, 18, 26, 27],[32, 35, 37, 39],[1, 857, 1000, 1001]
//.pop() the largest value off and store in an array
largestOfFour([[4, 5, 1, 3], [13, 27, 18, 26], [32, 35, 37, 39], [1000, 1001, 857, 1]]);
Feel like I'm really close...but i need to store it all in a var and return it properly
Jeff
@meankraken
Mar 18 2016 00:48
Has anyone done the challenge Steamroller? I have a recursive solution that returns the right answer but when I run tests FCC tells me the answers are wrong
Sean
@ofperfection
Mar 18 2016 00:49
When you guys are building a random quote machine did you use an API for the quotes, or just for the 'tweet' button?
Kevin
@KevinBruland
Mar 18 2016 00:57
is there any conflict with adding a border width to an picture with img-responsive, or am I able to still assign the image a class and use border-width: Xpx;?
Tyler Moeller
@TylerMoeller
Mar 18 2016 00:57
@SeanSaibot I used an API to get my quotes. Forismatic was the name - not very good quotes, but an easy API to learn
Sean
@ofperfection
Mar 18 2016 00:57
Thank you Tyler, that's exactly the type of API i'm looking for
wikiquotes API was confusing me badly
Tyler Moeller
@TylerMoeller
Mar 18 2016 00:58
Yeah, and some people using andruxnet which needs special header settings
kalmont3
@kalmont3
Mar 18 2016 00:58
var x = document.getElementById("gotchange");
function getLocation() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPosition);
} else {
x.innerHTML = "Geolocation is not supported by this browser.";
}
}

function showPosition(position) {
return position.coords.latitude, position.coords.longitude;
}

$(document).ready(function() {
$("#getchange").on("click", function(){ $.getJSON("api.openweathermap.org/data/2.5/weather?lat="+position.coords.latitude+"&lon="+position.coords.longitude, function(json) {
$("#gotchange").html(JSON.stringify(json));
});
});

});
I am not sure.. how I am doing here
Sean
@ofperfection
Mar 18 2016 00:59
when you say header settings
like
http headers?
Tyler Moeller
@TylerMoeller
Mar 18 2016 01:00
Yes, http request headers
Sean
@ofperfection
Mar 18 2016 01:00
yeesh
thanks @TylerMoeller
CamperBot
@camperbot
Mar 18 2016 01:00
seansaibot sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:star: 453 | @tylermoeller | http://www.freecodecamp.com/tylermoeller
kalmont3
@kalmont3
Mar 18 2016 01:01

var x = document.getElementById("gotchange");
function getLocation() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPosition);
} else {
x.innerHTML = "Geolocation is not supported by this browser.";
}
}

function showPosition(position) {
return position.coords.latitude, position.coords.longitude;
}

$(document).ready(function() {
$("#getchange").on("click", function(){ $.getJSON("http://api.openweathermap.org/data/2.5/weather?lat="+position.coords.latitude+"&lon="+position.coords.longitude, function(json) {
$("#gotchange").html(JSON.stringify(json));
});
});

});

Jeff
@meankraken
Mar 18 2016 01:03
@TylerMoeller thanks tyler; I'm having a hard time wrapping my head around why the solution needs the concat part, wouldn't the flattened.push() eventually push every element?
CamperBot
@camperbot
Mar 18 2016 01:03
meankraken sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:star: 454 | @tylermoeller | http://www.freecodecamp.com/tylermoeller
Tyler Moeller
@TylerMoeller
Mar 18 2016 01:04
@meankraken It's because it has multiple sub arrays - you have to 'flatten' it into a single array first.
For example, in this array: [2[3,2]], the first element is 2 and the second element is [3,2]. When it's flattened as [2,3,2], you can go through each element individually.
Jeff
@meankraken
Mar 18 2016 01:08
@TylerMoeller ok, thanks for the assist
CamperBot
@camperbot
Mar 18 2016 01:08
meankraken sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:warning: meankraken already gave tylermoeller points
Gah Tang
@gkt5015
Mar 18 2016 01:14
How do i paste code here
robertrobbyrob
@robertrobbyrob
Mar 18 2016 01:15
<input class="form-control" type="text" placeholder="cat photo URL" required>
<button class="btn btn-primary"><i class="fa fa-paper-plane"></i>Submit</button>
Is there anything wrong with this?
Aryan Gupta
@aryangupta1
Mar 18 2016 01:16
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.
i dont grt the text input thing
can someone help/
robertrobbyrob
@robertrobbyrob
Mar 18 2016 01:17
aryangupta1 that's what I'm stuck on too
Jeff
@meankraken
Mar 18 2016 01:17
@gkt5015 just copy the code and encapsulate it inside code
inside ```
Gah Tang
@gkt5015
Mar 18 2016 01:17

```var http = require('http');
var i = 2;
var array = [];

var callbacks = function(response){
var strings = '';
response.setEncoding('utf8');
response.on("data",function(data){
strings += data;
});
response.on("end",function(){
array.push(strings);
i++;
if(i > 4){
array.forEach(function(stuff){
console.log(stuff);
});
}
http.get(process.argv[i],callbacks(response));
})
};

http.get(process.argv[i],callbacks);
```
can anyone give me a hint on why this won't work?

woops
var http = require('http');
var i = 2;
var array = [];

var callbacks = function(response){
    var strings = '';
    response.setEncoding('utf8');
    response.on("data",function(data){
        strings += data;
    });
    response.on("end",function(){
        array.push(strings);
         i++;
      if(i > 4){
        array.forEach(function(stuff){
            console.log(stuff);
        });
      }
    http.get(process.argv[i],callbacks(response));
    })
};

http.get(process.argv[i],callbacks);
Dylan
@dhcodes
Mar 18 2016 01:23
@aryangupta1 @robertrobbyrob paste your code
kalmont3
@kalmont3
Mar 18 2016 01:25
hi anyone.. I need help
Dylan
@dhcodes
Mar 18 2016 01:26
what's up @kalmont3
kalmont3
@kalmont3
Mar 18 2016 01:26
are you going to be here tomorrow after 2pm?
I need help with the weather clock... but I would like someone tomorrow to help me... or explain the code...
Dylan
@dhcodes
Mar 18 2016 01:27
probably not @kalmont3
just jump on here and ask for help then
kalmont3
@kalmont3
Mar 18 2016 01:27
I have this today.. but I know I need to work a lot on it

var x = document.getElementById("gotchange");
function getLocation() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPosition);
} else {
x.innerHTML = "Geolocation is not supported by this browser.";
}
}

function showPosition(position) {
return position.coords.latitude;
}

function showPosition(position) {
return position.coords.longitude;
}

$(document).ready(function() {
$("#getchange").on("click", function(){ $.getJSON("http://api.openweathermap.org/data/2.5/weather?lat="+position.coords.latitude+"&lon="+position.coords.longitude, function(json) {
$("#gotchange").html(JSON.stringify(json));
});
});

});

Matt Leonard
@matty22
Mar 18 2016 01:29
So any recommendations on what I should read to help understand how to make the AI for TicTacToe?
kalmont3
@kalmont3
Mar 18 2016 01:30
thanks @dhcodes
CamperBot
@camperbot
Mar 18 2016 01:30
kalmont3 sends brownie points to @dhcodes :sparkles: :thumbsup: :sparkles:
:star: 431 | @dhcodes | http://www.freecodecamp.com/dhcodes
Yi
@ycoding007
Mar 18 2016 01:30
Hi, everyone, as I am learning HTML5, I am wondering if web designer builds HTML website from scratch (using code)? Or they have software to help with?
Gah Tang
@gkt5015
Mar 18 2016 01:31
Can anyone help me with Node?
Dylan
@dhcodes
Mar 18 2016 01:31
@kalmont3 it looks alright so far. I would just define some variables and assign their values in your JSON call, then reference them to update your HTML
@ycoding007 most designers build from scratch to my knowledge. Software is okay but usually ends up causing more problems with bad code
@ycoding007 which software you have in mind?
Yi
@ycoding007
Mar 18 2016 01:33
@dhcodes dreamweaver,lol...
MonkeyMaster64
@MonkeyMaster64
Mar 18 2016 01:34
function factorialize(num) {
 var array = [];
 var numberOf = array.length(); 
 for (var i = num; i>0; i--){
    array.push(i);
  }
 for( var b = numberOf; b > 0; b--){
   num = array[b] * num;
 }   




  return num;
}

factorialize(5);
getting a function expected error
help?
CamperBot
@camperbot
Mar 18 2016 01:34

Hi, I'm CamperBot! I can help you in this chatroom :smile:

Basic Commands:

  • find TOPIC find all entries about topic. ex: find js
  • wiki TOPIC show contents of topic page
  • thanks @username send brownie points to another user
  • about @username shows info on that user
  • Algorithm BONFIRENAME info on a Algorithm

:speech_balloon: meet CamperBot in this room!

:pencil: read more about camperbot on the FCC Wiki

Dylan
@dhcodes
Mar 18 2016 01:35
@ycoding007 I've used dreamweaver and it's okay, but ultimately it only works well if you already know everything it's doing in the background so you can spot bad practices
kalmont3
@kalmont3
Mar 18 2016 01:35
@dhcodes thanks
CamperBot
@camperbot
Mar 18 2016 01:35
kalmont3 sends brownie points to @dhcodes :sparkles: :thumbsup: :sparkles:
:warning: kalmont3 already gave dhcodes points
Yi
@ycoding007
Mar 18 2016 01:36
@dhcodes I feel typing code to build website is so cool, it gives me a feel of what's going on? I will keep moving forward :)
Dylan
@dhcodes
Mar 18 2016 01:37
@ycoding007 I just think it will give you a deeper understanding of how to read code and understand it
@ycoding007 then you could use a program like dreamweaver and be able to evaluate how good the code is that it produces
Yi
@ycoding007
Mar 18 2016 01:38
@dhcodes In terms of good/bad practices for web design, any books, website that you recommend?
Gah Tang
@gkt5015
Mar 18 2016 01:38
find node
Roderick L. Bolar
@RoderickLBolar
Mar 18 2016 01:38
You should add $(document).ready(function() { to the beginning of your script element.
Close your $(document).ready(function() { function with });
CamperBot
@camperbot
Mar 18 2016 01:38

find node

:zero: get started with node_js

Dylan
@dhcodes
Mar 18 2016 01:38
don't make me think by steve krug
Roderick L. Bolar
@RoderickLBolar
Mar 18 2016 01:39
I need help with this
Dylan
@dhcodes
Mar 18 2016 01:39
HTML/CSS by duckett
@ycoding007 those two and any book that is part of the abookapart series. They are short and good
Yi
@ycoding007
Mar 18 2016 01:40
thanks a lot!
Dylan
@dhcodes
Mar 18 2016 01:40
np
kalmont3
@kalmont3
Mar 18 2016 01:41
I did some changes
var x = document.getElementById("gotchange");
function getLocation() {
if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(getPosition);
} else {
x.innerHTML = "Geolocation is not supported by this browser.";
}
}
function getPosition(position) {
var la = position.coords.latitude;
var lo = position.coords.longitude;
$(document).ready(function() { $.getJSON("http://api.openweathermap.org/data/2.5/weather?lat="+la+"&lon="+lo, function(json) {
$("#gotchange").html(JSON.stringify(json));
});
});}
Kévin Sam
@Kvnsm
Mar 18 2016 01:42
Hello world, someone can help me pls ?
CamperBot
@camperbot
Mar 18 2016 01:42

welcome to FreeCodeCamp @Kvnsm!

Dylan
@dhcodes
Mar 18 2016 01:43
what's up @Kvnsm
@kalmont3 cool, are you getting the results to output?
kalmont3
@kalmont3
Mar 18 2016 01:44
nothing
Dylan
@dhcodes
Mar 18 2016 01:44
have you opened your console.log?
Kévin Sam
@Kvnsm
Mar 18 2016 01:44

@dhcodes Yo man, i'm stuck. I don't understand what's wrong on my code. (Responsively Style Radio Buttons) <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 class="col-xs-6"><label><input type="checkbox" name="personality"> Loving</label></div>
<div class="col-xs-6"><label><input type="checkbox" name="personality"> Lazy</label></div>
<div class="col-xs-6"><label><input type="checkbox" name="personality"> Crazy</label></div>
</div>

kalmont3
@kalmont3
Mar 18 2016 01:44
no
Dylan
@dhcodes
Mar 18 2016 01:44
in the chrome dev tools?
kalmont3
@kalmont3
Mar 18 2016 01:45
now I did
Dylan
@dhcodes
Mar 18 2016 01:45
@kalmont3 look there for errors
kalmont3
@kalmont3
Mar 18 2016 01:45
I tried
Dylan
@dhcodes
Mar 18 2016 01:45
@kalmont3 do you have a codepe
n
greg
@wearenotgroot
Mar 18 2016 01:45
@kalmont3 might want to look into what async call/methods are
kalmont3
@kalmont3
Mar 18 2016 01:45
yes
rayner-villalba-coderoad-com
@rayner-villalba-coderoad-com
Mar 18 2016 01:46
@dhcodes I don't see that you are closing form tag
kalmont3
@kalmont3
Mar 18 2016 01:46
thank @wearenotgroot
CamperBot
@camperbot
Mar 18 2016 01:46
kalmont3 sends brownie points to @wearenotgroot :sparkles: :thumbsup: :sparkles:
:star: 970 | @wearenotgroot | http://www.freecodecamp.com/wearenotgroot
Dylan
@dhcodes
Mar 18 2016 01:46
@Kvnsm looks right. let me look at mine
Kevin Casas
@OldSchoolCaddie
Mar 18 2016 01:47
back at it here...still confused about what Jumbotron is...is it a Theme and if so...what are some examples of themes that compete with or are similar and different to Jumbotron...just simply googling Jumbotron explains what it is, but doesnt' tell me what other classifications exist...does this question make sense?
Dylan
@dhcodes
Mar 18 2016 01:48
@Kvnsm the directions say to only add that class to the radio buttons, you did all the buttons. Is that it?
greg
@wearenotgroot
Mar 18 2016 01:48
@kalmont3 you can probably enclose everything inside document ready
Kevin Casas
@OldSchoolCaddie
Mar 18 2016 01:49
try to make sense of my question...if I ask about baseball...it's a sport and then there are 32 MLB teams, Yankees, Rangers, Mets, Cubs etc. so what I'm asking is...how or where would Jumbotron fit into any category or am I thnking about it wrong
Dylan
@dhcodes
Mar 18 2016 01:49
It's just a big gray div for stuff. Most bootstrap sites use it as a header
Kevin Casas
@OldSchoolCaddie
Mar 18 2016 01:50
Is there a megatron? or a cubatron? or some other trons and is there a list of them, etc?
Dylan
@dhcodes
Mar 18 2016 01:50
@OldSchoolCaddie it's just a bit fat picture/div/thing at the top of a bootstrap page
@OldSchoolCaddie no, just jumbotron; it's a bootstrap creation
Kévin Sam
@Kvnsm
Mar 18 2016 01:50
@dhcodes i was wrong at "Nest all of your radio buttons inside one div with the class row."
Dylan
@dhcodes
Mar 18 2016 01:50
@Kvnsm ah, gotcha
kalmont3
@kalmont3
Mar 18 2016 01:51
@wearenotgroot I'm trying to review... everything
Dylan
@dhcodes
Mar 18 2016 01:51
@OldSchoolCaddie bootstrap is a framework, meaning it comes with some preloaded goodies to make it easier to rapidly make a site. Jumbotron is just the goodie for a large header at the top of a page
It's unique to bootstrap
greg
@wearenotgroot
Mar 18 2016 01:52
@kalmont3 also remember you need APPID (API key)
Kevin Casas
@OldSchoolCaddie
Mar 18 2016 01:53
@dhcodes OK...so bootsrap is baseball and Jumbtron is one of the 32 teams so to speak...am I think about it correctly?
kalmont3
@kalmont3
Mar 18 2016 01:53
where do I get that from? @wearenotgroot
greg
@wearenotgroot
Mar 18 2016 01:53
@kalmont3 you can try
$(document).ready(function() {

  var x = document.getElementById("gotchange");

  function getLocation() {
      if (navigator.geolocation) {       
        navigator.geolocation.getCurrentPosition(getPosition);
      } else { 
          x.innerHTML = "Geolocation is not supported by this browser.";
      }
  }

  function getPosition(position) {
   var la = position.coords.latitude;
   var lo = position.coords.longitude;    

      $.getJSON("http://api.openweathermap.org/data/2.5/weather?lat="+la+"&lon="+lo+'&appid='+'your api key', function(json) {
            $("#gotchange").html(JSON.stringify(json));
      });
  }

  });
@kalmont3 you need to register to openweather
Jeff
@meankraken
Mar 18 2016 01:53
@kalmont3 I believe when you register an account, you'll get one
Dylan
@dhcodes
Mar 18 2016 01:54
@OldSchoolCaddie HTML/CSS is baseball, bootstrap is the stadium environment, and jumbotron is the jumbotron
Kévin Sam
@Kvnsm
Mar 18 2016 01:54
@dhcodes nvm, my bad i wrote "<div class="row>"> instead of "<div class="row"> ... But thx
CamperBot
@camperbot
Mar 18 2016 01:54
kvnsm sends brownie points to @dhcodes :sparkles: :thumbsup: :sparkles:
:star: 432 | @dhcodes | http://www.freecodecamp.com/dhcodes
kalmont3
@kalmont3
Mar 18 2016 01:54
ooohhhh
thanks @meankraken
CamperBot
@camperbot
Mar 18 2016 01:54
kalmont3 sends brownie points to @meankraken :sparkles: :thumbsup: :sparkles:
:star: 313 | @meankraken | http://www.freecodecamp.com/meankraken
greg
@wearenotgroot
Mar 18 2016 01:54
Dylan
@dhcodes
Mar 18 2016 01:55
@kalmont3 sorry I stopped helping briefly, glad to see @wearenotgroot and @meankraken got you on the right track
Roderick L. Bolar
@RoderickLBolar
Mar 18 2016 01:55
How do you do this Use the jQuery addClass() function to give the classes animated and shake to all your elements with the class well. @dhcodes
Kevin Casas
@OldSchoolCaddie
Mar 18 2016 01:55
@dhcodes OK...I think I get it now
kalmont3
@kalmont3
Mar 18 2016 01:55
thanks everyone
=]
Dylan
@dhcodes
Mar 18 2016 01:55
@RoderickLBolar how do you select something by class in jquery?
@OldSchoolCaddie cool cool
Tai Yau
@alextychan
Mar 18 2016 01:56
What is the difference in javascript if I use "wheels" vs wheels?
var car = {
  "wheels":4,
  "engines":1,
  "seats":5
};

var motorBike = {
  wheels: 4,
  engines: 1,
  seats: 5
};
Dylan
@dhcodes
Mar 18 2016 01:56
@RoderickLBolar what's the code to select something by class in jQuery? I'm walking you through this
Roderick L. Bolar
@RoderickLBolar
Mar 18 2016 01:56
This is what I did so far <div class="well" .addClass(animated shake); id="target5">#target5<button></button> @
Kevin Casas
@OldSchoolCaddie
Mar 18 2016 01:56
ok so what is a container then?
@dhcodes so then what is a <div class="container
greg
@wearenotgroot
Mar 18 2016 01:57
@OldSchoolCaddie container is a bootstrap class
Dylan
@dhcodes
Mar 18 2016 01:57
It's a big empty box you can apply CSS to @OldSchoolCaddie
Jeff
@meankraken
Mar 18 2016 01:57
@RoderickLBolar Problem is you tried to add jquery directly into your html div, jquery should be inside a script
Dylan
@dhcodes
Mar 18 2016 01:58
@RoderickLBolar you need to use jQuery in the <script> area
Roderick L. Bolar
@RoderickLBolar
Mar 18 2016 01:58
I added this as well <script>
$(document).ready(function() {
$("button").addClass("animated bounce");$(".text-primary").addClass("animated shake");
}); @dhcodes
Dylan
@dhcodes
Mar 18 2016 01:58
@RoderickLBolar that's more like it
Roderick L. Bolar
@RoderickLBolar
Mar 18 2016 01:58
ok thanks @dhcodes
CamperBot
@camperbot
Mar 18 2016 01:58
rodericklbolar sends brownie points to @dhcodes :sparkles: :thumbsup: :sparkles:
:star: 433 | @dhcodes | http://www.freecodecamp.com/dhcodes
Dylan
@dhcodes
Mar 18 2016 01:58
so $(".classname").addClass("animated")
@RoderickLBolar replace classname with w/e class you're selecting
and I forgot a ; at the end
Roderick L. Bolar
@RoderickLBolar
Mar 18 2016 01:59
okay @dhcodes
Vladimir Logachev
@VladimirLogachev
Mar 18 2016 02:03
helloWorld();
FCC recommends me to try 'pair program'.
Tell me how do you 'pair program' with small tasks?
Jeff
@meankraken
Mar 18 2016 02:03
@vl-doit just grab a bro and talk it over
Brian
@n1dee
Mar 18 2016 02:04
Hello, can anyone help me with this challenge?http://prntscr.com/agnqub
kalmont3
@kalmont3
Mar 18 2016 02:04
hello... its me again
do I get to use the key right away... or do I have to wait?
HS23
@HS23
Mar 18 2016 02:05
hi
Vladimir Logachev
@VladimirLogachev
Mar 18 2016 02:05
@meankraken this means that bro should have same tasks unsolved, right?
HS23
@HS23
Mar 18 2016 02:05
hi
Lanitta
@DivaWeb
Mar 18 2016 02:07
@n1dee so what is it that you stumped
Brian
@n1dee
Mar 18 2016 02:07
@DivaWeb I dont know what to do
Jeff
@meankraken
Mar 18 2016 02:07
@kalmont3 you shouldn't have to wait, I remember I used it in my calls right away
@vl-doit just anyone who codes I'd say
Lanitta
@DivaWeb
Mar 18 2016 02:08
@n1dee ok can you tell me the name of the lesson so we can go over the instructions
kalmont3
@kalmont3
Mar 18 2016 02:08
how do I use it in my codes?
@meankraken
Brian
@n1dee
Mar 18 2016 02:08
@DivaWeb Yes, give me one minute please
I can give you the name so you can search it in maps, it is: Target the same element with multiple jQuery Selectors
greg
@wearenotgroot
Mar 18 2016 02:09
@kalmont3 look at my previous comment
Lanitta
@DivaWeb
Mar 18 2016 02:10
@n1dee ok the first thing I will ask you is do you understand how to target an element?
greg
@wearenotgroot
Mar 18 2016 02:10
@kalmont3 append to the url ---->'&appid='+'your api key'
kalmont3
@kalmont3
Mar 18 2016 02:11
ok
Brian
@n1dee
Mar 18 2016 02:11
@DivaWeb above the comment? or below?
kalmont3
@kalmont3
Mar 18 2016 02:11
thanks @wearenotgroot
CamperBot
@camperbot
Mar 18 2016 02:11
:warning: kalmont3 already gave wearenotgroot points
kalmont3 sends brownie points to @wearenotgroot :sparkles: :thumbsup: :sparkles:
Brian
@n1dee
Mar 18 2016 02:12
@DivaWeb I mean, inside the "<script></script>"?
Jdraiv
@jdraiv
Mar 18 2016 02:12
Im having a small issue
Can someone help me?
Lanitta
@DivaWeb
Mar 18 2016 02:13
@n1dee ok so lets say we have 3 little pigs. Now if we want each one of those pigs to do something specific how do we know which pig will do what?
Kevin Casas
@OldSchoolCaddie
Mar 18 2016 02:13
So as to sharing my Tribute page...can I do that here first and get some suggestions from my help friends?
Lanitta
@DivaWeb
Mar 18 2016 02:13
@OldSchoolCaddie yes
@WolfHerd what is your small issue
Brian
@n1dee
Mar 18 2016 02:13
@DivaWeb I can target by class, by id and by type, $("class"); $("type); $("id")
Kevin Casas
@OldSchoolCaddie
Mar 18 2016 02:13
Do I just embed the page here
Lanitta
@DivaWeb
Mar 18 2016 02:13
@n1dee correct
Jdraiv
@jdraiv
Mar 18 2016 02:14
@DivaWeb I need to nest something into a form element
Kevin Casas
@OldSchoolCaddie
Mar 18 2016 02:14
This message was deleted
greg
@wearenotgroot
Mar 18 2016 02:15
@WolfHerd nesting just means put it between tags
Brian
@n1dee
Mar 18 2016 02:15
@DivaWeb I got correct the first three: use the $("button); use the $(".btn); and the third is use the $("#btn-primary)
HS23
@HS23
Mar 18 2016 02:15
how do i make my h1 element visible on my page by uncommenting it
greg
@wearenotgroot
Mar 18 2016 02:15
@WolfHerd <form> ...nested elements here.... </form>
kalmont3
@kalmont3
Mar 18 2016 02:15
@wearenotgroot I am still not getting anything
HS23
@HS23
Mar 18 2016 02:15
i just started this
Jdraiv
@jdraiv
Mar 18 2016 02:16
@wearenotgroot This is my code right now
@wearenotgroot <form action="/submit-cat-photo"> </form>
greg
@wearenotgroot
Mar 18 2016 02:17
@kalmont3 well you need to call the method :smile:
Kevin Casas
@OldSchoolCaddie
Mar 18 2016 02:17
Would appreciate any suggestions or challenges in changing it to learn more...thanks
greg
@wearenotgroot
Mar 18 2016 02:17
@kalmont3 next to the last line add this--------->getLocation();
kalmont3
@kalmont3
Mar 18 2016 02:17
haha!!!
=]
greg
@wearenotgroot
Mar 18 2016 02:18
@WolfHerd you need to put the <input> and the <button> inside/between <form></form> tags if i remember correctly
kalmont3
@kalmont3
Mar 18 2016 02:19
well... thanks for helping me.... @wearenotgroot I am going to sleep... Hope to see you tomorrow or next week.
CamperBot
@camperbot
Mar 18 2016 02:19
kalmont3 sends brownie points to @wearenotgroot :sparkles: :thumbsup: :sparkles:
:warning: kalmont3 already gave wearenotgroot points
greg
@wearenotgroot
Mar 18 2016 02:19
@kalmont3 np :smile:
kalmont3
@kalmont3
Mar 18 2016 02:20
=]
HS23
@HS23
Mar 18 2016 02:21
im stuck on something and idk how to fix it
greg
@wearenotgroot
Mar 18 2016 02:21
@OldSchoolCaddie oh if you want your code reviewed try -------->https://gitter.im/FreeCodeCamp/CodeReview
Matt Leonard
@matty22
Mar 18 2016 02:22
Whats the problem @HS23
Jdraiv
@jdraiv
Mar 18 2016 02:22
@wearenotgroot Yeah that was my mistake, thanks
CamperBot
@camperbot
Mar 18 2016 02:22
wolfherd sends brownie points to @wearenotgroot :sparkles: :thumbsup: :sparkles:
:star: 971 | @wearenotgroot | http://www.freecodecamp.com/wearenotgroot
greg
@wearenotgroot
Mar 18 2016 02:22
@WolfHerd :smile:
Sam
@Samwise12
Mar 18 2016 02:22
  y = y.replace(/"--"/g,"-");
Jdraiv
@jdraiv
Mar 18 2016 02:23
Im new to this jeje
Sam
@Samwise12
Mar 18 2016 02:23
strange
y = y.replace(/"--"/g,"-");Ok i dont know why its displaying the "--" as a string but its not a string for some reason
Kevin
@KevinBruland
Mar 18 2016 02:24
I have a couple of new questions regarding my first tribute page, found at: http://codepen.io/Benalron/pen/pyReqX
when I load that on another computer, or in an incognito window, the picture doesnt load
am I linking the picture in a way that prevents it from being accessible?
greg
@wearenotgroot
Mar 18 2016 02:25
@Samwise12 what is y?
Sam
@Samwise12
Mar 18 2016 02:26
y = y.replace(/"--"/g,"-"); y is a string
greg
@wearenotgroot
Mar 18 2016 02:26
@Samwise12 are you trying to replace double - with a single -?
Matt Leonard
@matty22
Mar 18 2016 02:26
@Benalron You shouldn't use image links from imgur. That's your problem with your image not loading in different places.
Sam
@Samwise12
Mar 18 2016 02:26
This--Is--Spinal--Tap
Kevin
@KevinBruland
Mar 18 2016 02:26
ah, OK. So it's not an issue with the code, but an issue with the source being inconsistant?
Sam
@Samwise12
Mar 18 2016 02:27
I figured it out
Matt Leonard
@matty22
Mar 18 2016 02:27
Yeah, the code looks good. imgur tries to prevent itself from being a CDN.
Sam
@Samwise12
Mar 18 2016 02:28
But, it still doesn't change the color to show its a string which is annoying
Kevin
@KevinBruland
Mar 18 2016 02:28
OK. That makes sense. I did not even consider that, thanks.
I had one other quick question, I am trying to apply a black border around the picture... I assigned it the class and added basic border information to the CSS, but I am not seeing a border?
Matt Leonard
@matty22
Mar 18 2016 02:30
@Benalron Looks like you need a border-style property in your class. Something like solid dotted dashed
Jeff
@meankraken
Mar 18 2016 02:30
@Benalron try border:10px solid black;
Matt Leonard
@matty22
Mar 18 2016 02:31
Yeah I like using the shorthand like what meankraken has posted.
Kevin
@KevinBruland
Mar 18 2016 02:31
ah ha! that works... thank you both of you
Matt Leonard
@matty22
Mar 18 2016 02:31
If you prefer keeping them separate, then it would be border-style: solid;
Kevin
@KevinBruland
Mar 18 2016 02:31
I don't recall doing that in the initial sections of the map
Ganesh.N
@ganeshn1994
Mar 18 2016 02:43
Browser and text zoom should be at 100% what does dat mean??
Radin Rubis
@rdrubis
Mar 18 2016 02:44
CTRL+0 (zero)
Sean
@ofperfection
Mar 18 2016 02:54
Any anyone help me understand how to call an API properly?
I'm attempting to use this API: https://theysaidso.com/api/
I don't understand how to request/display data from it
Jeff
@meankraken
Mar 18 2016 02:59
@SeanSaibot Important to understand json objects and the documentation for that specific api before you make the call, but in general you can use:
.ajax({
   url: "url that you're calling",
   dataType:"json",   <-- depends what kind of data the call returns
   success: function(obj) {
       //stuff here executes if the json call goes through, you can grab the information from obj 
   }


});
Sean
@ofperfection
Mar 18 2016 03:00
I know what json objects ARE
I don't know that I understand them all that well
nedwards8
@nedwards8
Mar 18 2016 03:00

I seem to be stuck on making my photo a link. Everytime I try to set my a element to a dead link, the code seems to fall apart.

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

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

this is the example I was given:
<a href="#"><img src="http://bit.ly/fcc-running-cats"></a>
Jeff
@meankraken
Mar 18 2016 03:01
@SeanSaibot I can try to explain the best I can via PM if you want, but have you tried to make a call to that api yet?
@nedwards8 what is the error you're seeing?
Sean
@ofperfection
Mar 18 2016 03:05
If you have a few minutes, Jeff, I'd appreciate that.
I can link you the codepen
etc.
but I think I am missing a fundamental basic part of how these things are used
they weren't covered in the coursework thus far
so I'm kind of confused
nedwards8
@nedwards8
Mar 18 2016 03:12

I just dont see where I exactly add in the < a href="#" in my code.

This is what I've been doing:
<img class="smaller-image thick-green-border" <a href"#"> src="https://bit.ly/fcc-relaxing-cat">

When I do that, it highlights everything red and doesn't work.

I'll also add a closing a too.
a c
@chagoy
Mar 18 2016 03:12
shouldn't a href come before the image tag
nedwards8
@nedwards8
Mar 18 2016 03:13
....
Yes.
Ahh, how I could I miss that?!
Thanks @chagoy
CamperBot
@camperbot
Mar 18 2016 03:13
nedwards8 sends brownie points to @chagoy :sparkles: :thumbsup: :sparkles:
:star: 134 | @chagoy | http://www.freecodecamp.com/chagoy
Radin Rubis
@rdrubis
Mar 18 2016 03:14
the <img> tag must be inside your <a> tag
Joseph Gereghty
@joegereghty1989
Mar 18 2016 03:14

@joegereghty1989
Nest your text input element within a form element.

<form action="/submit-cat-photo"></form>
am i doing something wrong?

Radin Rubis
@rdrubis
Mar 18 2016 03:15
put your <input> tag inside your <form> tag
Sean
@ofperfection
Mar 18 2016 03:15
thanks @meankraken
CamperBot
@camperbot
Mar 18 2016 03:15
seansaibot sends brownie points to @meankraken :sparkles: :thumbsup: :sparkles:
:star: 314 | @meankraken | http://www.freecodecamp.com/meankraken
Joseph Gereghty
@joegereghty1989
Mar 18 2016 03:16
@rdrubis thank you
CamperBot
@camperbot
Mar 18 2016 03:16
joegereghty1989 sends brownie points to @rdrubis :sparkles: :thumbsup: :sparkles:
:star: 126 | @rdrubis | http://www.freecodecamp.com/rdrubis
nedwards8
@nedwards8
Mar 18 2016 03:17
I missed the key word which was nesting. I went back and read the past two lessons and it clicked. Thanks, guys.
Arpan
@sahooarpan
Mar 18 2016 03:24
how to male deadlink with # symbol
make
Radin Rubis
@rdrubis
Mar 18 2016 03:24
<a href="#"></a>
Arpan
@sahooarpan
Mar 18 2016 03:25
thanx rdrubis
Radin Rubis
@rdrubis
Mar 18 2016 03:26
you can hover on my photo and click mention :)
or preceed an @ symbol before my nick :)
Joseph Gereghty
@joegereghty1989
Mar 18 2016 03:27

Nest your text input element within a form element. <input type="text" placeholder="cat photo URL">

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

i dont understand nest
Radin Rubis
@rdrubis
Mar 18 2016 03:28
"Nest" is simply putting an element inside another element
just move that <input> element between your <form> and </form> tags
Joseph Gereghty
@joegereghty1989
Mar 18 2016 03:29
including the placeholder text?
Radin Rubis
@rdrubis
Mar 18 2016 03:29
yes
a c
@chagoy
Mar 18 2016 03:29
would someone mind looking at my portfolio and telling me whats missing with it. i was going for a really minimal look
Radin Rubis
@rdrubis
Mar 18 2016 03:29
like this: <form action="/submit-cat-photos">. <input type="text" placeholder="cat photo URL"></form>
Joseph Gereghty
@joegereghty1989
Mar 18 2016 03:30
ohhhh
i got you
Make sure your form has an action attribute which is set to /submit-cat-photo
<form action="/submit-cat-photos"><input type="text" placeholder="cat photo URL"></form>
Todd Tao
@muxuezi
Mar 18 2016 03:33
hello
Joseph Gereghty
@joegereghty1989
Mar 18 2016 03:33
oh nevermind
i see now
Radin Rubis
@rdrubis
Mar 18 2016 03:34
great
richard linton
@bignasty1974
Mar 18 2016 03:34
Im on lesson "Target the same element with multiple jQuery Selectors" what do they mean by "Only add one class with each of your three selectors"?
James S.
@Mrblue27
Mar 18 2016 03:34
Question when I am removing the href do I remove the = as well
https://www.freecodecamp.com/challenges/make-dead-links-using-the-hash-symbol#?solution=%3Clink%20href%3D%22http%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20.red-text%20{%0A%20%20%20%20color%3A%20red%3B%0A%20%20}%0A%0A%20%20h2%20{%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20}%0A%0A%20%20p%20{%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20font-family%3A%20Monospace%3B%0A%20%20}%0A%0A%20%20.thick-green-border%20{%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20}%0A%0A%20%20.smaller-image%20{%0A%20%20%20%20width%3A%20100px%3B%0A%20%20}%0A%3C%2Fstyle%3E%0A%0A%3Ch2%20class%3D%22red-text%22%3ECatPhotoApp%3C%2Fh2%3E%0A%0A%3Cp%3EClick%20here%20for%20%3Ca%20href%3D%22http%3A%2F%2Fwww.freecatphotoapp.com%22%3Ecat%20photos%3C%2Fa%3E.%3C%2Fp%3E%0A%20%0A%3Cimg%20class%3D%22smaller-image%20thick-green-border%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%3E%0A%0A%3Cp%20class%3D%22red-text%22%3EKitty%20ipsum%20dolor%20sit%20amet%2C%20shed%20everywhere%20shed%20everywhere%20stretching%20attack%20your%20ankles%20chase%20the%20red%20dot%2C%20hairball%20run%20catnip%20eat%20the%20grass%20sniff.%3C%2Fp%3E%0A%3Cp%20class%3D%22red-text%22%3EPurr%20jump%20eat%20the%20grass%20rip%20the%20couch%20scratched%20sunbathe%2C%20shed%20everywhere%20rip%20the%20couch%20sleep%20in%20the%20sink%20fluffy%20fur%20catnip%20scratched.%3C%2Fp%3E%0A
Radin Rubis
@rdrubis
Mar 18 2016 03:35
Yes
James S.
@Mrblue27
Mar 18 2016 03:40
@rdrubis No luck so I put it back and hash still has link as active
Tmore23
@Tmore23
Mar 18 2016 03:42
hey guys whats the image hosting site that works well with codepen? i know its not imgur.
@Mrblue27 no you just need to put the # inside the ""
Radin Rubis
@rdrubis
Mar 18 2016 03:43
@Mrblue27 you have to remove href="all texts"
or you can leave it empty as suggested by @Tmore23
Sean
@ofperfection
Mar 18 2016 03:44
@bignasty1974 It means to add one class
for each selector type
so add one class by element type
one class by element class
and one by element ID
//use $("button") to select the type of element it is
<button> TYPE </button>
//use $(".classname") to select the class
<div class="classname"></div>
//use $("#IDname") to select by ID
<div id="IDname"></div>
Let me know if that helps @bignasty1974 I'd be happy to help further
nguyenvietbac
@nguyenvietbac
Mar 18 2016 03:50
Your p element should have the text "View more " (with a space after it)
James S.
@Mrblue27
Mar 18 2016 03:52
@rdrubis not sure how to do what your explaining
nguyenvietbac
@nguyenvietbac
Mar 18 2016 03:52
i could not make it right
Tmore23
@Tmore23
Mar 18 2016 03:52
@Mrblue27 @rdrubis well the lesson is saying that he has to put href="#" to put it inactive

@Mrblue27 so it goes from ```

<p>Click here for <a href="http://www.freecatphotoapp.com">cat photos</a>.</p>```

James S.
@Mrblue27
Mar 18 2016 03:53
@Tmore23 Thanks that worked
CamperBot
@camperbot
Mar 18 2016 03:53
mrblue27 sends brownie points to @tmore23 :sparkles: :thumbsup: :sparkles:
:star: 132 | @tmore23 | http://www.freecodecamp.com/tmore23
Tmore23
@Tmore23
Mar 18 2016 03:54
alright great! @Mrblue27
Radin Rubis
@rdrubis
Mar 18 2016 03:54
@nguyenvietbac <p>View more </p>
Cristine
@cristinie
Mar 18 2016 04:10
I'm stuck on making a button. It seems like it should be so simple but I can't seem to get it right...I have to add the submit button into my form: <form action="/submit-cat-photo">
<input type="text" placeholder="cat photo URL">
</form>
I keep trying to add button type="submit">submit</button> but it's not correct
Frank XC
@tenkdayz
Mar 18 2016 04:12
try <input type=submit>
Arpan
@sahooarpan
Mar 18 2016 04:13
how to Nest your text input element within a form element.
a c
@chagoy
Mar 18 2016 04:13
can someone help me with a quick javascript question

var myVar = 87;

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

i can't figure out how to use the increment operator
i've gotten so many errors
Frank XC
@tenkdayz
Mar 18 2016 04:14
myVar ++;
Arpan
@sahooarpan
Mar 18 2016 04:14
@rdrubis
Frank XC
@tenkdayz
Mar 18 2016 04:14
myVar ++ is the same as myVar = myVar +1;
Arpan
@sahooarpan
Mar 18 2016 04:15
thanx @rdrubis
CamperBot
@camperbot
Mar 18 2016 04:15
sahooarpan sends brownie points to @rdrubis :sparkles: :thumbsup: :sparkles:
:star: 131 | @rdrubis | http://www.freecodecamp.com/rdrubis
a c
@chagoy
Mar 18 2016 04:16
@Nimdok42 thanks
CamperBot
@camperbot
Mar 18 2016 04:16
chagoy sends brownie points to @nimdok42 :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for nimdok42
a c
@chagoy
Mar 18 2016 04:16
i see what i did now
Tanvi28
@Tanvi28
Mar 18 2016 04:17
How do you add the form element in html with a background color of green?
Cristine
@cristinie
Mar 18 2016 04:17
Hmm. Still didn't work. Am I adding the button in the wrong spot? <form action="/submit-cat-photo" button type="submit">submit</button>
<input type="text" placeholder="cat photo URL">
</form>
Alexander Køpke
@alexanderkopke
Mar 18 2016 04:18
separate button and form..
<form action="/submit-cat-photo"><input type="text" placeholder="cat photo URL"><button type="submit">submit</button></form>
Cristine
@cristinie
Mar 18 2016 04:21
Wow! Don't know how I didn't get that haha. Thank you @alexanderkopke
CamperBot
@camperbot
Mar 18 2016 04:21
cristinie sends brownie points to @alexanderkopke :sparkles: :thumbsup: :sparkles:
:star: 518 | @alexanderkopke | http://www.freecodecamp.com/alexanderkopke
Alexander Køpke
@alexanderkopke
Mar 18 2016 04:22
:+1:
Candice
@smrtsmrf
Mar 18 2016 04:28
I have a grid of images that I would like to force them to the same size, and to scale with the screen size. Any ideas?
Rafi Ronquillo
@RafiTranquilo
Mar 18 2016 04:35
Stuck on "Change the Font Size of an Element". Both font and screen size are 100%, but for some reason the test won't run. Any suggestions?
Tmore23
@Tmore23
Mar 18 2016 04:35
@RafiTranquilo what does your code look like?
Li
@NLStom
Mar 18 2016 04:36
Hi guys I wonder if we can download the class into computer?
Cassius
@CassiusCodes
Mar 18 2016 04:36
Your div element should have the class container-fluid.
Make sure each of your div elements has a closing tag.
Make sure you have nested all HTML elements in .container-fluid.

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

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

<p>Things cats love:</p>

<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>

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

<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>

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

Li
@NLStom
Mar 18 2016 04:37
the tutorial, Some how it take a lot time to submit my code to freecodecamp
Rafi Ronquillo
@RafiTranquilo
Mar 18 2016 04:38
@Tmore23 nvm I got it! But thanks!
CamperBot
@camperbot
Mar 18 2016 04:38
rafitranquilo sends brownie points to @tmore23 :sparkles: :thumbsup: :sparkles:
:star: 133 | @tmore23 | http://www.freecodecamp.com/tmore23
Tmore23
@Tmore23
Mar 18 2016 04:38
@RafiTranquilo no worries.
Tony Davis
@blackbuzzard
Mar 18 2016 04:40
Hello all. Just getting starting and seem to be stuck on "Be sure to delete all trailing comment tags, i.e. -->." Can anyone help? :worried:
Cassius
@CassiusCodes
Mar 18 2016 04:40
??
Tmore23
@Tmore23
Mar 18 2016 04:41
whats the lesson name?
Tony Davis
@blackbuzzard
Mar 18 2016 04:41
on the Uncomment HTML
zugzawang
@zugzawang
Mar 18 2016 04:41
Make sure you are following the directions. Only remove the comments that are needed.
Some comments should stay.
Tony Davis
@blackbuzzard
Mar 18 2016 04:43
??
not sure that I follow. All other tests are green. what's the trailing comment tag?
Nick
@wani0402
Mar 18 2016 04:44
The trailing comment tag is -->
What is the lesson name
Tony Davis
@blackbuzzard
Mar 18 2016 04:44
Uncomment HTML

<h1>Hello World</h1>
<!---->

<h2>CatPhotoApp</h2>
<!---->

<p>Hello Paragraph</p>

Nick
@wani0402
Mar 18 2016 04:45
Yes, so you have back to back comments
<!----> is a comment with no content commented out
remove both of those instances
Anywhere you see <!-- is the opening of a comment --> is the end of a comment.
Anything in between those tags will be commented out
But the tags themselves should also be removed when the comment is no longer necessary
Tony Davis
@blackbuzzard
Mar 18 2016 04:46
oh. ok. I C.
Nick
@wani0402
Mar 18 2016 04:47
It states to uncomment h1, h2 and p, which means there should be no comments in the code.
Tony Davis
@blackbuzzard
Mar 18 2016 04:47
got it now. thx everyone.
baby steps. lol
Nick
@wani0402
Mar 18 2016 04:47
:+1: @blackbuzzard
yashwanth
@Revivedblaze
Mar 18 2016 04:51
Hello all. Just getting started and i'm stuck on chapter change the text colour. when i hit run tests i don't get anything. what do i do now ? i even tried reloading the page(hard refresh).
Nick
@wani0402
Mar 18 2016 04:52
@Revivedblaze, did you check the hints on the bottom left side?
yashwanth
@Revivedblaze
Mar 18 2016 04:52
yeah
Nick
@wani0402
Mar 18 2016 04:52
Are they all checkmarks?
yashwanth
@Revivedblaze
Mar 18 2016 04:53
no i still have a cross mark even though i corrected the text in editor
Nick
@wani0402
Mar 18 2016 04:53
Can you provide a screencap?
yashwanth
@Revivedblaze
Mar 18 2016 04:53
here's the code---<h2 style="colour:red">CatPhotoApp</h2>
i'm sry but how to upload a pic in this chat room.
Nick
@wani0402
Mar 18 2016 04:55
You should be able to print screen, copy/paste or snipping tool copy/paste
blob
batra79
@batra79
Mar 18 2016 04:55
@Revivedblaze try and change the spelling of “colour” to “color"
Nick
@wani0402
Mar 18 2016 04:55
Ha, good catch @batra79
zugzawang
@zugzawang
Mar 18 2016 04:55
Or just copy and paste the markup in the chat
Nick
@wani0402
Mar 18 2016 04:56
I ask for the screengrab only for context on the lesson
yashwanth
@Revivedblaze
Mar 18 2016 04:57
thanks guys! that did it
Lokendra Sharma
@kuroop
Mar 18 2016 05:10
Hey I am on the stage "create a bootstrap button"
I have added the button like
<input type=button class=btn value=Like>
</input>
but doesn't seem to accept it..
can anyone help ?
Radin Rubis
@rdrubis
Mar 18 2016 05:12
it should be class="btn"
Lokendra Sharma
@kuroop
Mar 18 2016 05:12
I will try that :)
Radin Rubis
@rdrubis
Mar 18 2016 05:13
all your attribute values should be enclosed in double quotes "
zugzawang
@zugzawang
Mar 18 2016 05:13
<input type="button" class="btn" value="like"> </input>
Lokendra Sharma
@kuroop
Mar 18 2016 05:14
doesn't work:(
and I don't know why </input> part is showing in red
as if something is wrong with the syntax
Radin Rubis
@rdrubis
Mar 18 2016 05:15
try this: <button class="btn">Like</button>
Olzhas Aitkaliyev
@borsik
Mar 18 2016 05:16
Is FCC working now?
Lokendra Sharma
@kuroop
Mar 18 2016 05:17
<button class="btn">Like</button> this worked
@o1zha5 it's getting down again and again
@rdrubis thanks :)
CamperBot
@camperbot
Mar 18 2016 05:17
motoko-11 sends brownie points to @rdrubis :sparkles: :thumbsup: :sparkles:
:star: 132 | @rdrubis | http://www.freecodecamp.com/rdrubis
Radin Rubis
@rdrubis
Mar 18 2016 05:17
great! :)
Lokendra Sharma
@kuroop
Mar 18 2016 05:18
@zugzawang thanks
CamperBot
@camperbot
Mar 18 2016 05:18
motoko-11 sends brownie points to @zugzawang :sparkles: :thumbsup: :sparkles:
:star: 20 | @zugzawang | http://www.freecodecamp.com/zugzawang
Radin Rubis
@rdrubis
Mar 18 2016 05:18
you are welcome
Sean
@ofperfection
Mar 18 2016 05:25
Hey guys, I'm trying to learn to use APIs. Can anyone walk me through this code line by line?
function showQuote() {
    var proxy = 'http://crossorigin.me/';
    var api = 'http://quotes.stormconsultancy.co.uk/random.json';

    $.getJSON(proxy + api, function(data) {
      var inQuote = data.quote;
      var twitterQuote = data.quote.length > 137 ? encodeURIComponent(data.quote.slice(0, 137) + '...') : encodeURIComponent(data.quote);
David Young
@dayvidwhy
Mar 18 2016 05:44
that last lines pretty long
we can do if else statements like that in js
5 > 1 ? ‘True’ : ‘False’;
if 5 greater than 1, true is ‘true’
is there any particular line? like $.getJSON is just jQueries json retriever
Radin Rubis
@rdrubis
Mar 18 2016 05:47
That last line will simply truncate a long quote. It will take the first 137 characters and then append ellipse (triple dots)
Santak Mishra
@santakmishra
Mar 18 2016 05:49
can someone help me understand this bonfire question.
CamperBot
@camperbot
Mar 18 2016 05:49
type bonfire name to get some info on that bonfire. And check HelpBonfires chatroom
Radin Rubis
@rdrubis
Mar 18 2016 05:49
And then store the text to the variable twitterQuote
Santak Mishra
@santakmishra
Mar 18 2016 05:50
bf binary agent
CamperBot
@camperbot
Mar 18 2016 05:50

:fire:Bonfire: Binary Agents :link:

function binaryAgent(str) {
  return str;
}

binaryAgent('01000001 01110010 01100101 01101110 00100111 01110100 00100000 01100010 01101111 01101110 01100110 01101001 01110010 01100101 01110011 00100000 01100110 01110101 01101110 00100001 00111111');

Return an English translated sentence of the passed binary string.

more info:  bf details | bf links | hint

Santak Mishra
@santakmishra
Mar 18 2016 05:50
i cant understand what to do here.
like should i convert binary values to decimal and then to chars from their ascii value? or what?
hint binary agents
CamperBot
@camperbot
Mar 18 2016 05:51
:construction: Spoilers are only in the Bonfire's Custom Room :point_right:
Sam
@Samwise12
Mar 18 2016 05:52
function sumFibs(num) {
  var n = [];

for (var i=0; i<num;i++){
  n.push(i);
}
  return n;
}

sumFibs(4);
why does this crash the browser?
David Young
@dayvidwhy
Mar 18 2016 05:59
@Samwise12 some test cases have pretty big values of n, your counting one by one
so your trying to put some 400,000 values into an array, takes a while
Tmore23
@Tmore23
Mar 18 2016 06:05
how can I make the back ground stretch/ cover the whole page?
Radin Rubis
@rdrubis
Mar 18 2016 06:05
What is your background? A color or an image?
Tmore23
@Tmore23
Mar 18 2016 06:06
@rdrubis image
Radin Rubis
@rdrubis
Mar 18 2016 06:09
A quick dirty hack is to set its width and height property to 100% in your css.
But I wouldn't do that.. :)
Brian
@sludge256
Mar 18 2016 06:09
What is the "whole page" to you?
the visible page or should it cover scrollable sections of the page?
Tmore23
@Tmore23
Mar 18 2016 06:11
@sludge256 cover scrollable sections.
@rdrubis why not?
Brian
@sludge256
Mar 18 2016 06:12
You could use this:
background-size: cover;
There might be other things you need to do, but it's dependent on how you have the rest of the site setup.
Tmore23
@Tmore23
Mar 18 2016 06:13
@sludge256 thank you ! I was putting background-possition not size
CamperBot
@camperbot
Mar 18 2016 06:13
tmore23 sends brownie points to @sludge256 :sparkles: :thumbsup: :sparkles:
:star: 1891 | @sludge256 | http://www.freecodecamp.com/sludge256
Radin Rubis
@rdrubis
Mar 18 2016 06:14
:+1:
Tmore23
@Tmore23
Mar 18 2016 06:24
can some one explain to me when I should use "container" and when to use "container-fluid"?
Radin Rubis
@rdrubis
Mar 18 2016 06:25
fluid is responsive
if you want a fixed width, use container
Maulik Darji
@maulikdarji
Mar 18 2016 06:27
@Tmore23 Both are responsive, container-fluid covers full width, whereas container has fixed width for different screen sizes.
Radin Rubis
@rdrubis
Mar 18 2016 06:27
if you want responsive, use container-fluid
Tmore23
@Tmore23
Mar 18 2016 06:27
well I have my navbar inside a "container" and its stretching/gathering depending on the size of the browser.
Radin Rubis
@rdrubis
Mar 18 2016 06:28
container-fluid uses full width
Tmore23
@Tmore23
Mar 18 2016 06:29
@rdrubis @maulikdarji I see, great thank you!
CamperBot
@camperbot
Mar 18 2016 06:29
tmore23 sends brownie points to @rdrubis and @maulikdarji :sparkles: :thumbsup: :sparkles:
:star: 133 | @rdrubis | http://www.freecodecamp.com/rdrubis
:star: 571 | @maulikdarji | http://www.freecodecamp.com/maulikdarji
they're both responsive
except fluid takes more of the screen
Radin Rubis
@rdrubis
Mar 18 2016 06:33
yes sorry for that, i meant full width not responsive :)
Tej Pratap
@tejscript
Mar 18 2016 06:38
anyone there with challenge no. 155 or have completed it. Need help. I'm not getting what the problem is trying to say.
any1...??
cannelflow
@cannelflow
Mar 18 2016 06:40
@tejscript exercise name ?
Tej Pratap
@tejscript
Mar 18 2016 06:41
@cannelflow Convert Celsius to Fahrenheit
155
exercise no.
cannelflow
@cannelflow
Mar 18 2016 06:42
@tejscript tried something ?
Radin Rubis
@rdrubis
Mar 18 2016 06:42
code?
cannelflow
@cannelflow
Mar 18 2016 06:42
var f = c*(9/5)+32; @tejscript
Abhisek Pattnaik
@abhisekp
Mar 18 2016 06:43
F=95×C+32\huge{F = \frac{9}{5}\times C + 32}
Tej Pratap
@tejscript
Mar 18 2016 06:44
@cannelflow @abhisekp @rdrubis thanx guyz ...got it... dumb me.
CamperBot
@camperbot
Mar 18 2016 06:44
tejscript sends brownie points to @cannelflow and @abhisekp and @rdrubis :sparkles: :thumbsup: :sparkles:
:star: 2326 | @abhisekp | http://www.freecodecamp.com/abhisekp
:star: 948 | @cannelflow | http://www.freecodecamp.com/cannelflow
:star: 134 | @rdrubis | http://www.freecodecamp.com/rdrubis
Tej Pratap
@tejscript
Mar 18 2016 06:44
was pushing it another way
leo99prxy
@leo99prxy
Mar 18 2016 07:16
hi everyone,just started out and im stuck on CSS declaration exercise please help!
Radin Rubis
@rdrubis
Mar 18 2016 07:16
how can I help?
Tmore23
@Tmore23
Mar 18 2016 07:19
another quick question, I have each of my "h1" "h2" "h3" ... with different backgrounds but there is a space between them that I would like to not be there.
how can I do that?
Santak Mishra
@santakmishra
Mar 18 2016 07:20
@Tmore23 check if the space is cause of margins or borders and then set that to zer0.
Tmore23
@Tmore23
Mar 18 2016 07:21
h4 {
    background-image: url("http://s24.postimg.org/bwvkaujl1/background_4.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    color: white;
}
thats what each of them looks like
does any of that give it margins that I don't know about?
DJ
@qualitymanifest
Mar 18 2016 07:21
@Tmore23 @santakmishra 's advice is solid. if that doesn't fix it paste your codepen
you can always use dev tools to figure that out
Tmore23
@Tmore23
Mar 18 2016 07:22
dev tools?
leo99prxy
@leo99prxy
Mar 18 2016 07:22
i tried to change the h2 tag into a class declaration. the text from blue to red.
@Tmore23 it's a lengthy tutorial, but absolutely worth it
@leo99prxy paste the full URL to your challenge, or paste your code
Jay Mok
@chemok78
Mar 18 2016 07:26
Can someone help we with this code? Why is the object empty after the function?

```var streamers = ["freecodecamp", "storbeck", "terakilobyte", "habathcx","RobotCaleb","thomasballinger","noobs2ninjas","beohoff", "brunofin", "comster404"];

var streamersData = { };

function getChannelData(){ //get data via API async

$.each(streamers, function(index,streamer){

  $.ajax({ //get Channel Data

    url: "https://api.twitch.tv/kraken/channels/"+streamer,

    cache: false,

    dataType: "jsonp",

    success: function(result) {

         //set streamersData object

      streamersData[streamer] = {};

      if(result.display_name){

       streamersData[streamer]["displayName"] = result.display_name;

      } else{

        streamersData[streamer]["displayName"] = streamer;

      };


       if (result.logo === null || result.logo === undefined) {

         streamersData[streamer]["logo"] = "https://static-cdn.jtvnw.net/jtv_user_pictures/xarth/404_user_150x150.png";

       } else {

        streamersData[streamer]["logo"] = result.logo;

       };

       streamersData[streamer]["url"] = result.url;


    } //success function


  }); //AJAX call


});//each loop

}

getChannelData();

console.log(streamersData);```

Tmore23
@Tmore23
Mar 18 2016 07:27
@santakmishra @qualitymanifest thank you ! I added a margin with -10px and that fixed it!
CamperBot
@camperbot
Mar 18 2016 07:27
tmore23 sends brownie points to @santakmishra and @qualitymanifest :sparkles: :thumbsup: :sparkles:
:star: 1082 | @qualitymanifest | http://www.freecodecamp.com/qualitymanifest
:star: 324 | @santakmishra | http://www.freecodecamp.com/santakmishra
leo99prxy
@leo99prxy
Mar 18 2016 07:27

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

<h2>CatPhotoApp</h2>

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

Santak Mishra
@santakmishra
Mar 18 2016 07:28
@leo99prxy put a dot before red-text since it’s a class and also use that class <h2 class=“red-text”>…</h2>
leo99prxy
@leo99prxy
Mar 18 2016 07:30
@santakmishra Ok thanks alot!
CamperBot
@camperbot
Mar 18 2016 07:30
leo99prxy sends brownie points to @santakmishra :sparkles: :thumbsup: :sparkles:
:star: 325 | @santakmishra | http://www.freecodecamp.com/santakmishra
Jay Mok
@chemok78
Mar 18 2016 07:30
This message was deleted

```var streamers = ["freecodecamp", "storbeck", "terakilobyte", "habathcx","RobotCaleb","thomasballinger","noobs2ninjas","beohoff", "brunofin", "comster404"];

var streamersData = { };

function getChannelData(){

$.each(streamers, function(index,streamer){

  $.ajax({

    url: "https://api.twitch.tv/kraken/channels/"+streamer,

    cache: false,

    dataType: "jsonp",

    success: function(result) {


      streamersData[streamer] = {};

      if(result.display_name){

       streamersData[streamer]["displayName"] = result.display_name;

      } else{

        streamersData[streamer]["displayName"] = streamer;

      };


       if (result.logo === null || result.logo === undefined) {

         streamersData[streamer]["logo"] = "https://static-cdn.jtvnw.net/jtv_user_pictures/xarth/404_user_150x150.png";

       } else {

        streamersData[streamer]["logo"] = result.logo;

       };

       streamersData[streamer]["url"] = result.url;



    } 


  }); 


});


 console.log(streamersData);

}

getChannelData();```

Santak Mishra
@santakmishra
Mar 18 2016 07:31
help format
CamperBot
@camperbot
Mar 18 2016 07:31

: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

DJ
@qualitymanifest
Mar 18 2016 07:31
@chemok78 AJAX is short for asynchronous JavaScript and XML. a definition for asynchronous is: "not going at the same rate and exactly together with something else, in particular.". what i'm saying is, you're calling a console.log on your object that runs before the AJAX calls finish. you need to work within the success function
Santak Mishra
@santakmishra
Mar 18 2016 07:33
@chemok78 exactly! what @qualitymanifest said. Your log statement is firing simultaneously with the ajax statement. try using a promise or .done() or success fn() as suggested by @qualitymanifest . That way, the log statement will fire only after the ajax has completed fetching data.
Jay Mok
@chemok78
Mar 18 2016 07:35
@qualitymanifest @santakmishra ok i see thanks
CamperBot
@camperbot
Mar 18 2016 07:35
chemok78 sends brownie points to @qualitymanifest and @santakmishra :sparkles: :thumbsup: :sparkles:
:star: 1083 | @qualitymanifest | http://www.freecodecamp.com/qualitymanifest
:star: 326 | @santakmishra | http://www.freecodecamp.com/santakmishra
Jay Mok
@chemok78
Mar 18 2016 07:36
i thought because the console.log is outside of the each statement, which is sync, it would work
so it would wait till the each loop finishes, then console.log
but maybe the ajax calls inside of the each loop are still running
?
DJ
@qualitymanifest
Mar 18 2016 07:38
@chemok78 yes, the AJAX calls take their time and the code after the AJAX calls run regardless of whether or not the AJAX calls have completed
Jay Mok
@chemok78
Mar 18 2016 07:55
@qualitymanifest i see thanks i get the idea, let me check further!
CamperBot
@camperbot
Mar 18 2016 07:55
chemok78 sends brownie points to @qualitymanifest :sparkles: :thumbsup: :sparkles:
:warning: chemok78 already gave qualitymanifest points
JeromeLC
@JeromeLC
Mar 18 2016 07:59
I need help with my unfinished tribute page if anyone is interested? http://codepen.io/jlc5255/full/MyjMEP/
Santak Mishra
@santakmishra
Mar 18 2016 08:01
@JeromeLC Page looks good. What help you need? And isn’t it a portfolio page?
JeromeLC
@JeromeLC
Mar 18 2016 08:02
When the page resizes from mobile view, the thumbnail gallery overlaps into my contact page
I was also wondering if I have to take screenshots of my project to upload the thumbnails into the gallery, or is there a better way?
Yes, my portfolio* page, sorry!
JeromeLC
@JeromeLC
Mar 18 2016 08:13
I guess I'm just looking on some "best practice" tips, any constructive criticism on my code, ways to clean it up, organize it better. Anything to help me code better and use better practice at this early stage so I can have better form in the future. If any of that make sense.
Parveen Sharma
@username-parveen
Mar 18 2016 08:14
is three any font-awesome icon for freecodecamp
Carl P.
@alofacarl
Mar 18 2016 08:17
@username-parveen not that I've seen, I'm using the fire icon and I have seen others do the same
@JeromeLC set the height to min-height: 100%; to fix thumbnail overlap
JeromeLC
@JeromeLC
Mar 18 2016 08:21
@alofacarl Thanks, I'll give it a shot when my work computer finishes running security updates and let you know if it works
CamperBot
@camperbot
Mar 18 2016 08:21
jeromelc sends brownie points to @alofacarl :sparkles: :thumbsup: :sparkles:
:star: 135 | @alofacarl | http://www.freecodecamp.com/alofacarl
Niko Salonen
@nikosalonen
Mar 18 2016 08:22
@username-parveen not at the moment at least https://fortawesome.github.io/Font-Awesome/icons/
JeromeLC
@JeromeLC
Mar 18 2016 08:28
@alofacarl It worked like a charm, man. Thank you
CamperBot
@camperbot
Mar 18 2016 08:28
jeromelc sends brownie points to @alofacarl :sparkles: :thumbsup: :sparkles:
:warning: jeromelc already gave alofacarl points
Carl P.
@alofacarl
Mar 18 2016 08:28
@JeromeLC yw
Roman Macak
@DrMacak
Mar 18 2016 08:57
Hello All!
One question. "this." is representing the function that called the function?
Annuarita
@Annuarita
Mar 18 2016 09:04
hey gus, how to comment "in front" of a font? where to start the comment and end it??
Tej Pratap
@tejscript
Mar 18 2016 09:05
function convert(celsius) {
  // Only change code below this line
  var celcius = convert(0);

  var fahrenheit = celcius*(9/5)+32;

  // Only change code above this line
  if ( typeof fahrenheit !== 'undefined' ) {
    return fahrenheit;
  } else {
    return 'fahrenheit not defined';
  }}
// Change the inputs below to test your code //
convert(0);
convert(-30);
convert(-10);
convert(0);
convert(20);
convert(30);
what should i do in celcius part to get all the values?
i don't know that
help pls
CamperBot
@camperbot
Mar 18 2016 09:06
no wiki entry for: pls
Roman Macak
@DrMacak
Mar 18 2016 09:07
var celcius = convert(0);
delete this line
Tej Pratap
@tejscript
Mar 18 2016 09:08
@DrMacak But it's returning then that "Celcius is not defined"
victoriarf
@victoriarf
Mar 18 2016 09:09
celsius = 0?
Tej Pratap
@tejscript
Mar 18 2016 09:10
Problem is How can i get all the values in celcius part
@victoriarf mam i don't know that?
Roman Macak
@DrMacak
Mar 18 2016 09:10
@victoriarf Yes, sorry you are right
just var celsius = 0
Tej Pratap
@tejscript
Mar 18 2016 09:11
@victoriarf means i am not familiar with that ones.
like how to define it properly
Roman Macak
@DrMacak
Mar 18 2016 09:12
Ah I see where is the problem... you have typo there celcius*(9/5)+32;
celcius instead of celsius
therefore the program takes it as diferrent variable
Tej Pratap
@tejscript
Mar 18 2016 09:12
@DrMacak pls elaborate
Roman Macak
@DrMacak
Mar 18 2016 09:14
wrong name of variable celsius not celcius
victoriarf
@victoriarf
Mar 18 2016 09:14
@DrMacak correct
Roman Macak
@DrMacak
Mar 18 2016 09:16
@tejscript Is it clear ?
Tej Pratap
@tejscript
Mar 18 2016 09:16
@DrMacak @victoriarf i think merriam-webster should put my name as a synonym for silly.
@DrMacak @victoriarf thanx mam and sir
CamperBot
@camperbot
Mar 18 2016 09:17
tejscript sends brownie points to @drmacak and @victoriarf :sparkles: :thumbsup: :sparkles:
:star: 318 | @drmacak | http://www.freecodecamp.com/drmacak
:star: 9 | @victoriarf | http://www.freecodecamp.com/victoriarf
Jay Mok
@chemok78
Mar 18 2016 09:28
hi anyone can see whats wrong with this code?


      <div>
        <!-- Nav tabs -->
        <ul class="nav nav-tabs" role="tablist">
          <li role="presentation" class="active"><a href="#all" aria-controls="all" role="tab" data-toggle="tab">All</a></li>
          <li role="presentation"><a href="#online" aria-controls="online" role="tab" data-toggle="tab">Online</a></li>
          <li role="presentation"><a href="#offline" aria-controls="offline" role="tab" data-toggle="tab">Offline</a></li>
        </ul>

        <!-- Tab panes -->
        <div class="tab-content">
          <div role="tabpanel" class="tab-pane" id="all">
            <div class="list-group" id="all-list">

            </div>
          </div>
          <div role="tabpanel" class="tab-pane" id="online">
            <div class="list-group" id="online-list">

            </div>
          </div>
          <div role="tabpanel" class="tab-pane" id="offline">
            <div class="list-group" id="offine-list">

            </div>
         </div>
      </div>
the tabs in my app are empty
blank
Myles Chuahiock
@myleschuahiock
Mar 18 2016 09:30
@chemok78 Can you clarify what you mean by "the tabs are empty"?
Can you post the codepen link
Roman Macak
@DrMacak
Mar 18 2016 09:31
@chemok78 I think there is one </div> missing
Myles Chuahiock
@myleschuahiock
Mar 18 2016 09:32
@chemok78 Your tab-content lacks a closing tag
So the last div, instead of closing your first div, closes tab-content instead. That's the error
*last </div>
Yuriy Chulikov
@logon007
Mar 18 2016 09:33
Help. Why tag </form> not closing
    <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="row">
         <div class="col-xs-6">
     <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
    </div>
    <label><input type="checkbox" name="personality"> Loving</label>
    <label><input type="checkbox" name="personality"> Lazy</label>
    <label><input type="checkbox" name="personality"> Crazy</label>
    <input type="text" placeholder="cat photo URL" required>
    <button type="submit">Submit</button>
  </form>
</div>
CamperBot
@camperbot
Mar 18 2016 09:33
no wiki entry for: why tag form not closing form actionsubmit-cat-photo div classrow div classcol-xs-6 labelinput typeradio nameindoor-outdoor indoorlabel div div classrow div classcol-xs-6 labelinput typeradio nameindoor-outdoor outdoorlabel div labelinput typecheckbox namepersonality lovinglabel labelinput typecheckbox namepersonality lazylabel labelinput typecheckbox namepersonality crazylabel input typetext placeholdercat photo url required button typesubmitsubmitbutton formdiv
Roman Macak
@DrMacak
Mar 18 2016 09:35
@logon007 I think there is one </div> missing
Jay Mok
@chemok78
Mar 18 2016 09:36
@DrMacak @myleschuahiock ah yeah i see
overlooked that
thanks man
narusite
@narusite
Mar 18 2016 09:45
Hi, I am at the random quote machine challenge. I have tried using the same mechanism in "json api", but the console (f12) indicates a «cross origin request block». Is it possible to bypass that? I am using codepen: http://codepen.io/narusite/pen/yOgRxJ
Yuriy Chulikov
@logon007
Mar 18 2016 09:47
@DrMacak can't find (
narusite
@narusite
Mar 18 2016 09:48
@logon007 the first div is closed after the closing form. Invert the last two lines
Roman Macak
@DrMacak
Mar 18 2016 09:48
Every <div> has to have it closing </div> I dont know where to exactly place it in your code but it missing
Shahar Shalev
@Shaharking
Mar 18 2016 09:52
Hey someone know why "npm install learnyoumongo -g" not working ?
Roman Macak
@DrMacak
Mar 18 2016 09:53
@narusite Hmmm I think it should be like this $("#wherethequotegoes").html(json.quote); but it still doesnt work
("#wherethequotegoes") this for sure because you are using id not class
Nikhil Kumar
@nikhilkumar238
Mar 18 2016 09:55
Create a new button element below your large kitten photo. Give it the class btn and the text of "Like".
help me solving this
CamperBot
@camperbot
Mar 18 2016 09:55
no wiki entry for: me solving this
Roman Macak
@DrMacak
Mar 18 2016 09:55
@narusite + you are right it looks like codepen is blocking this json site
Tej Pratap
@tejscript
Mar 18 2016 09:56
@nikhilkumar238 post your code
narusite
@narusite
Mar 18 2016 09:58
@DrMacak Thanks, I've corrected the # part.
CamperBot
@camperbot
Mar 18 2016 09:58
narusite sends brownie points to @drmacak :sparkles: :thumbsup: :sparkles:
:star: 319 | @drmacak | http://www.freecodecamp.com/drmacak
Kevin
@KevinBruland
Mar 18 2016 10:01
Hello, I am having an issue with horizontal navigation lists
I am using li { display: inline;}, but its not effecting the list... any input?
Roman Macak
@DrMacak
Mar 18 2016 10:04
@narusite More info about your issue https://blog.codepen.io/2013/09/23/ajax-codepen/
But Im still not sure how to solve it.
narusite
@narusite
Mar 18 2016 10:07
@DrMacak Yep, I have just read that. I don't want to do ajax for now. I am trying to see if github pages works for me. I will tell you if it works.
Roman Macak
@DrMacak
Mar 18 2016 10:08
$.getJSON is Ajax request right?
narusite
@narusite
Mar 18 2016 10:08
I have no idea…
Rowan
@rowansen
Mar 18 2016 10:14
hey can anyone help me. i done my tribute page but now when i check the result on a mobile device it not display correctly
narusite
@narusite
Mar 18 2016 10:17
Doesn't work with github pages either. http://stackoverflow.com/questions/22795561/modify-getjson-to-work-with-cors seems to indicate that the problem could be with the server…
narusite
@narusite
Mar 18 2016 10:29
After reading https://blog.codepen.io/2015/07/10/crossorigin-me/ , I have added http://crossorigin.me/ before the url, and it works !
Thanks again @DrMacak
CamperBot
@camperbot
Mar 18 2016 10:29
:warning: narusite already gave drmacak points
narusite sends brownie points to @drmacak :sparkles: :thumbsup: :sparkles:
Roman Macak
@DrMacak
Mar 18 2016 10:33
@narusite glad to help :] + I think JSON.strigify is not neccessary json var you get from the request is object and when you use json.quote it will give you string.
narusite
@narusite
Mar 18 2016 10:39
You are right. It works without the stringify
Francis
@Francis-p
Mar 18 2016 10:40
@rowansen what wrong with ur mobile site?
Sampurna Khanal
@tsampurna
Mar 18 2016 10:57

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

<h2 class="red-text">CatPhotoAppCatPhotoApp</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>

help me
CamperBot
@camperbot
Mar 18 2016 10:58

:point_right: adding environment variables [wiki]

In Windows

Via GUI

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

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

Santak Mishra
@santakmishra
Mar 18 2016 10:59
@tsampurna You need to use .red-text in place of h2 in style tags and add color:red; to it.
AliciadW
@AliciadW
Mar 18 2016 11:23
help dna pairing
CamperBot
@camperbot
Mar 18 2016 11:23

:point_right: algorithm dna pairing [wiki]

Problem Explanation:

  • You will get a DNA strand sequence and you need to get the pair and return it as a 2D array of the base pairs. Keep in mind that the provided strand should be first always.

:pencil: read more about algorithm dna pairing on the FCC Wiki

Josemaría Navarro-Rubio Coello de Portugal
@josemarianrcdp
Mar 18 2016 11:33
Hello, i have got something wrong but i dont know what! can you help me?
Captura de pantalla 2016-03-18 a las 12.33.15.png
victoriarf
@victoriarf
Mar 18 2016 11:35
@josemarianrcdp classes start with .
.pink-text
Debashis Deb
@debashisdeb
Mar 18 2016 11:36
@josemarianrcdp class starts with a dot : .pink-text
and a id starts with a hash : #pink-text
Josemaría Navarro-Rubio Coello de Portugal
@josemarianrcdp
Mar 18 2016 11:37
i know but it doesnt work still
:worried:
victoriarf
@victoriarf
Mar 18 2016 11:37
@debashisdeb set color as rgba or hex
sprry, that was for @josemarianrcdp
Josemaría Navarro-Rubio Coello de Portugal
@josemarianrcdp
Mar 18 2016 11:39
Got it! thanks :smile:
Debashis Deb
@debashisdeb
Mar 18 2016 11:48
Why it didn't work with color name @victoriarf ?
Mohamed Hamza
@mohamedhamza1995
Mar 18 2016 11:53
hello eveyone
genuinegirl
@genuinegirl
Mar 18 2016 11:53
i need help with challeng=Use the Bootstrap Grid to Put Elements Side By Side
Mohamed Hamza
@mohamedhamza1995
Mar 18 2016 11:54
I have a problem,, I pressed on the reset button and it removed all the codes I wrote in the challenges,, I thought it resets only the one I'm working on
can I bring the codes back?
David Young
@dayvidwhy
Mar 18 2016 11:58
@mohamedhamza1995 i just figured they went away after a while, is fcc meant to save code in the challenges?
Miguel Martinez
@cortazar11
Mar 18 2016 11:59
Something wrong adding a image. That is perfectly set in the editor, but I can't run the test.
I tried the URL of the image with https and http.
David Young
@dayvidwhy
Mar 18 2016 12:00
if you go to the url does it work
Mohamed Hamza
@mohamedhamza1995
Mar 18 2016 12:00
@deedubwhy yes it used to save it till I removed it :D
David Young
@dayvidwhy
Mar 18 2016 12:00
@mohamedhamza1995 none of mine ever saved
Mohamed Hamza
@mohamedhamza1995
Mar 18 2016 12:00
I feel so bad
I did 270 challenges and they all gone
David Young
@dayvidwhy
Mar 18 2016 12:00
were you going to keep them forever
Mohamed Hamza
@mohamedhamza1995
Mar 18 2016 12:05
I didn't make any back up
@deedubwhy
V Bhargav Chowdary
@bhargav4
Mar 18 2016 12:11
help validate us telephone numbers
CamperBot
@camperbot
Mar 18 2016 12:11

:point_right: algorithm validate us telephone numbers [wiki]

Problem Explanation:

  • The task is not that hard to understand, implementing it is the hardest part. You have a to validate an US phone number. This means there is a certain amount of numbers required, while you don't need to put the country code, you will still need the area code and use one of the few formats allowed.
:pencil: read more about algorithm validate us telephone numbers on the FCC Wiki
Debashis Deb
@debashisdeb
Mar 18 2016 12:23
@bhargav4 do you need a regex ??
Aleksander Gębicki
@Takumar
Mar 18 2016 12:24
about @mohamedhamza1995
CamperBot
@camperbot
Mar 18 2016 12:24
:star: 270 | @mohamedhamza1995 | http://www.freecodecamp.com/mohamedhamza1995
Aleksander Gębicki
@Takumar
Mar 18 2016 12:24
@mohamedhamza1995 strange I can see your solutions
raam1
@raam1
Mar 18 2016 12:37
Hey guys does anyone here know Python??
Roman Macak
@DrMacak
Mar 18 2016 12:38
little bit
Debashis Deb
@debashisdeb
Mar 18 2016 12:38
yes @raam1
raam1
@raam1
Mar 18 2016 12:38
@debashisdeb can you help me with my code please have a look https://github.com/raam1/firstpythongame/blob/master/Game.py
Debashis Deb
@debashisdeb
Mar 18 2016 12:39
sure @raam1 , but what is the issue ?
raam1
@raam1
Mar 18 2016 12:39
@debashisdeb what I want to do is when you put it anything else than 1 or 2 in any if I want it to tell you like "please enter 1 OR 2" and then ask the same If again
Roman Macak
@DrMacak
Mar 18 2016 12:44
@raam1 Personaly I would create something like choiceInput function which would accept the text and possible choices and in case the input would not match any choice I would call the function recursively....
but its just draft
raam1
@raam1
Mar 18 2016 12:46
@DrMacak ok bro can you say what you just said but think that you're talking to someone who have been doing Python for 4 days
Luke Barry
@LukeBarry
Mar 18 2016 12:52
Help. My h1 element is orange. Isn't it? Is this a bug or am I doing it wrong?
CamperBot
@camperbot
Mar 18 2016 12:52
no wiki entry for: my h1 element is orange isnt it is this a bug or am i doing it wrong
Luke Barry
@LukeBarry
Mar 18 2016 12:52

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

orange-text {

color: brown;
}
</style>

<h1 class="pink-text blue-text" id="orange-text">Hello World!</h1>

Roman Macak
@DrMacak
Mar 18 2016 12:53
you are missing # ? #orange-text
Loïc Rameau
@Loic-Rameau
Mar 18 2016 12:53
@LukeBarry It shouldn't
Luke Barry
@LukeBarry
Mar 18 2016 12:53
Ah. Nevermind. I see it.
Loïc Rameau
@Loic-Rameau
Mar 18 2016 12:53
@DrMacak Nah its the markdown interpretation ^^
Luke Barry
@LukeBarry
Mar 18 2016 12:54
I had the style element #orange-text labeled brown.
Man, time for some coffee.
Roman Macak
@DrMacak
Mar 18 2016 12:54
@Loic-Rameau Ah, ok
Loïc Rameau
@Loic-Rameau
Mar 18 2016 12:54
@LukeBarry Always time for a cofee break :D
Roman Macak
@DrMacak
Mar 18 2016 12:54
or tea
Loïc Rameau
@Loic-Rameau
Mar 18 2016 12:55
i agree
^^
Myles Chuahiock
@myleschuahiock
Mar 18 2016 13:04

Can someone comprehensively explain the Boo Who algorithm? I'm having difficulty understanding primitive Booleans, Boolean Objects and how exactly do you make the values of false, [1,2,3] return false.

I mean I just do this, and I get all the values to return false, but fail boo(true) since it now outputs false as well.

function boo(bool) {
  // What is the new fad diet for ghost developers? The Boolean.
  return bool === false;
}

boo(null);
Florian Beijers
@zersiax
Mar 18 2016 13:13
hullo folks
Loïc Rameau
@Loic-Rameau
Mar 18 2016 13:15
@myleschuahiock Cause you check if bool === false So it will return true Only if you give it false
Bryon Nicoson
@bryonnicoson
Mar 18 2016 13:25
@myleschuahiock - look up javascript typeof
oh, now that I look at it, I guess I "cheated" by using typeof
but it passed the test
Santak Mishra
@santakmishra
Mar 18 2016 13:34
@myleschuahiock There are many truthy and falsey values in Javascript. But only true and false are primitive boolean values. You can create a new boolean object by using new Boolean() or convert an existing entity to boolean by passing through the Boolean() function. Although the result will be either true or false, but it wont be primitive. Null, undefined, etc. also return false values but are not primitive boolean values. To check whether a value is primitive boolean, pass it through the Boolean() function and compare it with itself. In this case, only the values true or false will pass. So, false === Boolean(false) will return true but null === Boolean(null) will return false. Hope you get it. Try read the page linked in the question.
Josemaría Navarro-Rubio Coello de Portugal
@josemarianrcdp
Mar 18 2016 13:35
does someone know where this goes? class="class1 class2"
Santak Mishra
@santakmishra
Mar 18 2016 13:35
@josemarianrcdp which challenge ?
Loïc Rameau
@Loic-Rameau
Mar 18 2016 13:35
@josemarianrcdp In wich context ?
Roman Macak
@DrMacak
Mar 18 2016 13:35
@josemarianrcdp ?
yep
Aleksander Gębicki
@Takumar
Mar 18 2016 13:37
@josemarianrcdp I guess it's class attribute of HTML element so for example:
<p class="class1 class2">This is paragraph with two CSS classes</p>
Josemaría Navarro-Rubio Coello de Portugal
@josemarianrcdp
Mar 18 2016 13:37
Captura de pantalla 2016-03-18 a las 14.37.10.png
in this one :neutral_face:
Csiki László
@lcssgml
Mar 18 2016 13:38

How can i resolve this? "Your fa-thumbs-up icon should be located within the Like button."

<div class="col-xs-4">
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i></button>
</div>

Santak Mishra
@santakmishra
Mar 18 2016 13:39
@josemarianrcdp next time just give the link or name of the challenge :P that’s enuf
Josemaría Navarro-Rubio Coello de Portugal
@josemarianrcdp
Mar 18 2016 13:40
Okay! dint know! sorry
Berchie Agyemang Nti
@YawBerkye
Mar 18 2016 13:40
<div class="col-xs-4">
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i></button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i>Like</button>
</div>
Santak Mishra
@santakmishra
Mar 18 2016 13:41
@josemarianrcdp put the blue-text next to pink-text after a space in the <h1 class=“…”>
Csiki László
@lcssgml
Mar 18 2016 13:41
@YawBerkye thx :)
CamperBot
@camperbot
Mar 18 2016 13:41
lcssgml sends brownie points to @yawberkye :sparkles: :thumbsup: :sparkles:
:star: 132 | @yawberkye | http://www.freecodecamp.com/yawberkye
Santak Mishra
@santakmishra
Mar 18 2016 13:42
@josemarianrcdp something like : <h1 class=“pink-text blue-text”>…</h1> You can declare multiple classes for an element this way.
Josemaría Navarro-Rubio Coello de Portugal
@josemarianrcdp
Mar 18 2016 13:43
@santakmishra thanks
CamperBot
@camperbot
Mar 18 2016 13:43
josemarianrcdp sends brownie points to @santakmishra :sparkles: :thumbsup: :sparkles:
:star: 341 | @santakmishra | http://www.freecodecamp.com/santakmishra
karthik
@karthik339
Mar 18 2016 13:43
@santakmishra (y)
Santak Mishra
@santakmishra
Mar 18 2016 13:44
@karthik339 :)
Abhisek Pattnaik
@abhisekp
Mar 18 2016 13:44
@karthik339 umm.. do i know u from somewhere?
karthik
@karthik339
Mar 18 2016 13:45
@abhisekp not sure buddy . :) bangalore ?
Abhisek Pattnaik
@abhisekp
Mar 18 2016 13:45
@zersiax 'ello 'ello
@karthik339 naw! i mean in here. In and around internet. But anyway, .... nice to meet you fellow Indian :dancers::dancers::dancers:
karthik
@karthik339
Mar 18 2016 13:47
@abhisekp ha ha ..could be buddy :) thanks
CamperBot
@camperbot
Mar 18 2016 13:47
karthik339 sends brownie points to @abhisekp :sparkles: :thumbsup: :sparkles:
:star: 2330 | @abhisekp | http://www.freecodecamp.com/abhisekp
0x02
@zeroXzeroTWO
Mar 18 2016 13:47
People i need help with the challene " Link to external Pages with Anchor elements
karthik
@karthik339
Mar 18 2016 13:47
@abhisekp .i might need your help , in understanding concepts :)
0x02
@zeroXzeroTWO
Mar 18 2016 13:48
i know how to link but where do i put the code ?
Loïc Rameau
@Loic-Rameau
Mar 18 2016 13:48
@BernardKelly Aks us :)
0x02
@zeroXzeroTWO
Mar 18 2016 13:48
ill paste it here
Abhisek Pattnaik
@abhisekp
Mar 18 2016 13:48
@karthik339 ..and I might help in overstanding them ;)
0x02
@zeroXzeroTWO
Mar 18 2016 13:48
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
  .red-text {
    color: red;
  }

  h2 {
    font-family: Lobster, Monospace;
  }

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

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

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

<h2 class="red-text">CatPhotoApp</h2>
<p class="red-text"><a href="http://freecatphotoapp.com "</a>cat photos</p>

<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>
karthik
@karthik339
Mar 18 2016 13:48
@abhisekp ha ha
cannelflow
@cannelflow
Mar 18 2016 13:49
This message was deleted
Loïc Rameau
@Loic-Rameau
Mar 18 2016 13:49
@BernardKelly Hum you need to add an id and modify the link i guess
0x02
@zeroXzeroTWO
Mar 18 2016 13:49
its challenge 29
linking to external
links etc
Loïc Rameau
@Loic-Rameau
Mar 18 2016 13:50
Wait a sec i look the challenge ^^
0x02
@zeroXzeroTWO
Mar 18 2016 13:50
i reseted my code so its different should i paste it
cannelflow
@cannelflow
Mar 18 2016 13:50
@BernardKelly you don't need to nest it inside p tag as instruction says Create an a element that links to http://freecatphotoapp.com and has "cat photos" as its anchor text.
0x02
@zeroXzeroTWO
Mar 18 2016 13:51
so just use a "a" tag
cannelflow
@cannelflow
Mar 18 2016 13:51
@BernardKelly yes
0x02
@zeroXzeroTWO
Mar 18 2016 13:51
@cannelflow thank you!!
CamperBot
@camperbot
Mar 18 2016 13:51
bernardkelly sends brownie points to @cannelflow :sparkles: :thumbsup: :sparkles:
:star: 953 | @cannelflow | http://www.freecodecamp.com/cannelflow
cannelflow
@cannelflow
Mar 18 2016 13:51
<a></a> not <p><a></a></p> @BernardKelly
@BernardKelly :+1:
AliciadW
@AliciadW
Mar 18 2016 13:55
help missing letters
CamperBot
@camperbot
Mar 18 2016 13:55

:point_right: algorithm missing letters [wiki]

Problem Explanation:

  • You will create a program that will find the missing letter from a string and add it. If there is not missing letter it will return undefined. There is currently no test case for it missing more than one letter, but if anything recursion can be implemented or a second or more calls to the same function as needed. Also the letters are always provided in order so there is no need to sort them.
:pencil: read more about algorithm missing letters on the FCC Wiki
Bryon Nicoson
@bryonnicoson
Mar 18 2016 13:58
hmmm freecodecamp is not retaining my solutions for these, but @AliciadW I recall doing this one by iterating through the string and converting the current letter to charcode, then incrementing charcode +1 to test against next expected character - if the expected value does not match the next character, return the expected value
@AliciadW : to start with...
AliciadW
@AliciadW
Mar 18 2016 14:00
@bryonnicoson thanks for the tip! Not even sure where I am going to start. hehe
CamperBot
@camperbot
Mar 18 2016 14:00
aliciadw sends brownie points to @bryonnicoson :sparkles: :thumbsup: :sparkles:
Bryon Nicoson
@bryonnicoson
Mar 18 2016 14:00
for (i = 0; i < str.length; i++)
return str.charCodeAt(i);
}
CamperBot
@camperbot
Mar 18 2016 14:00
:star: 285 | @bryonnicoson | http://www.freecodecamp.com/bryonnicoson
AliciadW
@AliciadW
Mar 18 2016 14:02
g2g thanks again!
Ricardo Arteaga
@ScrumUser1
Mar 18 2016 14:02
Hello folks im new here my name is Ricardo
Loïc Rameau
@Loic-Rameau
Mar 18 2016 14:02
@ScrumUser1 Welcome :)
Ricardo Arteaga
@ScrumUser1
Mar 18 2016 14:02
thank you Loic
I checked this site out and currently working through stack certification
Federico Dente
@fez994
Mar 18 2016 14:03
I'm trying to create a transparent navbar with bootstrap but i got this http://imgur.com/rG4qVK6 how can i make the navbar transparent and have the background of my image?
Loïc Rameau
@Loic-Rameau
Mar 18 2016 14:04
@fez994 Play with the opacity of the image background
Ricardo Arteaga
@ScrumUser1
Mar 18 2016 14:04
im tring to figure out how to start contributing on project on freecodecamp
?
Myles Chuahiock
@myleschuahiock
Mar 18 2016 14:05
Thanks @santakmishra @bryonnicoson and @Loic-Rameau I'm getting it a bit more now. Also @bryonnicoson what do you mean by "cheated"?
CamperBot
@camperbot
Mar 18 2016 14:05
myleschuahiock sends brownie points to @santakmishra and @bryonnicoson and @loic-rameau :sparkles: :thumbsup: :sparkles:
:star: 286 | @bryonnicoson | http://www.freecodecamp.com/bryonnicoson
:star: 342 | @santakmishra | http://www.freecodecamp.com/santakmishra
:star: 16 | @loic-rameau | http://www.freecodecamp.com/loic-rameau
Loïc Rameau
@Loic-Rameau
Mar 18 2016 14:06
@ScrumUser1 Go on the github page
:)
Federico Dente
@fez994
Mar 18 2016 14:06
@Loic-Rameau The problem is the navbar, not the background image opacity
Ricardo Arteaga
@ScrumUser1
Mar 18 2016 14:06
thanks loic
Loïc Rameau
@Loic-Rameau
Mar 18 2016 14:07
@fez994 Oh soz, well check the opacity on the nav so
Bryon Nicoson
@bryonnicoson
Mar 18 2016 14:07
@myleschuahiock - maybe I didn't - I did not use the included return statement in my solution - I just did if (typeof bool == 'boolean')...
Federico Dente
@fez994
Mar 18 2016 14:07

@Loic-Rameau Well, is not working :
.navbar {
margin-bottom: 1.3em;
background: transparent;
}
.navbar-default{
border: none;
}
.navbar-toggle{
border: rgba(0,0,0,0.4);
}

.navbar-default .navbar-nav > li > a{
color: #d7d7d7;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: rgba(0,0,0,0.4);
}

Doesn't matter how much i change the CSS proprierties of the navbar, nothing change
Loïc Rameau
@Loic-Rameau
Mar 18 2016 14:10
@fez994 Try playing with the background-color on the .navbar { margin-bottom: 1.3em; background: transparent; }
Bryon Nicoson
@bryonnicoson
Mar 18 2016 14:11
@fez994 - something like...
.custom_nav .navbar.navbar-fixed-top .navbar-inner{
background: rgba(255, 255, 255, 0.3);
}
Loïc Rameau
@Loic-Rameau
Mar 18 2016 14:11
@bryonnicoson Yep
Federico Dente
@fez994
Mar 18 2016 14:13
@bryonnicoson Done, nothing changed
Loïc Rameau
@Loic-Rameau
Mar 18 2016 14:14
@fez994 It should. Are they some css overiting yours ? check it out by the console dev. Press F12 and look for you nav
Roman Macak
@DrMacak
Mar 18 2016 14:14
.navbar {opacity: 0.4;}
Federico Dente
@fez994
Mar 18 2016 14:15
It's like my css is not working. It's fine for the background image etc. But when it comes to editing the navbar nothing works
Kyle
@tkdkyle
Mar 18 2016 14:15
i need help with java script Finding a Remainder in JavaScript
Federico Dente
@fez994
Mar 18 2016 14:15
The style.css is liked correctly (Because the background image is working)
This message was deleted
// Only change code below this line

var remainder;
Aleksander Gębicki
@Takumar
Mar 18 2016 14:18
@tkdkyle your instruction: Set remainder equal to the remainder of 11 divided by 3 using the remainder (%) operator.
So continue your code by assigning value to remainder variable:
var remainder = ...
Bryon Nicoson
@bryonnicoson
Mar 18 2016 14:18
@fez994 : you are using bootstrap's navbar? if so, you will need to override the bootstrap css - look at bootstrap documentation for how to do so
Kyle
@tkdkyle
Mar 18 2016 14:18
ok
Federico Dente
@fez994
Mar 18 2016 14:19
@bryonnicoson Yeah, i'm using the bootstrap navbar
Harshit Pandey
@HashMachine
Mar 18 2016 14:27
Hello, Plz have look over my portfolio http://codepen.io/HashMachine/pen/eZgJWw
Yuriy Chulikov
@logon007
Mar 18 2016 14:28
---Make sure each of your div elements has a closing tag. ??? were my error
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
  h2 {
    font-family: Lobster, Monospace;
  }

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

<div class="container-fluid">
  <div class="row">
    <div class="col-xs-8">
      <h2 class="text-primary text-center">CatPhotoApp</h2>
    </div>
    <div class="col-xs-4">
      <a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat"></a>
    </div>
  </div>
  <img src="http://bit.ly/fcc-running-cats" class="img-responsive">
  <div class="row">
    <div class="col-xs-4">
      <button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
    </div>
    <div class="col-xs-4">
      <button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
    </div>
    <div class="col-xs-4">
      <button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
    </div>
  </div>
  <p>Things cats <span class="text-danger">love:</span></p>
  <ul>
    <li>cat nip</li>
    <li>laser pointers</li>
    <li>lasagna</li>
  </ul>
  <p>Top 3 things cats hate:</p>
  <ol>
    <li>flea treatment</li>
    <li>thunder</li>  <li>other cats</li>
  </ol> 
<form action="/submit-cat-photo">
  <div class="row">
    <div class="col-xs-6">
    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
      <div class="col-xs-6">
    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
</div>
    <label><input type="checkbox" name="personality"> Loving</label>
    <label><input type="checkbox" name="personality"> Lazy</label>
    <label><input type="checkbox" name="personality"> Crazy</label>
    <input type="text" placeholder="cat photo URL" required>
    <button type="submit">Submit</button>
      </form></div>
Harshit Pandey
@HashMachine
Mar 18 2016 14:28
I can not see it in phone properly
can anyone tell me why??
Manish Giri
@Manish-Giri
Mar 18 2016 14:29
@logon007
<div class="col-xs-6">
    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
      <div class="col-xs-6">
Federico Dente
@fez994
Mar 18 2016 14:30
@bryonnicoson I've changed the bootstrap.css file but nothing changed. This is so frustrating
Is there something like bootstrap (Responsive) but easier to customize?
Harshit Pandey
@HashMachine
Mar 18 2016 14:33
Is there no one who can solve my problem here??
codercooooder
@codercooooder
Mar 18 2016 14:34
i need someone who can really dive into some javascript for a scroller, to help me slightly modify its functionality. i think i found the sections that need to be changed, but i get overwhelmed by all the variables, i think a real pro might be able to manage thisl, anyone want to take a look?
karthik
@karthik339
Mar 18 2016 14:35
how do you guys editor code snippet in chat window ?
Santak Mishra
@santakmishra
Mar 18 2016 14:35
help format
CamperBot
@camperbot
Mar 18 2016 14:35

: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

karthik
@karthik339
Mar 18 2016 14:35
do you guys use screenshot or something ?
Santak Mishra
@santakmishra
Mar 18 2016 14:35
thats how :)
karthik
@karthik339
Mar 18 2016 14:36
got it :)
Yuriy Chulikov
@logon007
Mar 18 2016 14:36

@Manish-Giri

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

selects unclosed tag </form>

Manish Giri
@Manish-Giri
Mar 18 2016 14:37
@logon007 ?
karthik
@karthik339
Mar 18 2016 14:38
Can someone tell me how can I put font-tamily Lobster to h1 element ?
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
  .red-text {
    color: red;
  }

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



<h2 class="font-family:Lobster">CatPhotoApp</h2>

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
h2 element *
Yuriy Chulikov
@logon007
Mar 18 2016 14:38
@Manish-Giri identifies tag </form> like unclosed
Manish Giri
@Manish-Giri
Mar 18 2016 14:39
This message was deleted
Yuriy Chulikov
@logon007
Mar 18 2016 14:39
@karthik339
h2 {
    font-family: Lobster, Monospace;
  }
Manish Giri
@Manish-Giri
Mar 18 2016 14:39
This message was deleted
Miguel Martinez
@cortazar11
Mar 18 2016 14:40
Within the style tags,
karthik
@karthik339
Mar 18 2016 14:40
awesome
got it
@logon007 @cortazar11 thanks
CamperBot
@camperbot
Mar 18 2016 14:41
karthik339 sends brownie points to @logon007 and @cortazar11 :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for cortazar11
:star: 90 | @logon007 | http://www.freecodecamp.com/logon007
Manish Giri
@Manish-Giri
Mar 18 2016 14:41
@logon007 put your code in codepen and use the tidy option to match which tags are unclosed
Yuriy Chulikov
@logon007
Mar 18 2016 14:41
@Manish-Giri <form action="/submit-cat-photo">
frodidly
@frodidly
Mar 18 2016 14:43
Hello I am having trouble overriding an element with css
i cant get a check on the Your <style> should have a pink-text CSS class with its color set to pink.
Loïc Rameau
@Loic-Rameau
Mar 18 2016 14:44
@frodidly Just add a css declaration of the class pink-text
@frodidly
.pink-text{
  color: pink;
}
Erik
@Nerik54
Mar 18 2016 14:46
hi everyone
frodidly
@frodidly
Mar 18 2016 14:46
thanks
Erik
@Nerik54
Mar 18 2016 14:46
@frodidly how do you take a pic of your code like that? ;) (im a newbie) thx!
CamperBot
@camperbot
Mar 18 2016 14:46
nerik54 sends brownie points to @frodidly :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for frodidly
Noah Fleitz
@burningPluto
Mar 18 2016 14:47
how can i make my transparent footer position to the bottom of the 3rd banner?
Loïc Rameau
@Loic-Rameau
Mar 18 2016 14:47
help wiki
CamperBot
@camperbot
Mar 18 2016 14:47
no wiki entry for: wiki@nerik54
Loïc Rameau
@Loic-Rameau
Mar 18 2016 14:47
help wiki
CamperBot
@camperbot
Mar 18 2016 14:47

:point_right: how to contribute to the wiki [wiki]

How To Contribute To The Wiki

This is a step-by-step guide, aimed at people new to Git, which covers how to use GitHub Desktop as well as the Git command line

As such there might be 2 sets of directions: GitHub Desktop first, then command line version

GitHub Desktop is a GUI interface, but there are benefits to learning the command line way too (speed, shortcuts, more powerful commands, and being able to talk to people who are old school). It might be beneficial to you to try the Command Line way after you get more comfortable with GitHub

Table Of Contents

:pencil: read more about how to contribute to the wiki on the FCC Wiki

Loïc Rameau
@Loic-Rameau
Mar 18 2016 14:48
@Nerik54 just add backticks ```
at the start and the ends
Erik
@Nerik54
Mar 18 2016 14:48
ok ill try thanks
Gustavo Chávez
@gchavez2
Mar 18 2016 14:49
@burningPluto check the way I do it here: http://codepen.io/gchavez2/pen/JXYJQZ
Erik
@Nerik54
Mar 18 2016 14:49
@Loic-Rameau sorry i don't get it.
how to i paste the code so it appears like i see it
?
Loïc Rameau
@Loic-Rameau
Mar 18 2016 14:50
@Nerik54 First add ```
@Nerik54 Then past you code
Erik
@Nerik54
Mar 18 2016 14:50
a ok lol
Loïc Rameau
@Loic-Rameau
Mar 18 2016 14:50
@Nerik54 Then add ```
Erik
@Nerik54
Mar 18 2016 14:50
sry
Gustavo Chávez
@gchavez2
Mar 18 2016 14:50
help markdown @nerik54
CamperBot
@camperbot
Mar 18 2016 14:50

:point_right: writing a markdown file using atom [wiki]

Writing a Markdown File for GitHub using Atom

Markdown is a way to style text on the web, and GitHub users make use of markdown to provide documentation for their repositories.

From GitHub guides:

You control the display of the document; formatting words as bold or italic, adding images, and creating lists are just a few of the things we can do with Markdown. Mostly, Markdown is just regular text with a few non-alphabetic characters thrown in, like # or *.

You can use Markdown most places around GitHub:

  • Gist
  • Comments in Issues and Pull Requests
  • Files with the .md or .markdown extension

Markdown files have the extension .md and you'll see that a vast number of GitHub repositories have README.md files.

A great example is that if you want to write a Wiki file for this repository, it'll need to be a .md file. What you're reading right now is a markdown file called writing-a-markdown-file-using-atom.md.

Markdown files are easy to write, and you can find a markdown cheat sheet here.

:pencil: read more about writing a markdown file using atom on the FCC Wiki

Loïc Rameau
@Loic-Rameau
Mar 18 2016 14:50
@Nerik54 :)
Erik
@Nerik54
Mar 18 2016 14:50
please bear with me ^^
Gustavo Chávez
@gchavez2
Mar 18 2016 14:51
gitter.JPG
@Nerik54 check that image
Mohamed Hamza
@mohamedhamza1995
Mar 18 2016 14:51
@Takumar wow really! :D
Erik
@Nerik54
Mar 18 2016 14:51
thanks @gchavez2
CamperBot
@camperbot
Mar 18 2016 14:51
nerik54 sends brownie points to @gchavez2 :sparkles: :thumbsup: :sparkles:
:star: 353 | @gchavez2 | http://www.freecodecamp.com/gchavez2
Mohamed Hamza
@mohamedhamza1995
Mar 18 2016 14:52
I'll try to log out then log in
Erik
@Nerik54
Mar 18 2016 14:53

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

<div class=".gray-background"

<p>Things cats love:</p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
</div>
``

lol
Loïc Rameau
@Loic-Rameau
Mar 18 2016 14:53
@Nerik54 3 backtips :)
Akash Kanodia
@33akash
Mar 18 2016 14:53
Is it okay to use code found online for the project? Or i am limited to libraries only?
Erik
@Nerik54
Mar 18 2016 14:53
<a href="#"><img class="smaller-image thick-green-border" alt="A cute orange cat lying on its back" src="https://bit.ly/fcc-relaxing-cat"></a>
<div class=".gray-background"

  <p>Things cats love:</p>
  <ul>
    <li>cat nip</li>
    <li>laser pointers</li>
    <li>lasagna</li>
  </ul>
  <p>Top 3 things cats hate:</p>
  <ol>
    <li>flea treatment</li>
    <li>thunder</li>
    <li>other cats</li>
</ol>
</div>
there you go!
=)
Manish Giri
@Manish-Giri
Mar 18 2016 14:54
@Nerik54 when declaring a class using the class keyword, you don't use the .
<div class=".gray-background"
Erik
@Nerik54
Mar 18 2016 14:54
now i need to give my div element the claass gray background
Loïc Rameau
@Loic-Rameau
Mar 18 2016 14:54
@33akash You can but it’s preferable to add the credits for the code you re-use
Erik
@Nerik54
Mar 18 2016 14:54
i've created the class but how do i assign it to my div element?
Manish Giri
@Manish-Giri
Mar 18 2016 14:55
@Nerik54 and you're also missing the closing >
<div class="gray-background">
Loïc Rameau
@Loic-Rameau
Mar 18 2016 14:55
@Nerik54 Just as @Manish-Giri said =)
Erik
@Nerik54
Mar 18 2016 14:55
ah ok
thanks!
Akash Kanodia
@33akash
Mar 18 2016 14:55
@Loic-Rameau Okay. Thank you.
CamperBot
@camperbot
Mar 18 2016 14:55
33akash sends brownie points to @loic-rameau :sparkles: :thumbsup: :sparkles:
:star: 17 | @loic-rameau | http://www.freecodecamp.com/loic-rameau
Erik
@Nerik54
Mar 18 2016 14:55
hopefully i'll help somebody else soon:)
Loïc Rameau
@Loic-Rameau
Mar 18 2016 14:55
:D
Mohamed Hamza
@mohamedhamza1995
Mar 18 2016 14:56
@Takumar I figured it out :D thank you! I lost the codes when I press on map, but when I'm at the portfolio everything is there :D
CamperBot
@camperbot
Mar 18 2016 14:56
mohamedhamza1995 sends brownie points to @takumar :sparkles: :thumbsup: :sparkles:
:star: 2770 | @takumar | http://www.freecodecamp.com/takumar
Aleksander Gębicki
@Takumar
Mar 18 2016 14:59
@mohamedhamza1995 as someone explained it here, your codes are stored in browsers cache, but when you work on other computer you have to check solution from the FCC server,.
Debashis Deb
@debashisdeb
Mar 18 2016 15:05
@raam1 are you still there ?
Bill Taylor
@Bilberto
Mar 18 2016 15:09
Hello campers I am stuck on Accessing Nested Arrays in JSON waypoint. everything I have tried doesn't work and online examples are few. I need some help please.
cannelflow
@cannelflow
Mar 18 2016 15:10
@Bilberto can you paste your code
// Setup
var myPlants = [<myPlant is an array here so myPlants[]
  { 
    type: "flowers",
    list: [
      "rose",
      "tulip",<====you can access this like myPlants[].list[];
      "dandelion"
    ]
  },
  {
    type: "trees",
    list: [
      "fir",
      "pine",<====you need to access this
      "birch"
    ]
  }  
];

// Only change code below this line
@Bilberto
Bill Taylor
@Bilberto
Mar 18 2016 15:12
@cannelflow how do I post it like that?
cannelflow
@cannelflow
Mar 18 2016 15:12
help format
CamperBot
@camperbot
Mar 18 2016 15:12

: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

cannelflow
@cannelflow
Mar 18 2016 15:12
:point_up: March 18, 2016 8:42 PM @Bilberto
Bill Taylor
@Bilberto
Mar 18 2016 15:13
@cannelflow brb

@cannelflow var myPlants = [
{
type: "flowers",
list: [
"rose",
"tulip",
"dandelion"
]
},
{
type: "trees",
list: [
"fir",
"pine",
"birch"
]
}
];

// Only change code below this line

var secondTree = myPlants.trees.list[1]; // Change this line

Patrick
@CaptRat
Mar 18 2016 15:17

#53 says I don’t have "h1 element inheriting the color propertyfrom the body element". Anybody see what I’ve done wrong? <style>

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

<body>
<h1>Hello World</h1>
</body>

Dylan
@dhcodes
Mar 18 2016 15:17
@Bilberto have you tried bracket notation?
Bill Taylor
@Bilberto
Mar 18 2016 15:17
yep
Loïc Rameau
@Loic-Rameau
Mar 18 2016 15:17
@CaptRat You don’t touch the css color
cannelflow
@cannelflow
Mar 18 2016 15:17
var myPlants = [  <=====myPlant is an array here so myPlants[]
  { 
    type: "flowers",
    list: [
      "rose",
      "tulip",<====you can access this like myPlants[].list[];
      "dandelion"
    ]
  },
  {
    type: "trees",
    list: [
      "fir",
      "pine",<====you need to access this
      "birch"
    ]
  }  
];
@Bilberto
Patrick
@CaptRat
Mar 18 2016 15:18
So… add a class statement? Thank you, Loic-Rameau
mientje
@mientje
Mar 18 2016 15:18
Is anybody experiencing problems connecting to cloud9? It's been reconnecting the whole afternoon now.
Patrick
@CaptRat
Mar 18 2016 15:19
@Loic-Rameau No, adding a class in <body> didn’t work. Any other hint, please and thank you!
CamperBot
@camperbot
Mar 18 2016 15:19
captrat sends brownie points to @loic-rameau :sparkles: :thumbsup: :sparkles:
:star: 18 | @loic-rameau | http://www.freecodecamp.com/loic-rameau
Bill Taylor
@Bilberto
Mar 18 2016 15:19
var secondTree = myPlants[1].list[1];
cannelflow
@cannelflow
Mar 18 2016 15:20
@Bilberto yes
Dylan
@dhcodes
Mar 18 2016 15:20
@CaptRat what is the challenge name?
Patrick
@CaptRat
Mar 18 2016 15:20
"Inherit Styles from the Body Element"
Bill Taylor
@Bilberto
Mar 18 2016 15:21
works! I tried var secondTree = myPlants[trees].list[1]; first then with no result then I tried var secondTree = myPlants[1].list[1];
@cannelflow thank you!
CamperBot
@camperbot
Mar 18 2016 15:21
bilberto sends brownie points to @cannelflow :sparkles: :thumbsup: :sparkles:
:star: 956 | @cannelflow | http://www.freecodecamp.com/cannelflow
cannelflow
@cannelflow
Mar 18 2016 15:21
@Bilberto :+1:
Dylan
@dhcodes
Mar 18 2016 15:22
@CaptRat it looks like you need to make the text green, not the background-color
the attribute for the text color is just { color: green }
Loïc Rameau
@Loic-Rameau
Mar 18 2016 15:22
@CaptRat The chalenge only look on css ‘color’ ? If so just change the color of the body
Patrick
@CaptRat
Mar 18 2016 15:23
Oh duh! THANK YOU @dhcodes @Loic-Rameau
CamperBot
@camperbot
Mar 18 2016 15:23
captrat sends brownie points to @dhcodes and @loic-rameau :sparkles: :thumbsup: :sparkles:
:warning: captrat already gave loic-rameau points
:star: 434 | @dhcodes | http://www.freecodecamp.com/dhcodes
Dylan
@dhcodes
Mar 18 2016 15:23
cool
Sameer Shamsudeen
@sameershamsudheen
Mar 18 2016 15:23
hello anyone please tell me why my image having a white background outside outer box here: http://codepen.io/sameershamsudheen/pen/yOgZzY
Patrick
@CaptRat
Mar 18 2016 15:24
@dhcodes (Is this the way to properly use the HELP room? Just to “shout out” my question - or is there some easier (less frenetic) method that I don’t yet know about?
Dylan
@dhcodes
Mar 18 2016 15:25
@sameershamsudheen it's because it's in a div class="thumnail"
it's inheriting stuff from Bootstrap. You can see this by opening dev tools and using the element selector to hover over the white part of the box
@CaptRat that's the way I know and love lol
it's chaotic but it works. I'm sure gitter will eventually thread messages, but not a good way to do that yet
Moyosore Sosan
@Mohyour
Mar 18 2016 15:27
hi
I have this instruction:
Use the $("button") selector.
Use the $(".btn") selector.
Use the $("#target1") selector.
Only add one class with each of your three selectors.
Your #target1 element should have the classes animated‚ shake and btn-primary.
Only use jQuery to add these classes to the element.
Loïc Rameau
@Loic-Rameau
Mar 18 2016 15:28
@sameershamsudheen Cause your body background is white
Moyosore Sosan
@Mohyour
Mar 18 2016 15:28
and i have this code:
<script>
$(document).ready(function() {
$("button").addClass("animated");
$(".btn").addClass("animated shake");
$("#target1").addClass("btn-primary");
});
</script>
Tej Pratap
@tejscript
Mar 18 2016 15:29
// Setup
var myStr = "Jello World";

// Only change code below this line

myStr = "Hello World";
myStr[0] = "H"; // Fix Me
Moyosore Sosan
@Mohyour
Mar 18 2016 15:29
can someone point out my error please
cannelflow
@cannelflow
Mar 18 2016 15:29
@Mohyour which exercise?
mariocatch
@mariocatch
Mar 18 2016 15:29
@Mohyour put it in one code snippet. and tell us what is failing currently.
cannelflow
@cannelflow
Mar 18 2016 15:29
@tejscript which exercise?
Moyosore Sosan
@Mohyour
Mar 18 2016 15:30
exercise 116: Target the same element with multiple jQuery Selectors
Tej Pratap
@tejscript
Mar 18 2016 15:30
ex. 166 Understand String Immutability
Moyosore Sosan
@Mohyour
Mar 18 2016 15:30
and how do i get to format text like @tejscript just did
Tej Pratap
@tejscript
Mar 18 2016 15:30
@Mohyour
Moyosore Sosan
@Mohyour
Mar 18 2016 15:30
format the code i mean
Tej Pratap
@tejscript
Mar 18 2016 15:31
buddy just put your code in this format
greg
@wearenotgroot
Mar 18 2016 15:31
@Mohyour were you suppose to add only one class on those ?
Moyosore Sosan
@Mohyour
Mar 18 2016 15:31
yes i guess @wearenotgroot
cannelflow
@cannelflow
Mar 18 2016 15:31
<script>
  $(document).ready(function() {
    $("button").addClass("animated");
    $(".btn").addClass("animated shake");<=== you have to class here animated and shake only require is shake as it says Add the shake class to all the buttons with class .btn.
    $("#target1").addClass("btn-primary");
  });
</script>
@Mohyour
greg
@wearenotgroot
Mar 18 2016 15:31
@Mohyour if so then remove animated on the .btn
Tej Pratap
@tejscript
Mar 18 2016 15:31
This message was deleted
This message was deleted
greg
@wearenotgroot
Mar 18 2016 15:32
@Mohyour and just leave the "shake"
Tej Pratap
@tejscript
Mar 18 2016 15:32
help format
CamperBot
@camperbot
Mar 18 2016 15:32

: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

Moyosore Sosan
@Mohyour
Mar 18 2016 15:33
like this
thanks
@wearenotgroot so what do i have on the .btn
greg
@wearenotgroot
Mar 18 2016 15:34
@Mohyour ---------->$(".btn").addClass("shake");
@Mohyour "animated" is one class, so does "shake" as well as "btn-primary". So it will fullfill the requirement for "Only add one class with each of your three selectors."
Jill
@Shanlly
Mar 18 2016 15:35
having trouble with "set the ID of an Element" to add h2 id cat-photo-app in the form element. Here is what I have <form action="/submit-cat-photo">
<h2 id="cat-photo-app">
<label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality" checked> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Energetic</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
thanks for any help
Tej Pratap
@tejscript
Mar 18 2016 15:36
@Shanlly
help format
CamperBot
@camperbot
Mar 18 2016 15:36

: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

Moyosore Sosan
@Mohyour
Mar 18 2016 15:36
thanks @wearenotgroot that worked. but, i won't mind little explanation on that
CamperBot
@camperbot
Mar 18 2016 15:36
mohyour sends brownie points to @wearenotgroot :sparkles: :thumbsup: :sparkles:
Tej Pratap
@tejscript
Mar 18 2016 15:36
use this
CamperBot
@camperbot
Mar 18 2016 15:36
:star: 975 | @wearenotgroot | http://www.freecodecamp.com/wearenotgroot
cannelflow
@cannelflow
Mar 18 2016 15:36
This message was deleted
Collyn1221
@Collyn1221
Mar 18 2016 15:36
I'm a little confused with the container-fluid class. I'm starting the tribute page now. Do I want all of the code in a nested in <div class="container-fluid"></div>?
greg
@wearenotgroot
Mar 18 2016 15:36
@Mohyour well it said to "Only add one class with each of your three selectors."
Manish Giri
@Manish-Giri
Mar 18 2016 15:36
@Shanlly you need to close the h2 element
<h2 id="cat-photo-app">....</h2>
greg
@wearenotgroot
Mar 18 2016 15:37
@Mohyour so removing animated on .btn
cannelflow
@cannelflow
Mar 18 2016 15:37
@Shanlly you need to close your h2 tag
Dylan
@dhcodes
Mar 18 2016 15:37
@Collyn1221 yes, except the header
greg
@wearenotgroot
Mar 18 2016 15:37
@Mohyour and leaving only "shake" class solve that requirement
Collyn1221
@Collyn1221
Mar 18 2016 15:37
@dhcodes thanks.
CamperBot
@camperbot
Mar 18 2016 15:37
collyn1221 sends brownie points to @dhcodes :sparkles: :thumbsup: :sparkles:
:star: 435 | @dhcodes | http://www.freecodecamp.com/dhcodes
MuhammadRe
@MuhammadRe
Mar 18 2016 15:38
Accessing Nested Arrays in JSON
Moyosore Sosan
@Mohyour
Mar 18 2016 15:38
oh... @wearenotgroot now i get.. only one class, so 'animated' and 'shake' are different classes. Thanks
CamperBot
@camperbot
Mar 18 2016 15:38
mohyour sends brownie points to @wearenotgroot :sparkles: :thumbsup: :sparkles:
:warning: mohyour already gave wearenotgroot points
Dylan
@dhcodes
Mar 18 2016 15:38
well, I guess it depends @Collyn1221 but the container-fluid is part of bootstrap. You can read more here: http://getbootstrap.com/css/#grid
MuhammadRe
@MuhammadRe
Mar 18 2016 15:38
var secondTree = myPlants.type[1].list[1];
Dylan
@dhcodes
Mar 18 2016 15:38
@Collyn1221 check out some of their sample code to get a feel for how it works
greg
@wearenotgroot
Mar 18 2016 15:38
@Mohyour yep :+1:
MuhammadRe
@MuhammadRe
Mar 18 2016 15:38
it is not working ??
Moyosore Sosan
@Mohyour
Mar 18 2016 15:39
appreciate man @wearenotgroot
Jill
@Shanlly
Mar 18 2016 15:39
I tried closing it. I will try again
cannelflow
@cannelflow
Mar 18 2016 15:39
var myPlants = [  <=====myPlant is an array here so myPlants[]
  { 
    type: "flowers",
    list: [
      "rose",
      "tulip",<====you can access this like myPlants[].list[];
      "dandelion"
    ]
  },
  {
    type: "trees",
    list: [
      "fir",
      "pine",<====you need to access this
      "birch"
    ]
  }  
];
@MuhammadRe
greg
@wearenotgroot
Mar 18 2016 15:39
@Mohyour np
Jill
@Shanlly
Mar 18 2016 15:39
<h2 id="cat-photo-app"></h2>
it still doesn't work
Manish Giri
@Manish-Giri
Mar 18 2016 15:40
@Shanlly missing the text in between the tags
MuhammadRe
@MuhammadRe
Mar 18 2016 15:41
@cannelflow the same
cannelflow
@cannelflow
Mar 18 2016 15:41
@MuhammadRe show your code
Tej Pratap
@tejscript
Mar 18 2016 15:41
@cannelflow where is mine?
Jill
@Shanlly
Mar 18 2016 15:42
@Manish-Giri thanks
CamperBot
@camperbot
Mar 18 2016 15:42
shanlly sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
cannelflow
@cannelflow
Mar 18 2016 15:42
@tejscript ?
CamperBot
@camperbot
Mar 18 2016 15:42
:star: 777 | @manish-giri | http://www.freecodecamp.com/manish-giri
Tej Pratap
@tejscript
Mar 18 2016 15:42
exercise 166 Understand String Immutability?
MuhammadRe
@MuhammadRe
Mar 18 2016 15:42

// Setup
var myPlants = [
{
type: "flowers",
list: [
"rose",
"tulip",
"dandelion"
]
},
{
type: "trees",
list: [
"fir",
"pine",
"birch"
]
}
];

// Only change code below this line

var secondTree = myPlants.[1].list[1]; // Change this line

Tej Pratap
@tejscript
Mar 18 2016 15:42
@cannelflow i asked for it.
Manish Giri
@Manish-Giri
Mar 18 2016 15:43
@MuhammadRe
var secondTree = myPlants[1].list[1];
Myles Chuahiock
@myleschuahiock
Mar 18 2016 15:43
@MuhammadRe Can you enclose your code in between ``` . It's the symbol beside the number 1 on your keyboard :)