These are chat archives for FreeCodeCamp/Help

5th
Jun 2016
Moisés Man
@moigithub
Jun 05 2016 00:08
ur randNum generator should be INSIDE ur click function.. so it changes everytime u click,,, (to get a new quote)
and... ur selector should be like this
var that = $("#hiddenText p:nth-child("+ randNum + ")")[0];
that will return u a <p> element with some quote inside....
then u can set ur $(#quote).html(that) with that
@Haydenmarx
probably would be easier if u make an array of quotes/strings on ur javascript code :)
Gagan
@lacarthic
Jun 05 2016 00:11
Hey guys I am trying to add a background to my div element under style. Is this how I would do it? div .gray-background {background-color: gray;}
rphares
@rphares
Jun 05 2016 00:13
you dont need div at the very beginning of that, @lacarthic
the rest is fine,
Moisés Man
@moigithub
Jun 05 2016 00:13
@lacarthic there r 2 steps u need to do..
  1. create the style
  2. apply the style
Gagan
@lacarthic
Jun 05 2016 00:15
Can I add that to my existing style and do I need to add anyting to the div element itself? Thanks so much for the help guys!!
rphares
@rphares
Jun 05 2016 00:15
<style>
.gray-background {
background-color: gray;
}

.class-name {//this is part 1 of an example
color: red;
}
</style>

//Remember!!!
<element class= "class-name"></element>//this is part I2 of the example :)
@lacarthic
you need to add it to the div, like in the example--
thats the 'applying the style' part @moigithub mentioned~
class= "class-name" must be in your element's tag (in your case a div and the class-name gray-background, it sounds like ;) )
Gagan
@lacarthic
Jun 05 2016 00:17
perfect thanks so much @rphares
CamperBot
@camperbot
Jun 05 2016 00:17
lacarthic sends brownie points to @rphares :sparkles: :thumbsup: :sparkles:
:star2: 5033 | @rphares |http://www.freecodecamp.com/rphares
rphares
@rphares
Jun 05 2016 00:17
anytime~
James
@JamesPAZIP
Jun 05 2016 00:24
<style>
h2{color: blue;}
<h2> CatPhotoApp </h2>
</style>
How do i change my h2 element to blue?
rphares
@rphares
Jun 05 2016 00:25
the </style> goes above the html, @JamesPAZIP
Lisa
@aGirlWhoCodes
Jun 05 2016 00:25
@JamesPAZIP You need to put your <h2> element outside the <style> element
rphares
@rphares
Jun 05 2016 00:26
it means it is the end of the style section. You write all your css details in between <style> and </style>, and all your content html, like <h2> CatPhotoApp </h2> after the end of that section :blush:
Biggear
@Biggear
Jun 05 2016 00:26
Can i get some help with Create a Set of Checkoxes?
James
@JamesPAZIP
Jun 05 2016 00:27
Oh my gosh lol, thanks!
rphares
@rphares
Jun 05 2016 00:27
sure-- could you paste your formatted code please, @Biggear ?
explain format
CamperBot
@camperbot
Jun 05 2016 00:27

: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 thecode`.

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

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

Biggear
@Biggear
Jun 05 2016 00:28
This message was deleted
Biggear
@Biggear
Jun 05 2016 00:33
This message was deleted
Le Anh Duy (Andrew)
@leanhduy1998
Jun 05 2016 00:35
@moigithub thanks
CamperBot
@camperbot
Jun 05 2016 00:35
leanhduy1998 sends brownie points to @moigithub :sparkles: :thumbsup: :sparkles:
:star2: 1343 | @moigithub |http://www.freecodecamp.com/moigithub
Hugo Melo
@squanto
Jun 05 2016 00:42
@Arkhtor you want to arr.push(item) before shifting, and then shift
Arkhtor
@Arkhtor
Jun 05 2016 00:48
@squanto Can You explain why it worked? :D
Hugo Melo
@squanto
Jun 05 2016 00:48
nextInLine([], 1) doesn’t shift anything if the array is empty before you shift
also, "Add the number to the end of the array, then remove the first element of array. “
Courtney J Thompson
@Coreyjj1
Jun 05 2016 00:49
Having trouble with uncommenting HTML deleting comment tags. Any takers?
Arkhtor
@Arkhtor
Jun 05 2016 00:49
@Coreyjj1 paste code
@squanto thanks, now i got it
CamperBot
@camperbot
Jun 05 2016 00:50
arkhtor sends brownie points to @squanto :sparkles: :thumbsup: :sparkles:
:cookie: 265 | @squanto |http://www.freecodecamp.com/squanto
Dan
@dcgoings
Jun 05 2016 00:51
alright guys, let me have it! what do you guys think?
http://codepen.io/dcgoings/full/MeWBwz/
Freda Brown
@jamnwhistler
Jun 05 2016 00:51
Hi, can you tell me how do I set my browser (firefox) to 100% zoom?
Dan
@dcgoings
Jun 05 2016 00:51
@jamnwhistler hold control and use mouse wheel
Arkhtor
@Arkhtor
Jun 05 2016 00:51
@dcgoings nice
@jamnwhistler try ctrl + and ctrl -
Freda Brown
@jamnwhistler
Jun 05 2016 00:53
Thanks...the mouse wheel works, but i don't know what level I'm at...That is, it makes everything bigger, but i don't know how much bigger.
Brandon S.
@NewbieMelody
Jun 05 2016 00:54
@jamnwhistler Click the menu button on the right. The customization menu will open and you will see the zoom controls at the top.
Use the + button to zoom in, and the - button to zoom out. The number in the middle is the current zoom level - click it to reset the zoom to 100%.
Lisa
@aGirlWhoCodes
Jun 05 2016 01:13

Hello! Question here. In JS is this if-statement working?

if (status === 'Online') {
      $('.resultsPart img').css('border','3px solid #BCED91'); 
   }

Or do I need something like stringcompare?

It's not the right time to ask a question right?
I will try somewhere else..
gordygreen
@gordygreen
Jun 05 2016 01:20
hi guys, a bit of help with "use responsive design with bootstrap fluid containers
having problems with this "Make sure you have nested all HTML elements in .container-fluid."
rphares
@rphares
Jun 05 2016 01:20
Sure thing, @gordygreen ~ trying to nest all the html in a div, with the class container -fluid
gordygreen
@gordygreen
Jun 05 2016 01:21

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

.smaller-image {
width: 100px;
}


</style>

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

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

<div class="container-fluid">

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

rphares
@rphares
Jun 05 2016 01:21
See the div you opened, <div class="container-fluid">? @gordygreen
you need to nest all the html in that,
which means opening it the very first line of your html,
the first line after the closing of the </style> section,
move it to the top, right after </style>
(NOTE: after </style> not after <style> ! :blush: )
gordygreen
@gordygreen
Jun 05 2016 01:23
thanks. it al just disappeared on me completely . is this common?
and thanks for your help @rphares
CamperBot
@camperbot
Jun 05 2016 01:23
gordygreen sends brownie points to @rphares :sparkles: :thumbsup: :sparkles:
:star2: 5034 | @rphares |http://www.freecodecamp.com/rphares
rphares
@rphares
Jun 05 2016 01:23
huh? disappeared?
anytime~
gordygreen
@gordygreen
Jun 05 2016 01:26
it has happened to me twice this morning. It deletes the entire coding box and leaves me with 3 empty lines
hard to explain but im not just pressing delete lol
rphares
@rphares
Jun 05 2016 01:26
huh, I've never had that, I'm sorry i dont know... :pensive:
Arkhtor
@Arkhtor
Jun 05 2016 01:30
Guys anybody remembers golf code on javascript?
rphares
@rphares
Jun 05 2016 01:31
I've done it-- what sup?
@rphares Good returns, not passing
rphares
@rphares
Jun 05 2016 01:32
from the chart-- >= par + 3 "Go Home!"
you have ===
as your last if
Arkhtor
@Arkhtor
Jun 05 2016 01:33
Ive got it only on else
Jonathan Lace
@jdlace
Jun 05 2016 01:33
Hey. New coder here. How do I navigate on this page? I don't see any buttons. https://www.freecodecamp.com/challenges/say-hello-to-html-elements
rphares
@rphares
Jun 05 2016 01:33
oh, so you do,
then
add a ! ;) @Arkhtor
( "Go Home!" )
Arkhtor
@Arkhtor
Jun 05 2016 01:34
@rphares HAAAH thanks
CamperBot
@camperbot
Jun 05 2016 01:34
arkhtor sends brownie points to @rphares :sparkles: :thumbsup: :sparkles:
:star2: 5035 | @rphares |http://www.freecodecamp.com/rphares
rphares
@rphares
Jun 05 2016 01:34
you input the code in the black box, @jdlace -
then, there should be a white button with green text below the instructions,
that says 'run tests`
button willl test the code that you type int the black box
and if it passes, it will take you to the next screen
Jonathan Lace
@jdlace
Jun 05 2016 01:35
rphares, I did that, but don't see any buttons
rphares
@rphares
Jun 05 2016 01:36
no 'run tests' under the instructions?
Arkhtor
@Arkhtor
Jun 05 2016 01:36
@jdlace scroll down left side
rphares
@rphares
Jun 05 2016 01:36
can you send a screen shot, please? (note: i probably cant help you... but will try...)
Jonathan Lace
@jdlace
Jun 05 2016 01:37
ahh. thank you. didn't see any scroll bars/didn't know i could. 😐
rphares
@rphares
Jun 05 2016 01:37
phew!
thanks, @Arkhtor ~
CamperBot
@camperbot
Jun 05 2016 01:37
rphares sends brownie points to @arkhtor :sparkles: :thumbsup: :sparkles:
:cookie: 209 | @arkhtor |http://www.freecodecamp.com/arkhtor
Circle City Buzz
@jakobandpeter
Jun 05 2016 01:41
little help please
Arkhtor
@Arkhtor
Jun 05 2016 01:41
@jakobandpeter what's the problem?
Circle City Buzz
@jakobandpeter
Jun 05 2016 01:42
Style Text Inputs as Form Controls
<i><input type="text" placeholder="cat photo URL"> class="form-control" required></i>
<button class="btn btn-primary"type="submit"><i class="fa fa-paper-plane"></i>Submit</button>
</form>
I went wrong somewhere
This is what I have left. "Give the text input in your form the class form-control. "
send you link?
rphares
@rphares
Jun 05 2016 01:44
you have the > before the end of the tag, @jakobandpeter
Leonardo Plaska
@LeonardoPlaska
Jun 05 2016 01:44
Hello everyone! I am a freshman in coding with html and i come from china. I am glad to have the chance to meet with you all here!
Arkhtor
@Arkhtor
Jun 05 2016 01:44
"cat photo URL"> class="form-control" look at ">"
rphares
@rphares
Jun 05 2016 01:44
see how class="form-control" required> domes after the > in what you wrote?
Arkhtor
@Arkhtor
Jun 05 2016 01:44
@LeonardoPlaska Good morning :)
rphares
@rphares
Jun 05 2016 01:44
so, it isn't in any tag, its just sitting there~
Nice to meet you, too, @LeonardoPlaska ~
Leonardo Plaska
@LeonardoPlaska
Jun 05 2016 01:45
Good morning!
Thanks !
Circle City Buzz
@jakobandpeter
Jun 05 2016 01:49
ooooooo, I see. Thanks @rphares
CamperBot
@camperbot
Jun 05 2016 01:49
jakobandpeter sends brownie points to @rphares :sparkles: :thumbsup: :sparkles:
:star2: 5036 | @rphares |http://www.freecodecamp.com/rphares
rphares
@rphares
Jun 05 2016 01:49
Anytime~ Happy coding! :blush:
(and ty @Arkhtor - you were also on it :blush: )
CamperBot
@camperbot
Jun 05 2016 01:50
rphares sends brownie points to @arkhtor :sparkles: :thumbsup: :sparkles:
:warning: rphares already gave arkhtor points
Circle City Buzz
@jakobandpeter
Jun 05 2016 01:50
and thanks @Arkhtor
CamperBot
@camperbot
Jun 05 2016 01:50
jakobandpeter sends brownie points to @arkhtor :sparkles: :thumbsup: :sparkles:
:cookie: 211 | @arkhtor |http://www.freecodecamp.com/arkhtor
Arkhtor
@Arkhtor
Jun 05 2016 01:51
@rphares Yup most frustrating thing in coding is finding these little errors
rphares
@rphares
Jun 05 2016 01:52
cases should be "a" b" etc
erm-
not always,
Arkhtor
@Arkhtor
Jun 05 2016 01:52
@rphares then i've got a is not defined
rphares
@rphares
Jun 05 2016 01:52
but in this exercise they should be:
"a" - "apple"
"b" - "bird"
"c" - "cat"
default - "stuff"
with ""
then,
Arkhtor
@Arkhtor
Jun 05 2016 01:53
@rphares oh :D
rphares
@rphares
Jun 05 2016 01:53
you also are returning in each of those
you dont want to return in each one--
when you return, its GAME OVER, right?
so, you could only run something once-- it would find case "a", for example, return, and then anything else wouldn't go through--
so, instead,
try setting answer= in each case ;)
Arkhtor
@Arkhtor
Jun 05 2016 01:54
@rphares Yup i've just forgot those quota marks , and thought they're defined in somekind of array
rphares
@rphares
Jun 05 2016 01:54
(because you will return answer at the end-- when everything has run, and it is okay to exit~)
Stephen Mansfield
@StephenMansfield
Jun 05 2016 01:55
Does anybody else have any problems with codepen updating?
rphares
@rphares
Jun 05 2016 01:55
@StephenMansfield , i find its very important to save frequently and,
when i didn't see a change right away, i save and open it in debug mode (then it updates) or tidy (then it updates)
Stephen Mansfield
@StephenMansfield
Jun 05 2016 01:57
@rphares thanks, it has been really frustrating the last few days
CamperBot
@camperbot
Jun 05 2016 01:57
stephenmansfield sends brownie points to @rphares :sparkles: :thumbsup: :sparkles:
:star2: 5037 | @rphares |http://www.freecodecamp.com/rphares
Stephen Mansfield
@StephenMansfield
Jun 05 2016 01:57
I've probably spent hours banging my head against problems
that turned out not to be problems
just codepen being a jerk
rphares
@rphares
Jun 05 2016 01:57
sure thing--
do note that sometimes tidying point out issues you didn't know you had, heh... it updates and blammo that thing you did one line ago, that you arent thinking about, you are thinking about what you JUST did, is an issue and now updated... and you keep staring at your new line, wondering whats wrong with it, even though its the line above... (exaggeration, but... thats what always seems to happen to me :blush: )
Zamua Nasrawt
@Zamua
Jun 05 2016 02:05
Anyone here wanna take a crack at what is probably a dumb problem?
Stephen Mansfield
@StephenMansfield
Jun 05 2016 02:06
Yea. I wonder if there is a codepen type app the runs natively, so I wouldn't have to deal with this
@Zamua sure
Arkhtor
@Arkhtor
Jun 05 2016 02:06
@Zamua Sure
Stephen Mansfield
@StephenMansfield
Jun 05 2016 02:06
post your code, and tell us which problem you are working
Zamua Nasrawt
@Zamua
Jun 05 2016 02:06

It seems I'm getting correct output, but I'm still failing test cases? Code is below:

