These are chat archives for FreeCodeCamp/Help

20th
Mar 2016
Pynman
@Pynman
Mar 20 2016 00:00
help
CamperBot
@camperbot
Mar 20 2016 00:00

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

Basic Commands:

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

:speech_balloon: meet CamperBot in this room!

:pencil: read more about camperbot on the FCC Wiki

JD
@jdcogmon
Mar 20 2016 00:00
@bharris62 I'm also on a MBP and the safari and chrome browsers are so ugly with bugs that I occasionally have to restart to get rid of the bug/cache weirdness. THANK YOU!
CamperBot
@camperbot
Mar 20 2016 00:00
jdcogmon sends brownie points to @bharris62 :sparkles: :thumbsup: :sparkles:
:warning: jdcogmon already gave bharris62 points
Blake Harris
@bharris62
Mar 20 2016 00:06
i am back and forth on a MBP and my windows 10 desktop. I am running thru chrome on both though. and you are welcome @jdcogmon
timcroghan
@timcroghan
Mar 20 2016 00:10
I need help
MuhammadRe
@MuhammadRe
Mar 20 2016 00:10
guys how to reverse a string
timcroghan
@timcroghan
Mar 20 2016 00:10
Use a CSS class to style an element
JD
@jdcogmon
Mar 20 2016 00:11
@bharris62 i'm going to follow you
MuhammadRe
@MuhammadRe
Mar 20 2016 00:12
@timcroghan .class{ };
without ;
just type the name of class and a dot before and open { and close }
for exa.
.class {
align-text = center;
}
Alexander Køpke
@alexanderkopke
Mar 20 2016 00:19
text-align ;)
MuhammadRe
@MuhammadRe
Mar 20 2016 00:21
@alexanderkopke whatever
Andrew
@Opiuo
Mar 20 2016 00:21
Whats wrong with what im trying to do

<style>

div .green-background {
background-color: green;

</style>

<div class="gray-background">

to make a gray background
TheCodeJones
@TheCodeJones
Mar 20 2016 00:28
im getting really frustrated with formatting issues, i have my codepen open in edit view in one tab on my brower, and full screen in another tab on my browser, and they look very different, very discouraging
JD
@jdcogmon
Mar 20 2016 00:30
@Opiuo one says green and the other says gray. one is declaring a class and the other is setting up an element
@TheCodeJones perhaps i am telling you something you already know but each browser has its on javascript kit therefore its not too big a surprise that the two may look difference given that one is also being filtered through codepen
@Opiuo your second bracket is missing too
div .green-background {
background-color: green;
}
TheCodeJones
@TheCodeJones
Mar 20 2016 00:36
@jdcogmon they look different everywhere i look at them, take my tribute page for example, i spent tons of time getting almost everything just how i wanted it( except the colors, i just threw them in there at the last min ) and then i post it on here and everything out of place or just doesnt scale right to the smaller window its displated on in here, and its even worse for my portfolio page because they teach you how to do almost nothing that is shown in the example, so when i try to add padding to the top of a section it runs into the next section, it was fun when i started to do it but it seems like the further i get the more it gets messed up and the less i know about how to fix it
JD
@jdcogmon
Mar 20 2016 00:38
@TheCodeJones have you opened a codepen account yet? then you could share it at ain chat window
ehutchllew
@ehutchllew
Mar 20 2016 00:47
Can someone give me a hand with my codepen?
tupelo87
@tupelo87
Mar 20 2016 00:49
is this the correct room to ask for help understanding the Stand in Line challenge?
Frank DelPidio
@fdel15
Mar 20 2016 00:49
@ehutchllew what do you need help with
ehutchllew
@ehutchllew
Mar 20 2016 00:50
@fdel15 http://codepen.io/ehutchllew/pen/pyyExP at the very bottom where I have the three photos, the left one is larger than the others. I want them all to be the same size, but not sure the best/most efficient way to do this. Not sure if I should be using rows/columns or something else (haven't learned much yet). Also the border sticks out on the sides and the only way I was able to center and separate the colums was by manually changing the margins.
ehutchllew
@ehutchllew
Mar 20 2016 01:04
Oh sorry forgot to mention it's labeled under <!--Home Page Three-->
TheCodeJones
@TheCodeJones
Mar 20 2016 01:05
dropdown menus in the navbar dont work in codepen either?
John Nace
@jshubbub
Mar 20 2016 01:08
hi all

http://codepen.io/jshubbub/pen/vGKMVV?editors=1101

probably a simple fix I can't figure out: if you look at the social network icons in the pen, you see that the background is only as wide as the icon, but I don't like the inconsistency in width...any idea how I can set the background width to a consistent size (say 50px) so that I've got the icon contained within the correct color background with all buttons the same width?

the "fa-fw" class makes the background too wide for me...I'd like to use the width of the widest icon (g+ by the look of it) as the width for all the icons, if that makes sense

David Weedmark
@DavidWeedmark
Mar 20 2016 01:14
@jshubbub maybe start with this?
.fa {
  padding: 10px;
}
Ariel
@abibliophile
Mar 20 2016 01:14
I'm not sure where I'm going wrong in this challenge.
// Setup
var collection = {
    2548: {
      album: "Slippery When Wet",
      artist: "Bon Jovi",
      tracks: [ 
        "Let It Rock", 
        "You Give Love a Bad Name" 
      ]
    },
    2468: {
      album: "1999",
      artist: "Prince",
      tracks: [ 
        "1999", 
        "Little Red Corvette" 
      ]
    },
    1245: {
      artist: "Robert Palmer",
      tracks: [ ]
    },
    5439: {
      album: "ABBA Gold"
    }
};
// Keep a copy of the collection for tests
var collectionCopy = JSON.parse(JSON.stringify(collection));

// Only change code below this line
function update(id, prop, value) {

  var prop=collection[id][prop];

  switch (prop){
    case (prop=="tracks"||prop!==""):
      prop.push();
      break;
    case (prop!=="tracks"||prop!==""):
      prop=value;
      break;
    case (prop===""):
      prop.delete();
      break;

  }
  return collection;
}

// Alter values below to test your code
update(5439, "artist", "ABBA");
StasiekK
@StasiekK
Mar 20 2016 01:15
can someone tell me, why codepen in debug view 2 diffrent version on my monitor screen and diffrent on my phone?
John Nace
@jshubbub
Mar 20 2016 01:16
@DavidWeedmark that's closer than I've gotten on my own, thanks
CamperBot
@camperbot
Mar 20 2016 01:16
jshubbub sends brownie points to @davidweedmark :sparkles: :thumbsup: :sparkles:
:star: 404 | @davidweedmark | http://www.freecodecamp.com/davidweedmark
Christopher Byrd
@chrabyrd
Mar 20 2016 01:16

Hello all!

I've tried everything to get rid of this right margin on my tab-content, but it doesn't seem to work. Any ideas?

http://codepen.io/chrabyrd/full/LNWpgo/

David Weedmark
@DavidWeedmark
Mar 20 2016 01:17
@StasiekK it has two different versions on your computer screen?
StasiekK
@StasiekK
Mar 20 2016 01:18
@DavidWeedmark its diffrent on compter and phone
David Weedmark
@DavidWeedmark
Mar 20 2016 01:18
@chrabyrd try this in the CSS margin: 0 -30px 0 0;
i don't know why important dates: aren't included in bg-info from parent div
Christopher Byrd
@chrabyrd
Mar 20 2016 01:20
@DavidWeedmark Unfortunately that didn't work
Joseph Stivala
@joestivala
Mar 20 2016 01:20
@chrabyrd try changing your class from container to container-fluid
David Weedmark
@DavidWeedmark
Mar 20 2016 01:20
@StasiekK yeah mine is too. I assumed its because of the different screen sizes. ( like the bootstrap xs and md columns )
@chrabyrd it added background color all around the icons on mine. unfortunately the icons are different sizes though, so you'd have to add different sized padding to each one I would think
Christopher Byrd
@chrabyrd
Mar 20 2016 01:21
@joestivala Holy crap that was the answer all along. I can't tell you all the different crazy stuff I tried. Thank you very much
CamperBot
@camperbot
Mar 20 2016 01:21
chrabyrd sends brownie points to @joestivala :sparkles: :thumbsup: :sparkles:
:star: 133 | @joestivala | http://www.freecodecamp.com/joestivala
Joseph Stivala
@joestivala
Mar 20 2016 01:22
@chrabyrd your welcome glad to help
David Weedmark
@DavidWeedmark
Mar 20 2016 01:22
@joestivala ah! cool
StasiekK
@StasiekK
Mar 20 2016 01:22
@DavidWeedmark i use xs exept once i use lg
Christopher Byrd
@chrabyrd
Mar 20 2016 01:24
Oh, wait, that killed my flexbox. Now the panels float over my navpills. Thanks anyway though :/
David Weedmark
@DavidWeedmark
Mar 20 2016 01:24
@StasiekK sorry, what am I looking for exactly?
StasiekK
@StasiekK
Mar 20 2016 01:25
at bottom unsorted list don't have bg from parant div
David Weedmark
@DavidWeedmark
Mar 20 2016 01:27
@StasiekK when I cut the /div from line 33 and paste it on the bottom, your bg color appears
StasiekK
@StasiekK
Mar 20 2016 01:30
@DavidWeedmark isn't div from line 33 was closing .row in 12line?
David Weedmark
@DavidWeedmark
Mar 20 2016 01:30
@StasiekK yes it's closing the row... looking closer at it....
StasiekK
@StasiekK
Mar 20 2016 01:31
and unsorted list should be under row
David Weedmark
@DavidWeedmark
Mar 20 2016 01:31
a better solution is to add a new row after line 33 and close it at the end.
yes! that gives you your bg color
bootstrap does recommend enclosing all columns inside a row. I happened to read that a couple hours ago.
just cuz I like to paste code
    <div class="row">
    <div class="col-xs-6 col-xs-offset-3">
      <h4 class="text-left">Important dates:</h4>
      <ul class="list-unstyled well">
        <li><strong>1791</strong> Born</li>
      </ul>
    </div>
    </div>
StasiekK
@StasiekK
Mar 20 2016 01:34
@DavidWeedmark thanks, browni for you. Do you have link to the source from you read it?
CamperBot
@camperbot
Mar 20 2016 01:34
stasiekk sends brownie points to @davidweedmark :sparkles: :thumbsup: :sparkles:
Daniel Garcia
@danuel36
Mar 20 2016 01:34
How many exercises are there for HTML/CSS?
CamperBot
@camperbot
Mar 20 2016 01:34
:star: 405 | @davidweedmark | http://www.freecodecamp.com/davidweedmark
StasiekK
@StasiekK
Mar 20 2016 01:35
@danuel36 i didn't count it took me about 210min(+30 coffy break) to do it
@DavidWeedmark earlier i did have another problem, when i used .well and .bg-info, child didn't change background, maybe you know why?
David Weedmark
@DavidWeedmark
Mar 20 2016 01:38
@StasiekK oh I"m not sure. I was in documentation hell this afternoon trying to fix a client website. I don't think it was this one, but maybe an offshoot of it for clearing floats: http://getbootstrap.com/css/#grid-responsive-resets
Ariel
@abibliophile
Mar 20 2016 01:38
Hey everyone! Any ideas on why my Record Collection challenge for basic javascript isn't working?
// Setup
var collection = {
    2548: {
      album: "Slippery When Wet",
      artist: "Bon Jovi",
      tracks: [ 
        "Let It Rock", 
        "You Give Love a Bad Name" 
      ]
    },
    2468: {
      album: "1999",
      artist: "Prince",
      tracks: [ 
        "1999", 
        "Little Red Corvette" 
      ]
    },
    1245: {
      artist: "Robert Palmer",
      tracks: [ ]
    },
    5439: {
      album: "ABBA Gold"
    }
};
// Keep a copy of the collection for tests
var collectionCopy = JSON.parse(JSON.stringify(collection));

// Only change code below this line
function update(id, prop, value) {

  var prop=collection[id][prop];

  switch (prop){
    case (prop=="tracks"||prop!==""):
      prop.push();
      break;
    case (prop!=="tracks"||prop!==""):
      prop=value;
      break;
    case (prop===""):
      prop.delete();
      break;

  }
  return collection;
}

// Alter values below to test your code
update(5439, "artist", "ABBA");
Joseph Stivala
@joestivala
Mar 20 2016 01:38
@chrabyrd your nav is dropping cause it looks like the tab-content div is using the whole width of the page
StasiekK
@StasiekK
Mar 20 2016 01:39
@DavidWeedmark thanks again, i read today almost all http://getbootstrap.com/css/ possibly missed it
CamperBot
@camperbot
Mar 20 2016 01:39
stasiekk sends brownie points to @davidweedmark :sparkles: :thumbsup: :sparkles:
:warning: stasiekk already gave davidweedmark points
imnotarobot95
@imnotarobot95
Mar 20 2016 01:40
I'm a beginner & need some guidance. How do you add your sheet of code to Forum here?
David Weedmark
@DavidWeedmark
Mar 20 2016 01:40
@StasiekK I could only guess sorry.
help paste code
CamperBot
@camperbot
Mar 20 2016 01:41
no wiki entry for: paste code
David Weedmark
@DavidWeedmark
Mar 20 2016 01:41
help code
CamperBot
@camperbot
Mar 20 2016 01:41

:point_right: 10 steps to plan better so you can write less code [wiki]

Learn how to plan your future project!

Blog post written by BiancaMihai - GitHub / Twitter

An ounce of preparation is worth a pound of cure. That's true in medicine, and that's definitely true in software development.

Here's a structured 10-step workflow that will guide you through the app planning process, with the goal of saving you from writing a lot of unnecessary code.

Together, we'll plan out a simple "To-do" single-page web app. We'll also plan for an API backend for a future mobile app.

:pencil: read more about 10 steps to plan better so you can write less code on the FCC Wiki

David Weedmark
@DavidWeedmark
Mar 20 2016 01:41
no that's not it....
@imnotarobot95 three ticks ``` press Return, paste the code between the two rows of ticks and press Ctrl-Enter.
imnotarobot95
@imnotarobot95
Mar 20 2016 01:43
This message was deleted
CamperBot
@camperbot
Mar 20 2016 01:43
:bulb: to format code use backticks! ``` more info
David Weedmark
@DavidWeedmark
Mar 20 2016 01:43
there you go. camperbot to the rescue.
@imnotarobot95 keep trying. it takes practice for a lot of us
imnotarobot95
@imnotarobot95
Mar 20 2016 01:47
Where am I going wrong on the (Change the Font Size of an Element) Challenge.
I've tried it on Chrome & Safari, following the special Note: (Due to browser implementation differences, you may need to be at 100% zoom to pass the tests on this challenge.)
<style>
  .red-text {
    color: red;
  }
  p1 {
    font-size: 16px;
  }
  p2 {
    font-size: 16px;
  }
</style>

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

<p1 class="red-text">Kitty ipsum dolor sit amet,</p1>

<p2>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p2>
StasiekK
@StasiekK
Mar 20 2016 01:47
a 3xsometimes is tricky, earlier i di have problem explaining how to paste code using 3x
@imnotarobot95 don't use p1 and p2, just p
if p1 and p2 is classes, then you need to put (dot) before, paragraph TAG then can use your new class like <p class="p1">ASD</p>
Joseph Stivala
@joestivala
Mar 20 2016 01:49
there is no element named p2
there are only h1-h6 number elements
Moisés Man
@moigithub
Mar 20 2016 01:51
neither p1.. the element name is <p> only and u can use as many <p> as u like/needs
StasiekK
@StasiekK
Mar 20 2016 01:52
begining can be tricky, if you have some doubts about something ask, a lot people would help :)
David Weedmark
@DavidWeedmark
Mar 20 2016 01:54
@abibliophile sorry if you're feeling ignored. I"m not sure how your use of case is working there. Looking at the one I did, it basically parallels the instructions, based on if/else statements
Ariel
@abibliophile
Mar 20 2016 01:56
thanks @DavidWeedmark :)
CamperBot
@camperbot
Mar 20 2016 01:56
abibliophile sends brownie points to @davidweedmark :sparkles: :thumbsup: :sparkles:
:star: 406 | @davidweedmark | http://www.freecodecamp.com/davidweedmark
Andrew
@Opiuo
Mar 20 2016 01:56
<h1 class="pink-text" >Hello World!</h1>
whats wrong with this?
David Weedmark
@DavidWeedmark
Mar 20 2016 01:56
you'd think with all this code I'd be a better typist by now :/
Ariel
@abibliophile
Mar 20 2016 01:56
I was feeling a bit left out! in any case, I started with if/else statements and someone told me to change to case statemets
StasiekK
@StasiekK
Mar 20 2016 01:56
@Opiuo past <style> too
Ariel
@abibliophile
Mar 20 2016 01:57
I'm really unsure why it's not working
David Weedmark
@DavidWeedmark
Mar 20 2016 01:57
@Opiuo that works if there's css to go with it
Andrew
@Opiuo
Mar 20 2016 01:57
pink-text {color: pink;}
</style>
Blake Harris
@bharris62
Mar 20 2016 01:57
how do you post code in here as @abibliophile did earlier?
JD
@jdcogmon
Mar 20 2016 01:57
ok i know i'm doing something stupid. yet i cannot figure out what it is. suggestions?
http://codepen.io/jdcogmon/pen/KzWMOQ
Andrew
@Opiuo
Mar 20 2016 01:57
its not working with that?
StasiekK
@StasiekK
Mar 20 2016 01:57
@Opiuo you need put dot
Ariel
@abibliophile
Mar 20 2016 01:58
@bharris62 you do js then paste your code in then
oops sorry
StasiekK
@StasiekK
Mar 20 2016 01:58
.pink-text {color: pink;}
Ariel
@abibliophile
Mar 20 2016 01:58
``` js
and then paste your code in
and then ```
Andrew
@Opiuo
Mar 20 2016 01:58
ROFL! Thanks @StasiekK & @DavidWeedmark
CamperBot
@camperbot
Mar 20 2016 01:58
opiuo sends brownie points to @stasiekk and @davidweedmark :sparkles: :thumbsup: :sparkles:
Blake Harris
@bharris62
Mar 20 2016 01:58
thanks
CamperBot
@camperbot
Mar 20 2016 01:58
:star: 407 | @davidweedmark | http://www.freecodecamp.com/davidweedmark
:star: 138 | @stasiekk | http://www.freecodecamp.com/stasiekk
Ariel
@abibliophile
Mar 20 2016 01:58
of course :)
Blake Harris
@bharris62
Mar 20 2016 01:58
thanks @abibliophile
CamperBot
@camperbot
Mar 20 2016 01:58
bharris62 sends brownie points to @abibliophile :sparkles: :thumbsup: :sparkles:
:star: 230 | @abibliophile | http://www.freecodecamp.com/abibliophile
StasiekK
@StasiekK
Mar 20 2016 01:59
@Opiuo just 4 pixels, and a lot bit of trouble :)
Blake Harris
@bharris62
Mar 20 2016 01:59
i'll send you some fictitious points made of brownies
@jdcogmon what is it does that it shouldn't?
Joseph Stivala
@joestivala
Mar 20 2016 01:59
@jdcogmon not sure what the question is?
Blake Harris
@bharris62
Mar 20 2016 02:00
you posted its not doing something right
JD
@jdcogmon
Mar 20 2016 02:01
screach of frustration lol
Blake Harris
@bharris62
Mar 20 2016 02:01
oh, sorry
it should be in 2 colums, you need 2 different wells
Ariel
@abibliophile
Mar 20 2016 02:01
@DavidWeedmark does it mean something that it returns the collection regardless of whether the return statement is there or not?
Joseph Stivala
@joestivala
Mar 20 2016 02:02
@jdcogmon if your doing this in codepen you need to have bootstrap added to your css
Blake Harris
@bharris62
Mar 20 2016 02:03
lol and that to
Joseph Stivala
@joestivala
Mar 20 2016 02:03
cause in the code side example bootstrap is added in the background so thats why it looks different
StasiekK
@StasiekK
Mar 20 2016 02:03
@jdcogmon code looks ok, codepen need bootstrap and jquery turned on, (click gear next to js or css)
JD
@jdcogmon
Mar 20 2016 02:04
i'm doing it on freecodecamp @joestivala
Joseph Stivala
@joestivala
Mar 20 2016 02:04
@jdcogmon your using div tags and note button tags
John
@jpls93
Mar 20 2016 02:04