function sym(args) {
  var map = {};

  //If the passed element is in the map, increment it's value.
  //Otherwise initialize it to one.
  //This map keeps track of the number of times an element is seen.
  var addToMap = function(e) {
    if (map.hasOwnProperty(e)) {
      map[e] = map[e] + 1;

    } else
      map[e] = 1;
  };

  var sets = [];
  var result = [];

  //Extract the arrays from arguments, 
  //create the sets, 
  //add them to an array.
  for (var x in arguments) {
    sets.push(new Set(arguments[x]));
  }

  //Iterate over every set.
  //Add every element of every set to the map.
  for (var i = 0; i < sets.length; i++) {
    sets[i].forEach(addToMap);
  }

  //Here's the hacky part.
  //Check the set for all elements that have an odd count.
  //Those with an odd count get added to the results.
  //The others are ignored.
  //
  //Instead of performing an actualy symmetric difference operation,
  //I'm just applying a pattern (Odd counts happen to be included).
  for (var z in map) {
    if (map[z] % 2 === 1) {
      result.push(z);
    }
  }

  return result;
}
sym([3, 3, 3, 2, 5], [2, 1, 5, 7], [3, 4, 6, 6], [1, 2, 3], [5, 3, 9, 8], [1]);

This is for the Symmetric difference algorithm
I'm gonna post some of the test cases, could you all run them and let me know what you get? Cause it's saying I'm getting the correct numbers, but it isn't marking the tests as passing
----tests----
sym([1, 2, 3], [5, 2, 1, 4]) should return [3, 4, 5]
sym([1, 2, 5], [2, 3, 5], [3, 4, 5]) should return [1, 4, 5]
sym([1, 1, 2, 5], [2, 2, 3, 5], [3, 4, 5, 5]) should return [1, 4, 5]
----end----
Also it seems I'm failing the first test, and then every other test. So the pass/fail for my tests is alternating. I don't know if that's helpful at all

Arkhtor
@Arkhtor
Jun 05 2016 02:07
@Zamua i'll pass
Zamua Nasrawt
@Zamua
Jun 05 2016 02:07
NOTE: those are only some of the tests I'm failing
@Arkhtor I understand! don't worry about it <3
Stephen Mansfield
@StephenMansfield
Jun 05 2016 02:08
@Zamua i'll take a look, but I havnt passed this one yet
still working on my weather app
Zamua Nasrawt
@Zamua
Jun 05 2016 02:08
@StephenMansfield I understand! Don't waste too much time on this, you gotta work on your stuff too. It's all good.
Zamua Nasrawt
@Zamua
Jun 05 2016 02:13
nvm, the great people at HelpJavascript helped me out thanks all!
I've got proper outputs, but failed tests
NVM, figured it out
Chipp99
@Chipp99
Jun 05 2016 02:21
i have a question, it may seem dumb but are the certificates you get on here legit? because im sure theres websites that give fake ones
Arkhtor
@Arkhtor
Jun 05 2016 02:21
@Chipp99 LinkedIn is respecting them
Zamua Nasrawt
@Zamua
Jun 05 2016 02:22
@Chipp99 No such thing as a "legit" certificate. It's all about what employers think of it. Some places like LinkedIn consider them pretty good
kofi gates
@abenastevejobs
Jun 05 2016 02:26
Use CSS Selectors to Style Elements
can i get help this
am getting error out of it or it cant run
Leonardo Plaska
@LeonardoPlaska
Jun 05 2016 02:28
Taking I want to show a part of pictures like The PPT,must I take the advantages of jOuery?
Daniel
@IamSsj3Goku
Jun 05 2016 02:52
For making a tribute page, can it be on anything alive or dead? :)
Brooke Hein
@brookeelle
Jun 05 2016 03:01
<p> cat photos
<a href="http://freecatphotoapp.com">
</a>
</p>
Can anyone tell me why this isn't linking to the words "cat photos"?
Shusil Banjade
@shusil123
Jun 05 2016 03:02
@IamSsj3Goku , It can be of anyone, alive ar dead. Doesn't matter
Brad Rumack
@brumack
Jun 05 2016 03:03
@brookeelle place "cat photos" after the url, before the closing p tag
Brooke Hein
@brookeelle
Jun 05 2016 03:03
Got it, thank you so much!
Brad Rumack
@brumack
Jun 05 2016 03:03
Sorry, before the closing a tag
Shusil Banjade
@shusil123
Jun 05 2016 03:03
@brookeelle , you have to put "cat photos" between a and /a . Like , <a href ="">cat photos</a>
Iskya
@iskya
Jun 05 2016 03:06
Hi, is there anyone who can help me with geolocation api?
Femifad
@Femifad
Jun 05 2016 03:06
?hello.How do I specify the width of a pic in an html file?
Coy Sanders
@coymeetsworld
Jun 05 2016 03:07
@iskya yeah what's the issue?
Shusil Banjade
@shusil123
Jun 05 2016 03:07
@Femifad , img { width: 100px; }
Femifad
@Femifad
Jun 05 2016 03:08
Thanks, @shusil123
CamperBot
@camperbot
Jun 05 2016 03:08
femifad sends brownie points to @shusil123 :sparkles: :thumbsup: :sparkles:
:cookie: 326 | @shusil123 |http://www.freecodecamp.com/shusil123
Femifad
@Femifad
Jun 05 2016 03:09
@shusil123 , I have declred it in a class. How do I apply it to the image?
Iskya
@iskya
Jun 05 2016 03:09
@coymeetsworld i dont know why isnt working, i've just copy and paste someone code on code pen to see if its works, but for me isn't work... maybe is something with the registration i dont know, this is the code pen http://codepen.io/iskya/pen/jrPvzo?editors=1111
Coy Sanders
@coymeetsworld
Jun 05 2016 03:09
@Femifad its similar to how you added a class to your h2 and p tags
except instead of giving the class red-text to an image, you apply the smaller-image class
Femifad
@Femifad
Jun 05 2016 03:11
In the red text problem, I typed it in he opening tag. here, the opening tag is not the same.
@coymeetsworld
Coy Sanders
@coymeetsworld
Jun 05 2016 03:11
idk where you copy and pasted the code from @iskya, but the problem is probably because you're calling functions that codepen doesn't know about i.e. google.maps
right @Femifad but you can give the img tag a class attribute, just like you did the h2 and p tags
i.e. <img class="" src="">
Femifad
@Femifad
Jun 05 2016 03:12
Thanks. @coymeetsworld
CamperBot
@camperbot
Jun 05 2016 03:12
femifad sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 1043 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Iskya
@iskya
Jun 05 2016 03:12
and how can i solve this? is for the local weather challenge
Coy Sanders
@coymeetsworld
Jun 05 2016 03:12
I don't think you need google maps at all for this @iskya
better to not copy and paste code from someone else on these challenges either, try to write it for yourself esp if you don't know what's going on
Iskya
@iskya
Jun 05 2016 03:14
but i dont know how to do the geolocation part
i just try to understand the code to use it on that challenges
Coy Sanders
@coymeetsworld
Jun 05 2016 03:15
sure you do, you did the "Get Geolocation Data" challenge right?
Tristanto
@rustyworks
Jun 05 2016 03:15
I have problem on get geolocation in intermediate frontend
Coy Sanders
@coymeetsworld
Jun 05 2016 03:15
but one minor caveat though, the way they showed you how to do it won't work on Chrome without a secure connection
Tristanto
@rustyworks
Jun 05 2016 03:16
When I try to set the callback on success, it seems it doesn't syncronize
Iskya
@iskya
Jun 05 2016 03:16
well yes but i want to try something different :(
Coy Sanders
@coymeetsworld
Jun 05 2016 03:16
different than what?
Iskya
@iskya
Jun 05 2016 03:16
with the google map api
to have a map in my site
Tristanto
@rustyworks
Jun 05 2016 03:17
function getLocation() {
  var currentPosition = {
    latitude: null,
    longitude: null,
  };

  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(
      function (position) {
        currentPosition.latitude = position.coords.latitude;
        currentPosition.longitude = position.coords.longitude;
      },
      errorCallback);
  }


  function errorCallback(error) {
    console.log(error);
  }
  return currentPosition; // This is not set because this is execute before the success callback called  
}
Can anyone help me?
Coy Sanders
@coymeetsworld
Jun 05 2016 03:17
you can add that if you want @iskya, but i would first try to do what they say first and get the weather of current location.
Then you can add things like maps afterwards if you'd like
Ramesh syangtan
@rameshsyn
Jun 05 2016 03:17
@iskya @rustyworks You can get weather info from http://ipinfo.io
It's nice
Daniel
@IamSsj3Goku
Jun 05 2016 03:18
@shusil123 Thank you for the response. :)
CamperBot
@camperbot
Jun 05 2016 03:18
iamssj3goku sends brownie points to @shusil123 :sparkles: :thumbsup: :sparkles:
:cookie: 327 | @shusil123 |http://www.freecodecamp.com/shusil123
Coy Sanders
@coymeetsworld
Jun 05 2016 03:18
@rameshsyn that gives coordinates, not weather
Tristanto
@rustyworks
Jun 05 2016 03:18
@rameshsyn I mean the commented describe my problem
@rameshsyn The current position is executed before the successCallback
Iskya
@iskya
Jun 05 2016 03:19
ohh Im going to try.... thank @rameshsyn and thanks @coymeetsworld
CamperBot
@camperbot
Jun 05 2016 03:19
iskya sends brownie points to @rameshsyn and @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 1044 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
:cookie: 666 | @rameshsyn |http://www.freecodecamp.com/rameshsyn
Ramesh syangtan
@rameshsyn
Jun 05 2016 03:19
Yes cordinates and request that coordinater here http://openweathermap.org/
Tristanto
@rustyworks
Jun 05 2016 03:19
I already set that Ramesh
It's not about the json / api call issue, but callback issue
Coy Sanders
@coymeetsworld
Jun 05 2016 03:20
@rustyworks are you by any chance using chrome?
not sure what you mean when you say current position executed before successCallback
Ramesh syangtan
@rameshsyn
Jun 05 2016 03:20
@iskya @coymeetsworld :smile:
Tamika
@tbishop225
Jun 05 2016 03:20
Can someone help me? I'm getting an error on this code. Instructions:Make the second child in each of your well elements bounce. You must target the children of element with the target class. Here is my code: $(".target:nth-child(2)").addClass("animated-bounce");
});
</script>
Tristanto
@rustyworks
Jun 05 2016 03:20
@coymeetsworld Yes, the return currentPosition is executed before successCallback
Any tips for that?
Coy Sanders
@coymeetsworld
Jun 05 2016 03:21
successCallback for what?
Tamika
@tbishop225
Jun 05 2016 03:21
this is the error I'm getting: The second element in your target elements should bounce.
I'm not sure what I'm missing?
Coy Sanders
@coymeetsworld
Jun 05 2016 03:21
and currentPosition is an object reference not a function, not sure what you mean when you say its executed
Tristanto
@rustyworks
Jun 05 2016 03:22
@coymeetsworld successCallback is for setting the variable
Well, I want the getLocation function for returning value
Coy Sanders
@coymeetsworld
Jun 05 2016 03:22
are you using chrome?
Tristanto
@rustyworks
Jun 05 2016 03:22
I don't think this is chrome issue
Let me give the complete comments, please wait
Coy Sanders
@coymeetsworld
Jun 05 2016 03:23
navigator.geolocation no longer works on chrome w/o secure connection, just FYI
Tristanto
@rustyworks
Jun 05 2016 03:24
function getLocation() {
  var currentPosition = {
    latitude: null,
    longitude: null,
  }; // This is the initializer

  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(
      function (position) {
        currentPosition.latitude = position.coords.latitude;
        currentPosition.longitude = position.coords.longitude;
      }, // this is the success callback, but this is executed later
      errorCallback);
  }


  function errorCallback(error) {
    console.log(error);
  }

  return currentPosition; // this is executed before the success callback. this make the latitude and longitude value still null
}
:(
Tamika
@tbishop225
Jun 05 2016 03:24
Can someone help me? I'm getting an error on this code. Instructions: Make the second child in each of your well elements bounce. You must target the children of element with the target class. Here is my code: $(".target:nth-child(2)").addClass("animated-bounce");
});
</script>
DCFOS
@DCFOS
Jun 05 2016 03:25
Can you have multiple classes inside the <style>? Or do I have to create a new <style> for each one?
Ramesh syangtan
@rameshsyn
Jun 05 2016 03:25
@tbishop225 try this : $("button:nth-child(2)").addClass('animated bounce');
skilescm
@skilescm
Jun 05 2016 03:26
@tbishop225 , do you have that inside of the document ready?
Tamika
@tbishop225
Jun 05 2016 03:26
@rameshsyn I tried that, I'm still getting an error?
Ramesh syangtan
@rameshsyn
Jun 05 2016 03:26
@DCFOS Yes you can have multiple classes inside style
DCFOS
@DCFOS
Jun 05 2016 03:26
Thanks @rameshsyn
CamperBot
@camperbot
Jun 05 2016 03:26
:cookie: 667 | @rameshsyn |http://www.freecodecamp.com/rameshsyn
dcfos sends brownie points to @rameshsyn :sparkles: :thumbsup: :sparkles:
Tamika
@tbishop225
Jun 05 2016 03:27
@skilescm Yes, i do
Ramesh syangtan
@rameshsyn
Jun 05 2016 03:27
@tbishop225 $(".target:nth-child(2)").addClass('animated bounce');
Coy Sanders
@coymeetsworld
Jun 05 2016 03:27
oh the getCurrentPosition function makes an asynchronous call
@rustyworks
Tamika
@tbishop225
Jun 05 2016 03:27
@rameshsyn Thats what my code look like. Getting error
Tristanto
@rustyworks
Jun 05 2016 03:28
@coymeetsworld Thats right!!!
Coy Sanders
@coymeetsworld
Jun 05 2016 03:28
yeah so you need to refactor your code a bit
Tristanto
@rustyworks
Jun 05 2016 03:28
Yes!!! Thats right, any tips for me?
Coy Sanders
@coymeetsworld
Jun 05 2016 03:28
but also another thing to consider is not use navigator.geolocation since it won't work on non-secure chrome
Ramesh syangtan
@rameshsyn
Jun 05 2016 03:28
@tbishop225 Don't put underscore between classes animated and bounce :smile:
Coy Sanders
@coymeetsworld
Jun 05 2016 03:29
@rameshsyn brought up earlier another API call you can use to get coordinates: http://ipinfo.io
Tamika
@tbishop225
Jun 05 2016 03:29
@rameshsyn I don't have an underscore?
Tristanto
@rustyworks
Jun 05 2016 03:29
Oh okay, should I use google.maps api?
Oh okay
Dany B Smith
@DanyBSmith
Jun 05 2016 03:29

Hi I am working on challenge 44 (Give a background color to a Div element. I think my code is right but it still won't work Heres what I have

<div>
.gray-background{
background-color: gray;
}
<p>Things cats love:</p>

Tristanto
@rustyworks
Jun 05 2016 03:29
First, thanks for the api @coymeetsworld
CamperBot
@camperbot
Jun 05 2016 03:29
rustyworks sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
Coy Sanders
@coymeetsworld
Jun 05 2016 03:29
I was also told about http://ip-api.com/json
CamperBot
@camperbot
Jun 05 2016 03:29
:star2: 1045 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Tamika
@tbishop225
Jun 05 2016 03:29
Oh, you're saying remmed the dash? @rameshsyn
Coy Sanders
@coymeetsworld
Jun 05 2016 03:30
@DanyBSmith the class needs to go between your style tags
Ramesh syangtan
@rameshsyn
Jun 05 2016 03:30
@tbishop225 Could you share your whole code ??
skilescm
@skilescm
Jun 05 2016 03:30
@DanyBSmith it needs to be in a <style> tag
Tristanto
@rustyworks
Jun 05 2016 03:30
But if I insist using the navigator, any tips ?
DCFOS
@DCFOS
Jun 05 2016 03:30
Gooooood I feel so stupid, I don't understand where to place the class (class="smaller-image") in the img element <img src="https://bit.ly/fcc-relaxing-cat">
Ramesh syangtan
@rameshsyn
Jun 05 2016 03:30
@tbishop225 yes
skilescm
@skilescm
Jun 05 2016 03:30
@DCFOS after img
Dany B Smith
@DanyBSmith
Jun 05 2016 03:30
Ahhh... so just there and then do I need to add class="background-color-gray" after the <div>??
Ramesh syangtan
@rameshsyn
Jun 05 2016 03:30
:smile: @coymeetsworld
DCFOS
@DCFOS
Jun 05 2016 03:30
Oh...oh. Thanks @skilescm
CamperBot
@camperbot
Jun 05 2016 03:30
dcfos sends brownie points to @skilescm :sparkles: :thumbsup: :sparkles:
:cookie: 155 | @skilescm |http://www.freecodecamp.com/skilescm
Coy Sanders
@coymeetsworld
Jun 05 2016 03:31
between it @DanyBSmith, like <div class="">
AndrewDank
@AndrewDank
Jun 05 2016 03:31
I'm having issues with this code using "cat photos" as an anchor test.
Coy Sanders
@coymeetsworld
Jun 05 2016 03:31
also the class you created isn't named background-color-gray, its gray-background
Tristanto
@rustyworks
Jun 05 2016 03:32
@coymeetsworld I assume that if I use function callback, I shouldn't return value? I should call another function, is that right?
Coy Sanders
@coymeetsworld
Jun 05 2016 03:32
@rustyworks you can use it if you'd like, as long as you don't use chrome unless you can find a free API to use to get weather over secure connection
Tamika
@tbishop225
Jun 05 2016 03:32
@rameshsyn Unfortunately I do not know how to screen shot my code :(
skilescm
@skilescm
Jun 05 2016 03:32
@tbishop225 you can copy paste
Ramesh syangtan
@rameshsyn
Jun 05 2016 03:32
@DCFOS :smile: <img src="https://bit.ly/fcc-relaxing-cat" class="smaller-image">
Coy Sanders
@coymeetsworld
Jun 05 2016 03:32
you could do it that way @rustyworks yeah
Ramesh syangtan
@rameshsyn
Jun 05 2016 03:33
@tbishop225 wiki format
Coy Sanders
@coymeetsworld
Jun 05 2016 03:33
or have the get location function separate from everything else
Ramesh syangtan
@rameshsyn
Jun 05 2016 03:33
wiki format
CamperBot
@camperbot
Jun 05 2016 03:33

: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 thecode`.

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

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

Tristanto
@rustyworks
Jun 05 2016 03:33
Oh okay, second thanks @coymeetsworld
CamperBot
@camperbot
Jun 05 2016 03:33
rustyworks sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:warning: rustyworks already gave coymeetsworld points
Coy Sanders
@coymeetsworld
Jun 05 2016 03:33
var locationObj = someFunctionThatCallsGeoLocation();
np
AndrewDank
@AndrewDank
Jun 05 2016 03:33
blob
Evan Bradley
@EvanBradley92
Jun 05 2016 03:33

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

.smaller-image {
width: 100px;
}

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

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

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

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

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

<form action="/submit-cat-photo">
<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>
I'm having trouble getting my background color to gray and assigning it to my divclass

Dany B Smith
@DanyBSmith
Jun 05 2016 03:33
@coymeetsworld Ahh!!! It worked! Thank you. I thought that was what I needed to do at first but looked at github at someone else’s incorrect code. So helpful! My thanks!
CamperBot
@camperbot
Jun 05 2016 03:33
danybsmith sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
Tamika
@tbishop225
Jun 05 2016 03:33
OMG removing the dash corrected the issue @rameshsyn
CamperBot
@camperbot
Jun 05 2016 03:33
:star2: 1046 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Tamika
@tbishop225
Jun 05 2016 03:34
Thank you so much! @rameshsyn
CamperBot
@camperbot
Jun 05 2016 03:34
tbishop225 sends brownie points to @rameshsyn :sparkles: :thumbsup: :sparkles:
:cookie: 668 | @rameshsyn |http://www.freecodecamp.com/rameshsyn
Ramesh syangtan
@rameshsyn
Jun 05 2016 03:34
@tbishop225 :smile:
Coy Sanders
@coymeetsworld
Jun 05 2016 03:34
lol @DanyBSmith, nice work. Now you know just because someone put it on github doesn't mean it works :smile:
although that is strange
Evan Bradley
@EvanBradley92
Jun 05 2016 03:35
please help
Coy Sanders
@coymeetsworld
Jun 05 2016 03:36
@EvanBradley92 you nested your div style inside gray-background class style, you don't need that div
Ramesh syangtan
@rameshsyn
Jun 05 2016 03:36
@EvanBradley92 well formatted your code
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

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

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

.smaller-image {
width: 100px;
}

div {
.gray-background {
background-color: gray;
}
</style>
<h2 class="red-text">CatPhotoApp</h2>
<p>Click here for <a href="#">cat photos</a>.</p>
<a href="#"><img class="smaller-image thick-green-border" alt="A cute orange cat lying on its back" src="https://bit.ly/fcc-relaxing-cat"></a>
<div>
<p>Things cats love:</p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
</div>
<form action="/submit-cat-photo">
<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>
Coy Sanders
@coymeetsworld
Jun 05 2016 03:36
and you need to assign that class to your div below in your html code
remove this line: div {
and then on your <div> add the class gray-background, then it should work
Jeremy P-K
@Jerediablo
Jun 05 2016 03:37
Hey, I'm trying to do the Tribute Page project but I can't figure out to get the picture to go away from the right side of the page
skilescm
@skilescm
Jun 05 2016 03:38
@Jerediablo I don't see a picture on the right side, just the big one in the center?
AndrewDank
@AndrewDank
Jun 05 2016 03:39
I need help with "Link to External Pages with Anchor Elements"
Evan Bradley
@EvanBradley92
Jun 05 2016 03:39
Im drawing a blank how do I do that Coy
Coy Sanders
@coymeetsworld
Jun 05 2016 03:39
add a class?
Evan Bradley
@EvanBradley92
Jun 05 2016 03:39

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

.smaller-image {
width: 100px;
}

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

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

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

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

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

</div>

<form action="/submit-cat-photo">
<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>

Jeremy P-K
@Jerediablo
Jun 05 2016 03:39
@skilescm Sorry, phrased poorly, I want the photo to be centered in the screen, but it keeps going to the right side of the screen
Coy Sanders
@coymeetsworld
Jun 05 2016 03:39
same way you added classes before
look how you added red-text class to your h2 element. youre doing the same thing to your div except you're adding gray-background instead of red-text
AndrewDank
@AndrewDank
Jun 05 2016 03:40

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

<a href="http://freecatphotoapp.com"cat photos</a>

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

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

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

genarob31
@genarob31
Jun 05 2016 03:41

Hello, I am unable to move forward until my h2 element is red. I'm having trouble finding the issue.

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

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

Jeremy P-K
@Jerediablo
Jun 05 2016 03:41
@genarob31 I think you just need to remove the first h2

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

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

genarob31
@genarob31
Jun 05 2016 03:42
@Jerediablo Thanks! Appreciate it!
CamperBot
@camperbot
Jun 05 2016 03:42
genarob31 sends brownie points to @jerediablo :sparkles: :thumbsup: :sparkles:
:cookie: 120 | @jerediablo |http://www.freecodecamp.com/jerediablo
skilescm
@skilescm
Jun 05 2016 03:43
@Jerediablo try adding center-block to the image class
Coy Sanders
@coymeetsworld
Jun 05 2016 03:43
yeah you don't need the h2 part in the style @genarob31
Ramesh syangtan
@rameshsyn
Jun 05 2016 03:44
@Jerediablo you can set your margin properly in margins class , like setting value to auto
Evan Bradley
@EvanBradley92
Jun 05 2016 03:45
Oh duh thank you coy
Jeremy P-K
@Jerediablo
Jun 05 2016 03:45
@skilescm Didn't seem to change anything :/
Coy Sanders
@coymeetsworld
Jun 05 2016 03:46
np @EvanBradley92
skilescm
@skilescm
Jun 05 2016 03:47
@Jerediablo delete your margins style in the html
my guess is its fighting the bootstrap styles
it fixed it in my pen
Jeremy P-K
@Jerediablo
Jun 05 2016 03:49
@skilescm hmm, so doing that, its on the left and right sides of the screen now
skilescm
@skilescm
Jun 05 2016 03:49
@Jerediablo post a new link to your updated pen please
skilescm
@skilescm
Jun 05 2016 03:51
are you not wanting the image to be full width?
Jeremy P-K
@Jerediablo
Jun 05 2016 03:51
@skilescm Oh, no sorry, I want it to be a certain distance from both sides of the screen
@skilescm like the sample one
skilescm
@skilescm
Jun 05 2016 03:54
@Jerediablo try adding a new class to the img and then adding a padding value to it in your css
DCFOS
@DCFOS
Jun 05 2016 03:54
This is not part of the site exercises (I make a test on an online editor after each exercise to be sure I memorized it), but why doesn't the classes I applied to the img (the border and width) work here? jdoodle.com/h/4
I'm pretty sure it's supposed to work
Woops, shared the wrong link sorry one moemnt
This maybe
Jeremy P-K
@Jerediablo
Jun 05 2016 03:56
@skilescm I added a width value in a new class and it seems to have worked!
skilescm
@skilescm
Jun 05 2016 03:57
@Jerediablo as long as you are ok with the static value of the image, that will work fine
Jeremy P-K
@Jerediablo
Jun 05 2016 03:57
@skilescm Thanks!
CamperBot
@camperbot
Jun 05 2016 03:57
jerediablo sends brownie points to @skilescm :sparkles: :thumbsup: :sparkles:
:cookie: 156 | @skilescm |http://www.freecodecamp.com/skilescm
Ramesh syangtan
@rameshsyn
Jun 05 2016 03:59
@Jerediablo add try this class
.center-block {
    max-width: 955px !important;
    margin: auto;

  }
Jeremy P-K
@Jerediablo
Jun 05 2016 04:00
@rameshsyn Thanks!
CamperBot
@camperbot
Jun 05 2016 04:00
jerediablo sends brownie points to @rameshsyn :sparkles: :thumbsup: :sparkles:
:cookie: 669 | @rameshsyn |http://www.freecodecamp.com/rameshsyn
Ramesh syangtan
@rameshsyn
Jun 05 2016 04:01
:smile:
skilescm
@skilescm
Jun 05 2016 04:01
@DCFOS did that do what you wanted it to?
Jeremy P-K
@Jerediablo
Jun 05 2016 04:02
@skilescm Yeah, it's centered now, away from the sides, so I think all is good!
@skilescm oops, I thought that was to me :X
skilescm
@skilescm
Jun 05 2016 04:02
lol...no worries
DCFOS
@DCFOS
Jun 05 2016 04:02
Yeah thanks @skilescm and the other guy. It's actually just a test with random values but it worked and I see what
CamperBot
@camperbot
Jun 05 2016 04:02
dcfos sends brownie points to @skilescm :sparkles: :thumbsup: :sparkles:
:warning: dcfos already gave skilescm points
Jessica
@QueenCode
Jun 05 2016 04:04
Hello all. I'm on the "Profile Lookup" JavaScript challenge and I can't figure out why my code isn't working.
for (i = 0; i < contacts.length; i++) { if (firstName == contacts[i].firstName && contacts[i].hasOwnProperty(prop)) { return contacts[i][prop]; } else if (contacts[i].hasOwnProperty(prop) === false) { return "No such property"; } else if (firstName !== contacts[i].firstName) { return "No such contact"; } }
I'm not sure how to paste this properly...
Manish Giri
@Manish-Giri
Jun 05 2016 04:07
@QueenCode
help format
CamperBot
@camperbot
Jun 05 2016 04:07

: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 thecode`.

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

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

Jessica
@QueenCode
Jun 05 2016 04:07
for (i = 0; i < contacts.length; i++) {
    if (firstName == contacts[i].firstName && contacts[i].hasOwnProperty(prop)) {
      return contacts[i][prop];
    } else if (contacts[i].hasOwnProperty(prop) === false) {
      return "No such property";
    } else if (firstName !== contacts[i].firstName) {
      return "No such contact";
    }
  }
thanks!
sorry.. i forgot to include the function part of this.. but this is inside a function that accepts firstName and prop as arguments
Steven J H
@TheoneSteve
Jun 05 2016 04:15
<script>
$(document).ready(function() {
$("#target1").css("color", "red");
$("#target1").prop("disabled", true);
$("#target4").remove();
$("#target2").appendTo("#right-well");
$("#target5").clone().appendTo("#left-well");
$("#left-well").parent().css("background-color", "red")
$("#target1").parent()

});
</script>
UtkarshShukla7
@UtkarshShukla7
Jun 05 2016 04:17
@TheoneSteve any problems?
Steven J H
@TheoneSteve
Jun 05 2016 04:18
x Your left-well element should have a red background.
You should use the .parent() function to modify this element.
The .parent() method should be called on the #target1 element.
Only use jQuery to add these classes to the element.
I cant get to the next level because left well does not red background even know it shows that is does
Iskya
@iskya
Jun 05 2016 04:19
help.. i've just copy paste the geolocation challenge in my codepen and isn't working...
CamperBot
@camperbot
Jun 05 2016 04:19
no wiki entry for: ive just copy paste the geolocation challenge in my codepen and isnt working
skilescm
@skilescm
Jun 05 2016 04:20
@TheoneSteve is the parent() needed in the left-well line?
Tamika
@tbishop225
Jun 05 2016 04:20
I am starting this tribute page and I'm drawing a blank?? Am I ready for this? I've only been with FCC for 2 weeks!
UtkarshShukla7
@UtkarshShukla7
Jun 05 2016 04:20
@TheoneSteve see $("#target1").parent() gives the parent of #target1 ,that is ,#lef-twell ,so you just have to apply your css function to it as you did for #left-well
Steven J H
@TheoneSteve
Jun 05 2016 04:21
ye @skilescm
yes
skilescm
@skilescm
Jun 05 2016 04:21
@TheoneSteve , sorry I just re-read your post. If you need to use the parent to achieve the red, you would need to reference a child of left-well instead
Steven J H
@TheoneSteve
Jun 05 2016 04:22
@TheoneSteve ok thanks
CamperBot
@camperbot
Jun 05 2016 04:22
sorry theonesteve, you can't send brownie points to yourself! :sparkles: :sparkles:
David Young
@dayvidwhy
Jun 05 2016 04:23
@tbishop225 maybe a photo of whoever and some descriptive information?
Steven J H
@TheoneSteve
Jun 05 2016 04:24
sorry new to this chat
Iskya
@iskya
Jun 05 2016 04:25
ohhh :( thanks @UtkarshShukla7
CamperBot
@camperbot
Jun 05 2016 04:25
iskya sends brownie points to @utkarshshukla7 :sparkles: :thumbsup: :sparkles:
:cookie: 569 | @utkarshshukla7 |http://www.freecodecamp.com/utkarshshukla7
Tamika
@tbishop225
Jun 05 2016 04:27
@deedubwhy Yes, it actually looks simple and complicated at the same time.. I'm just gonna roll up my sleeves and see what I can do
UtkarshShukla7
@UtkarshShukla7
Jun 05 2016 04:27
@iskya np :+1:
Hey! Okay, so now I'm having an issue where I'm using padding to lower the image, but the border is going around the padding+the image instead of just the image as I would like. Is there a simple fix to this, or should I try to approach lowering the image with a different method?
David Young
@dayvidwhy
Jun 05 2016 04:27
@tbishop225 just focus on it in parts, so if you want to add an image, work on putting it where you want for a while
Tamika
@tbishop225
Jun 05 2016 04:28
Thank you for that advice! @deedubwhy
CamperBot
@camperbot
Jun 05 2016 04:28
tbishop225 sends brownie points to @deedubwhy :sparkles: :thumbsup: :sparkles:
:cookie: 429 | @deedubwhy |http://www.freecodecamp.com/deedubwhy
skilescm
@skilescm
Jun 05 2016 04:31
@Jerediablo try using a margin instead of padding
Daniel
@profoundhub
Jun 05 2016 04:33
@Jerediablo nice job , great tribute page
UtkarshShukla7
@UtkarshShukla7
Jun 05 2016 04:33
@Jerediablo give white-box padding-top: 50px; instead of giving it to img
Jeremy P-K
@Jerediablo
Jun 05 2016 04:34
@UtkarshShukla7 That definitely is what I was looking for Thanks!
CamperBot
@camperbot
Jun 05 2016 04:34
:cookie: 570 | @utkarshshukla7 |http://www.freecodecamp.com/utkarshshukla7
jerediablo sends brownie points to @utkarshshukla7 :sparkles: :thumbsup: :sparkles:
Daniel
@profoundhub
Jun 05 2016 04:35
@Jerediablo keep at it
UtkarshShukla7
@UtkarshShukla7
Jun 05 2016 04:35
@Jerediablo np :+1:
Jeremy P-K
@Jerediablo
Jun 05 2016 04:35
@profoundhub Thanks! very much a work in progress haha
CamperBot
@camperbot
Jun 05 2016 04:35
jerediablo sends brownie points to @profoundhub :sparkles: :thumbsup: :sparkles:
:cookie: 560 | @profoundhub |http://www.freecodecamp.com/profoundhub
Daniel
@profoundhub
Jun 05 2016 04:37
@DCFOS i'll take a look
Monisha Edwards
@truthbranding
Jun 05 2016 04:37
Hey everyone, I'm back
Need help with some nesting
Need to nest text input element within a form element. This is what I have so far: <form action="/submit-cat-photo"></form>
Daniel
@profoundhub
Jun 05 2016 04:38
which exercise is that?
UtkarshShukla7
@UtkarshShukla7
Jun 05 2016 04:38
@truthbranding so input element should be between the opening and closing form tags
Monisha Edwards
@truthbranding
Jun 05 2016 04:38
Creat a form element
therealjohntan
@therealjohntan
Jun 05 2016 04:39
@dosteve29 sorry missed your message
Monisha Edwards
@truthbranding
Jun 05 2016 04:40
I tried that. Maybe I wrote it wrong @UtkarshShukla7
therealjohntan
@therealjohntan
Jun 05 2016 04:40
<div class="row">
      <div class="col-md-4 workshop-item">
        <a href="#">
          <img class="img-responsive" src="http://placehold.it/700x400" alt="#">
        </a>
        <h3>
          <a href="#">Workshop Name</a>
        </h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.</p>
      </div>
      <div class="=col-md-4 workshop-item">
        <a href="#">
          <img class="img-responsive" src="http://placehold.it/700x400" alt="#">
        </a>
        <h3>
          <a href="#">Workshop Name</a>
        </h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.</p>
      </div>
      <div class="=col-md-4 workshop-item">
        <a href="#">
          <img class="img-responsive" src="http://placehold.it/700x400" alt="#">
        </a>
        <h3>
          <a href="#">Workshop Name</a>
        </h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.</p>
      </div>
    </div>
UtkarshShukla7
@UtkarshShukla7
Jun 05 2016 04:40
@truthbranding what did you try, can you paste code
therealjohntan
@therealjohntan
Jun 05 2016 04:41
can't seem to get 3 equal size rectangles 4 column wide each
Monisha Edwards
@truthbranding
Jun 05 2016 04:41
<form input="text" action="/submit-cat-photo"></form> I'm so sure that's wrong
UtkarshShukla7
@UtkarshShukla7
Jun 05 2016 04:42
@truthbranding that is wrong
Daniel
@profoundhub
Jun 05 2016 04:42
@truthbranding here, the video should fast forward to 25:39: https://youtu.be/4RIkYCoMy3Q?t=1539
Monisha Edwards
@truthbranding
Jun 05 2016 04:42
Watching now. Thanks
UtkarshShukla7
@UtkarshShukla7
Jun 05 2016 04:42
@truthbranding <form action="/submit-cat-photo">< input="text" action="/submit-cat-photo"></form>
Daniel
@profoundhub
Jun 05 2016 04:43
hmm maybe around 23:59 @truthbranding
UtkarshShukla7
@UtkarshShukla7
Jun 05 2016 04:44
@therealjohntan this line maybe causing error <div class="=col-md-4 workshop-item">
=col-md-4
Chris Zuber
@shgysk8zer0
Jun 05 2016 04:45
Wow. It's been a while. Haven't been here in about a year.
Monisha Edwards
@truthbranding
Jun 05 2016 04:46
@UtkarshShukla7 That code you wrote doesn't work
UtkarshShukla7
@UtkarshShukla7
Jun 05 2016 04:47
@shgysk8zer0 welcome back
@truthbranding make sure you only have 1 input tag and that should be enclosed iwithin form tags
Monisha Edwards
@truthbranding
Jun 05 2016 04:51
Got it
Manish Giri
@Manish-Giri
Jun 05 2016 04:52
@truthbranding
<form action="/submit-cat-photo">
 <input type=“text”>
</form>
Daniel
@profoundhub
Jun 05 2016 04:57
@truthbranding did that help?
Ruchita Save
@RuchitaSave
Jun 05 2016 04:57
Hello, I want source for some free icons.
byronsj
@byronsj
Jun 05 2016 04:58

Hi, I am trying to do the tribute page, I can't get an image to display and im not sure why

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

<div class="background">

<h1 class="text-center">Hello Hero<h1>

<img class="img-responsive" scr="http://i.imgur.com/ZMsmdfF.jpg">

<h2 class="text-center">A word or two about our hero</h2>
Masterlemos
@Masterlemos
Jun 05 2016 04:58
Ruchita Save
@RuchitaSave
Jun 05 2016 04:59
src spelling mistake @byronsj
you have written scr instead of src
byronsj
@byronsj
Jun 05 2016 05:00
Thank you.
alex guzman
@Campcoder40
Jun 05 2016 05:01
what happens after you're done with the challenges?
Alan H
@alaaaaaaaaan
Jun 05 2016 05:02
Hello everyone. Can someone explain to me why when you create an ul inside of a div that is centered, the text remains centered but the bullets themselves are all the way on the left?
<div class="col-xs-12">
            <h3>TEXT BEFORE TIMELINE</h3>
            <ul>
              <li><b>NUMBER:</b> Text, text, text</li>
blob
Shusil Banjade
@shusil123
Jun 05 2016 05:05
@alaaaaaaaaan , try centering ul too.
Masterlemos
@Masterlemos
Jun 05 2016 05:07
@alaaaaaaaaan think about the width of the div
Eldar Tinjić
@EldarT90
Jun 05 2016 05:09
http://codepen.io/EldarT/pen/JKdazJ - why my range is undefined
abhiroxz
@abhiroxz
Jun 05 2016 05:09
how to import google font
Alan H
@alaaaaaaaaan
Jun 05 2016 05:10
@shusil123 doesn't work. @Masterlemos what do you mean? The width is set to be the entirety of the screen no?
the text seems to center fine but not the bullets, so i am not sure how the width affects it. Or maybe i am misunderstanding your question
Masterlemos
@Masterlemos
Jun 05 2016 05:11
@alaaaaaaaaan try something like this style="width:80" and see what happens
Alan H
@alaaaaaaaaan
Jun 05 2016 05:13
@Masterlemos here's what i put <div class="col-xs-12" style="width: 80"> and no difference
UtkarshShukla7
@UtkarshShukla7
Jun 05 2016 05:13
@alaaaaaaaaan can you paste your code on codepen and provide link so that anyone will be able to help you better
Alan H
@alaaaaaaaaan
Jun 05 2016 05:14
@UtkarshShukla7 my pleasure. Codepen is here http://codepen.io/alaaaaaaaaan/pen/KMpxXL?editors=1010
<link href='https://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
<!-- Google font listed above here-->

<div class="container">
  <div class="jumbotron">
    <div id="nav-bar" class="row" style="text-align: center">
      <div class="col-xs-12">
        <h1>HELLO WORLD!</h1>
        <div class="col-xs-12">
          <h2>Sub-text to H1</h2>
        </div>
        <div class="thumbnail">
          <img src="http://teddypicker.gr/wp-content/uploads/2016/02/albert-einstein-e1456077795191.png" class="thumbnail" alt="einstein-multi-color">
          <div class="caption text-center">CAPTION OF PICTURE
          </div>
          <div class="col-xs-12">
            <h3>TEXT BEFORE TIMELINE</h3>
            <ul>
              <li><b>NUMBER:</b> Text, text, text</li>
              <li><b>NUMBER:</b> Text, text, text</li>
              <li><b>NUMBER:</b> Text, text, text</li>
              <li><b>NUMBER:</b> Text, text, text</li>
              <li><b>NUMBER:</b> Text, text, text</li>
              <li><b>NUMBER:</b> Text, text, text</li>
              <li><b>NUMBER:</b> Text, text, text</li>
              <li><b>NUMBER:</b> Text, text, text</li>
            </ul>
          </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
i just wonder why the bullets always line up all the way on the left and the text remains centered on the screen.
Ruchita Save
@RuchitaSave
Jun 05 2016 05:17
use margin: auto instead of text-align
UtkarshShukla7
@UtkarshShukla7
Jun 05 2016 05:17
@alaaaaaaaaan try giving ul width:200px
Campbell Sinclair
@watsondr
Jun 05 2016 05:17
@abhiroxz you usually are provided a link to put it in the header tag of your HTML. For example in Codepen, you can find it by clicking the gear icon next to HTML (top left of where you would put your tags)
Isaac Munoz
@isaacmunoz11
Jun 05 2016 05:18
what code affects the width of an image and the pixels as well?
UtkarshShukla7
@UtkarshShukla7
Jun 05 2016 05:20
@alaaaaaaaaan other technique is
ul {
    list-style-position: inside;
}
Alan H
@alaaaaaaaaan
Jun 05 2016 05:20
@RuchitaSave nope, that just left aligned all of the text
Ruchita Save
@RuchitaSave
Jun 05 2016 05:20
@alaaaaaaaaan margin-left: auto ; margin-right: auto ?
Alan H
@alaaaaaaaaan
Jun 05 2016 05:22
@UtkarshShukla7 that seems to have done the trick. I wonder if it has to do with the padding that is automatically placed on col-xs-items maybe
Isaac Munoz
@isaacmunoz11
Jun 05 2016 05:23
if anyone knows what code affects the width of an image and the pixels as well pls let me know, having trouble getting past this challenge
Campbell Sinclair
@watsondr
Jun 05 2016 05:23
@isaacmunoz11 <img src=" " width:###; />
unless this is going over my head
Isaac Munoz
@isaacmunoz11
Jun 05 2016 05:24
@watsondr i will try that. thanks
CamperBot
@camperbot
Jun 05 2016 05:24
isaacmunoz11 sends brownie points to @watsondr :sparkles: :thumbsup: :sparkles:
:cookie: 237 | @watsondr |http://www.freecodecamp.com/watsondr
Manish Giri
@Manish-Giri
Jun 05 2016 05:26
@isaacmunoz11 are you on the resize your images challenge
Circle City Buzz
@jakobandpeter
Jun 05 2016 05:27
little help please
Isaac Munoz
@isaacmunoz11
Jun 05 2016 05:28
@Manish-Giri yeah
Manish Giri
@Manish-Giri
Jun 05 2016 05:29
@isaacmunoz11 then you need to
  1. create a class that sets the width to 100px
  2. apply the class to your img
@jakobandpeter with?
Circle City Buzz
@jakobandpeter
Jun 05 2016 05:31
bootstrap wells
<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="well" div class="col-xs-6">
<div class="well" div class="col-xs-6">
</div>
</div>
</div>
</div>
i am doing something wrong here.
Tulio Natale
@tuliodnw
Jun 05 2016 05:32
people im tryying to do the body background gradient, here http://www.w3schools.com/css/tryit.asp?filename=trycss3_gradient-linear the code works but not in codepen, can someone help?
Campbell Sinclair
@watsondr
Jun 05 2016 05:33
you're half way there, you have 1 class and space out multiple classes ie <div class=" well class2 class3">Text</div>
Coy Sanders
@coymeetsworld
Jun 05 2016 05:33
@jakobandpeter i believe you need to nest the divs with class well inside your columns
UtkarshShukla7
@UtkarshShukla7
Jun 05 2016 05:33
@alaaaaaaaaan might be possible but when you add padding :0px; you don't get the desired result so might be some other issue
Campbell Sinclair
@watsondr
Jun 05 2016 05:33
but for jQuery playground, you have 1 div with class well and more divs inside
Coy Sanders
@coymeetsworld
Jun 05 2016 05:33
looks like you're combining 2 divs together, that needs to be fixed.
Circle City Buzz
@jakobandpeter
Jun 05 2016 05:34
ok. will re-work code.......
Tulio Natale
@tuliodnw
Jun 05 2016 05:35
people im tryying to do the body background gradient, here http://www.w3schools.com/css/tryit.asp?filename=trycss3_gradient-linear the code works but not in codepen, can someone help?
background: -webkit-linear-gradient(red, yellow); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(red, yellow); /* For Opera 11.1 to 12.0 */
   background: -moz-linear-gradient(red, yellow); /* For Firefox 3.6 to 15 */

    background: linear-gradient(#F50057, #C51162);
Campbell Sinclair
@watsondr
Jun 05 2016 05:41

Make sure you have something like this

CSS:

#ID { 
background: linear-gradient(#F50057, #C51162);
}

HTML:

<div id="ID"></div>

Otherwise link your CodePen and we can check it out!

CamperBot
@camperbot
Jun 05 2016 05:41
:bulb: to format code use backticks! ``` more info
Campbell Sinclair
@watsondr
Jun 05 2016 05:42
bah, 1 too many :D
thats better lookin'
Brad Rumack
@brumack
Jun 05 2016 05:50
Hey all! Putting the finishing touches on the first project - Tribute page. Would anybody mind taking a look and giving some suggestions? I've got a few deviations from the example that I'm unsure about.
Haydenmarx
@Haydenmarx
Jun 05 2016 05:50
I've got a weird bug with my Random Quote Generator:
http://codepen.io/haydenm/pen/dXoNrX
It eats my quotes when it pulls them.
@brumack Post it.
I used a well for the grayish background, and it comes with a border that I'm not seeing in the example
feel like I may have gone overboard with the columns too
Haydenmarx
@Haydenmarx
Jun 05 2016 05:55
Did you add the bootstrap link to the CSS?
Brad Rumack
@brumack
Jun 05 2016 05:55
yeah, it's in the header
rphares
@rphares
Jun 05 2016 05:55
hiya, @brumack -- i'd add target= '_blank' to your link~
Brad Rumack
@brumack
Jun 05 2016 05:55
*head
rphares
@rphares
Jun 05 2016 05:56
other than that, seems to work fine here :blush:
Haydenmarx
@Haydenmarx
Jun 05 2016 05:56
Click on the little gear on the css panel and add it there
Brad Rumack
@brumack
Jun 05 2016 05:56
awesome, thanks @rphares
CamperBot
@camperbot
Jun 05 2016 05:56
brumack sends brownie points to @rphares :sparkles: :thumbsup: :sparkles:
:star2: 5038 | @rphares |http://www.freecodecamp.com/rphares
Brad Rumack
@brumack
Jun 05 2016 05:57
ah! gotcha. I added that in my first attempt, but not this one. I'm guessing I don't need to link to it in the code then?
Haydenmarx
@Haydenmarx
Jun 05 2016 05:58
You don't really need any of the head code on codepen. Just the body.
You can link to the Bootstrap and jQuery in their respective boxes.
Hyoi
@hiopear
Jun 05 2016 05:59
can someone tell me why this isn't registering as making h2 elements blue
Brad Rumack
@brumack
Jun 05 2016 05:59
ok cool. I guess I'm pretty happy with it as is. I'll take a look at the example code now and compare the two. thanks @Haydenmarx
CamperBot
@camperbot
Jun 05 2016 05:59
brumack sends brownie points to @haydenmarx :sparkles: :thumbsup: :sparkles:
Hyoi
@hiopear
Jun 05 2016 05:59
<style>
h2 {color:blue;}
</style>
CamperBot
@camperbot
Jun 05 2016 05:59
:cookie: 285 | @haydenmarx |http://www.freecodecamp.com/haydenmarx
Hyoi
@hiopear
Jun 05 2016 06:01
anyone? :\
Haydenmarx
@Haydenmarx
Jun 05 2016 06:02
Are you doing a question or building a web page?
Hyoi
@hiopear
Jun 05 2016 06:03
it's like the second question in 101 lol
oh nvm I found it out
I was deleting the h2 elements
Circle City Buzz
@jakobandpeter
Jun 05 2016 06:06
.. a div with in a div. All this time . On to #88
thanks @watsondr
CamperBot
@camperbot
Jun 05 2016 06:07
jakobandpeter sends brownie points to @watsondr :sparkles: :thumbsup: :sparkles:
:cookie: 238 | @watsondr |http://www.freecodecamp.com/watsondr
Circle City Buzz
@jakobandpeter
Jun 05 2016 06:07
thanks @coymeetsworld
CamperBot
@camperbot
Jun 05 2016 06:07
jakobandpeter sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 1050 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
alex guzman
@Campcoder40
Jun 05 2016 06:10
hello everyone
Sophanarith Sok
@sok213
Jun 05 2016 06:13
Hello
Sean DiSanti
@badc0ded
Jun 05 2016 06:17
hi all, how goes it?
Coy Sanders
@coymeetsworld
Jun 05 2016 06:20
np @jakobandpeter
abhishek27k
@abhishek27k
Jun 05 2016 06:20
hii, how to import lobster font
PeichyKeen
@Peichykeen
Jun 05 2016 06:21
lol i am on the same thing too
Krona Emmanuel
@LightMode
Jun 05 2016 06:21
go to google fonts and get the shortcode for it
@abhishek27k
abhishek27k
@abhishek27k
Jun 05 2016 06:21
let me try. thanx lightmode
Krona Emmanuel
@LightMode
Jun 05 2016 06:22
@abhishek27k heres what i got but try to get it yourself....<link href='https://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
PeichyKeen
@Peichykeen
Jun 05 2016 06:23
mine says that i imported it successfully but that my h2 line isn't using it
Krona Emmanuel
@LightMode
Jun 05 2016 06:23
@Peichykeen can you share your code?
PeichyKeen
@Peichykeen
Jun 05 2016 06:23
i have the code for "font-family: Lobster" but for some reason it doesn't recognize the font
<style>
h2 .red-text {
color: red;
font-family: Lobster;
}

p {
font-size: 16px;
font-family: Monospace;
}
</style>
abhishek27k
@abhishek27k
Jun 05 2016 06:23
how did u imported
PeichyKeen
@Peichykeen
Jun 05 2016 06:23
it recognizes monospace (i mean it turns blue)
i just used the code provided
Krona Emmanuel
@LightMode
Jun 05 2016 06:24
@abhishek27k put it in the head section
PeichyKeen
@Peichykeen
Jun 05 2016 06:24
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
Haydenmarx
@Haydenmarx
Jun 05 2016 06:24
are you making the page on codepen?
Krona Emmanuel
@LightMode
Jun 05 2016 06:24
@Peichykeen try this: font-family: 'Lobster';
PeichyKeen
@Peichykeen
Jun 05 2016 06:25
@LightMode it didn't work, but it did change to a yellow color
constansteve
@constansteve
Jun 05 2016 06:25
any suggestions on level 43? idk how to make the form element have the background-color green
Krona Emmanuel
@LightMode
Jun 05 2016 06:25
@Peichykeen maybe something else is overriding it...are you making it on codepen? can you share it?
@constansteve can you provide the link
PeichyKeen
@Peichykeen
Jun 05 2016 06:26
yeah it was ....i have no idea what i did
but i just deleted some things and it worked
@LightMode ill send you my new code and maybe you can see what was the problem?
Krona Emmanuel
@LightMode
Jun 05 2016 06:26
sure @Peichykeen
PeichyKeen
@Peichykeen
Jun 05 2016 06:26

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

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

h2 {
font-family: Lobster, Monospace;
}

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

@LightMode this is the successful one
Krona Emmanuel
@LightMode
Jun 05 2016 06:27
I have no idea why it didnt work the last time... @Peichykeen
Haydenmarx
@Haydenmarx
Jun 05 2016 06:27
with codepen you have to import
abhishek27k
@abhishek27k
Jun 05 2016 06:27
thanks LightMode and peichyKeen. its done now
PeichyKeen
@Peichykeen
Jun 05 2016 06:27
@LightMode its ok thanks man
CamperBot
@camperbot
Jun 05 2016 06:27
peichykeen sends brownie points to @lightmode :sparkles: :thumbsup: :sparkles:
:cookie: 251 | @lightmode |http://www.freecodecamp.com/lightmode
Krona Emmanuel
@LightMode
Jun 05 2016 06:27
yeah in codepen, you go to settings and put the link in the stuff for <head> in the html section
@Peichykeen No problem
Haydenmarx
@Haydenmarx
Jun 05 2016 06:28
Like this:
@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700);
constansteve
@constansteve
Jun 05 2016 06:28

}

cat-photo-element {

background-color: green;

}
</style>

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

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

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

<div class="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>

<form action="/submit-cat-photo" id="cat-photo-form" background-color: green;>



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

sorry i wasnt sure the best way to send a link to my code. but this is it^ and im not sure what to include into the form element
Haydenmarx
@Haydenmarx
Jun 05 2016 06:29
you need to select something for the background color
Thing {background: green}
Div {
constansteve
@constansteve
Jun 05 2016 06:30
like <form{background-color: green}?
Haydenmarx
@Haydenmarx
Jun 05 2016 06:31
without the <
body {
  background: green;
}
makes the background green for the entire body.
constansteve
@constansteve
Jun 05 2016 06:34
it wont run
i added the new id correctly but nothing i add to the form will run
Haydenmarx
@Haydenmarx
Jun 05 2016 06:36
can you post a link to the problem?
constansteve
@constansteve
Jun 05 2016 06:38
@Haydenmarx https://www.freecodecamp.com/challenges/use-an-id-attribute-to-style-an-element#?solution=%0A%3Clink%20href%3D%22https%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%7B%0A%20%20%20%20color%3A%20red%3B%0A%20%20%7D%0A%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20p%20%7B%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20font-family%3A%20Monospace%3B%0A%20%20%7D%0A%0A%20%20.thick-green-border%20%7B%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%7D%0A%0A%20%20.smaller-image%20%7B%0A%20%20%20%20width%3A%20100px%3B%0A%20%20%7D%0A%0A%20%20.gray-background%20%7B%0A%20%20%20%20background-color%3A%20gray%3B%0A%20%20%7D%0A%20%20%23cat-photo-element%20%7B%0A%20%20%20%20background-color%3A%20green%3B%0A%20%20%7D%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%22%23%22%3Ecat%20photos%3C%2Fa%3E.%3C%2Fp%3E%0A%0A%3Ca%20href%3D%22%23%22%3E%3Cimg%20class%3D%22smaller-image%20thick-green-border%22%20alt%3D%22A%20cute%20orange%20cat%20lying%20on%20its%20back%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%3E%3C%2Fa%3E%0A%0A%3Cdiv%20class%3D%22gray-background%22%3E%0A%20%20%0A%20%20%3Cp%3EThings%20cats%20love%3A%3C%2Fp%3E%0A%20%20%3Cul%3E%0A%20%20%20%20%3Cli%3Ecat%20nip%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Elaser%20pointers%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Elasagna%3C%2Fli%3E%0A%20%20%3C%2Ful%3E%0A%20%20%3Cp%3ETop%203%20things%20cats%20hate%3A%3C%2Fp%3E%0A%20%20%3Col%3E%0A%20%20%20%20%3Cli%3Eflea%20treatment%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Ethunder%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Eother%20cats%3C%2Fli%3E%0A%20%20%3C%2Fol%3E%0A%3C%2Fdiv%3E%0A%0A%3Cform%20fccfaa%3D%22%2Fsubmit-cat-photo%22%20id%3D%22cat-photo-form%22%3E%0A%20%0A%20%20%20%0A%20%20%20%20%20%20%20%0A%20%20%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%20checked%3E%20Indoor%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%3E%20Outdoor%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%20checked%3E%20Loving%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Lazy%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Energetic%3C%2Flabel%3E%0A%20%20%3Cinput%20type%3D%22text%22%20placeholder%3D%22cat%20photo%20URL%22%20required%3E%0A%20%20%3Cbutton%20type%3D%22submit%22%3ESubmit%3C%2Fbutton%3E%0A%20%20%0A%3C%2Fform%3E%0A
Santosh Kumar Toleti
@Santosh456
Jun 05 2016 06:38
@constansteve can u put your link
Haydenmarx
@Haydenmarx
Jun 05 2016 06:40
cat-photo-form, not cat-photo-element
@constansteve
constansteve
@constansteve
Jun 05 2016 06:41
....
Santosh Kumar Toleti
@Santosh456
Jun 05 2016 06:41
@constansteve just write the css #cat-photo-form
{
background-color:green;
}
Iskya
@iskya
Jun 05 2016 06:41
Hi.. i need some help on the get local weather challenge... Im using openweather api. I assigned the variables like this: var city = data.name; and then calling it in the html like this: $("#city").html("city"); in the console everything is fine but in the site im getting just the name of the variable and not the value...
Haydenmarx
@Haydenmarx
Jun 05 2016 06:41
@constansteve They always use slightly different code in the example.
Santosh Kumar Toleti
@Santosh456
Jun 05 2016 06:42
@iskya tell me
constansteve
@constansteve
Jun 05 2016 06:42
@Haydenmarx i spent an embarrassingly amount of time on this one, thank you sir
CamperBot
@camperbot
Jun 05 2016 06:42
constansteve sends brownie points to @haydenmarx :sparkles: :thumbsup: :sparkles:
:cookie: 286 | @haydenmarx |http://www.freecodecamp.com/haydenmarx
Iskya
@iskya
Jun 05 2016 06:43
I've already wrote my problem @Santosh456
Santosh Kumar Toleti
@Santosh456
Jun 05 2016 06:44
@iskya can ur put your link
Iskya
@iskya
Jun 05 2016 06:51
?
Sean DiSanti
@badc0ded
Jun 05 2016 06:55
you're quoting your variable names
"city" should just be city
etc
Iskya
@iskya
Jun 05 2016 06:56
OMGGG you're right :) thank @badc0ded
CamperBot
@camperbot
Jun 05 2016 06:56
iskya sends brownie points to @badc0ded :sparkles: :thumbsup: :sparkles:
:cookie: 372 | @badc0ded |http://www.freecodecamp.com/badc0ded
Sean DiSanti
@badc0ded
Jun 05 2016 06:56
no problem, i'm glad i could help
Joel
@fooby1
Jun 05 2016 07:15
Morning! Does anyone know how to enable font awesome in CodePen? Doesn’t seem to be working with bootstrap or using @import
Shusil Banjade
@shusil123
Jun 05 2016 07:21
@fooby1 , go to css, settings in codepen and then add new css, add "https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"
Or in html : <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
Joel
@fooby1
Jun 05 2016 07:23
@shusil123 Thank you! Worked a charm.
CamperBot
@camperbot
Jun 05 2016 07:23
fooby1 sends brownie points to @shusil123 :sparkles: :thumbsup: :sparkles:
:cookie: 332 | @shusil123 |http://www.freecodecamp.com/shusil123
Jānis
@CodeNewbee
Jun 05 2016 07:23

Hey this code works for me on freecodecamp :

<script>
// Only change code below this line.

if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position) {
$("#data").html("latitude: " + position.coords.latitude + "<br>longitude: " + position.coords.longitude);
});
}

// Only change code above this line.
</script>

<div id = "data">
<h4>You are here:</h4>

</div> However it does not localy or on codepen(I clicked share location on both) any suggestions why is that so?

Bharath Kumar Reddy
@reddy-bharathkumar
Jun 05 2016 07:25
hey all, I've completed my portfolio, can you guys please review once, appreciate feedback
https://codepen.io/reddy-bharathkumar/pen/MewXYe?editors=1000
Jessie5
@Jessie5
Jun 05 2016 07:27
Hi Guys! Good morning :)
Can someone help me with my code? I'm still in the early steps with CSS and now I'm trying to implement a smaller image
Shusil Banjade
@shusil123
Jun 05 2016 07:27

@CodeNewbee , put all your javaScript in between

$(document).ready(function() {

//js goes here

});

Bharath Kumar Reddy
@reddy-bharathkumar
Jun 05 2016 07:28
@Jessie5 what's the issue?
Jessie5
@Jessie5
Jun 05 2016 07:28
Here's my code:

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

my img element should have the class smaller-image
Shusil Banjade
@shusil123
Jun 05 2016 07:28
@CodeNewbee , And of course import jQuery in codepen
Bharath Kumar Reddy
@reddy-bharathkumar
Jun 05 2016 07:29
@Jessie5 you need to add class to your image element <img src="source" class=".smaller-image">

also you can keep all your styles in single style

<style>
all styling
</style>

Jessie5
@Jessie5
Jun 05 2016 07:30

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

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

UtkarshShukla7
@UtkarshShukla7
Jun 05 2016 07:30
@reddy-bharathkumar nice page but why is there a horizontal scroll-bar at the bottom
Shusil Banjade
@shusil123
Jun 05 2016 07:30
@Jessie5 , class="smaller-image", not, ".smaller image"
Jessie5
@Jessie5
Jun 05 2016 07:30
Ok, so gimme a minute....
Bharath Kumar Reddy
@reddy-bharathkumar
Jun 05 2016 07:31
@UtkarshShukla7 didn't see that coming.., I think I need to make some changes in the container
any suggestions for improvement @UtkarshShukla7
Brendan Pierce
@Dorfnox
Jun 05 2016 07:31
Hey guys I have a question, mind if I ask it here?
Jānis
@CodeNewbee
Jun 05 2016 07:32
@shusil123 Thank you, kinda wish they said in the turtorial that I have to include that :D
CamperBot
@camperbot
Jun 05 2016 07:32
codenewbee sends brownie points to @shusil123 :sparkles: :thumbsup: :sparkles:
:cookie: 333 | @shusil123 |http://www.freecodecamp.com/shusil123
rphares
@rphares
Jun 05 2016 07:32
go for it, @Dorfnox ~ If we can answer, we sure will :blush:
UtkarshShukla7
@UtkarshShukla7
Jun 05 2016 07:32
@reddy-bharathkumar no everything else seems nice .
Brendan Pierce
@Dorfnox
Jun 05 2016 07:32

What does it mean when someone types several 'cols' in a class. ie:

<div class="col-xs-12 col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2">

Bharath Kumar Reddy
@reddy-bharathkumar
Jun 05 2016 07:32
thank you.. @UtkarshShukla7
CamperBot
@camperbot
Jun 05 2016 07:32
reddy-bharathkumar sends brownie points to @utkarshshukla7 :sparkles: :thumbsup: :sparkles:
:cookie: 572 | @utkarshshukla7 |http://www.freecodecamp.com/utkarshshukla7
Jessie5
@Jessie5
Jun 05 2016 07:32
Shusil Banjade I'm a little confused. Why does the tutorial tell me to use the .smaller-image, when I really should be using the class='smaller-image"
rphares
@rphares
Jun 05 2016 07:33
@Jessie5 , you use both,
Shusil Banjade
@shusil123
Jun 05 2016 07:33
@CodeNewbee , np
UtkarshShukla7
@UtkarshShukla7
Jun 05 2016 07:33
@reddy-bharathkumar np :+1:
rphares
@rphares
Jun 05 2016 07:33
you use ..smaller-image in the <style> section, @Jessie5
Bharath Kumar Reddy
@reddy-bharathkumar
Jun 05 2016 07:33
@Jessie5 when you are using the class in styling you need to add a . to the class name
Brendan Pierce
@Dorfnox
Jun 05 2016 07:33
not sure how to interpret that
rphares
@rphares
Jun 05 2016 07:33
as you have it in your most recent post
Shusil Banjade
@shusil123
Jun 05 2016 07:33
@Jessie5 , because in style sheet you use .smaller image for styling and in html you write class="smaller-image"
Jessie5
@Jessie5
Jun 05 2016 07:34
So the <style> elements go at the top of the code and the.smaller-image goes close to the URL for the image itself?
rphares
@rphares
Jun 05 2016 07:34
but, you use class= "smaller-image" in your tag :)
when we make a class, we do it like this. I will give a fake image the class "example-class". 1) First, we put the details in the css (the <style> section). this holds the details for the whole page-- wherever we want to use that class it knows what the details are.
2) second, we put the label on the parts we want to use those details on.
example:
Shusil Banjade
@shusil123
Jun 05 2016 07:35
@Dorfnox , All these "cols" are bootstrap's classes. Go to getbootstrap.com and read their documentation on Grid system.
Jessie5
@Jessie5
Jun 05 2016 07:36
rphares thanks... that's helpful info... I'm still learning the structure/formatting of all of this
rphares
@rphares
Jun 05 2016 07:36
<style>
.example-class {
width: 10px;
}
</style>

<p>some text</p>

<img class= "example-class" src= "www.example.com">//this image will be 10px wide

<p>Some more text</p>

<img src= "www.secondExample.com>//this image will NOT be 10px wide!
@Jessie5
Brendan Pierce
@Dorfnox
Jun 05 2016 07:37
I did - I understand having seperate divs for each col, but not sure what it means when they are all included in the same class @shusil123
Shusil Banjade
@shusil123
Jun 05 2016 07:38
@Dorfnox , for example , in total of 12 grid system of bootstrap class="col-md-4 col-sm-6 col-xs-12" means, take one third of the viewport width in medium devices (width>993px) , take half width (for devices (small devices, width<992px and >768px)) and take full width for extra small (mobile) devices
rphares
@rphares
Jun 05 2016 07:39
So, i could have LOTS of images on my page. All the images i want to be 10px wide, i give the class .example-class but writing class= "example-class" in their tag in the html. I just have to put the class .example-class in my <style> section, and then point out which things i want to use it on in my html :blush: @Jessie5 Same for you in this exercise-- make .smaller-image in your <style> section, and apply it with class= "smaller-image" in the tag in your html :blush:
Brendan Pierce
@Dorfnox
Jun 05 2016 07:39
Ahhh so first the width is detected, then it uses the appropriate sizing?
Gotchaaaa
Jessie5
@Jessie5
Jun 05 2016 07:40
so the .example-class tells the program what exact formatting we want, right ? @rphares
rphares
@rphares
Jun 05 2016 07:40
yep
Jessie5
@Jessie5
Jun 05 2016 07:40
and the class tag in the html just is the placeholder?
rphares
@rphares
Jun 05 2016 07:40
its like a label,
it says :use those exact formatting details HERE!
Brendan Pierce
@Dorfnox
Jun 05 2016 07:41
thanks @shusil123
CamperBot
@camperbot
Jun 05 2016 07:41
dorfnox sends brownie points to @shusil123 :sparkles: :thumbsup: :sparkles:
:cookie: 334 | @shusil123 |http://www.freecodecamp.com/shusil123
Shusil Banjade
@shusil123
Jun 05 2016 07:41
@yes, @Dorfnox , these things become clear when you keep using them. Keep playing Sir..
Jessie5
@Jessie5
Jun 05 2016 07:41
@rphares css is the exact formatting we want and html says use these details here....
rphares
@rphares
Jun 05 2016 07:42
exactly~
(html is also the content. but thats what the class= in the html means)
Jessie5
@Jessie5
Jun 05 2016 07:42
and the css uses the.smaller-image and the html uses the smaller-image=
rphares
@rphares
Jun 05 2016 07:42
alsmot--
html uses class= "smaller-image"
Jessie5
@Jessie5
Jun 05 2016 07:42
thank you @rphares much much much appreciated
CamperBot
@camperbot
Jun 05 2016 07:42
jessie5 sends brownie points to @rphares :sparkles: :thumbsup: :sparkles:
:star2: 5039 | @rphares |http://www.freecodecamp.com/rphares
rphares
@rphares
Jun 05 2016 07:42
Anytime! Congrats, glad that made sense :blush: Happy coding!
Jessie5
@Jessie5
Jun 05 2016 07:43
you too!!! :)
Bludfire
@Bludfire
Jun 05 2016 07:49
hi
$("#left-well").css("background-color", "red").parent("#target1");
what is wrong?
Shusil Banjade
@shusil123
Jun 05 2016 07:51
@Bludfire , first .parent() and then .css()
like: $("#gdgdg").parent().css("dfgdg", "df" );
Ramesh syangtan
@rameshsyn
Jun 05 2016 07:52
Yep !!! @shusil123 @Bludfire
:smile:
Shusil Banjade
@shusil123
Jun 05 2016 07:52
And do not write parent's name inside .parent()
Bludfire
@Bludfire
Jun 05 2016 07:52
uh i tried it but it is still doesnt work
The .parent() method should be called on the #target1 element.
what does this mean?
Shusil Banjade
@shusil123
Jun 05 2016 07:53
$("#target1").parent().css("", ""); @Bludfire
I guess
Bludfire
@Bludfire
Jun 05 2016 07:53
uh i see
yes it is true thanks
Brendan Pierce
@Dorfnox
Jun 05 2016 07:54
@shusil123 OMG having so much fun messing with columns now. My saviour
Shusil Banjade
@shusil123
Jun 05 2016 07:54
@Dorfnox , Yo man. :fire: on fire
toadspike
@toadspike
Jun 05 2016 08:02
hi
anyone there?
Priyankar Kumar
@priyankark
Jun 05 2016 08:04
yeah
Ramesh syangtan
@rameshsyn
Jun 05 2016 08:04
@toadspike :smile:
Circle City Buzz
@jakobandpeter
Jun 05 2016 08:05
goodnight campers. Sleep mode.
Priyankar Kumar
@priyankark
Jun 05 2016 08:07
Goodnight.
Shusil Banjade
@shusil123
Jun 05 2016 08:08
It's Good Afternoon , here in Nepal, @jakobandpeter
:smile:
Jessie5
@Jessie5
Jun 05 2016 08:15
Hi again everyone! Can someone tell me what is wrong with the following code? Instructions: Your a element should have the anchor text of "cat photos". You need an e element that links to http://freecatphotoapp.com
<p>cat photos
<a href='http://freecatphotapp.com'>
</a>
</p>
PeichyKeen
@Peichykeen
Jun 05 2016 08:16
@Jessie5 did you try changing ' to "
Coy Sanders
@coymeetsworld
Jun 05 2016 08:17
@Jessie5 you have the url spelled wrong, also cat photos needs to be between the anchor tags
Jessie5
@Jessie5
Jun 05 2016 08:18
@coymeetsworld thanks on the url mispelling..geez... as for the anchor tags....
CamperBot
@camperbot
Jun 05 2016 08:18
jessie5 sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 1051 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Jessie5
@Jessie5
Jun 05 2016 08:20
not sure where the text goes
just tried a bunch of different places to put "cat photos"
but nothing seems to fix the problem
Coy Sanders
@coymeetsworld
Jun 05 2016 08:21
Between the anchor tags <a> and </a>
Jessie5
@Jessie5
Jun 05 2016 08:21
before href?
Coy Sanders
@coymeetsworld
Jun 05 2016 08:21
after
Jessie5
@Jessie5
Jun 05 2016 08:21
I did...
Coy Sanders
@coymeetsworld
Jun 05 2016 08:21
what do you have?
Jessie5
@Jessie5
Jun 05 2016 08:22
ahhhh, fixed!!
thanks!!!
Coy Sanders
@coymeetsworld
Jun 05 2016 08:23
no problem glad you figured it out
Jessie5
@Jessie5
Jun 05 2016 08:23
learning the placement... :)
Coy Sanders
@coymeetsworld
Jun 05 2016 08:24
good :)
Krishna Rana
@KrishnaRana
Jun 05 2016 08:31
review my Weather app
Shusil Banjade
@shusil123
Jun 05 2016 08:40
@KrishnaRana , perfectly functional. Nice Work
Krishna Rana
@KrishnaRana
Jun 05 2016 08:43
@shusil123 Thank you.
CamperBot
@camperbot
Jun 05 2016 08:43
krishnarana sends brownie points to @shusil123 :sparkles: :thumbsup: :sparkles:
:cookie: 336 | @shusil123 |http://www.freecodecamp.com/shusil123
Ramesh syangtan
@rameshsyn
Jun 05 2016 08:44
@KrishnaRana @shusil123 We are from same place !!! , Let's have something
Brandon S.
@NewbieMelody
Jun 05 2016 08:46
http://codepen.io/NewbieMelody/pen/oLXPvL?editors=1100 can anyone give this a look and correct me about what I'm doing wrong in regards to applying both classes to my image?
Krishna Rana
@KrishnaRana
Jun 05 2016 08:46
@rameshsyn ok
@KrishnaRana lets pair
Brandon S.
@NewbieMelody
Jun 05 2016 08:47
@KrishnaRana Looks good!
Krishna Rana
@KrishnaRana
Jun 05 2016 08:47
@NewbieMelody thank you
CamperBot
@camperbot
Jun 05 2016 08:47
krishnarana sends brownie points to @newbiemelody :sparkles: :thumbsup: :sparkles:
:cookie: 120 | @newbiemelody |http://www.freecodecamp.com/newbiemelody
Ramesh syangtan
@rameshsyn
Jun 05 2016 08:47
Yeah @KrishnaRana :smile:
Martin S
@sigmal0
Jun 05 2016 08:48
Hello everyone, Im stuck with a problem I cannot find the solution and Idont want to look at the code lol. I"m trying to do the one page portfolio project
Krishna Rana
@KrishnaRana
Jun 05 2016 08:48
@rameshsyn What are you doing these days
Martin S
@sigmal0
Jun 05 2016 08:48
I want my button to appears over an image I put.
but I can manage only one to get there
Ramesh syangtan
@rameshsyn
Jun 05 2016 08:50
:smile:
Krishna Rana
@KrishnaRana
Jun 05 2016 08:51
@rameshsyn don't you do job
dalton pratt
@daltonpratt
Jun 05 2016 08:51
i need to change the font size of a p in a style tag but its not working.....
Ramesh syangtan
@rameshsyn
Jun 05 2016 08:52
@KrishnaRana :smile: here https://gitter.im/rameshsyn
@daltonpratt
p { 
    font-size: 26px;
}
dalton pratt
@daltonpratt
Jun 05 2016 08:53
<style>
.red-text {
color: red;
p {font-size: 16px; } }
</style>
Coy Sanders
@coymeetsworld
Jun 05 2016 08:56
you're want to close red-text with } before declaring p @daltonpratt
right now you're nesting p inside red-text declaration but you want them separate
dalton pratt
@daltonpratt
Jun 05 2016 09:01
yupp that was it thxs now i know :smile:
GenghisJohn2016
@GenghisJohn2016
Jun 05 2016 09:02
Good morning all
Chestnut-Rice
@Chestnut-Rice
Jun 05 2016 09:06
mornin
GenghisJohn2016
@GenghisJohn2016
Jun 05 2016 09:07
I'm having the same issue as Mr. Pratt was earlier
Daminda Dinesh W Imaduwa Gamage
@dineshigdd
Jun 05 2016 09:07
@Chestnut-Rice I was thinking of stating this course from Back end to front end. do you think it is a good idea
GenghisJohn2016
@GenghisJohn2016
Jun 05 2016 09:08
I'm not entirely sure how to word my question...I don't want to copy and paste the whole thing and be annoying, if I tell you which one I'm on...would that help?
Rufai
@ARufai
Jun 05 2016 09:13
Hello everyone
GenghisJohn2016
@GenghisJohn2016
Jun 05 2016 09:14
I'm having some trouble on CSS and classes, what I've just done was used CSS and classes to change the colour of a font, now in the next lesson (the one I'm on now) it's asking me to also change the size, I feel that I've done everything but it's simply not allowing me to proceed, I'm stuck at where it says: "between the style tags, give the p elements font-size of 16px. browser and text zoom should be at 100%"
Rufai
@ARufai
Jun 05 2016 09:14
Please how will I add an image to my project in code pen
GenghisJohn2016
@GenghisJohn2016
Jun 05 2016 09:14
good morning Rufai
Rufai
@ARufai
Jun 05 2016 09:23
@GenghisJohn2016 create <p>Purr jump eat the grass.....</p> then in your <style> tags add p{font-size:16px;}
GenghisJohn2016
@GenghisJohn2016
Jun 05 2016 09:26
ty Rufai, I figured it out :)
bhargava
@mind-warrior
Jun 05 2016 09:32
irc channel name
Urgok
@urgok666
Jun 05 2016 09:43
hi everyone
i want to set te class Lobster, any help?
y put h2{font-family: lobster;} between stile tags
and still saying import the lobster font
i'lm lost
Mahade Walid
@walidmahade
Jun 05 2016 09:45
reset you code and try again
@urgok666
Urgok
@urgok666
Jun 05 2016 09:46
ok ty! i try
i put a space after the link of the font and it works
Mahade Walid
@walidmahade
Jun 05 2016 09:51
:smile: @urgok666
Brandon S.
@NewbieMelody
Jun 05 2016 09:51
Can someone give a look at my codepen code? I can't seem to get a google font to work with a quote
Mahade Walid
@walidmahade
Jun 05 2016 09:55
Where did you add the fonts link ?
Brandon S.
@NewbieMelody
Jun 05 2016 09:55
@import in the css
The Lora font works fine, but the other one isn't for some reason..
Mahade Walid
@walidmahade
Jun 05 2016 09:57
you cant use great+vibes as font family
Brandon S.
@NewbieMelody
Jun 05 2016 09:58
How come?
Mahade Walid
@walidmahade
Jun 05 2016 09:59
And it also seems you dont have the corresponing class in your html for great+vibes font.....
This message was deleted
{
font-family:  great vibes;
}
byronsj
@byronsj
Jun 05 2016 10:02
It looks like its working to me, Is it the quote before the picture? that is using that font?
sude
@bolatz
Jun 05 2016 10:15
hi! it's first message.. have a nice day
Tristanto
@rustyworks
Jun 05 2016 10:24
Why in piglatin this words glove => oveglay
But in trash => rashtay
waywardtimemachinesandwich
@waywardtimemachinesandwich
Jun 05 2016 10:24
Hi All
Tristanto
@rustyworks
Jun 05 2016 10:24
I think the r is also consonant right?
waywardtimemachinesandwich
@waywardtimemachinesandwich
Jun 05 2016 10:26
I'm currently completing the "Use CSS Selector to Style Elements" and am an isse.
*issue
Chestnut-Rice
@Chestnut-Rice
Jun 05 2016 10:27
Hi @waywardtimemachinesandwich , what's wrong?
waywardtimemachinesandwich
@waywardtimemachinesandwich
Jun 05 2016 10:27
<style>
h2 {color: blue;}
</style>
That's my code. When I "Run tests" everything passes accept criterion 3 (Your h2 element should be blue).
Not sure how to fix it @Chestnut-Rice
Chestnut-Rice
@Chestnut-Rice
Jun 05 2016 10:32
Can you send the whole code you have there? Cause this part should work, at least it did for me when I copy-pasted
waywardtimemachinesandwich
@waywardtimemachinesandwich
Jun 05 2016 10:32

@Chestnut-Rice here it is <style>
h2 {color: blue;}
</style>

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

Chestnut-Rice
@Chestnut-Rice
Jun 05 2016 10:33
You have no h2 element there
You were supposed to delete just the style attribute form h2, not the whole element ;)
Akram
@niwox
Jun 05 2016 10:41
Hello guys, anyone comfortable with ejs ?
waywardtimemachinesandwich
@waywardtimemachinesandwich
Jun 05 2016 10:44
@Chestnut-Rice thanks
CamperBot
@camperbot
Jun 05 2016 10:44
waywardtimemachinesandwich sends brownie points to @chestnut-rice :sparkles: :thumbsup: :sparkles:
:cookie: 102 | @chestnut-rice |http://www.freecodecamp.com/chestnut-rice
waywardtimemachinesandwich
@waywardtimemachinesandwich
Jun 05 2016 10:44
I've amended my code but it still does not work
Creative Shin
@CreativeShin
Jun 05 2016 10:44

function golfScore(par, strokes) {
// Only change code below this line
if (strokes >= par+3){
return "Go Home!";
}
else if( strokes === par + 2 ){
return "Double Bogey";
}
else if (strokes === par + 1){
return "Bogey";
}
else if (strokes === par){
return "Par";
}
else if (strokes === par - 1){
return "Birdie";
}
else if (strokes <= par - 2){
return "Eagle";
}
else if (strokes === 1 ){
return "Hole-in-one!";
}
else{
return "not defined";
}
// Only change code above this line

}
// Change these values to test
golfScore(5, 4);
what am i doing wrong?

Chestnut-Rice
@Chestnut-Rice
Jun 05 2016 10:45
send it again then :D
waywardtimemachinesandwich
@waywardtimemachinesandwich
Jun 05 2016 10:46

@Chestnut-Rice here it is <style>
h2 {color: blue;}>CatPhotoApp</h2>
</style>

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

Chestnut-Rice
@Chestnut-Rice
Jun 05 2016 10:47
No, you need to add <h2>CatPhotoApp</h2> after </style> and before <p> element
<style></style> is only for CSS, don't put HTML code in there
@waywardtimemachinesandwich
camilotj
@camilotj
Jun 05 2016 10:49
i need a little help by setting the ID of an element
Creative Shin
@CreativeShin
Jun 05 2016 10:50
leave it ..i got the ans'
Annus Qureshi
@AnnuSQureshi
Jun 05 2016 10:50
In my code for using html5 to require a field, I cant actually end the task here although I have done it, it has been showing the REQUIRED message, I cant find where Im getting myself wrong
camilotj
@camilotj
Jun 05 2016 10:50
guys please help me
Chestnut-Rice
@Chestnut-Rice
Jun 05 2016 10:50
@camilotj what's the issue
camilotj
@camilotj
Jun 05 2016 10:51
i just dont know how to set the id element
Annus Qureshi
@AnnuSQureshi
Jun 05 2016 10:51

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

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

<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">
<input type="text" placeholder="cat photo URL">
<input type="text"required placeholder="Required">
<button type="submit">Submit</button>
</form>

see here the required field is troubling me
Chestnut-Rice
@Chestnut-Rice
Jun 05 2016 10:52
@camilotj <element id="your-id">
for example, <h2 id="green-text">Hello World</h2>
camilotj
@camilotj
Jun 05 2016 10:52
ill try thannks
waywardtimemachinesandwich
@waywardtimemachinesandwich
Jun 05 2016 10:53
@Chestnut-Rice thanks for your help dude
CamperBot
@camperbot
Jun 05 2016 10:53
waywardtimemachinesandwich sends brownie points to @chestnut-rice :sparkles: :thumbsup: :sparkles:
:warning: waywardtimemachinesandwich already gave chestnut-rice points
Chestnut-Rice
@Chestnut-Rice
Jun 05 2016 10:54
no problem @waywardtimemachinesandwich glad to help :D
waywardtimemachinesandwich
@waywardtimemachinesandwich
Jun 05 2016 10:54
@Chestnut-Rice greatly appreciated
Chestnut-Rice
@Chestnut-Rice
Jun 05 2016 10:55
@AnnuSQureshi <input type="text"required placeholder="Required"> seems to be redundant, just put required (without any quotation marks) inside the first input element
Ken Haduch
@khaduch
Jun 05 2016 11:01
@AnnuSQureshi - it looks like you're missing a space between the "text" and the attribute required?
Pradeep Vig
@SlytherJack
Jun 05 2016 11:04
hello people. My bootstrap social buttons aren't working in codepen
Chestnut-Rice
@Chestnut-Rice
Jun 05 2016 11:12
Seems to me you lack font awesome, after I added this line <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css" rel="stylesheet"> it started working @SlytherJack
coffeebeanzz
@coffeebeanzz
Jun 05 2016 11:14
@SlytherJack have you linked them to the sites, like this example? <a target="_blank" class="active " href=" https://www.linkedin.com"><i class="fa fa-linkedin fa-2x "></i></a>
Annus Qureshi
@AnnuSQureshi
Jun 05 2016 11:14
thanks peeps Im over that issue.\
now i have a new issue :P
<label><input type="radio" name="Indoor"></label>
<label><input type="radio" name="Outdoor"></label>
this label thing isnt working
Santosh Kumar Toleti
@Santosh456
Jun 05 2016 11:20
@AnnuSQureshi can u put ur link
Coy Sanders
@coymeetsworld
Jun 05 2016 11:20
@AnnuSQureshi you need to put text inside your labels too
Santosh Kumar Toleti
@Santosh456
Jun 05 2016 11:22
you have to put the text inside ur labels
@AnnuSQureshi
coffeebeanzz
@coffeebeanzz
Jun 05 2016 11:22
@AnnuSQureshi like this <label><input type="radio" name ="indoor-outdoor"> Outdoor</label>
Pradeep Vig
@SlytherJack
Jun 05 2016 11:22
i have linked the following css files
Norberto
@nortocode
Jun 05 2016 11:23
@AnnuSQureshi name have to be the same in both cases
Daniel
@profoundhub
Jun 05 2016 11:23
Good morning World
Coy Sanders
@coymeetsworld
Jun 05 2016 11:23
yes that too @nortocode
these are the two css files which i have linked to my CSS
coffeebeanzz
@coffeebeanzz
Jun 05 2016 11:26
@SlytherJack you still need to link the actual buttons to the sites with <a href> like my example above ^^
Pradeep Vig
@SlytherJack
Jun 05 2016 11:26
i'll follow that
thank you so much
coffeebeanzz
@coffeebeanzz
Jun 05 2016 11:27
:) good luck!
Pradeep Vig
@SlytherJack
Jun 05 2016 11:27
:smile:
but if i added those css files in external resources , how come they aren't working?
i just downloaded those css files and put them in my website. i just got a free hosting to place those files
coffeebeanzz
@coffeebeanzz
Jun 05 2016 11:30
your button needs to know where to go when it's pressed, that's why you need the <a href> . linking the css gives you the styling that you need but does not put in website links like facebook, linkedin, etc. @SlytherJack
Pradeep Vig
@SlytherJack
Jun 05 2016 11:31
i got it friend.
bellmorai
@bellmorai
Jun 05 2016 11:32
I've managed to put the div element to grey but test still won't work.. any clues?
Ameera
@Amerecat
Jun 05 2016 11:33

Hey folks. Need some help here. I just started working on my tribute page assignment and have pretty much finished my page with one tiny problem; i cant seem to figure out how to put a caption under my photo! I used a blend of CSS and HTML. Here's the code:

<div class="container">
<div id="headers">
<h1>The <i>Agak-Agak</i> Homemaker:</h1>
<h2>A Tribute to a Mother's Art of Guesstimation</h2></div>
<div id="profile" class="container">
<img id="image01" class="image-responsive" src="https://farm8.staticflickr.com/7704/27354357032_ae414c7a69_z_d.jpg" align="left" alt="Mom making tea" vspace="5px" hspace="15px">

no matter what i do (use <figure><figcaption></figcaption></figure> doesnt work either
Maxim
@maxim134vlg
Jun 05 2016 11:34
Hi! My name is Max, i'm from Russia.
Coy Sanders
@coymeetsworld
Jun 05 2016 11:35
@Amerecat you only want to use container class once for bootstrap for one
Ameera
@Amerecat
Jun 05 2016 11:36
@coymeetsworld aahhh lemme give that a shot
Coy Sanders
@coymeetsworld
Jun 05 2016 11:36
do you have a codepen link you can put here so we can see rest of code?
Maybe try not using those figure tags, could always just use p tags and style them
Coy Sanders
@coymeetsworld
Jun 05 2016 11:38
you should also look into using rows and column classes also from bootstrap to organize the data
Ameera
@Amerecat
Jun 05 2016 11:38
I tried that at first but couldnt make the image and text work side by side
coffeebeanzz
@coffeebeanzz
Jun 05 2016 11:42
@Amerecat the float property helps with that http://www.w3schools.com/css/css_float.asp
now the buttons look like this
Coy Sanders
@coymeetsworld
Jun 05 2016 11:45
@Amerecat try removing max-width: 50% from your image id CSS code
text should fall underneath after that, and you can use row/column layouts to put text on the side if you want
Chestnut-Rice
@Chestnut-Rice
Jun 05 2016 11:46
@SlytherJack do you want the whole button to be clickable and linking to a page?
Pradeep Vig
@SlytherJack
Jun 05 2016 11:47
right. but first i am unable to get the desired style
Ameera
@Amerecat
Jun 05 2016 11:47
@coymeetsworld alright will give that a shot. Keep you updated!
Coy Sanders
@coymeetsworld
Jun 05 2016 11:47
gl :thumbsup:
coffeebeanzz
@coffeebeanzz
Jun 05 2016 11:50
@SlytherJack the button needs to go inside the <a></a> tags
Emil
@lBladeRunnerl
Jun 05 2016 11:50
Hi . Do you know how to paste code on mobile Firefox while working on "free code camp"
coffeebeanzz
@coffeebeanzz
Jun 05 2016 11:51
have you tried this?
wiki format
CamperBot
@camperbot
Jun 05 2016 11:51

: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 thecode`.

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

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

Pradeep Vig
@SlytherJack
Jun 05 2016 11:51
let me try @coffeebeanzz
Emil
@lBladeRunnerl
Jun 05 2016 11:52
I think I am gonna have to buy a keyboard for my mobile phone . Thx
Sintclair
@saint21
Jun 05 2016 11:52
Hello, I have a short question.
Is this: <script>
$(document).ready(function() {
$("#target4").html("<em>#target4 </em>");
});
</script>
Proper code to emphasize text?
(it's for a challenge, but It does not seem to accept it as correct)
Coy Sanders
@coymeetsworld
Jun 05 2016 11:53
yes, just remove the space between #target4 and </em> @saint21
coffeebeanzz
@coffeebeanzz
Jun 05 2016 11:53
oh nvm @lBladeRunnerl didn't notice the mobile part, yeah not having backticks is bad
Sintclair
@saint21
Jun 05 2016 11:54
@coymeetsworld Thank you very much :)
CamperBot
@camperbot
Jun 05 2016 11:54
saint21 sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 1052 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Coy Sanders
@coymeetsworld
Jun 05 2016 11:56
np @saint21, tests sometimes are very particular in what they want
Im trying to center the social pages buttons.. is not working
Pradeep Vig
@SlytherJack
Jun 05 2016 11:56
<a target="_blank" class="active " href=" https://www.facebook.com"><button class="btn btn-block btn-social btn-facebook "><i class="fa fa-facebook"></i>Facebook</button></a>
@coffeebeanzz like this?
Jose Camilo
@pradius
Jun 05 2016 11:59
never mind
got it
Chestnut-Rice
@Chestnut-Rice
Jun 05 2016 11:59
what did you do?
Khaled elnagar
@khaledElnagar
Jun 05 2016 11:59
use margin : 0 auto @pradius
coffeebeanzz
@coffeebeanzz
Jun 05 2016 11:59
@SlytherJack should work
coffeebeanzz
@coffeebeanzz
Jun 05 2016 12:03
awesome @SlytherJack ! they all work now! good job! :)
Pradeep Vig
@SlytherJack
Jun 05 2016 12:04
:smile: but styling is still missing. You noticed? Like the bootstrap social buttons. They don't look :worried:
https://lipis.github.io/bootstrap-social/ look at the buttons here friend
Stevie
@StevieCF
Jun 05 2016 12:06
What does this sentence mean? "Note that the backslash itself must be escaped in order to display as a backslash."
I have this written
var myStr = \ \t \t \r \n;
Khaled elnagar
@khaledElnagar
Jun 05 2016 12:07
This message was deleted
every backslash need another backslash to escape it @StevieCF
like
var myStr = \t \t \r \n;
Chestnut-Rice
@Chestnut-Rice
Jun 05 2016 12:10
who should I tribute to? My mind is blank :I
coffeebeanzz
@coffeebeanzz
Jun 05 2016 12:11
@SlytherJack the site says this: You have two options for enabling the social buttons in your project: vanilla CSS or source Less. For vanilla CSS, just include the bootstrap-social.css file into your project.
have you included bootstrap-social.css?
Pradeep Vig
@SlytherJack
Jun 05 2016 12:12
yes i have
Stevie
@StevieCF
Jun 05 2016 12:12
@khaledElnagar I got it, thank you
CamperBot
@camperbot
Jun 05 2016 12:12
steviecf sends brownie points to @khaledelnagar :sparkles: :thumbsup: :sparkles:
:cookie: 7 | @khaledelnagar |http://www.freecodecamp.com/khaledelnagar
bellmorai
@bellmorai
Jun 05 2016 12:12
how do i add id to form element? help? :D
Pradeep Vig
@SlytherJack
Jun 05 2016 12:13
i put this into CSS-> settings->add external resource
Chris Mulvany
@chrismulvany
Jun 05 2016 12:13
<input type="text" id="myid">
Daniel Pitulia
@danielpitulia
Jun 05 2016 12:16
Hello! Has anyone completed the record collection javascript challenge? Im a little confused regarding the .push function. Would really appreciate any kind of help :)
coffeebeanzz
@coffeebeanzz
Jun 05 2016 12:16
@SlytherJack yep just saw that. I didn't realize you were using that resource. prbly need to change your links to the way that website says: <a class="btn btn-block btn-social btn-twitter"> <span class="fa fa-twitter"></span> Sign in with Twitter </a>
Pradeep Vig
@SlytherJack
Jun 05 2016 12:17
humm let me try once more :clap:
Pradeep Vig
@SlytherJack
Jun 05 2016 12:23
no brother. not working still. :worried:
coffeebeanzz
@coffeebeanzz
Jun 05 2016 12:27
@SlytherJack include target ="_blank" ya know codepen won't go anywhere without it
Chanchal Kotal
@chanchalkotal
Jun 05 2016 12:33

Guys I need a little help

<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;
}
.gray-background {
background-color: gray;
}
</style>

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

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

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

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

How can I assign .gray-background class to my div elements?
Khaled elnagar
@khaledElnagar
Jun 05 2016 12:34
@chanchalkotal <div class ="gray-background"></div>
Chanchal Kotal
@chanchalkotal
Jun 05 2016 12:35
Thanks @khaledElnagar
CamperBot
@camperbot
Jun 05 2016 12:35
chanchalkotal sends brownie points to @khaledelnagar :sparkles: :thumbsup: :sparkles:
:cookie: 8 | @khaledelnagar |http://www.freecodecamp.com/khaledelnagar
Chris Mulvany
@chrismulvany
Jun 05 2016 12:36
Can anbody tell me if there is any reason one should choose RGB over Hex colours or vice-versa?
Julian Müller
@Julian24816
Jun 05 2016 12:38
it may be easier to understand for you one way, but besides that i see no reason to favour one of them
Chris Mulvany
@chrismulvany
Jun 05 2016 12:40
Thanks @Julian24816 - I would be more comfortable with hex so just wanted to make sure there was no reason in terms of performace or abilities to use RGB
CamperBot
@camperbot
Jun 05 2016 12:40
chrismulvany sends brownie points to @julian24816 :sparkles: :thumbsup: :sparkles:
:cookie: 308 | @julian24816 |http://www.freecodecamp.com/julian24816
Khaled elnagar
@khaledElnagar
Jun 05 2016 12:43
@chrismulvany there is difference but between RGBA and Hex
using Alpha for colors opacity degree
Krishna Rana
@KrishnaRana
Jun 05 2016 12:44
less code using hex value
Chris Mulvany
@chrismulvany
Jun 05 2016 12:45
@khaledElnagar Can both have Alpha / Opacity options?
Julian Müller
@Julian24816
Jun 05 2016 12:46
@chrismulvany yes, rgba(0,0,0,0) and #0000 or #00000000 should be identical
Khaled elnagar
@khaledElnagar
Jun 05 2016 12:46
opacity doesn't work with background hexa colors @chrismulvany
Joe Callon
@joecallon
Jun 05 2016 12:47
What he said still stands though @khaledElnagar
If you're dealing with a 100% opacity colour, the RGBA and Hex values will look exactly the same
But (0,0,0,0.9) and #000000 aren't the same
Chris Mulvany
@chrismulvany
Jun 05 2016 12:48
Ah got ya! Sorry yes that makes perfect sense @joecallon
Joe Callon
@joecallon
Jun 05 2016 12:48
:)
Khaled elnagar
@khaledElnagar
Jun 05 2016 12:49
:D nice explanation @joecallon
Chris Mulvany
@chrismulvany
Jun 05 2016 12:49
Thanks guys @khaledElnagar @joecallon @Julian24816
CamperBot
@camperbot
Jun 05 2016 12:49
chrismulvany sends brownie points to @khaledelnagar and @joecallon and @julian24816 :sparkles: :thumbsup: :sparkles:
:warning: chrismulvany already gave julian24816 points
:cookie: 6 | @joecallon |http://www.freecodecamp.com/joecallon
:cookie: 9 | @khaledelnagar |http://www.freecodecamp.com/khaledelnagar
Harshit Anand
@nerocool996
Jun 05 2016 13:06
$.getJSON("https://en.wikipedia.org/w/api.php?action=query&format=json&list=search&redirects=1&srsearch=title&srlimit=10",function(json){ alert("sucess"); });. Is something wrong here I am trying to make search request to wiki api
it isn't showing the alert
Manish Giri
@Manish-Giri
Jun 05 2016 13:08
@nerocool996 action=“opensearch”
Helton Costa
@heltucosta
Jun 05 2016 13:09