Hi, guys. I wanna share a bug I found in the early levels of HTML tutorial:
The instruction dictates to use the Google link to call the Lobster font using http but it won't work unless https is used.

i.e.

<link href='https://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
must be used so Google font Lobster can be called correctly instead of

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

StasiekK
@StasiekK
Mar 20 2016 02:05

@jdcogmon

<div class="container-fluid">
  <h3 class="text-primary text-center">jQuery Playground</h3>
  <div class="row">
    <div class="col-xs-6">
      <div class="well">
        <button></button>
        <button></button>
        <button></button>
      </div>
    </div>
    <div class="col-xs-6">
      <div class="well">
        <button></button>
        <button></button>
        <button></button>
      </div>
    </div>
  </div>
</div>

you need something like this

Blake Harris
@bharris62
Mar 20 2016 02:05
mine worked fine earlier, when I did it as was @johnsalcedonetwork
JD
@jdcogmon
Mar 20 2016 02:05
@joestivala so i am mixing languages and screwing up?
Joseph Stivala
@joestivala
Mar 20 2016 02:06
the site wants you to wrap them in divs it seems
John
@jpls93
Mar 20 2016 02:06
@bharris62 you used http only?
Blake Harris
@bharris62
Mar 20 2016 02:06
I just copy and pasted whatever was in the instructions
John
@jpls93
Mar 20 2016 02:06
@bharris62 I see. What browser did you use?
JD
@jdcogmon
Mar 20 2016 02:07
@StasiekK my hero
Blake Harris
@bharris62
Mar 20 2016 02:07
um, either chrome on mac, or chrome on windows10
i've been running 2 different computers all day depending where I was
John
@jpls93
Mar 20 2016 02:07
@bharris62 Interesting.. I use chrome on Win8.1
Blake Harris
@bharris62
Mar 20 2016 02:07
but both on chrome
StasiekK
@StasiekK
Mar 20 2016 02:07
@jdcogmon no problem, we are here for this
JD
@jdcogmon
Mar 20 2016 02:07
yes @joestivala i don't mind when it gets diva, i just need it to tell me what it wants me to do or have snickers
David Weedmark
@DavidWeedmark
Mar 20 2016 02:08
@abibliophile that might be the update function at work?
StasiekK
@StasiekK
Mar 20 2016 02:08
sometimes simple answer is good answer
Joseph Stivala
@joestivala
Mar 20 2016 02:09
yea I ran into a smiliar issue later on down the line when I tried to submit and if doesn't pass you don't get much feedback
Ariel
@abibliophile
Mar 20 2016 02:09
@DavidWeedmark ended up getting help but thanks!
CamperBot
@camperbot
Mar 20 2016 02:09
abibliophile sends brownie points to @davidweedmark :sparkles: :thumbsup: :sparkles:
:warning: abibliophile already gave davidweedmark points
Blake Harris
@bharris62
Mar 20 2016 02:09
so, are brownie points talied somewhere?
David Weedmark
@DavidWeedmark
Mar 20 2016 02:10
@bharris62 yeah they're added to your score when you look at your FCC profile page
StasiekK
@StasiekK
Mar 20 2016 02:10
@bharris62 and you can exchange it for real brownies (i hope)
JD
@jdcogmon
Mar 20 2016 02:10
@StasiekK @bharris62 and @joestivala kept me from the perils of self defenestration, Thank you!
CamperBot
@camperbot
Mar 20 2016 02:10
jdcogmon sends brownie points to @stasiekk and @bharris62 and @joestivala :sparkles: :thumbsup: :sparkles:
Matthew
@mattou07
Mar 20 2016 02:10

I'm stuck on the palindrome task I am quite close to solving it. Just one of the requirements is bugging me. Where am i going wrong?

function palindrome(str) {
// Good luck!
str = str.toLowerCase();
str = str.replace(/\d+|\s+|[.,\/#!$%\^&*;:{}=-_`~()]/g,"");
if (str == str.split("").reverse().join("")){
return true;
}

return false;
//return str;

}

palindrome("1 eye for of 1 eye..");

CamperBot
@camperbot
Mar 20 2016 02:10
:star: 134 | @joestivala | http://www.freecodecamp.com/joestivala
:star: 139 | @stasiekk | http://www.freecodecamp.com/stasiekk
:star: 119 | @bharris62 | http://www.freecodecamp.com/bharris62
David Weedmark
@DavidWeedmark
Mar 20 2016 02:11
Blake Harris
@bharris62
Mar 20 2016 02:12
ah sweet.
@jdcogmon when did you start FCC?
JD
@jdcogmon
Mar 20 2016 02:12
a week ago @bharris62
B. Garber
@TheBGar
Mar 20 2016 02:13
@bharris62 here's a brief explanation of brownie points
explain brownie
CamperBot
@camperbot
Mar 20 2016 02:13

:point_right: brownie points [wiki]

The number beside your picture on Free Code Camp tells you how many Brownie Points you have.

A user profile picture next to a with Brownie Points score

There are three ways you can get Brownie Points:

  1. Complete challenges - you get one point per challenge you complete
  2. Post relevant links on Camper News - you get 1 point for posting a link, and another point for each upvote your link gets
  3. Help other campers in chat - each time you help another camper and they thank you (by typing "thanks @yourname"), you will get a point

Brownie Points help you look like the kind of person who codes a lot, shares relevant links, and helps people.

They also add to your Streak.
:pencil: read more about brownie points on the FCC Wiki

B. Garber
@TheBGar
Mar 20 2016 02:14
This message was deleted
David Weedmark
@DavidWeedmark
Mar 20 2016 02:14
@mattou07 fun. what result are you getting?
B. Garber
@TheBGar
Mar 20 2016 02:14
@bharris62 :point_up:
Blake Harris
@bharris62
Mar 20 2016 02:14
i just clicked the link
sorry, in the zone. just started this thing today. kinda addicted
StasiekK
@StasiekK
Mar 20 2016 02:14
help streak
CamperBot
@camperbot
Mar 20 2016 02:14

:point_right: streaks [wiki]

Your user profile displays your recent activity. If you get Brownie Points on several consecutive days, you will start a streak.

A picture of a camper's streak readout showing a 21-day streak

This shows everyone that you are highly active in our community, and that you code a lot. When you're learning to code, it's important that you code at least some everyday.
:pencil: read more about streaks on the FCC Wiki

Matthew
@mattou07
Mar 20 2016 02:14
@DavidWeedmark I am getting true for "1 eye for of 1 eye.." when it should be false
MuhammadRe
@MuhammadRe
Mar 20 2016 02:17
hallo camperbot
Matthew
@mattou07
Mar 20 2016 02:19
@DavidWeedmark solved it im an idiot
JD
@jdcogmon
Mar 20 2016 02:19
@bharris62 i know, i am slow. a digital immigrant and full time teacher.
Blake Harris
@bharris62
Mar 20 2016 02:20
ha, not slow I was just wondering. I have binge done this today. it'll slow down after tomorrow
I'm an accountant
David Weedmark
@DavidWeedmark
Mar 20 2016 02:21
@mattou07 congrats :)
Matthew
@mattou07
Mar 20 2016 02:22
@DavidWeedmark I was removing numeric values because I misread the question haha
David Weedmark
@DavidWeedmark
Mar 20 2016 02:24
@mattou07 yeah I was busy deciphering the regex characters you used on that one. mine was only (/[^a-zA-Z0-9]/g, "")
Matthew
@mattou07
Mar 20 2016 02:24
@DavidWeedmark i guess i overkilled it haha
David Weedmark
@DavidWeedmark
Mar 20 2016 02:25
yeah but you probably know regex a lot better than I do now
Blake Harris
@bharris62
Mar 20 2016 02:26
Are theri rooms for all the different subjects? all I see rooms for are this, codereview and freecodecamp
B. Garber
@TheBGar
Mar 20 2016 02:27
yep @bharris62
check this out
explain rooms
CamperBot
@camperbot
Mar 20 2016 02:27
B. Garber
@TheBGar
Mar 20 2016 02:27
@bharris62 :point_up:
Patrick San Juan
@pdotsani
Mar 20 2016 02:27
Does anyone have any good resources on deploying to heroku with an existing db? I tried following the documentation several times with no success.
Matthew
@mattou07
Mar 20 2016 02:27
@TheBGar oooh interesting
B. Garber
@TheBGar
Mar 20 2016 02:27
@mattou07 yuh, def
David Weedmark
@DavidWeedmark
Mar 20 2016 02:28
@bharris62 there should also be a globe icon at the top of the page that links to the rooms (for future use)
Blake Harris
@bharris62
Mar 20 2016 02:28
thanks @TheBGar you're killing it tonight
CamperBot
@camperbot
Mar 20 2016 02:28
bharris62 sends brownie points to @thebgar :sparkles: :thumbsup: :sparkles:
:star: 359 | @thebgar | http://www.freecodecamp.com/thebgar
Blake Harris
@bharris62
Mar 20 2016 02:28
thats a lot of rooms
B. Garber
@TheBGar
Mar 20 2016 02:29
@bharris62 you bet. Just trying to offer help when I can. As others have done for me.
Blake Harris
@bharris62
Mar 20 2016 02:29
I/we appreciate it
all us noobies
B. Garber
@TheBGar
Mar 20 2016 02:31
@bharris62 dude I'm a noob too
started in December
Blake Harris
@bharris62
Mar 20 2016 02:31
I started about 6 hours ago
B. Garber
@TheBGar
Mar 20 2016 02:32
but good thing is you only have to be a step ahead to lead others
@bharris62 oh haha, nice! This place is/was awesome for me to find
StasiekK
@StasiekK
Mar 20 2016 02:32
i started 3 days ago, so i can help ppl from HTML, bootstrap (challange), and jQuery
B. Garber
@TheBGar
Mar 20 2016 02:32
@StasiekK rock on!
Blake Harris
@bharris62
Mar 20 2016 02:32
I am working thru jQuery now, hope tomorrow I can start working on my portfolio site
(i think thats next)
David Weedmark
@DavidWeedmark
Mar 20 2016 02:33
@bharris62 ah that's when the real fun starts
StasiekK
@StasiekK
Mar 20 2016 02:33
why all ppl doing portfolio? im stuck on on Tribute page
David Weedmark
@DavidWeedmark
Mar 20 2016 02:34
@StasiekK how's your page coming along?
geecheechee
@geecheeche
Mar 20 2016 02:34
I have to add to an existing button block another class of 'btn-primary. I have done it this way <button class="btn-block btn-primary">Like</button> and it does not work. What could be the issue here? Thanks in advance.
JD
@jdcogmon
Mar 20 2016 02:34
@StasiekK i will stalk you when it is time for my challenge lol
StasiekK
@StasiekK
Mar 20 2016 02:35
@DavidWeedmark almost done, now only need to do dates, and link and i think it would be over
Blake Harris
@bharris62
Mar 20 2016 02:35
I believe you need btn btn-block btn-primary in same class
@geecheeche
@DavidWeedmark i'm kinda nervous! I get to learn how much I remember! gonna have to do a lot of reviewing i'm sure
StasiekK
@StasiekK
Mar 20 2016 02:36
i don't know if 4hours of work is a good thing or bad for tribute page
B. Garber
@TheBGar
Mar 20 2016 02:36
@geecheeche is this in an exercise or in codepen?
Blake Harris
@bharris62
Mar 20 2016 02:37
and @StasiekK when i refer to portfolio I just refer to my website where portfolio will eventually be hosted.
David Weedmark
@DavidWeedmark
Mar 20 2016 02:38
@bharris62 I got to learn how much has changed. I hadn't been active with websites for over six years
StasiekK
@StasiekK
Mar 20 2016 02:38
i think you can use portfolio from challange as you'r first portfolio you only need to include all files to <head>
Blake Harris
@bharris62
Mar 20 2016 02:39
from first challenge? the cat thing?
StasiekK
@StasiekK
Mar 20 2016 02:39
no, the thing you do after jQ
David Weedmark
@DavidWeedmark
Mar 20 2016 02:40
@StasiekK four hours isn't bad if you haven't done many web pages
Blake Harris
@bharris62
Mar 20 2016 02:40
ah, ok.
StasiekK
@StasiekK
Mar 20 2016 02:41
@DavidWeedmark well i check a lot of things, and sit here, so coding time is more like ~2-3hours
30min i lost on looking for who to do tribute page
David Weedmark
@DavidWeedmark
Mar 20 2016 02:42
lol who did you pick? (or did you post it already?)
StasiekK
@StasiekK
Mar 20 2016 02:42
Micheal Faraday
im almost done
David Weedmark
@DavidWeedmark
Mar 20 2016 02:42
oh sheesh. yes I looked at it earlier sorry
StasiekK
@StasiekK
Mar 20 2016 02:43
:smile:
Blake Harris
@bharris62
Mar 20 2016 02:46
i'll do mine on Guido von Rossum lol
geecheechee
@geecheeche
Mar 20 2016 02:47
@bharris62 I have them under the same class but seems like the grader is not reading that. I wonder why?
StasiekK
@StasiekK
Mar 20 2016 02:48
@bharris62 before you chose check if there is easy Date line
Blake Harris
@bharris62
Mar 20 2016 02:48
lol prob not. i was jk im not going to do it on the inventor of python ha
@geecheeche can you post the code again
David Weedmark
@DavidWeedmark
Mar 20 2016 02:49
@bharris62 I thought that would have been interesting (after I'd googled him)
Joseph Stivala
@joestivala
Mar 20 2016 02:50
I went with Bob Ross for the tribute page
Blake Harris
@bharris62
Mar 20 2016 02:50
we shall see. my goal with that would prob be to do something easy. not my goal to research some person, when I could use that time to further my coding skills
David Weedmark
@DavidWeedmark
Mar 20 2016 02:50
@joestivala i used to watch him before he was a meme
Blake Harris
@bharris62
Mar 20 2016 02:52
@DavidWeedmark how many website page views you get a month?
David Weedmark
@DavidWeedmark
Mar 20 2016 02:53
last I checked, 2-3K
Blake Harris
@bharris62
Mar 20 2016 02:53
and, how many cell phone calls do you get?
lol---only reason i ask is because its kinda ballsy to put your cell number in your footer
David Weedmark
@DavidWeedmark
Mar 20 2016 02:54
I got one last night! new client. just signed her up today
Joseph Stivala
@joestivala
Mar 20 2016 02:54
@DavidWeedmark they do bob ross day on twtich every monday
Blake Harris
@bharris62
Mar 20 2016 02:55
lol, how many 'crazy' calls do you get is what i should ask
StasiekK
@StasiekK
Mar 20 2016 02:55
@DavidWeedmark i would call you if i would have some money on cellphone xD
David Weedmark
@DavidWeedmark
Mar 20 2016 02:55
@bharris62 I get very few spam calls actually.
SamsoniteH
@SamsoniteH
Mar 20 2016 02:56
I can't find out where to add the css for the .smaller-image
StasiekK
@StasiekK
Mar 20 2016 02:56
@SamsoniteH inside <style> ...</style>
geecheechee
@geecheeche
Mar 20 2016 02:56
@bharris62 here is the code <button class="btn-block btn-primary">Like</button>
SamsoniteH
@SamsoniteH
Mar 20 2016 02:56
Should the img src be inside the tags as well?
Blake Harris
@bharris62
Mar 20 2016 02:57
try class='btn btn-block btn-primary'
Joseph
@revisualize
Mar 20 2016 02:58

Here are some learning resources that I found via my Facebook feed in the last few days: http://www.syncfusion.com/resources/techportal/ebooks

If you sign up you can use your gmail address like this:
username+syncfusion.com @ gmail dot com (fixed it for non-linking)
and in the future you'll be able to filter out all of the spam that you may get.
Vince
@Vince33
Mar 20 2016 02:59
curious if anyone is learning angular2 at the moment
?
StasiekK
@StasiekK
Mar 20 2016 02:59
@SamsoniteH can you explain what do you have in mind?
David Weedmark
@DavidWeedmark
Mar 20 2016 02:59
@Vince33 no but I just started react this week
StasiekK
@StasiekK
Mar 20 2016 02:59
@Vince33 im going to, with typescript after i go through JS at FCC
Vince
@Vince33
Mar 20 2016 03:00
yeah I am using typescript and building the hero application in the docs
StasiekK
@StasiekK
Mar 20 2016 03:00
@DavidWeedmark in poland React is not very popular, Angular1 is most common, and Angular2 is ok
Vince
@Vince33
Mar 20 2016 03:00
but can't seem to get the router to work
Blake Harris
@bharris62
Mar 20 2016 03:01
welp, I am thru the first 2 sections.
Vince
@Vince33
Mar 20 2016 03:01
I have poured over my code but am not a master at debuging angular
Blake Harris
@bharris62
Mar 20 2016 03:01
3 sections
David Weedmark
@DavidWeedmark
Mar 20 2016 03:01
@StasiekK its still not very popular in Canada either. Angular either for that matter
StasiekK
@StasiekK
Mar 20 2016 03:02
in poland all jobs in frontend or JS full stack have a must have AngularJS
Vince
@Vince33
Mar 20 2016 03:02
NYC it is popular
if this error is familiar to any one I can provided further context
ORIGINAL EXCEPTION: No Directive annotation found on AppComponent
Blake Harris
@bharris62
Mar 20 2016 03:03
is everyone in here doing this so they can potentially get a job in development?
David Weedmark
@DavidWeedmark
Mar 20 2016 03:04
yep
Blake Harris
@bharris62
Mar 20 2016 03:04
idk if thats what I want to do or not
I think i'm just a nerd thats bored if i am not learning something
Vince
@Vince33
Mar 20 2016 03:05
@bharris62 the rabbit hole goes deep
it can become more fun the more knowledge you gain
Blake Harris
@bharris62
Mar 20 2016 03:06
I know lol
i'm not exactly 'new' to programming
but i basically am
Vince
@Vince33
Mar 20 2016 03:06
hahah gotcha
Blake Harris
@bharris62
Mar 20 2016 03:06
at some point I need to learn to use photoshop and illustrator
Vince
@Vince33
Mar 20 2016 03:06
I am pretty new and feel like i am just starting to get a chance to unleash some creativity
hahhha
yup me too
Blake Harris
@bharris62
Mar 20 2016 03:07
it takes a lot of knowledge to make anything useful
David Weedmark
@DavidWeedmark
Mar 20 2016 03:07
after coding you should find PS and ILL. a breeze
Blake Harris
@bharris62
Mar 20 2016 03:08
thats why imo programming is so difficult to learn, its a pretty good learning curve before you can get anything going
i'll never find paying for PS and ILL breeze ha
Vince
@Vince33
Mar 20 2016 03:08
they are time consuming too
Blake Harris
@bharris62
Mar 20 2016 03:09
yes, but to hire someone to do it for you would not be that worth it
Vince
@Vince33
Mar 20 2016 03:09
I feel like any time I do anything other than optimize for web i am in the docs
David Weedmark
@DavidWeedmark
Mar 20 2016 03:09
I suspended my subscription almost a year ago now. don't miss them at all
Nicole S.
@nicolesteck
Mar 20 2016 03:09
Hi guys. Pretty new here, working on the first CodePen project (a simple tribute) and I'm having some trouble with a few specific steps. Anyone have some ideas?
Blake Harris
@bharris62
Mar 20 2016 03:09
there are open source versions that are probably just as good for me
David Weedmark
@DavidWeedmark
Mar 20 2016 03:09
especially don't miss the weekly updates
@nicolesteck what are you stuck on?
Blake Harris
@bharris62
Mar 20 2016 03:10
what you got @nicolesteck
oloughlinp
@oloughlinp
Mar 20 2016 03:10
@nicolesteck I am in the same boat.. its a jump from the previous tutorials
Nicole S.
@nicolesteck
Mar 20 2016 03:10
So I've got a lot of the "main" coding down, and the text/images inputted -- where I'm getting stuck is having my ratios for the main block of text match up with the sample, and it's also not working to try to specify different fonts
Should I just copy/paste my code?
David Weedmark
@DavidWeedmark
Mar 20 2016 03:11
yes please
just the link actually
Nicole S.
@nicolesteck
Mar 20 2016 03:11

<link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,300' rel='stylesheet' type='text/css'><div class="container-fluid">
<div class="box center-block" id="background-box">
<h1 class="text-center main">Millie the Dog</h1><i>
<h3 class="text-center main">Warm heart, cold paws, bad breath</h2></i><br><br>

<div class="photo-frame">
  <figure><img src="http://i.imgur.com/vE6sXIg.png" alt="Millie the Dog" class="img-responsive center-block" id="Millie-pic">
    <p class="text-center main">Millie may not love the snow, but she sure looks cute in it!</div></p>

<br><br>
<div class="row">
<div class="col-lg-3"></div>
<div class="col-lg-5">
<h3>A timeline of the life of Millie:</h3>
<br>
<ul class="main">
<li><b>~2003-5:</b> Millie is born, likely somewhere near Georgia.</li>
<li><b>~2011:</b> A posting goes out to midwestern rescues listing shelter dogs in the Deep South slated for euthanasia; Millie is on that list.</li>
<li><b>2011/12:</b> A Rescue in IL arranges for Millie to be transported from Georgia; she is listed as a "Sanctuary Dog," for whom they do not expect adoptions to take place.</li>
<li><b>August 2012:</b> I email and inquire about Millie; in Deb's response email, she states that she burst into tears when she realized I meant little Mill, as she didn't think anyone would ever want her.</li><li><b>September 2012:</b> Millie comes home with me!</li><li><b>2012-present:</b> I have a fuzzy-butted, stinky, rotten-toothed best friend by my side.</ul>
<br><br>
<p class="quote">"She's the most amazing dog I've ever had the pleasure of knowing; she brings such joy to my life."</p><h5 class="quote-attribution"><i>- Ben R, President, Millie Fan Club

(I did a tribute to my dog.... I couldn't think of anyone else I wouldn't have to research!)
Blake Harris
@bharris62
Mar 20 2016 03:12
can you give link to codepen?
Nicole S.
@nicolesteck
Mar 20 2016 03:12
Sure, is there a way to link it so that it's not modifiable by anyone who opens the link though?
Otehrwise I can PM it to you, just do not want to make it editable to everyone on an open forum.
David Weedmark
@DavidWeedmark
Mar 20 2016 03:12
no one can modify you rcode... they can modify versions for themselves but it doesn't save to your page
Nicole S.
@nicolesteck
Mar 20 2016 03:13
ohh gotcha
Blake Harris
@bharris62
Mar 20 2016 03:13
yea i didn't think so, but wasn't for sure I havn't shared any yet
is that the right kind of link?
Blake Harris
@bharris62
Mar 20 2016 03:14
is that just a pic you did @DavidWeedmark
David Weedmark
@DavidWeedmark
Mar 20 2016 03:14
@nicolesteck what's not lining up for you?
@bharris62 I did that last year. just happened to stumble over it earlier today
Nicole S.
@nicolesteck
Mar 20 2016 03:15
We're supposed to essentially get as close to imitating the sample (http://codepen.io/nicolesteck/pen/grmPeG) as we can
David Weedmark
@DavidWeedmark
Mar 20 2016 03:15
I used to write tutorials on how to do stuff in PS and Ill.
Nicole S.
@nicolesteck
Mar 20 2016 03:15
oops. pasted mine again...hold on
David Weedmark
@DavidWeedmark
Mar 20 2016 03:15
@nicolesteck close to the example, but not exactly the same.
except for an external link, I'd say you're about there, no?
Nicole S.
@nicolesteck
Mar 20 2016 03:16
and when I resize the window on my site, it doesn't resize as nicely as the original page. There are also different fonts in the quote at the sample's bottom, but when i try to implement a second font for that it messes it up.
Blake Harris
@bharris62
Mar 20 2016 03:16
only thing i can see is you could use a little less padding between pic
Nicole S.
@nicolesteck
Mar 20 2016 03:16
The link at the end should be easy, the different font selection and - most of all - the weird spacing are what's getting to me right now.
Well when I modify the padding, it doesn't do too much - unless I'm modifying in the wrong area? I tried creating a row and splitting the areas to the left and right of the light gray area into ~2-3 columns apiece with the remainder to the main column, but that also didn't work.
The spacing looks okay to me until I try to resize -- if you slide your mouse back and forth to gradually resize the window you'll see what I mean - much less smooth in my version, clearly there's something happening that I'm missing.
StasiekK
@StasiekK
Mar 20 2016 03:19
Christopher Byrd
@chrabyrd
Mar 20 2016 03:20

Hi guys!

Does anyone know if scrollspy works with dynamic pills? Or, more specifically, why I can't get it to work for me?

http://codepen.io/chrabyrd/full/LNWpgo/

Thank you!

RyanEnright
@RyanEnright
Mar 20 2016 03:20
@nicolesteck What specifically do you want to fix/change?
Nicole S.
@nicolesteck
Mar 20 2016 03:21
I would like the centering of the main dark column (which is not, despite how it might look, the background of the whole website) to mimic that of the sample referenced above -- i.e. take up the center 60% of the page at full-screen and slowly shrink to fit as the window is made smaller
StasiekK
@StasiekK
Mar 20 2016 03:21
damn it braking :/
David Weedmark
@DavidWeedmark
Mar 20 2016 03:22
@nicolesteck your css is a bit messed up you've got brackets outside of brackets. look at line thirty where the font family is written twice
Nicole S.
@nicolesteck
Mar 20 2016 03:23
oh good catch - let me take a look
David Weedmark
@DavidWeedmark
Mar 20 2016 03:23
@StasiekK it's looking good! except the nordic text
Nitish
@initishgupta
Mar 20 2016 03:23
Hey guys I am stuck on "Change the Font Size of an Element"
it is just not going through
Nicole S.
@nicolesteck
Mar 20 2016 03:24
@DavidWeedmark that was a strange byproduct of the way Google recommended you add fonts (https://www.google.com/fonts#UsePlace:use)
StasiekK
@StasiekK
Mar 20 2016 03:25
@DavidWeedmark button is broken, when you minimize a browser window text is outside button :/
Nicole S.
@nicolesteck
Mar 20 2016 03:25
@initishgupta Where did you add the font size modifier? Is it inside the <style> section?
Nitish
@initishgupta
Mar 20 2016 03:25
It's inside Style only @nicolesteck
Nicole S.
@nicolesteck
Mar 20 2016 03:25
@initishgupta can you copy and paste the code here?
Alex Myers
@qckpckt
Mar 20 2016 03:26
Hi guys. I’m working on the portfolio project, and I need some advice
Nicole S.
@nicolesteck
Mar 20 2016 03:26
@StasiekK I agree that looks great - the one thing (which isn't even slightly related) is that you misspelled Michael. :)
Nitish
@initishgupta
Mar 20 2016 03:26

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

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

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

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

Nicole S.
@nicolesteck
Mar 20 2016 03:26
Yep, so you need to specify that the font size is for the <p> element
David Weedmark
@DavidWeedmark
Mar 20 2016 03:26
@nicolesteck try replacing your css with this

body {
  background-color: white;
}

  h2 {
    font-family: Sans-Serif;
  }

.photo-frame {
  background-color: white;
  padding: 5px;
  border-radius: 2px;
  }

  #Millie-pic {
    width: 100%;
  }

.box {
  background-color: #d3d3d3;
  padding: 50px;
  border-radius: 10px; 
  }

  .quote {
    font-size: 20px;
    font-family: 'Open-Sans';
  }

.quote-attribution {
    font-size: 15px;
    font-family: Open-Sans;
  }
Nicole S.
@nicolesteck
Mar 20 2016 03:27

so @initishgupta you need to close the curly brackets on the color: red and then open another with

p {font-size: 16px;}

StasiekK
@StasiekK
Mar 20 2016 03:27
@nicolesteck lol :+1: Micheal is Polish Michal (you remove e)
Nicole S.
@nicolesteck
Mar 20 2016 03:27
OH my mistake! hahah sorry about that @StasiekK
@DavidWeedmark thanks will try that right now.
CamperBot
@camperbot
Mar 20 2016 03:28
nicolesteck sends brownie points to @davidweedmark :sparkles: :thumbsup: :sparkles:
:star: 408 | @davidweedmark | http://www.freecodecamp.com/davidweedmark
Nicole S.
@nicolesteck
Mar 20 2016 03:28
woah
I didn't even know "sending brownie points" was a thing.
David Weedmark
@DavidWeedmark
Mar 20 2016 03:28
@nicolesteck yeah its whenever you say thanks
CamperBot
@camperbot
Mar 20 2016 03:28
davidweedmark sends brownie points to @nicolesteck :sparkles: :thumbsup: :sparkles:
:star: 148 | @nicolesteck | http://www.freecodecamp.com/nicolesteck
Alex Myers
@qckpckt
Mar 20 2016 03:28
I’m working on the portfolio project, and I need some advice on whether my approach is right. I saw that the example page looks very much like a bootstrap template, so I started off by just copying and pasting the code for the navbar and content from a template I found on the bootstrap website. I kind of feel like this is cheating. What do you guys think?
David Weedmark
@DavidWeedmark
Mar 20 2016 03:29
@qckpckt copying and pasting kinda is, yeah but not using bootstrap
@qckpckt you know you can add bootstrap automatically to the CSS?
StasiekK
@StasiekK
Mar 20 2016 03:30
@nicolesteck ok i did correct now :)
Blake Harris
@bharris62
Mar 20 2016 03:30
does anyone pay for fancy pro codepen?
RyanEnright
@RyanEnright
Mar 20 2016 03:30
@qckpckt ok to use bootstrap but use the bootstrap website and type everything, read the documentation and understand what does what. Thats my advice
David Weedmark
@DavidWeedmark
Mar 20 2016 03:30
ah. I didn't think Faraday was Polish
Alex Myers
@qckpckt
Mar 20 2016 03:31
@DavidWeedmark yes I know that. I added bootstrap, and then copy-pasted the code from a bootstrap template you can download from bootstrap website.
@RyanEnright I agree. I didnt learn anything by my approach. I’m now trying to build a navbar from scratch but I’m not really clear on what I’m doing or why.
David Weedmark
@DavidWeedmark
Mar 20 2016 03:32
@qckpckt want to post your link?
Alex Myers
@qckpckt
Mar 20 2016 03:32
I deleted the project.
@DavidWeedmark I’m starting from scratch. Nothing to show yet
Nicole S.
@nicolesteck
Mar 20 2016 03:33
@DavidWeedmark that helped with changing the font of the majority of the text, but did not correct the font of the quote itself (which still has some funky stuff going on in its code anyway); the spacing (visible when you change the size of the window - and in comparison to the sample) is the more pressing issue IMOl.
RyanEnright
@RyanEnright
Mar 20 2016 03:33
@qckpckt this will give you a decent tutorial on how to build a navbar yourself, if thats what you're interested in doing. http://www.w3schools.com/css/css_navbar.asp
lenaecb
@lenaecb
Mar 20 2016 03:34

Looking for some help to some font sizing for responsive... here's the code i have calling media query... @media only screen and (max-width: 767px) {
h1.intro-message {
font-size: 14em;
}
h2.intro-message {
font-size: 10em;
}

}

David Weedmark
@DavidWeedmark
Mar 20 2016 03:34
@nicolesteck I'll take another look
Blake Harris
@bharris62
Mar 20 2016 03:34
@qckpckt I believe you will learn significantly more doing it from scratch. I'm all about not reinventing the wheel, but sometimes you have to take the long road
lenaecb
@lenaecb
Mar 20 2016 03:34
here's the site - http://lenaecb.github.io/
Nicole S.
@nicolesteck
Mar 20 2016 03:34
ty!
lenaecb
@lenaecb
Mar 20 2016 03:34
I would like for the two top header section fonts to be a lot bigger
but respond down per screen size
oloughlinp
@oloughlinp
Mar 20 2016 03:35
Can somebody explain why my "padding-top: xxx px" doesn't look like it does anything?
In the CSS
David Weedmark
@DavidWeedmark
Mar 20 2016 03:36
@nicolesteck for the spacing, do you mean how the quote looks compared to the bullet points above?
oloughlinp
@oloughlinp
Mar 20 2016 03:36
Nevermind, I'm dumb. Bu why doesn't it iveride the margin from the other CSS block?
Alex Myers
@qckpckt
Mar 20 2016 03:36
@RyanEnright Thanks for that. I guess I’m getting confused by the addition of bootstrap. Like, it already has classes built for navbars, but I cant seem to find any documentation explaining why theyre built the way they are
David Young
@dayvidwhy
Mar 20 2016 03:37
@oloughlinp because ones positive and ones negative? lol
StasiekK
@StasiekK
Mar 20 2016 03:37
@oloughlinp a bit of tip, try using only bootstrap i guarantee you learn alot
Nicole S.
@nicolesteck
Mar 20 2016 03:38
@DavidWeedmark no -- if you look at the sample (http://codepen.io/FreeCodeCamp/full/wMQrXV) you can see that there is a distinct white background, with a gray box centered on the screen that contains all of the text and other information. That gray box's margin to the edges of the page changes from very large to nothing depending on the size of the screen.
David Young
@dayvidwhy
Mar 20 2016 03:38
@StasiekK lol really? the opposite sounds more true
StasiekK
@StasiekK
Mar 20 2016 03:39
@deedubwhy css way is easy, it can be hard placing boxes, but i think bootstrap is great for this
David Young
@dayvidwhy
Mar 20 2016 03:41
@oloughlinp dunno, if you inspect the element chrome seems to think it has no padding even if you put it in codeine. have you considered trying it locally instead of using codepen?
Joseph Gereghty
@joegereghty1989
Mar 20 2016 03:41
Create a class called gray-background with the background-color of gray. Assign this class to your div element.
<div>
.gray-background {background-color: gray;}
<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>
can anyone help?
David Young
@dayvidwhy
Mar 20 2016 03:41
@StasiekK if it was way easy you wouldn’t call placing boxes hard
using a library to do the hard stuff fundamentall abstracts your knowledge of whats happening
eg using jquery $(#) selectors instead of document.getelementbyid
StasiekK
@StasiekK
Mar 20 2016 03:42
@deedubwhy yes, you have a right here,
David Young
@dayvidwhy
Mar 20 2016 03:42
yes and thats fine
Nadura
@Nadura
Mar 20 2016 03:42

'''<div class="container-fluid">
<div class="row">
<h3 class="text-primary text-center">jQuery Playground</h3>
</div>
</div>

<div></div>'''

CamperBot
@camperbot
Mar 20 2016 03:42
:bulb: to format code use backticks! ``` more info
David Young
@dayvidwhy
Mar 20 2016 03:43
its just if its the early projects like portfolio/tribute here on fcc, i dont just tell people to go straight for bootstrap, have a go without using
David Wilbanks
@dwilbank68
Mar 20 2016 03:43
or using document.getElementById instead of 0011 1100 1110 0110 1100 1100
ahhaah
Jason
@JasonDeving
Mar 20 2016 03:43
document.querySelector() is better
Nadura
@Nadura
Mar 20 2016 03:44
I am having some trouble with creating a bootstrap row
David Young
@dayvidwhy
Mar 20 2016 03:44
@dwilbank68 you’d be a big fan of dreamweaver
David Wilbanks
@dwilbank68
Mar 20 2016 03:44
no it creates more junk html
David Young
@dayvidwhy
Mar 20 2016 03:44
no shit
just like using bootstrap/jquery
David Wilbanks
@dwilbank68
Mar 20 2016 03:44
it's all hidden and bulletproof though
David Young
@dayvidwhy
Mar 20 2016 03:44
your making chrome read all those lines of junk your not using
it still parses it when you load the page
David Weedmark
@DavidWeedmark
Mar 20 2016 03:45
@nicolesteck okay for the background on the left and right of the image, you can change that if you really wanted to, by specifying that the image should be 100% of the page width when the screen is small
lenaecb
@lenaecb
Mar 20 2016 03:45
any help on this http://lenaecb.github.io/ and getting the into font to increase?
Nicole S.
@nicolesteck
Mar 20 2016 03:45
how would i do that?
lenaecb
@lenaecb
Mar 20 2016 03:45
i feel like i've tried everything
Nadura
@Nadura
Mar 20 2016 03:45
Can anyone please help me figure out how to Add a div element below your h3 element.
RyanEnright
@RyanEnright
Mar 20 2016 03:46
@qckpckt I've also looked for the same thing, still unable to find.
David Weedmark
@DavidWeedmark
Mar 20 2016 03:47
@nicolesteck for the font quote, a part of it may be that you haven't closed the tags
Alex Myers
@qckpckt
Mar 20 2016 03:47
@RyanEnright I found this just now, tucked away halfway down the components page list on getbootstrap.com: http://getbootstrap.com/components/#nav
Sahil Khetarpal
@sahilkpal
Mar 20 2016 03:47
how do you only give elements with p tag the font size?
Nicole S.
@nicolesteck
Mar 20 2016 03:47
@Nadura can you give some more detail?
Alex Myers
@qckpckt
Mar 20 2016 03:47
@RyanEnright it doesnt have everything but it explains the nav class.
oloughlinp
@oloughlinp
Mar 20 2016 03:48
@deedubwhy haven't tried anything other than codepen
David Young
@dayvidwhy
Mar 20 2016 03:48
@lenaecb have you tried inspecting it to see whats giving it the 2em it currently has?
it looks like your simpletextrotator is forcing it to be that size
RyanEnright
@RyanEnright
Mar 20 2016 03:48
@qckpckt oh I didn't know you were looking for that sorry...I thought you wanted to see the actual class styles etc. oops
David Wilbanks
@dwilbank68
Mar 20 2016 03:49
@sahilkpal
p {
    font-size: ...
}
lenaecb
@lenaecb
Mar 20 2016 03:49
yea i think maybe it's being inherited from the body?
Alex Myers
@qckpckt
Mar 20 2016 03:49
@sahilikpal in your CSS, write the following: p {}. Inside the {} put whatever style elements you want to affect p.
lenaecb
@lenaecb
Mar 20 2016 03:49
body {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333;
background-color: #fff;
David Young
@dayvidwhy
Mar 20 2016 03:49
@lenaecb using chrome?
lenaecb
@lenaecb
Mar 20 2016 03:50
yea
David Young
@dayvidwhy
Mar 20 2016 03:50
right click the text and hit inspect
Alex Myers
@qckpckt
Mar 20 2016 03:50
@RyanEnright That would be nice, but this at least helps me to wrap my head around what comes from CSS and what comes from bootstrap
lenaecb
@lenaecb
Mar 20 2016 03:50
yea, i am inspecting it now
David Young
@dayvidwhy
Mar 20 2016 03:50
looks like h1
lenaecb
@lenaecb
Mar 20 2016 03:50
and that's all i am finding is that the it's showing it's inheriting the body css for 14px... at least that's that i understand
David Young
@dayvidwhy
Mar 20 2016 03:51
dunno, not familiar with the rotators css
RyanEnright
@RyanEnright
Mar 20 2016 03:51
@qckpckt ok so if you go through the navbar info, the grid-sytem and containers on bootstrap you'll have a much better understanding and can build your project fairly easy
Sahil Khetarpal
@sahilkpal
Mar 20 2016 03:52
<style>
.red-text {
color: red;
p{
font-size: 16px;
}
}
</style>
Alex Myers
@qckpckt
Mar 20 2016 03:52
@RyanEnright Thanks
CamperBot
@camperbot
Mar 20 2016 03:52
qckpckt sends brownie points to @ryanenright :sparkles: :thumbsup: :sparkles:
:star: 228 | @ryanenright | http://www.freecodecamp.com/ryanenright
David Weedmark
@DavidWeedmark
Mar 20 2016 03:52
@nicolesteck for the font, I can't find the open sans 300 italic, only a light italic. I've got to go, but I'd suggest getting the google font again, deleting the code at the top of your HTML and instead using the import option, pasted at the top of your CSS @import url(https://fonts.googleapis.com/css?family=Open+Sans);.... but mostly to fix the tags in your HTML including the <figure> tag which is kinda hanging there all by itself
StasiekK
@StasiekK
Mar 20 2016 03:52
@sahilkpal
<style>
  .red-text {
    color: red;}
    p{
      font-size: 16px;
    }

</style>
Sahil Khetarpal
@sahilkpal
Mar 20 2016 03:53
@StasiekK oh
David Wilbanks
@dwilbank68
Mar 20 2016 03:53
This message was deleted
Sahil Khetarpal
@sahilkpal
Mar 20 2016 03:53
Must have missed the part where the tutorial shows how to create a separate element within
Nadura
@Nadura
Mar 20 2016 03:53
@nicolesteck I am doing one of the bootstrap practices on freecodecamp, these were the instructions Add a div element below your h3 element.
Your div element should have the class row
Your row div should be nested inside the container-fluid div
Make sure your div element has a closing tag.
Sahil Khetarpal
@sahilkpal
Mar 20 2016 03:53
thanks all
StasiekK
@StasiekK
Mar 20 2016 03:55
@sahilkpal for each class or id or type you need { and }
Nadura
@Nadura
Mar 20 2016 03:55

@nicolesteck And this was my answer:<div class="container-fluid">
<div class="row">
<h3 class="text-primary text-center">jQuery Playground</h3>
</div>
</div>

<div></div>

Joseph Gereghty
@joegereghty1989
Mar 20 2016 03:55
What does it mean to assign a background-color to a <div> element?
StasiekK
@StasiekK
Mar 20 2016 03:56
@joegereghty1989 i think you need do it through class
Joseph Gereghty
@joegereghty1989
Mar 20 2016 03:59
<div>
.gray-background {background-color: gray;}
<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>
Frank XC
@tenkdayz
Mar 20 2016 04:00
problem.. a function is triggered twice by two separate events that almost always happen at the same time how can i prevent it from running twice as it does.
oloughlinp
@oloughlinp
Mar 20 2016 04:01
/join FreeCodeCamp/CodeReview
How do you join other rooms on GitteR?
StasiekK
@StasiekK
Mar 20 2016 04:02
through link
StasiekK
@StasiekK
Mar 20 2016 04:02
explain rooms
CamperBot
@camperbot
Mar 20 2016 04:02
StasiekK
@StasiekK
Mar 20 2016 04:03
you just click and join
RyanEnright
@RyanEnright
Mar 20 2016 04:03
@joegereghty1989 you need to add the class gray-background to your div first. Then add background-color between the style tags
V Bhargav Chowdary
@bhargav4
Mar 20 2016 04:05
@Nimdok42 could you paste the code?
Frank XC
@tenkdayz
Mar 20 2016 04:07

$(".halfcircle").click(function(){
if(Game.power){
var pInput = Number($(this).val());
Game.players.push(pInput);
if(Game.players.length===Game.sequence.length){
reminder(Game.sequence,false);//<<<< problem
}
compare();
}
});

var i =0;
function compare(){
if(Game.sequence[i]===Game.players[Game.players.length-1]){
i++;
}else{
alert("wrong key");
Game.players =[];
reminder(Game.sequence,true);//<<problem
i=0;
j=0;
}
}

var j=0;
function reminder(arr,outcome){// this function is triggered twice by the 2 previous ones
j=0;
Game.playerFail = outcome;
var r = setInterval(function(){
resetColors();
$("[value='"+arr[j]+"']").css("background","#ccc");
j++;
if(j>arr.length){
clearInterval(r);
resetColors();
j=0;
if(!Game.playerFail){randPush();}
}
},tempo);
}

Joseph Gereghty
@joegereghty1989
Mar 20 2016 04:08
@RyanEnright i added .gray-background to both <div> and <style> tags and still nothing
Frank XC
@tenkdayz
Mar 20 2016 04:08
i guess you might need context..
Umar Khan
@umar-khan
Mar 20 2016 04:11
hey, anyone that's working on / finished the local weather front-end project?
My http://openweathermap.org/ calls are all returning 500 errors
not sure if it's my internet or their service is down
Does this work for anyone?
Leonidas Stratigakis
@anheric
Mar 20 2016 04:12
@umar-khan can you share your code?
David Wilbanks
@dwilbank68
Mar 20 2016 04:12
I got it
V Bhargav Chowdary
@bhargav4
Mar 20 2016 04:13
@Nimdok42 The function is trigereed twice because you are calling it in click() and compare() methods
Frank XC
@tenkdayz
Mar 20 2016 04:14
the problem is that when the player fails at the last turn the function is runned 2ice
RyanEnright
@RyanEnright
Mar 20 2016 04:14
@joegereghty1989 <div class = "gray-background">
Frank XC
@tenkdayz
Mar 20 2016 04:15
ok I see..
@bhargav4 thank you.
CamperBot
@camperbot
Mar 20 2016 04:15
nimdok42 sends brownie points to @bhargav4 :sparkles: :thumbsup: :sparkles:
:star: 337 | @bhargav4 | http://www.freecodecamp.com/bhargav4
V Bhargav Chowdary
@bhargav4
Mar 20 2016 04:17
@Nimdok42 I see your project give css for button outline:none; to remove bluebox when button is clicked
Umar Khan
@umar-khan
Mar 20 2016 04:17
hmm weird..
ah wait sorry. that one was by city
Can anyone confirm if the lat/long one is working?
David Wilbanks
@dwilbank68
Mar 20 2016 04:18
Umar Khan
@umar-khan
Mar 20 2016 04:18
@dwilbank68 thanks. Looks like it's not just me then
CamperBot
@camperbot
Mar 20 2016 04:18
umar-khan sends brownie points to @dwilbank68 :sparkles: :thumbsup: :sparkles:
:star: 41 | @dwilbank68 | http://www.freecodecamp.com/dwilbank68
David Wilbanks
@dwilbank68
Mar 20 2016 04:18
yeh they're free, after all
Joseph Gereghty
@joegereghty1989
Mar 20 2016 04:18
@RyanEnright https://goo.gl/O6fddP
idk where that pic is coming from
Frank XC
@tenkdayz
Mar 20 2016 04:19
@bhargav4 I wasnt using chrome and didnt notice that. thanks
CamperBot
@camperbot
Mar 20 2016 04:19
nimdok42 sends brownie points to @bhargav4 :sparkles: :thumbsup: :sparkles:
:warning: nimdok42 already gave bhargav4 points
Umar Khan
@umar-khan
Mar 20 2016 04:19
yeah fair enough
It just happened at the same time i made a change so i thought i was messing something up XD
Jason
@JasonDeving
Mar 20 2016 04:20
looks like pasadena or norcal
actually probably NorCal
RyanEnright
@RyanEnright
Mar 20 2016 04:21
@joegereghty1989 you dont have a class in your div
@RyanEnright you're calling the gray background class in your style section but there is no gray background class
Joseph Gereghty
@joegereghty1989
Mar 20 2016 04:24
@RyanEnright omg you were right but they weren't asking me to add to to my <style>. Thank you.
CamperBot
@camperbot
Mar 20 2016 04:24
joegereghty1989 sends brownie points to @ryanenright :sparkles: :thumbsup: :sparkles:
:star: 229 | @ryanenright | http://www.freecodecamp.com/ryanenright
RyanEnright
@RyanEnright
Mar 20 2016 04:25
@joegereghty1989 anytime you "style" an element such as color it will be in your style tags
Joseph Gereghty
@joegereghty1989
Mar 20 2016 04:26
@RyanEnright ok i get it. thank you
CamperBot
@camperbot
Mar 20 2016 04:26
joegereghty1989 sends brownie points to @ryanenright :sparkles: :thumbsup: :sparkles:
:warning: joegereghty1989 already gave ryanenright points
RyanEnright
@RyanEnright
Mar 20 2016 04:26
@joegereghty1989 np
Stephenna Jemae
@Stephenna
Mar 20 2016 04:26
Im on "Use the Bootstrap Grid to Put Elements Side By Side" and it still says "Each of your Bootstrap buttons should be nested within its own div element with the class col-xs-4." Ive put it in the class of the div element, it didnt work. I also put it in the class of the button element to see if it work! Please help):
Pranav Doshi
@pranavdoshi
Mar 20 2016 04:26
can anyone explain how to get ur parameters and what i am doing wrong in this code
<script>
var url = "http://www.procureeminence.com/?title=JoeDirt&keyphrase=Classy";
alert(url.location.search);
</script>
Umar Khan
@umar-khan
Mar 20 2016 04:28
@Stephenna It should go in the class of your <div>. Can you post some of your code?
David Weedmark
@DavidWeedmark
Mar 20 2016 04:29
@Stephenna each button should have the <div class="col-xs-4"> above and </div> below. is that what you have?
oloughlinp
@oloughlinp
Mar 20 2016 04:30
Is the a benefit to using "container-fluid" and "row" if you don't specify any columns?
David Weedmark
@DavidWeedmark
Mar 20 2016 04:30
@oloughlinp maybe? but I've only used them with columns
David Wilbanks
@dwilbank68
Mar 20 2016 04:31
gives a standard indentation that is nice, I think...
margin/padding, I mean
RyanEnright
@RyanEnright
Mar 20 2016 04:31
@oloughlinp I could see container being used outside of columns but not row. NOt positive though
David Weedmark
@DavidWeedmark
Mar 20 2016 04:32
come to think of it, I don't really use bootstrap at all unless I need columns
oloughlinp
@oloughlinp
Mar 20 2016 04:32
My tribute looks fine - but I don't know if I am doind it right or wrong
Stephenna Jemae
@Stephenna
Mar 20 2016 04:32
@umar-khan Yes, hold on please(: and @DavidWeedmark I have that done
Pranav Doshi
@pranavdoshi
Mar 20 2016 04:32
can anyone help me??
Umar Khan
@umar-khan
Mar 20 2016 04:32
@pranavdoshi Looks like you're setting url to a string and i don't think strings have a ".location.search" function
David Weedmark
@DavidWeedmark
Mar 20 2016 04:32
@oloughlinp link?
oloughlinp
@oloughlinp
Mar 20 2016 04:32
@DavidWeedmark
Connor Menges
@cmmenges
Mar 20 2016 04:33
how would you create space in between an image and text below it?
Umar Khan
@umar-khan
Mar 20 2016 04:33
what happens if you simply do alert(location.search);
Pranav Doshi
@pranavdoshi
Mar 20 2016 04:33
@umar-khan i m trying to get parameters value from a url
i am not understanding
the code used over internet.
@umar-khan wait will do a alert of wat u said
Umar Khan
@umar-khan
Mar 20 2016 04:34
okay let me know what you get back
Chad Kreutzer
@ChadKreutzer
Mar 20 2016 04:34
@cmmenges there are several ways to do it. Personally I'd probably adjust the CSS of one or both.
Pranav Doshi
@pranavdoshi
Mar 20 2016 04:34
returns empty popup @umar-khan
Umar Khan
@umar-khan
Mar 20 2016 04:35
where are you running this from?
is it a local file that you opened up in your browser?
Pranav Doshi
@pranavdoshi
Mar 20 2016 04:35
in console
of already opened random file
Umar Khan
@umar-khan
Mar 20 2016 04:35
your file url probably doesn't have query strings though
Try this
Tamisha Wallace
@hautemum36
Mar 20 2016 04:35

<style>
.injected-text {
margin-bottom: -25px;
text-align: center;
}

.box {
border-style: solid;
border-color: black;
border-width: 5px;
text-align: center;
}

.yellow-box {
background-color: yellow;
padding: 10px;
}

.red-box {
background-color: red;
padding: 20px;
margin: -15px;
}

.green-box {
background-color: green;
padding: 20px;
margin: -15px;
}
</style>

<div class="box yellow-box">
<h5 class="box red-box">padding</h5>
<h5 class="box green-box">margin</h5>
</div>

Trying to change my margin into a negative and its not working
David Weedmark
@DavidWeedmark
Mar 20 2016 04:36
@oloughlinp looks great, I'd say.
Stephenna Jemae
@Stephenna
Mar 20 2016 04:36
@umar-khan <div class="container-fluid row"> sorry my computer is slow right now
thats what i have
Umar Khan
@umar-khan
Mar 20 2016 04:36
@pranavdoshi
oloughlinp
@oloughlinp
Mar 20 2016 04:36
@DavidWeedmark thanks
CamperBot
@camperbot
Mar 20 2016 04:36
oloughlinp sends brownie points to @davidweedmark :sparkles: :thumbsup: :sparkles:
Umar Khan
@umar-khan
Mar 20 2016 04:36
then open up console
CamperBot
@camperbot
Mar 20 2016 04:36
:star: 409 | @davidweedmark | http://www.freecodecamp.com/davidweedmark
Pranav Doshi
@pranavdoshi
Mar 20 2016 04:37
wait doing.
Umar Khan
@umar-khan
Mar 20 2016 04:37
and run alert(location.search);
Pranav Doshi
@pranavdoshi
Mar 20 2016 04:38
now its shwing but when i use static url den why not its happening?
like var url="";
and den ocation.search on it
@umar-khan
Umar Khan
@umar-khan
Mar 20 2016 04:38
because when you do that
url is just a regular string
you could have named it anything
Pranav Doshi
@pranavdoshi
Mar 20 2016 04:39
i did not get u
Umar Khan
@umar-khan
Mar 20 2016 04:39
catname = "google.com?string=123"
javascript doesn't know that just because you called your variable "url" that it should treat it any different than any other string
Pranav Doshi
@pranavdoshi
Mar 20 2016 04:39
<script>
var url = "http://www.procureeminence.com/?title=JoeDirt&keyphrase=Classy";
alert(location.search);
</script>
for this ?? @umar-khan
Umar Khan
@umar-khan
Mar 20 2016 04:41
no i don't think that will work
var url = "http://www.procureeminence.com/?title=JoeDirt&keyphrase=Classy";
Doesn't do anything aside from creating a string variable called "url"
it doesn't change the location of the page that you are currently on
Pranav Doshi
@pranavdoshi
Mar 20 2016 04:44
can u explain me how to get paramter vaue from string
Umar Khan
@umar-khan
Mar 20 2016 04:45
if you don't have the parameter ( aka query strings) in the window that's currently open
Or if you're manually assigning a string variable that contains the url
you would have to treat it as a normal task of finding a substring in a string
So one example would be, you could find the first "?"
And then split the string based on the index of that first "?"
Stephenna Jemae
@Stephenna
Mar 20 2016 04:47
Each of your Bootstrap buttons should be nested within its own div element with the class col-xs-4. can someone help?? What do I do? its not working
Umar Khan
@umar-khan
Mar 20 2016 04:49
@Stephenna can you paste a bigger section of your code
In general the structure is that you have a parent div that has the container-fluid class
Dewitt Buckingham
@DaJoker29
Mar 20 2016 04:50
Howdy. Is there a list of keyboard shortcuts for the editor anywhere?
Umar Khan
@umar-khan
Mar 20 2016 04:50
That div then has a child div that has the row class
Stephenna Jemae
@Stephenna
Mar 20 2016 04:50

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

<div class="container-fluid row col-xs-4">
<h2 class="red-text text-center">CatPhotoApp</h2>

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

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

<img src="http://bit.ly/fcc-running-cats" class="img-responsive">
<button class="btn btn-block btn-primary">Like</button>
<button class="btn btn-block btn-info">Info</button>
<button class="btn btn-block btn-danger">Delete</button>
<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>
This is what I have.

David Weedmark
@DavidWeedmark
Mar 20 2016 04:50
@hautemum36 I just pasted your code into mine and it works. is your browser zoom at 100 percent?
Stephenna Jemae
@Stephenna
Mar 20 2016 04:50
was that tpp much>>
*??
Umar Khan
@umar-khan
Mar 20 2016 04:50
lol
David Young
@dayvidwhy
Mar 20 2016 04:50
@Stephenna there is markup
Stephenna Jemae
@Stephenna
Mar 20 2016 04:51
I cant type! Sorry *too
Umar Khan
@umar-khan
Mar 20 2016 04:51
alright so right now you have all your classes in one div
remove "row col-xs-4" from that div
so you have
```
Stephenna Jemae
@Stephenna
Mar 20 2016 04:52
okay
I did that
Umar Khan
@umar-khan
Mar 20 2016 04:52
alright now your 3 buttons
you want them all to be in one row right?
Stephenna Jemae
@Stephenna
Mar 20 2016 04:53
Yes,
Umar Khan
@umar-khan
Mar 20 2016 04:53
To do that, we create a <div class="row"> tag before the three buttons
Stephenna Jemae
@Stephenna
Mar 20 2016 04:53
alright
Umar Khan
@umar-khan
Mar 20 2016 04:54
and a </div> after the 3 buttons
So everything between the opening and closing of the div we want to be in one 'row'
So far so good?
Stephenna Jemae
@Stephenna
Mar 20 2016 04:54
Yep(:
Umar Khan
@umar-khan
Mar 20 2016 04:54
Alright now
Each button
We want each button to be 4 columns right?
Stephenna Jemae
@Stephenna
Mar 20 2016 04:55
I assume so!
Umar Khan
@umar-khan
Mar 20 2016 04:55
lol no assuming!
Stephenna Jemae
@Stephenna
Mar 20 2016 04:55
Do i take out "container-fluid"?
Umar Khan
@umar-khan
Mar 20 2016 04:55
no leave that
Stephenna Jemae
@Stephenna
Mar 20 2016 04:55
okay
Umar Khan
@umar-khan
Mar 20 2016 04:55
we want each button to be 4 columns
Stephenna Jemae
@Stephenna
Mar 20 2016 04:55
yes
Umar Khan
@umar-khan
Mar 20 2016 04:56
that means we have to surround each <button> with it's own <div>
Stephenna Jemae
@Stephenna
Mar 20 2016 04:56
alright
Umar Khan
@umar-khan
Mar 20 2016 04:56
now how do we make a div 4 columns wide using bootstrap classes?
Stephenna Jemae
@Stephenna
Mar 20 2016 04:57
yes
Umar Khan
@umar-khan
Mar 20 2016 04:57
i'm asking you how to do it
Stephenna Jemae
@Stephenna
Mar 20 2016 04:57
Oh sorry! we add col-xs-4
Umar Khan
@umar-khan
Mar 20 2016 04:57
exactly
Benjamin Gonzalez
@xasuma
Mar 20 2016 04:57
can someone show me the code for the challenge "using objects for lookups" (basic javascript). I am stuck .
Stephenna Jemae
@Stephenna
Mar 20 2016 04:58
to each one?
Umar Khan
@umar-khan
Mar 20 2016 04:58
Yes because each button is inside it's own div
and we want each of those divs to be 4 columns wide
Stephenna Jemae
@Stephenna
Mar 20 2016 04:58
alright! hold on!
Randy
@Randya
Mar 20 2016 04:59
When using the code editor on this site, the cursor appears in places where I don't click, and the arrows on my keyboard won't move the cursor to where I need it to be either. What gives?
Stephenna Jemae
@Stephenna
Mar 20 2016 05:00
YES! It worked thank you! @umar-khan
CamperBot
@camperbot
Mar 20 2016 05:00
stephenna sends brownie points to @umar-khan :sparkles: :thumbsup: :sparkles:
:star: 292 | @umar-khan | http://www.freecodecamp.com/umar-khan
Umar Khan
@umar-khan
Mar 20 2016 05:00
No worries. Just remember that <div>s are like boxes
You make divs to hold things inside them
Stephenna Jemae
@Stephenna
Mar 20 2016 05:01
Okay(:
Umar Khan
@umar-khan
Mar 20 2016 05:01
and you use the column classes to side all of the contents of that div
size*
Julian Betancourt
@julianbetancourt
Mar 20 2016 05:01
Hi guys :D
Umar Khan
@umar-khan
Mar 20 2016 05:01
@xasuma if you post your code or what you're stuck on we can help
hello :)
Benjamin Gonzalez
@xasuma
Mar 20 2016 05:03

Well, I was supposed to convert a switch statement into a lookup table. This is the code I have.

// Setup
function phoneticLookup(val) {
  var result = "";

  // Only change code below this line
   var lookup = {
    "alpha": phoneticLookup(val){
       return "Adams";
   },
    "bravo": phoneticLookup(val){
       return "Boston";
   },
    "charlie": phoneticLookup(val){
       return "Chicago";
   },
    "delta": phoneticLookup(val){
       return "Denver";
   },
    "echo": phoneticLookup(val){
       return "Easy";
   },
    "foxtrot": phoneticLookup(val){
       return "Frank";
   }

  };

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

// Change this value to test
phoneticLookup("charlie");

The instructions are: "Convert the switch statement into a lookup table called lookup. Use it to lookup val and assign the associated string to the result variable."

Sorry , this is what I actually have. That was an older attempt.
// Setup
function phoneticLookup(val) {
  var result = "";

  // Only change code below this line
   var lookup = {
    "alpha": lookup(result){
       return "Adams";
   },
    "bravo": lookup(result){
       return "Boston";
   },
    "charlie": lookup(result){
       return "Chicago";
   },
    "delta": lookup(result){
       return "Denver";
   },
    "echo": lookup(result){
       return "Easy";
   },
    "foxtrot": lookup(result){
       return "Frank";
   }

  };

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

// Change this value to test
phoneticLookup("charlie");
Umar Khan
@umar-khan
Mar 20 2016 05:05
Looks like the main issue here is that your structure of the lookup variable
your goal in this exercise is to create an object called 'lookup' which has the necessary key/value pairs
An object looks like this
var person = {
    firstName:"John",
    lastName:"Doe",
    age:50,
    eyeColor:"blue"
};
you've got something like
var lookup = {
    "alpha": lookup(result){
       return "Adams";
   },
    "bravo": lookup(result){
       return "Boston";
   },
Benjamin Gonzalez
@xasuma
Mar 20 2016 05:07
Like this
// Setup
function phoneticLookup(val) {
  var result = "";

  // Only change code below this line
   var lookup = {
    "alpha": "Adams";
    "bravo": "Boston";
    "charlie": "Chicago";
    "delta": "Denver";
    "echo": "Easy";
    "foxtrot": "Frank";
  };

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

// Change this value to test
phoneticLookup("charlie");
Umar Khan
@umar-khan
Mar 20 2016 05:08
yup exactly
you've got your lookup object sorted out
Benjamin Gonzalez
@xasuma
Mar 20 2016 05:08
Then how do I link the return result to the lookup object?
Umar Khan
@umar-khan
Mar 20 2016 05:08
now you need to lookup the value (val) as the key in that object
how do you search an object for a key?
Abdul Awali
@awalthefirst
Mar 20 2016 05:09
results = objectName[variable]
Umar Khan
@umar-khan
Mar 20 2016 05:09
yup
Benjamin Gonzalez
@xasuma
Mar 20 2016 05:10
but, I am not supposed to change that line of code.
Umar Khan
@umar-khan
Mar 20 2016 05:10
you don't have to
You've defined your lookup object
Benjamin Gonzalez
@xasuma
Mar 20 2016 05:10
Yes
Umar Khan
@umar-khan
Mar 20 2016 05:11
now you know if you want to search your object for a key, you do
lookup[variablename]
so if you want to make result equal to that you can do
result = lookup[variablename];
also one thing regarding your object
you end each line with a semi-colon
it should end in a comma
   var lookup = {
    "alpha": "Adams",
    "bravo": "Boston",
    "charlie": "Chicago",
    "delta": "Denver",
    "echo": "Easy",
    "foxtrot": "Frank"
  };
Benjamin Gonzalez
@xasuma
Mar 20 2016 05:14
omg, that was it.
Umar Khan
@umar-khan
Mar 20 2016 05:15
lol so it worked?
Benjamin Gonzalez
@xasuma
Mar 20 2016 05:15
After a while I got so confused I didn't even realize that. Anyways, yes it worked! thank you very much @umar-khan
CamperBot
@camperbot
Mar 20 2016 05:15
xasuma sends brownie points to @umar-khan :sparkles: :thumbsup: :sparkles:
:star: 293 | @umar-khan | http://www.freecodecamp.com/umar-khan
Umar Khan
@umar-khan
Mar 20 2016 05:15
no worries :smile:
James S.
@Mrblue27
Mar 20 2016 05:30
Can anyone tell me what URL am I missing or suppose to input
https://www.freecodecamp.com/challenges/add-placeholder-text-to-a-text-field#?solution=%3Clink%20href%3D%22http%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20.red-text%20%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%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%3Cp%3EThings%20cats%20love%3A%3C%2Fp%3E%0A%3Cul%3E%0A%20%20%3Cli%3Ecat%20nip%3C%2Fli%3E%0A%20%20%3Cli%3Elaser%20pointers%3C%2Fli%3E%0A%20%20%3Cli%3Elasagna%3C%2Fli%3E%0A%3C%2Ful%3E%0A%3Cp%3ETop%203%20things%20cats%20hate%3A%3C%2Fp%3E%0A%3Col%3E%0A%20%20%3Cli%3Eflea%20treatment%3C%2Fli%3E%0A%20%20%3Cli%3Ethunder%3C%2Fli%3E%0A%20%20%3Cli%3Eother%20cats%3C%2Fli%3E%0A%3C%2Fol%3E%0A%3Cinput%20type%3D%22text%22%3E%0A%0A%3Cinput%20type%3D%22cat%20photo%22placeholder%3D%22cat%20photo%20URL%22%3E%0A%0A
Abdul Awali
@awalthefirst
Mar 20 2016 05:35
@Mrblue27 you have 2 input element remove one
<input type="text" placeholder="cat photo URL">
^^
type="text"
James S.
@Mrblue27
Mar 20 2016 05:37
@awalthefirst just did that and same results
epynic
@epynic
Mar 20 2016 05:39
@Mrblue27 you mean the type="text" ?
Abdul Awali
@awalthefirst
Mar 20 2016 05:40

@Mrblue27

...
...
  <li>flea treatment</li>
  <li>thunder</li>
  <li>other cats</li>
</ol>
<input type="text" placeholder="cat photo URL">

if you have something like this then try hard refresh

James S.
@Mrblue27
Mar 20 2016 05:43
@awalthefirst Thanks. My mistake was I wrote the input line twice
CamperBot
@camperbot
Mar 20 2016 05:43
mrblue27 sends brownie points to @awalthefirst :sparkles: :thumbsup: :sparkles:
:star: 614 | @awalthefirst | http://www.freecodecamp.com/awalthefirst
sagar sakaria
@sagarsakaria
Mar 20 2016 05:44

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

Abdul Awali
@awalthefirst
Mar 20 2016 05:44
@Mrblue27 great
sagar sakaria
@sagarsakaria
Mar 20 2016 05:44
what's problem in this code
?
Abdul Awali
@awalthefirst
Mar 20 2016 05:46
@sagarsakaria it seems like you have mixed html in your css
sagar sakaria
@sagarsakaria
Mar 20 2016 05:47

<style>
h2 {color:blue;}CatPhotoApp
</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>

still something wrong
?
someoneoffl
@someoneoffl
Mar 20 2016 05:50
i'm stuck on javascript word blanks... please help
Abdul Awali
@awalthefirst
Mar 20 2016 05:50
<style>
h2 {
color:  blue;
}
</style>
<h2> CatPhotoApp </h2>
what challenge is that
@sagarsakaria
@someoneoffl what's wrong
sagar sakaria
@sagarsakaria
Mar 20 2016 05:52
someoneoffl
@someoneoffl
Mar 20 2016 05:53

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

// Your code above this line
return result;
}

// Change the words here to test your function
wordBlanks("dog", "big", "ran", "quickly"); @awalthefirst

Abdul Awali
@awalthefirst
Mar 20 2016 05:54
@sagarsakaria anytime
cannelflow
@cannelflow
Mar 20 2016 05:54
@someoneoffl you need to make asentence using myNoun, myAdjective, myVerb, myAdverb which has passed values while calling function like wordBlanks("dog", "big", "ran", "quickly");
someoneoffl
@someoneoffl
Mar 20 2016 05:55
Can you please write a demo code @cannelflow
yes, thank you,.... @cannelflow @awalthefirst
CamperBot
@camperbot
Mar 20 2016 05:59
someoneoffl sends brownie points to @cannelflow and @awalthefirst :sparkles: :thumbsup: :sparkles:
:star: 615 | @awalthefirst | http://www.freecodecamp.com/awalthefirst
:star: 972 | @cannelflow | http://www.freecodecamp.com/cannelflow
cannelflow
@cannelflow
Mar 20 2016 05:59
myresult =A+" "+B+" "+C+" "+D SO
Abdul Awali
@awalthefirst
Mar 20 2016 05:59
@someoneoffl
combine all of the passed argument to make a sentence
result += 'The ' + myNoun + 'is' + myAdjective + ' '+ myVerb ..
Benjamin Gonzalez
@xasuma
Mar 20 2016 06:00

in this example of testing objects for properties

var myObj = {
  top: "hat",
  bottom: "pants"
};
myObj.hasOwnProperty("top");    // true
myObj.hasOwnProperty("middle"); // false

are the quotes on the property name correct? When I did the challenge, it didn't like quotes like shown in the example. Just wondering which one is right .

James S.
@Mrblue27
Mar 20 2016 06:00
how do I nest the form
cannelflow
@cannelflow
Mar 20 2016 06:00
wordBlanks("dog", "big", "ran", "quickly") result will be like dog big ran quickly @someoneoffl
:point_up: March 20, 2016 11:29 AM @someoneoffl
James S.
@Mrblue27
Mar 20 2016 06:00
https://www.freecodecamp.com/challenges/create-a-form-element#?solution=%3Clink%20href%3D%22http%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20.red-text%20%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%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%3Cp%3EThings%20cats%20love%3A%3C%2Fp%3E%0A%3Cul%3E%0A%20%20%3Cli%3Ecat%20nip%3C%2Fli%3E%0A%20%20%3Cli%3Elaser%20pointers%3C%2Fli%3E%0A%20%20%3Cli%3Elasagna%3C%2Fli%3E%0A%3C%2Ful%3E%0A%3Cp%3ETop%203%20things%20cats%20hate%3A%3C%2Fp%3E%0A%3Col%3E%0A%20%20%3Cli%3Eflea%20treatment%3C%2Fli%3E%0A%20%20%3Cli%3Ethunder%3C%2Fli%3E%0A%20%20%3Cli%3Eother%20cats%3C%2Fli%3E%0A%3C%2Fol%3E%0A%3Cinput%20type%3D%22text%22%20placeholder%3D%22cat%20photo%20URL%22%3E%0A%3Cform%20fccfaa%3D%22%2Fsubmit-cat-photo%22%3E%3C%2Fform%3E%0A%0A%0A%0A
cannelflow
@cannelflow
Mar 20 2016 06:02
<input type="text"> @Mrblue27 is your field input now Nest your text field in a form element. Add the action="/submit-cat-photo" attribute to this form element.
someoneoffl
@someoneoffl
Mar 20 2016 06:02
@cannelflow yes, thank you,.... i've done it
CamperBot
@camperbot
Mar 20 2016 06:02
someoneoffl sends brownie points to @cannelflow :sparkles: :thumbsup: :sparkles:
:warning: someoneoffl already gave cannelflow points
Ricardo Velasco
@talo242
Mar 20 2016 06:02
@Mrblue27 Just add the <form> tag before the elements you want to nest and be sure to close it using </form> It will look something like this: <form><input></form>
cannelflow
@cannelflow
Mar 20 2016 06:04
@xasuma can you show your code
Benjamin Gonzalez
@xasuma
Mar 20 2016 06:06
@cannelflow this is the section I am talking about. (I got the challenge)
(myObj.hasOwnProperty(checkProp)
However in the example the checkProp is in quotes. But in the challenge, if I did that with quotes, It said it was wrong.
cannelflow
@cannelflow
Mar 20 2016 06:10
in (myObj.hasOwnProperty(checkProp) checkProp is variable here in example on left hand side everything is string so they did like "top","midele"
@xasuma
Benjamin Gonzalez
@xasuma
Mar 20 2016 06:13
@cannelflow the example and the challenge are both strings though. there should be no difference
Alexander
@AlexHTML78
Mar 20 2016 06:14

this is a silly question, but how to do it:
Give elements with the p tag a font-size of 16px. Browser and Text zoom should be at 100%.
`<style>
.red-text {
color: red;
}
.p {
font-size:16px;
}
</style>

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

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

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

James S.
@Mrblue27
Mar 20 2016 06:15
where am I going wrong
https://www.freecodecamp.com/challenges/create-a-form-element#?solution=%3Clink%20href%3D%22http%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20.red-text%20%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%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%3Cp%3EThings%20cats%20love%3A%3C%2Fp%3E%0A%3Cul%3E%0A%20%20%3Cli%3Ecat%20nip%3C%2Fli%3E%0A%20%20%3Cli%3Elaser%20pointers%3C%2Fli%3E%0A%20%20%3Cli%3Elasagna%3C%2Fli%3E%0A%3C%2Ful%3E%0A%3Cp%3ETop%203%20things%20cats%20hate%3A%3C%2Fp%3E%0A%3Col%3E%0A%20%20%3Cli%3Eflea%20treatment%3C%2Fli%3E%0A%20%20%3Cli%3Ethunder%3C%2Fli%3E%0A%20%20%3Cli%3Eother%20cats%3C%2Fli%3E%0A%3C%2Fol%3E%0A%3Cform%3E%3Cinput%20type%3D%22text%22%20placeholder%3D%22cat%20photo%20URL%22%20action%3D%22%2Fsubmit-cat-photo%22%3E%3C%2Fform%3E%0A%0A%0A%0A%0A%0A
Alexander
@AlexHTML78
Mar 20 2016 06:15
And do not add a class attribute to the second p element, without removing it from the first one.
cannelflow
@cannelflow
Mar 20 2016 06:16
var myObj = {
  gift: "pony",
  pet: "kitten",
  bed: "sleigh"
};

function checkObj(checkProp) {<===function checkObj with checkProp variable so checkProp 
will take value gift &per respectevely
  // Your Code Here

}

// Test your code by modifying these values
checkObj("gift");<====you are calling checkObj function with value gift
checkObj("pet");<====you are calling checkObj function with value pet
@xasuma
@xasuma
Benjamin Gonzalez
@xasuma
Mar 20 2016 06:16
@AlexHTML78 remove the dot before the p inside the style tags.
cannelflow
@cannelflow
Mar 20 2016 06:17
@Mrblue27 Add the action="/submit-cat-photo" attribute to this form element.
Alexander
@AlexHTML78
Mar 20 2016 06:17
@xasuma omg. I'm stupid. Ty
Benjamin Gonzalez
@xasuma
Mar 20 2016 06:20
@cannelflow Still doesn't make sense. :p But don't worry I am too tired to learn anything else, haha. Probably tomorrow I will look at it over and understand the difference.
cannelflow
@cannelflow
Mar 20 2016 06:21
@xasuma :+1:
James S.
@Mrblue27
Mar 20 2016 06:22
@cannelflow Thanks for the advice
CamperBot
@camperbot
Mar 20 2016 06:22
mrblue27 sends brownie points to @cannelflow :sparkles: :thumbsup: :sparkles:
:star: 973 | @cannelflow | http://www.freecodecamp.com/cannelflow
Rodolfo Emmanuel
@intelligentspaz3
Mar 20 2016 06:23
hello my nerds
MicahCurtis
@MicahCurtis
Mar 20 2016 06:23
i need help
James S.
@Mrblue27
Mar 20 2016 06:23
@talo242 Thanks for the advice I get
CamperBot
@camperbot
Mar 20 2016 06:23
mrblue27 sends brownie points to @talo242 :sparkles: :thumbsup: :sparkles:
:star: 63 | @talo242 | http://www.freecodecamp.com/talo242
David Young
@dayvidwhy
Mar 20 2016 06:23
@MicahCurtis wuts up
MicahCurtis
@MicahCurtis
Mar 20 2016 06:24
with font sizes @deedubwhy

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

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

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

Rodolfo Emmanuel
@intelligentspaz3
Mar 20 2016 06:24
has anyone in here completed the entire frecodecamp course
MicahCurtis
@MicahCurtis
Mar 20 2016 06:24
i have to make p 16px
David Young
@dayvidwhy
Mar 20 2016 06:24
@MicahCurtis so change the 30 to 16?
MicahCurtis
@MicahCurtis
Mar 20 2016 06:24
doesnt work
David Young
@dayvidwhy
Mar 20 2016 06:24
its outside the style tag
MicahCurtis
@MicahCurtis
Mar 20 2016 06:24
?
David Young
@dayvidwhy
Mar 20 2016 06:24
might want to put it inside with its friend
see </style>
MicahCurtis
@MicahCurtis
Mar 20 2016 06:24
yes
David Young
@dayvidwhy
Mar 20 2016 06:24
put it above that line
Rodolfo Emmanuel
@intelligentspaz3
Mar 20 2016 06:25
has anyone in here completed the entire freecodecamp course
MicahCurtis
@MicahCurtis
Mar 20 2016 06:25
oh thanks @deedubwhy
CamperBot
@camperbot
Mar 20 2016 06:25
micahcurtis sends brownie points to @deedubwhy :sparkles: :thumbsup: :sparkles:
:star: 356 | @deedubwhy | http://www.freecodecamp.com/deedubwhy
cannelflow
@cannelflow
Mar 20 2016 06:25
@MicahCurtis exercise name?
Rodolfo Emmanuel
@intelligentspaz3
Mar 20 2016 06:25
has anyone in here completed the entire frecodecamp course
Benjamin Gonzalez
@xasuma
Mar 20 2016 06:25
@intelligentspaz3 Probably not.
Santak Mishra
@santakmishra
Mar 20 2016 06:25
@xasuma @intelligentspaz3 yes there are many.
Abdul Awali
@awalthefirst
Mar 20 2016 06:25
@intelligentspaz3 i have :smile:
David Young
@dayvidwhy
Mar 20 2016 06:25
@intelligentspaz3 apparently a few have, you’d have to be pretty keen
Rodolfo Emmanuel
@intelligentspaz3
Mar 20 2016 06:25
@xasuma i see
shouldnt we have like a symbol that differiates those who have completed the course
Santak Mishra
@santakmishra
Mar 20 2016 06:26
there is an elite room for those people :P
Abdul Awali
@awalthefirst
Mar 20 2016 06:26
the last thing i did https://roguelyke.herokuapp.com
Rodolfo Emmanuel
@intelligentspaz3
Mar 20 2016 06:26
for example if you completed you have like a batch of completion next to our profile name
what do you guys think
that way in my opinion we know who the experts are
@awalthefirst cool
oops
Santak Mishra
@santakmishra
Mar 20 2016 06:28
you can usually check that by brownie points. experts have points over 1000 or even 2000
about @intelligentspaz3
CamperBot
@camperbot
Mar 20 2016 06:28
:star: 31 | @intelligentspaz3 | http://www.freecodecamp.com/intelligentspaz3
Santak Mishra
@santakmishra
Mar 20 2016 06:28
about @santakmishra
CamperBot
@camperbot
Mar 20 2016 06:28
:star: 352 | @santakmishra | http://www.freecodecamp.com/santakmishra
Rodolfo Emmanuel
@intelligentspaz3
Mar 20 2016 06:28
@awalthefirst cool
Santak Mishra
@santakmishra
Mar 20 2016 06:28
about @abhisekp
CamperBot
@camperbot
Mar 20 2016 06:28
:star: 2336 | @abhisekp | http://www.freecodecamp.com/abhisekp
Santak Mishra
@santakmishra
Mar 20 2016 06:28
see? :P
Rodolfo Emmanuel
@intelligentspaz3
Mar 20 2016 06:28
yeah
Abdul Awali
@awalthefirst
Mar 20 2016 06:29
@intelligentspaz3 thanks
CamperBot
@camperbot
Mar 20 2016 06:29
awalthefirst sends brownie points to @intelligentspaz3 :sparkles: :thumbsup: :sparkles:
:star: 32 | @intelligentspaz3 | http://www.freecodecamp.com/intelligentspaz3
Abhisek Pattnaik
@abhisekp
Mar 20 2016 06:29
about @rphares
CamperBot
@camperbot
Mar 20 2016 06:29
:star: 3412 | @rphares | http://www.freecodecamp.com/rphares
Santak Mishra
@santakmishra
Mar 20 2016 06:29
hahaha
@abhisekp hey sorry for waking you :P
Benjamin Gonzalez
@xasuma
Mar 20 2016 06:29
@awalthefirst is too hard to jump while moving in a direction :(
rphares
@rphares
Mar 20 2016 06:30
Here, @abhisekp ? Im rarely in this room...
Rodolfo Emmanuel
@intelligentspaz3
Mar 20 2016 06:31
imagine if brownie points could be used like money to buy let's say a picture or something
Abdul Awali
@awalthefirst
Mar 20 2016 06:31
@xasuma i agree.
rphares
@rphares
Mar 20 2016 06:32
lol, well can't say id vote against it...
Rodolfo Emmanuel
@intelligentspaz3
Mar 20 2016 06:32
just imagine
rphares
@rphares
Mar 20 2016 06:32
(but actually i would... some people actually seem to care about them already. it would be even worse if they were useful in some way... :blush: )
cannelflow
@cannelflow
Mar 20 2016 06:33
i agree with @rphares
Abhisek Pattnaik
@abhisekp
Mar 20 2016 06:33
@intelligentspaz3 do u think brownie pts. are as cheap as a mere picture? huh? :angry:
don't u understand the real blood i spent for that? :feelsgood:
rphares
@rphares
Mar 20 2016 06:33
( @cannelflow !! :blush: :wave: )
Rodolfo Emmanuel
@intelligentspaz3
Mar 20 2016 06:34
@abhisekp explaine please
Abhisek Pattnaik
@abhisekp
Mar 20 2016 06:34
@intelligentspaz3 there is no explanation :expressionless:
@intelligentspaz3 jk ;)
Rodolfo Emmanuel
@intelligentspaz3
Mar 20 2016 06:34
i'm throwing myself out the window
lol
rphares
@rphares
Mar 20 2016 06:35
ignore him... ;)
@abhisekp is always trouble, just nod along and ignore it... :wink2:
Andrew
@Opiuo
Mar 20 2016 06:36
What am i doing wrong?
  <button class="btn btn-block btn-primary"><i class="fa fa-thumbs up">Like</button></i>
Abhisek Pattnaik
@abhisekp
Mar 20 2016 06:36
@intelligentspaz3 for instance, @rphares spent 40 kgs of blood to go from 1000 to 3000
about @rphares
CamperBot
@camperbot
Mar 20 2016 06:36
:star: 3412 | @rphares | http://www.freecodecamp.com/rphares
Abhisek Pattnaik
@abhisekp
Mar 20 2016 06:36
:feelsgood:
rphares
@rphares
Mar 20 2016 06:37
@abhisekp , nonsense, i doubt i had 40 kg of blood to begin with...
Rodolfo Emmanuel
@intelligentspaz3
Mar 20 2016 06:37
i need brownie points...so you could sell me some browni points lets say 2000 for $10.00
just imagine
cash baby
rphares
@rphares
Mar 20 2016 06:38
@intelligentspaz3 , just ask :blush:
CamperBot
@camperbot
Mar 20 2016 06:38
rphares sends brownie points to @intelligentspaz3 :sparkles: :thumbsup: :sparkles:
:star: 33 | @intelligentspaz3 | http://www.freecodecamp.com/intelligentspaz3
Abhisek Pattnaik
@abhisekp
Mar 20 2016 06:38
@intelligentspaz3 alright I can give u all the brownies u want but if u solve a problem correctly :D
Rodolfo Emmanuel
@intelligentspaz3
Mar 20 2016 06:38
exactly you're getting the idea
Andrew
@Opiuo
Mar 20 2016 06:38
eh hem?
Abhisek Pattnaik
@abhisekp
Mar 20 2016 06:38
Are you ready?
Are you ready to become Uncle Scrooge? :chicken:
Rodolfo Emmanuel
@intelligentspaz3
Mar 20 2016 06:39
what's the problem
Andrew
@Opiuo
Mar 20 2016 06:39
Im suppose to make a thumbs up icon
Not too sure what im doing wrong
Abhisek Pattnaik
@abhisekp
Mar 20 2016 06:39
@intelligentspaz3 here is the question
A shop was selling 3 chocolates for $1 and
if you return three wrappers you get 1 chocolate free.
If so, how many chocolates can you get for $45.
cannelflow
@cannelflow
Mar 20 2016 06:39
Uncle Scrooge @abhisekp reminded me of childhood
Abhisek Pattnaik
@abhisekp
Mar 20 2016 06:39
@Opiuo :+1:
Rodolfo Emmanuel
@intelligentspaz3
Mar 20 2016 06:40
what i'm not too smart
anyone?
Andrew
@Opiuo
Mar 20 2016 06:40
15?
Abhisek Pattnaik
@abhisekp
Mar 20 2016 06:40
@Opiuo :+1:
Andrew
@Opiuo
Mar 20 2016 06:40
How did you do that?
Rodolfo Emmanuel
@intelligentspaz3
Mar 20 2016 06:40
ok so @Opiuo wins the brownie points
Andrew
@Opiuo
Mar 20 2016 06:41
haha
Ugia
@hujinxin1209
Mar 20 2016 06:42
how do i know my solution is passed?
Andrew
@Opiuo
Mar 20 2016 06:42
Oh wait
Ugia
@hujinxin1209
Mar 20 2016 06:42
i don’t know
Abhisek Pattnaik
@abhisekp
Mar 20 2016 06:42
@intelligentspaz3 @Opiuo no. 15 is not the solution
Andrew
@Opiuo
Mar 20 2016 06:42
I mis read
its 45
Isnt it?
Abhisek Pattnaik
@abhisekp
Mar 20 2016 06:43
yeah! $45
Rodolfo Emmanuel
@intelligentspaz3
Mar 20 2016 06:43
i'm not too smart, any one?
Abhisek Pattnaik
@abhisekp
Mar 20 2016 06:43
The question again for reference
A shop was selling 3 chocolates for $1 and
if you return three wrappers you get 1 chocolate free.
If so, how many chocolates can you get for $45.
Slava Ustiuzhanin
@ustiuzhanin
Mar 20 2016 06:43
150
Abhisek Pattnaik
@abhisekp
Mar 20 2016 06:43
@intelligentspaz3 u don't want BPs?
@ustiuzhanin nope! nope!
Rodolfo Emmanuel
@intelligentspaz3
Mar 20 2016 06:43
i'm creating ideas...i think
Andrew
@Opiuo
Mar 20 2016 06:43
I didnt get brownie points lol
Abhisek Pattnaik
@abhisekp
Mar 20 2016 06:44
@Opiuo u didn't answer correctly ;)
Rodolfo Emmanuel
@intelligentspaz3
Mar 20 2016 06:44
is @ustiuzhanin right?
Andrew
@Opiuo
Mar 20 2016 06:44
I mean the answer isnt 45?
Oh wait
Its 180?
Rodolfo Emmanuel
@intelligentspaz3
Mar 20 2016 06:45
isn't 135
is it?
Andrew
@Opiuo
Mar 20 2016 06:45
Wait wait im doing it wrong
Abhisek Pattnaik
@abhisekp
Mar 20 2016 06:46
not 180
not 135
Rodolfo Emmanuel
@intelligentspaz3
Mar 20 2016 06:46
are you smarter than a 5th grader
Abhisek Pattnaik
@abhisekp
Mar 20 2016 06:46
:no_entry_sign:
rphares
@rphares
Mar 20 2016 06:46
@abhisekp 155?
(or 4 :wink2: )
Abhisek Pattnaik
@abhisekp
Mar 20 2016 06:47
niet
Rodolfo Emmanuel
@intelligentspaz3
Mar 20 2016 06:47
niet = NO
dude just tell us the answer
Slava Ustiuzhanin
@ustiuzhanin
Mar 20 2016 06:47
156
Abhisek Pattnaik
@abhisekp
Mar 20 2016 06:48
@ustiuzhanin nope!
Mihail Demchenko
@MihailDemchenko
Mar 20 2016 06:48
Hello world!!!
CamperBot
@camperbot
Mar 20 2016 06:48

welcome to FreeCodeCamp @MichaelDemchenko!

Andrew
@Opiuo
Mar 20 2016 06:48
its 3?
Rodolfo Emmanuel
@intelligentspaz3
Mar 20 2016 06:48
hi @MichaelDemchenko
rphares
@rphares
Mar 20 2016 06:48
Welcome to Help, @MichaelDemchenko ~
Abhisek Pattnaik
@abhisekp
Mar 20 2016 06:48

take some time. Answer me tomorrow.

No need to haste
Haste is a waste
Rodolfo Emmanuel
@intelligentspaz3
Mar 20 2016 06:48
what if we are dead tomorrow
Abhisek Pattnaik
@abhisekp
Mar 20 2016 06:48
did u die today?
Abdul Awali
@awalthefirst
Mar 20 2016 06:49
@abhisekp 217 :smile:
Rodolfo Emmanuel
@intelligentspaz3
Mar 20 2016 06:49
you never know
Abhisek Pattnaik
@abhisekp
Mar 20 2016 06:49
@awalthefirst nope! :no_entry_sign:
Rodolfo Emmanuel
@intelligentspaz3
Mar 20 2016 06:49
lol
Slava Ustiuzhanin
@ustiuzhanin
Mar 20 2016 06:50
201
?)
Abdul Awali
@awalthefirst
Mar 20 2016 06:51
@abhisekp 202.
Abhisek Pattnaik
@abhisekp
Mar 20 2016 06:51
@awalthefirst :+1:
Abdul Awali
@awalthefirst
Mar 20 2016 06:51
heyyy
Slava Ustiuzhanin
@ustiuzhanin
Mar 20 2016 06:51
ohh
:D
Abhisek Pattnaik
@abhisekp
Mar 20 2016 06:51
@awalthefirst thanks\phantom{thanks}
CamperBot
@camperbot
Mar 20 2016 06:51
abhisekp sends brownie points to @awalthefirst :sparkles: :thumbsup: :sparkles:
Andrew
@Opiuo
Mar 20 2016 06:51
Why is that?
CamperBot
@camperbot
Mar 20 2016 06:51
:star: 617 | @awalthefirst | http://www.freecodecamp.com/awalthefirst
Slava Ustiuzhanin
@ustiuzhanin
Mar 20 2016 06:51
almost
Rodolfo Emmanuel
@intelligentspaz3
Mar 20 2016 06:51
congrats @awalthefirst
Abhisek Pattnaik
@abhisekp
Mar 20 2016 06:52
@Opiuo why? Figure it out urself ;)
Andrew
@Opiuo
Mar 20 2016 06:52
Maaaath tho =/
Abhisek Pattnaik
@abhisekp
Mar 20 2016 06:53
@Opiuo nope! just some recursive codes ;)
Slava Ustiuzhanin
@ustiuzhanin
Mar 20 2016 06:53
how come its 202?) why not 201?
Rodolfo Emmanuel
@intelligentspaz3
Mar 20 2016 06:53
@abhisekp do you have another problem?
Abhisek Pattnaik
@abhisekp
Mar 20 2016 06:53
@intelligentspaz3 try to solve this one. It's not the answer that is important. It's the process.
@ustiuzhanin u didn't account for the last 3
Rodolfo Emmanuel
@intelligentspaz3
Mar 20 2016 06:54
ok
Andrew
@Opiuo
Mar 20 2016 06:54
OH!
Slava Ustiuzhanin
@ustiuzhanin
Mar 20 2016 06:55
5/3=1
Andrew
@Opiuo
Mar 20 2016 06:55
^
Abhisek Pattnaik
@abhisekp
Mar 20 2016 06:55
@ustiuzhanin what maths is that? ;)

o.O

rphares
@rphares
Mar 20 2016 06:55
which means you get one more, @ustiuzhanin ... then
Rodolfo Emmanuel
@intelligentspaz3
Mar 20 2016 06:56
i don't understand the question?
rphares
@rphares
Mar 20 2016 06:56
that remainder of 2 + the new one...
Andrew
@Opiuo
Mar 20 2016 06:56
So the answer should be 203?
Wait nvm
Its 201
Abhisek Pattnaik
@abhisekp
Mar 20 2016 06:56
@Opiuo @intelligentspaz3 guys! Here is the answer
Andrew
@Opiuo
Mar 20 2016 06:57
lol
If I wasnt just learning html and css
Slava Ustiuzhanin
@ustiuzhanin
Mar 20 2016 06:57
@Opiuo its 202 but I still didt get how come:D
Rodolfo Emmanuel
@intelligentspaz3
Mar 20 2016 06:57
dude that's really cool....give me more problems like this
is that javascript?
Abhisek Pattnaik
@abhisekp
Mar 20 2016 06:58
@ustiuzhanin did u see the output? and analyzed?
@intelligentspaz3 yep! Coding can do wonders. :sparkles: ;)
rphares
@rphares
Mar 20 2016 06:59
Except teach you how much blood a person has... ;)
Slava Ustiuzhanin
@ustiuzhanin
Mar 20 2016 06:59
@abhisekp I dont have any idea about js, i was counting in my mind:D
Abhisek Pattnaik
@abhisekp
Mar 20 2016 06:59
@ustiuzhanin lol
Rodolfo Emmanuel
@intelligentspaz3
Mar 20 2016 07:00
@abhisekp you're a nerd that's why
peace
dudes
Abhisek Pattnaik
@abhisekp
Mar 20 2016 07:02
@rphares lol. One's blood weight is 7% of body weight. Old penguins weigh more :P
:penguin:
Abdul Awali
@awalthefirst
Mar 20 2016 07:05
i'm at the :checkered_flag: line for the day
Abhisek Pattnaik
@abhisekp
Mar 20 2016 07:05
@awalthefirst how did u solve it?
Lokendra Sharma
@kuroop
Mar 20 2016 07:08
Hey guys how can I look at tutorials .. may time I forget the syntax which I learned in previous challenges... :(
Is there a command for camperbot ?
Abhisek Pattnaik
@abhisekp
Mar 20 2016 07:08
@motoko-11 http://devdocs.io
rphares
@rphares
Mar 20 2016 07:09
oh no...
Rodolfo Emmanuel
@intelligentspaz3
Mar 20 2016 07:09
@abhisekp what is that link?
Abdul Awali
@awalthefirst
Mar 20 2016 07:09
first 45 * 3 = (135); 135/3 = (45); 45/3 =(15); 15/3=(5); 5/3= (2) rounded to 2 then i added everything in parenthesis @abhisekp
Lokendra Sharma
@kuroop
Mar 20 2016 07:09
@abhisekp thanks .. that's a nice link.. but I have seen people doing some query to camper bot also
CamperBot
@camperbot
Mar 20 2016 07:09
motoko-11 sends brownie points to @abhisekp :sparkles: :thumbsup: :sparkles:
:star: 2337 | @abhisekp | http://www.freecodecamp.com/abhisekp
rphares
@rphares
Mar 20 2016 07:09
@abhisekp , this penguin does NOT have 40 kg of blood... :angry:
Lokendra Sharma
@kuroop
Mar 20 2016 07:09
help js
CamperBot
@camperbot
Mar 20 2016 07:09

:point_right: challenge accessing nested arrays in json [wiki]

Challenge: Accessing Nested Arrays in JSON

As we have seen in earlier examples, JSON objects can contain both nested objects and nested arrays. Similar to accessing nested objects, Array bracket notation can be chained to access nested arrays.

Here is an example of how to access a nested array:

```js
var ourPets = {
"cats": [
"Meowzer",
"Fluffy",
"Kit-Cat"
],
"dogs": [
"Spot",
"Bowser",
"Frankie"
]
};
ourPets.cats1; // "Fluffy"
:pencil: read more about challenge accessing nested arrays in json on the FCC Wiki

Rodolfo Emmanuel
@intelligentspaz3
Mar 20 2016 07:09
ok
Abhisek Pattnaik
@abhisekp
Mar 20 2016 07:09
@rphares more? ;)
rphares
@rphares
Mar 20 2016 07:10
i will find you and teach you how to speak to your elders!!! :angry:
Abdul Awali
@awalthefirst
Mar 20 2016 07:10
:older_woman:
rphares
@rphares
Mar 20 2016 07:11
shakes head @awalthefirst , dont make me add you to the list...
Rodolfo Emmanuel
@intelligentspaz3
Mar 20 2016 07:11
@camperbot . please hand me all the BROWNI Points right now!!!
Abhisek Pattnaik
@abhisekp
Mar 20 2016 07:11
@awalthefirst @rphares LOL
haha :D
Rodolfo Emmanuel
@intelligentspaz3
Mar 20 2016 07:12
i want brownie poitz
Alexander
@AlexHTML78
Mar 20 2016 07:12

omg
and again.
how to do it?
Your img element should have the class smaller-image.
CODE:

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

<<a class="smaller-image"</a>

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

Abhisek Pattnaik
@abhisekp
Mar 20 2016 07:13
@intelligentspaz3 lol. We can only tax u
CamperBot
@camperbot
Mar 20 2016 07:13
abhisekp sends brownie points to @intelligentspaz3 :sparkles: :thumbsup: :sparkles:
:star: 34 | @intelligentspaz3 | http://www.freecodecamp.com/intelligentspaz3
rphares
@rphares
Mar 20 2016 07:13
And only once an hour... sorry!
Rodolfo Emmanuel
@intelligentspaz3
Mar 20 2016 07:13
@camperbot you're the BEST
tax me? ok
can i get a free bitcoin?
Abdul Awali
@awalthefirst
Mar 20 2016 07:14
waiting for brownies :baby: still waiting :older_man:
Rodolfo Emmanuel
@intelligentspaz3
Mar 20 2016 07:14
please Right now
yeah me too?
Alexander
@AlexHTML78
Mar 20 2016 07:15
I can give you a free ruble :D
rphares
@rphares
Mar 20 2016 07:16
@awalthefirst , i would...
but you used the granny emote ;)
Abdul Awali
@awalthefirst
Mar 20 2016 07:16
:worried:
Rodolfo Emmanuel
@intelligentspaz3
Mar 20 2016 07:18
ok i'll take the rubble
:)
Alexander
@AlexHTML78
Mar 20 2016 07:19
Just a moment, give me your paypal:D
Rodolfo Emmanuel
@intelligentspaz3
Mar 20 2016 07:19
what is a ruble?
Lawrence Eagles
@lawrenceagles
Mar 20 2016 07:19
http://codepen.io/Lawrenceagles/pen/NNpbGe my codepen. Please guys I need reviews expecially those telling me my mistake or where I can improve upon. Thans.
Alexander
@AlexHTML78
Mar 20 2016 07:20
It is a dollar in Russia:D
Rodolfo Emmanuel
@intelligentspaz3
Mar 20 2016 07:21
i don't have a paypal but i don't want a ruble
lol
sorry
i mean to say i do want a ruble
lol
i don't have paypal but i do want a ruble
Alexander
@AlexHTML78
Mar 20 2016 07:22
If be precise, 1/68 of dollar:D
Damn's exchange rate
Alexander
@AlexHTML78
Mar 20 2016 07:29

pls, help me!
it's so easy, but I'am silly
how to do it?
Your img element should have the class smaller-image.
CODE:

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

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

h2 {
font-family: Lobster, Monospace;
}

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

<h2 class="red-text">CatPhotoApp</h2>
<<a class="smaller-image"</a>

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

rphares
@rphares
Mar 20 2016 07:31
@AlexHTML78 , dont know what challenge you are one, but... the second line after your </style>, take another look... <<a class> is probably what is messing that up :blush:
Alexander
@AlexHTML78
Mar 20 2016 07:33
Ty)
Kevin
@KevinBruland
Mar 20 2016 07:34
I was going to answer that : (
that would have been my first answer for someone lol
Abhisek Pattnaik
@abhisekp
Mar 20 2016 07:35
@awalthefirst that's not the correct logic. :point_up: March 20, 2016 12:39 PM
What if the question is for $46?
A shop was selling 3 chocolates for $1 and
if you return three wrappers you get 1 chocolate free.
If so, how many chocolates can you get for $46.
Alexander
@AlexHTML78
Mar 20 2016 07:35
U will have the the opportunity more than once. I promise u:D
rphares
@rphares
Mar 20 2016 07:36
@abhisekp , I'm still going with 4... ;)
Abhisek Pattnaik
@abhisekp
Mar 20 2016 07:37
@AlexHTML78 did u make the JS Promise? ;)
if not, then it's not a good one :P
@rphares lol
Albert-Stefan
@stancualbertstefan
Mar 20 2016 07:55
@abhisekp 184? Chocolates?!
omnisite
@omnisite
Mar 20 2016 07:55
@abhisekp 40 chocolates?
@abhisekp sorry that is for $9
@abhisekp I think it is $46 * 3 at first. And then keep dividing by 3 until you have less than 3 left
Duc Nguyen Huu
@nguyen-huu-duc
Mar 20 2016 07:57
Pls help me
Your a element should have the anchor text of "cat photos".
omnisite
@omnisite
Mar 20 2016 07:57
@nguyen-huu-duc <a href="#">cat photos</a>
Duc Nguyen Huu
@nguyen-huu-duc
Mar 20 2016 07:58
@omnisite : <a href='http://freecatphotoapp.com'>cat photos</a>
Albert-Stefan
@stancualbertstefan
Mar 20 2016 07:58
@omnisite the "#" keeps place of the URL of the photo!
AbdHan
@abdhan
Mar 20 2016 07:58
Hi everyone, need help please. I was starting to do my first profile page tutorial. I dislike the codepen.io so, I set off to do the coding on a editor on my system. In the tutorials prior to this the jquery was not explicitly added in the header file since fCC adds it in the background. So what is the jquery CDN that I must add on page to get the animations work on my editor?
Duc Nguyen Huu
@nguyen-huu-duc
Mar 20 2016 07:59
@omnisite : thank u ^_^
CamperBot
@camperbot
Mar 20 2016 07:59
nguyen-huu-duc sends brownie points to @omnisite :sparkles: :thumbsup: :sparkles:
:star: 141 | @omnisite | http://www.freecodecamp.com/omnisite
Alexander
@AlexHTML78
Mar 20 2016 08:07
how to assign this: <img src="https://bit.ly/fcc-relaxing-cat" </a>, class smaller-image?
anupriya-gupta
@anupriya-gupta
Mar 20 2016 08:07
how to assign the border <style>
.thin-red-border {
border-color: red;
border-width: 5px;
border-style: solid;
}
</style>
omnisite
@omnisite
Mar 20 2016 08:08
@AlexHTML78 <img src="https://bit.ly/fcc-relaxing-cat" class="smaller-image">
AbdHan
@abdhan
Mar 20 2016 08:08
<img src="https://bit.ly/fcc-relaxing-cat" class="smaller-image"></a>
Alexander
@AlexHTML78
Mar 20 2016 08:08
TY!!!!
omnisite
@omnisite
Mar 20 2016 08:08
@anupriya-gupta Just add the class thin-red-border to an html element. For example <p class="thin-red-border">text</p>
Jomar Alcantara
@DataSciJoe
Mar 20 2016 08:10
Hey guys, hope you can help. I'm stuck on "Use Font Awesome to add a thumbs-up icon to your like button by giving it an i element with the classes fa and fa-thumbs-up." - This is what I've done - <button class="btn btn-block btn-primary">
<i class="fa fa-thumbs up"></i>
Like
</button>
Alexander
@AlexHTML78
Mar 20 2016 08:11
i'm so stupid that did it mire than 15 minutes.
I went through dozens of options, but they aren't worked
more*
omnisite
@omnisite
Mar 20 2016 08:12
@DataSciJoe <i class="fa fa-thumbs-up"></i>
Deependra Singh
@deepronaldo
Mar 20 2016 08:12
@DataSciJoe there is a "-" in thumbs up
@DataSciJoe like fa-thumbs-up
Jomar Alcantara
@DataSciJoe
Mar 20 2016 08:16
Thanks! that was a silly mistake :/
Adam Snetiker
@ajsnetiker
Mar 20 2016 08:25
Attention to detail…if you don’t have it you’ll waste hours unnecessarily, and nobody will want to pay for that
It’s frustrating but will make it that much harder in the end
but it’s good if you have awesome coworkers and people are constantly around to answer questions…hopefully they are!
manish kashyap
@mk2095
Mar 20 2016 08:26
how to make image responsive
omnisite
@omnisite
Mar 20 2016 08:28
@mk2095 put the class img-responsive on the img tag
@mk2095 <img src="url-to-pic" class="img-responsive">
manish kashyap
@mk2095
Mar 20 2016 08:29
<img class="img-responsive" src="http://bit.ly/fcc-running-cats." />
did this but not promoted
Violet
@afimelb
Mar 20 2016 08:30
missing <
<img class="img-responsive" src="http://bit.ly/fcc-running-cats." </>
manish kashyap
@mk2095