Hey guys, ‘ve been working on my portfolio page trainning some new perks and stumbled upon an issue that I don’t know if I solved properly.

I have a fixed menu on the top and somehow it was stretching over the size of the page so I used overflow-x: hidden. Is that the correct fix ?

This is my code’s page: http://codepen.io/heltucosta/full/PzwadZ

Bhargavi Dameracharla
@Bhargavi1997
Jun 05 2016 13:13
Do you think I should just follow the order suggested here or I can skip ahead to parts I find more interesting?
Manish Giri
@Manish-Giri
Jun 05 2016 13:15
@Bhargavi1997 some parts are mandatory for the certificates, and are marked with a *. Other than those, you should be able to move around if you feel familiar with certain topics.
kaekulus
@kaekulus
Jun 05 2016 13:16
hi all
Bhargavi Dameracharla
@Bhargavi1997
Jun 05 2016 13:16
Thank you!
kaekulus
@kaekulus
Jun 05 2016 13:16
a quick question
how do I give my H1 element a green color
Helton Costa
@heltucosta
Jun 05 2016 13:17
@kaekulus use the color property on your css.
Mudassir Raza
@raza-mudassir
Jun 05 2016 13:17
@kaekulus in <style> h1{ color: green; }</style>
Manish Giri
@Manish-Giri
Jun 05 2016 13:17
@kaekulus there are different ways, not sure which challenge you’re on
h1 {
color: green;
}
kaekulus
@kaekulus
Jun 05 2016 13:18
thank you @heltucosta , @raza-mudassir , @Manish-Giri
CamperBot
@camperbot
Jun 05 2016 13:18
kaekulus sends brownie points to @heltucosta and @raza-mudassir and @manish-giri :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for raza-mudassir
:cookie: 129 | @heltucosta |http://www.freecodecamp.com/heltucosta
:star2: 1196 | @manish-giri |http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
Jun 05 2016 13:21
@kaekulus welcome
bellmorai
@bellmorai
Jun 05 2016 13:22
does anyone know how to make a css class?
Mudassir Raza
@raza-mudassir
Jun 05 2016 13:23
@bellmorai <style> .classname{ } </style>
in html for example you're going to apply it on <h1 class="classname"> </h1>
Helton Costa
@heltucosta
Jun 05 2016 13:24

@bellmorai the css class is declared on the html using the tag ‘class’. You mention your class on css with a dot before it’s name.

HTML:

<h1 class=“myClass”></h1>

CSS:
.myClass{
property: value;
}

bellmorai
@bellmorai
Jun 05 2016 13:28
superb, thanks :P
santosh mallathakuri
@santoshmallathakuri
Jun 05 2016 13:29
quick question friend....." how do i add script element"
Helton Costa
@heltucosta
Jun 05 2016 13:29
<script></script>
Mudassir Raza
@raza-mudassir
Jun 05 2016 13:29
In your html <script> </script>
Helton Costa
@heltucosta
Jun 05 2016 13:30
@santoshmallathakuri you can add anywhere on your HTML
Mitchel Pawirodinomo
@pawiromitchel
Jun 05 2016 13:30
yes, but I usually do it at the end of my body tag
Mustafa Göl
@mustafagol
Jun 05 2016 13:36
Your stylesheet should declare a red-text class and have its color set to red. what does it meaining?
Joe Callon
@joecallon
Jun 05 2016 13:37
This message was deleted
CamperBot
@camperbot
Jun 05 2016 13:37
:bulb: to format code use backticks! ``` more info
Helton Costa
@heltucosta
Jun 05 2016 13:37

@mustafagol didn’t quite understood your question. But I believe that this is for you to train using CSS properly instead of inline coding it.
HTML:

<p class=‘red-text’></p>

CSS:

.red-text{
color: red
}
Joe Callon
@joecallon
Jun 05 2016 13:38
.red-text {
 color: red;
}
Osman Zakir
@DragonOsman
Jun 05 2016 13:40

Please help me here; I'm trying the exercise with the instructions: <quote>Initialize the three variables a, b, and c with 5, 10, and "I am a" respectively so that they will not be undefined.</quote>
My code is <code>// Initialize these three variables
var a = 5;
var b = 10;
var c = "I am a ";

// Do not change code below this line

a = a + 1;
b = b + 5;
c = c + " String!";</code> but I'm still not getting passing points on it. What am I doing wrong?

Peter Kenward
@PeterKenward
Jun 05 2016 13:41
Hello. I have a question about targetting IDs with jQuery: <div class="well" id="left-well">
<button class="btn btn-default target" id="target1">#target1</button>
<button class="btn btn-default target" id="target2">#target2</button>
<button class="btn btn-default target" id="target3">#target3</button>
</div>
Helton Costa
@heltucosta
Jun 05 2016 13:42
@DragonOsman on the left you have a menu indicating what’s wrong. maybe you didn’t folow the instructions correctly
@PeterKenward what is your question ?
Joe Callon
@joecallon
Jun 05 2016 13:42
$('#target1')
??? @PeterKenward
Peter Kenward
@PeterKenward
Jun 05 2016 13:42
If I do this $(target). will all three button elements be targetted?
Joe Callon
@joecallon
Jun 05 2016 13:42
Yep
Peter Kenward
@PeterKenward
Jun 05 2016 13:42
thanks Joe :)
Helton Costa
@heltucosta
Jun 05 2016 13:42
@PeterKenward no it won’t.
Olawale Akinseye
@brainyfarm
Jun 05 2016 13:43
You are missing a quote @joecallon .
purnendutiwari
@purnendutiwari
Jun 05 2016 13:43
use $("#target1")
Joe Callon
@joecallon
Jun 05 2016 13:43
Depends whether you want to target all three or not
Helton Costa
@heltucosta
Jun 05 2016 13:43
you need the proper syntax. it would look like
$(’.target’)
Peter Kenward
@PeterKenward
Jun 05 2016 13:43
thanks yes.
Olawale Akinseye
@brainyfarm
Jun 05 2016 13:43
Not the right kind of quote mark @heltucosta .
Peter Kenward
@PeterKenward
Jun 05 2016 13:44
can I use a word other than 'target' as an id?
Helton Costa
@heltucosta
Jun 05 2016 13:44
@brainyfarm you can use single or double quotes, just have to be consistent
purnendutiwari
@purnendutiwari
Jun 05 2016 13:44
sure you can use any ID
Helton Costa
@heltucosta
Jun 05 2016 13:44
@PeterKenward you can use any word as an ID
Peter Kenward
@PeterKenward
Jun 05 2016 13:44
thanks
Olawale Akinseye
@brainyfarm
Jun 05 2016 13:44
That isn't a single or double quote @heltucosta ;)
Helton Costa
@heltucosta
Jun 05 2016 13:45
@brainyfarm Oops, that’s true. sorry (:
purnendutiwari
@purnendutiwari
Jun 05 2016 13:45
but to pass the challenge you should use only target
Olawale Akinseye
@brainyfarm
Jun 05 2016 13:45
:P
about @PeterKenward
CamperBot
@camperbot
Jun 05 2016 13:45
:cookie: 138 | @peterkenward |http://www.freecodecamp.com/peterkenward
purnendutiwari
@purnendutiwari
Jun 05 2016 13:46
how to align quotes with onordered list
?
Helton Costa
@heltucosta
Jun 05 2016 13:47
@purnendutiwari you could just use left padding or margin
purnendutiwari
@purnendutiwari
Jun 05 2016 13:48
also how to mention source of quote as it is in https://codepen.io/FreeCodeCamp/full/NNvBQW/
Olawale Akinseye
@brainyfarm
Jun 05 2016 13:48
@purnendutiwari
margin-left: something.
Peter Kenward
@PeterKenward
Jun 05 2016 13:49
I am working on a tribute page now: https://codepen.io/Kontact/pen/oLgMmz
Helton Costa
@heltucosta
Jun 05 2016 13:49
@purnendutiwari are you using bootstrap ? if so, check blockquote documentation
purnendutiwari
@purnendutiwari
Jun 05 2016 13:50
@heltucosta : padding may solve the problem temporarily but when screen size changes but padding may not vary
the allignment may change
yes i am using bootstrap
Helton Costa
@heltucosta
Jun 05 2016 13:51
@purnendutiwari I imagine you’re not using bootstrap them. Try using it, you could manage the columns for proper alignment
Yusuf Turaki
@yktkab2
Jun 05 2016 13:51
hey i need help using mutiple class in the css front end, i cant get mine to work
Helton Costa
@heltucosta
Jun 05 2016 13:51
than give it a offset column @purnendutiwari
Yusuf Turaki
@yktkab2
Jun 05 2016 13:51

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

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

h2 {
font-family: Lobster, Monospace;
}

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

.smaller-image {
width: 100px;
}

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

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

<img class="smaller-image" class="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>

purnendutiwari
@purnendutiwari
Jun 05 2016 13:51
@heltucosta : i will try, thanks i will try