These are chat archives for FreeCodeCamp/Help

25th
May 2016
Arkhtor
@Arkhtor
May 25 2016 00:00
@TehHarness I've tried .nav > a
Matthew Rigby
@TehHarness
May 25 2016 00:00
Doesn't work with the >
I don't know why
Arkhtor
@Arkhtor
May 25 2016 00:00
@TehHarness me2
Julian Montague
@roastchicken
May 25 2016 00:03
element > element wouldn't work in that case because it only matches a direct child
Arkhtor
@Arkhtor
May 25 2016 00:04
@roastchicken thanks, but what counts in direct child?
CamperBot
@camperbot
May 25 2016 00:04
arkhtor sends brownie points to @roastchicken :sparkles: :thumbsup: :sparkles:
:cookie: 148 | @roastchicken |http://www.freecodecamp.com/roastchicken
syem ishaque
@sishaque
May 25 2016 00:04
hey, how do i zoom 100% and give my p elements a font size of 16px
Julian Montague
@roastchicken
May 25 2016 00:05

e.g. div > h1 would work for

<div>
  <h1> Hi, I'm a direct child of the div above me</h1>
</div>

but not for

<div>
  <span>
    <h1>Hi, I'm a direct child of span, but not of div</h1>
  </span>
</div>
Randy Goggin
@frogshelp
May 25 2016 00:05
only if your browser aint set to 100% already @sishaque
Arkhtor
@Arkhtor
May 25 2016 00:06
@roastchicken great explanation, thx :D
CamperBot
@camperbot
May 25 2016 00:06
arkhtor sends brownie points to @roastchicken :sparkles: :thumbsup: :sparkles:
:warning: arkhtor already gave roastchicken points
Julian Montague
@roastchicken
May 25 2016 00:06
I'm sure direct child isn't the correct terminology, but I'm glad you understand it @Arkhtor :smiley:
syem ishaque
@sishaque
May 25 2016 00:07
@frogshelp so no need to add anything?
Jim Morris
@killjoy82
May 25 2016 00:07
how to change the size of image to 100 pixels? Is it the same set up as working fonts?
Julian Montague
@roastchicken
May 25 2016 00:07
@killjoy82 use width and height attributes for images
Lex Angel
@LexTheProgram
May 25 2016 00:08
Or create a class
Randy Goggin
@frogshelp
May 25 2016 00:08
no @sishaque
Lex Angel
@LexTheProgram
May 25 2016 00:09
Might make repeated use easier for you :smile:
rphares
@rphares
May 25 2016 00:12
@sishaque , you figure it out? :blush:
Matt Gillis
@mgillis912
May 25 2016 00:13
is there something wrong with the text placeholder part of the site? the instructions at the bottom have a check mark but it wont let me go forward with the lesson
https://www.freecodecamp.com/challenges/add-placeholder-text-to-a-text-field#?solution=%0A%3Clink%20href%3D%22https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20.red-text%20%7B%0A%20%20%20%20color%3A%20red%3B%0A%20%20%7D%0A%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20p%20%7B%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20font-family%3A%20Monospace%3B%0A%20%20%7D%0A%0A%20%20.thick-green-border%20%7B%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%7D%0A%0A%20%20.smaller-image%20%7B%0A%20%20%20%20width%3A%20100px%3B%0A%20%20%7D%0A%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%20%0A%20%20%20%20%20%20%20placeholder%3D%22this%20is%20placeholder%20text%22%3E
Randy Goggin
@frogshelp
May 25 2016 00:13
? i need help on givng a div element a back ground color it says u would put in your style element but when i write up the code and put it in my style element area it dont pass at all
so kinda need a lil help if possible
rphares
@rphares
May 25 2016 00:13
@frogshelp ,could you paste your formatted code please?
Arkhtor
@Arkhtor
May 25 2016 00:14
@mgillis912 "Set the value of your placeholder attribute to "cat photo URL". "
You got "this is placeholder text"
Matt Gillis
@mgillis912
May 25 2016 00:14
@Arkhtor figured it out, im a dummy, thank you!
CamperBot
@camperbot
May 25 2016 00:14
mgillis912 sends brownie points to @arkhtor :sparkles: :thumbsup: :sparkles:
:cookie: 135 | @arkhtor |http://www.freecodecamp.com/arkhtor
Randy Goggin
@frogshelp
May 25 2016 00:14
.gray-background {
background-color: gray;
}
rphares
@rphares
May 25 2016 00:15
right-- that goes in <style>--could you paste the full, formatted code, please? :blush:
explain format
CamperBot
@camperbot
May 25 2016 00:15

:point_right: code formatting [wiki]

Multi line Code

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

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

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

Single line Code

This an inline `<paste code here>` code formatting with a single backtick() at _start_ and _end_ around thecode`.

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

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

Randy Goggin
@frogshelp
May 25 2016 00:15

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

<style>

.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

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

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

}

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

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

suppose to be for the div elements
rphares
@rphares
May 25 2016 00:16
thats still just the Css, not where you have applied it in the html,
please try and format, it will make it much easier to help :blush:
you just type three `
Patrick Olson
@NordicTech
May 25 2016 00:16
I feel like i've done this correctly. but the challenge continues to prompt me to put the font awesome icon within the like button
<div class="col-xs-4">
<button class="btn btn-block btn-primary">
<i class="fa fa-thumbs-up"></i>
</button>
</div>
rphares
@rphares
May 25 2016 00:17
the ` is usually near the esc key, on the same key as the ~ @frogshelp
Julian Montague
@roastchicken
May 25 2016 00:17
@NordicTech your code?
Patrick Olson
@NordicTech
May 25 2016 00:17
<div class="col-xs-4">
<button class="btn btn-block btn-primary">
<i class="fa fa-thumbs-up"></i>
</button>
</div>
rphares
@rphares
May 25 2016 00:17
then shift + enter at the same time, @frogshelp
you should see a new row of three ` below the one you wrote,
paste your code in between the two rows,
(cannot be on the same line as the rows of three `)
Julian Montague
@roastchicken
May 25 2016 00:18
@NordicTech I believe it wants you to still have the phrase "Like" in there as well
rphares
@rphares
May 25 2016 00:18
and you may need to press command + enter to send, @frogshelp
Patrick Olson
@NordicTech
May 25 2016 00:18
That was it! Thanks @roastchicken
CamperBot
@camperbot
May 25 2016 00:18
nordictech sends brownie points to @roastchicken :sparkles: :thumbsup: :sparkles:
:cookie: 149 | @roastchicken |http://www.freecodecamp.com/roastchicken
Julian Montague
@roastchicken
May 25 2016 00:18
Glad I could help :smiley: @NordicTech
Randy Goggin
@frogshelp
May 25 2016 00:19
`
i dont have a command key lol
Julian Montague
@roastchicken
May 25 2016 00:19
I'm curious though: Sweden or Norway @NordicTech ?
Or possibly Denmark? Though never heard Olson as a Danish name.
rphares
@rphares
May 25 2016 00:19
or ctr if not a make, i think, @frogshelp ~
Julian Montague
@roastchicken
May 25 2016 00:20
@frogshelp you don't have a CTRL key?
That sounds very strange.
Randy Goggin
@frogshelp
May 25 2016 00:20
`
yea but i cant get this format thing to work lol
Julian Montague
@roastchicken
May 25 2016 00:20
You want to press shift and enter at the same time
to get a line break without submitting the message
Alternatively, you can click the little chatbox icon in the top right of the text area
Then you can press enter without submitting
but to submit you need to press CTRL + Enter
Randy Goggin
@frogshelp
May 25 2016 00:24
3`
yah im lost lol
rphares
@rphares
May 25 2016 00:24
three of them,
This message was deleted
```
Julian Montague
@roastchicken
May 25 2016 00:25
///`
that did not work
```
there we go
rphares
@rphares
May 25 2016 00:25
lol, yeah, i tried too... escape fails :blush:
Julian Montague
@roastchicken
May 25 2016 00:25
```
*Put your code here*
```
Lex Angel
@LexTheProgram
May 25 2016 00:25
Lol code
```
Julian Montague
@roastchicken
May 25 2016 00:25
I feel like escaping characters is the same as plugging in a USB device
It never works the first time
Lex Angel
@LexTheProgram
May 25 2016 00:26
Lol XD
Pretty sure that everyone can relate
rphares
@rphares
May 25 2016 00:26
you just made my day-- i thought i was the only one... :blush:
Lex Angel
@LexTheProgram
May 25 2016 00:26
:smile:
This is just great...
Randy Goggin
@frogshelp
May 25 2016 00:27

<style>

.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

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

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

}

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

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

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

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

<div>

rphares
@rphares
May 25 2016 00:28
okay, well-- the problem is you made a class, but you didn't apply it to your div, @frogshelp
Julian Montague
@roastchicken
May 25 2016 00:28
you're just missing the \``` at the start and end
that also did not work
meh
gosh darn escaping
rphares
@rphares
May 25 2016 00:28
<element class = "fake-class"> @frogshelp
Julian Montague
@roastchicken
May 25 2016 00:28
``` works, but how can I format that as code... hmm
rphares
@rphares
May 25 2016 00:29
also, maybe you can try this to learn the basics of formatting--
Julian Montague
@roastchicken
May 25 2016 00:29
maybe a space? \`` `
nope.
oh well
I give up
escape character, you win this time...
Randy Goggin
@frogshelp
May 25 2016 00:29
would my claas be with in the style area or out side it
rphares
@rphares
May 25 2016 00:29
QUOTE THIS MESSAGE
BY HOVERING NEAR THE TIMESTAMP
YOU WILL SEE THREE DOTS<
ONE OPTION IS QUOTE
THEN, REMOVE THE VERY FIRST CHARACTER IN THE QUOTED BOX
DELETE THE > AND PATE YOUR OCE WHERE THIS TEXT WAS :)
you need the class sin the <style> section, yes-- that doesn't change,
all classes and IDs should be in the style with their descrtiptions--
you have that already, though
.gray-background {
background-color: gray;
}
but you have the description of the class,
mhdesignctgbd
@mhdesignctgbd
May 25 2016 00:31
friend , how to submit the --------------------challenges/build-a-tribute-page
rphares
@rphares
May 25 2016 00:31
but haven't told it what elements get that class... so it doesn't know what to give a gray background to~ @frogshelp
the tribute page? there is a checklist with the assignment,
commplete all the checked instructions, and include the link @mhdesignctgbd
Randy Goggin
@frogshelp
May 25 2016 00:38
<div class="gray-background"></div>
.gray-background {
background-color: gray;
} sommething likes this @rphares
rphares
@rphares
May 25 2016 00:40

yep! (assuming that the <div class="gray-background"></div> line is in the html part, on the bottom, and the

.gray-background {
background-color: gray;
}

is up top in the <style> section, @frogshelp ~

Randy Goggin
@frogshelp
May 25 2016 00:40
nvm i got it i put the class in side the style and it wasnt suppose to be thier it was to be outside the style areamy baaaad
@rphares thanks for the help on understanding why my code wasnt going through which was no class element and placed the class element in the wrong spot before but giving it the back ground color
CamperBot
@camperbot
May 25 2016 00:42
frogshelp sends brownie points to @rphares :sparkles: :thumbsup: :sparkles:
:star2: 4787 | @rphares |http://www.freecodecamp.com/rphares
rphares
@rphares
May 25 2016 00:42
Anytime-- congrats and happy coding~
Randy Goggin
@frogshelp
May 25 2016 00:43
so tells me colors go with int the style while all class is out side your style element area
rphares
@rphares
May 25 2016 00:43
kinda, yeah--
Randy Goggin
@frogshelp
May 25 2016 00:43
cool bean ty again
rphares
@rphares
May 25 2016 00:44
<style>
.class {
color: some color;
size: ##px;
}

#id {
color: some color;
size: ##px;
margin- ##px;
}

element {
color: some color;
size: ##px;
background-color: some color;
}
</style>
@frogshelp our style section holds ALL the details--
usually things like color and size and positioning,
it has the details for whatever class, ID, or element we use (and some other stuff thats way further on)
Anytime we make a group, like a class or ID, we have to use the label at the bottom,
so our program knows what gets those details
<element class = "class">
example:
<p id= "id">
<h1 class = "class">
now it knows that p has the id of .id from our <style> section, and the h1 has the class of .class from our style section
elements, when we put them in the <style> section, dont need any labels below-- for example, if that element was img, ALL images would get those details... thats what happens when you write <style> by element-- it applies to EVERYTHING of that type :blush:
usually, though, in my (limited) experience, we use classes and IDs a lot more than elements, so usually you will need to write it up top and then apply it down below~
Hope that makes sense~ Happy coding!
Randy Goggin
@frogshelp
May 25 2016 00:49
yeah sorta but does make perfect sense atleats more then my explantion does
Eric Murta
@murtinha
May 25 2016 01:08
Guys, can someone pleeasse take a look at my canvas coordinates? I cant figure who it works, it seems kinda random!! I cant fin a pattern for the y, its not crescent, its just random...
http://codepen.io/murtinha/pen/VaJmgM
Julian Montague
@roastchicken
May 25 2016 01:15
@murtinha I'm not sure what you're having trouble with
Eric Murta
@murtinha
May 25 2016 01:17
@roastchicken I need to get an interval to be abble to mark the square at the right place, but when you go down, the y doesnt follow the same pattern... its like 220 and then start to decrease
knowing that it was increasing before
Julian Montague
@roastchicken
May 25 2016 01:17
the red square I see drawn in the bottom left seems to be in the right position
Patrick Olson
@NordicTech
May 25 2016 01:23
@roastchicken I wish Sweden or Norway. Wisconsin!
@roastchicken Sorry. i had dropped off for dinner. Thanks again for the help.
CamperBot
@camperbot
May 25 2016 01:24
nordictech sends brownie points to @roastchicken :sparkles: :thumbsup: :sparkles:
:cookie: 154 | @roastchicken |http://www.freecodecamp.com/roastchicken
Julian Montague
@roastchicken
May 25 2016 01:25
No problem, but I wonder what the "Nordic" is for then?
Do you just have nordic heritage? I mean Olson certainly sounds like a nordic last name...
96street
@96street
May 25 2016 01:26
Can someone please help me center this image? http://codepen.io/anon/pen/jqgJVo
Patrick Olson
@NordicTech
May 25 2016 01:27
It is a Nordic last name. It is a reference to my employer. http://nordicwi.com/
Julian Montague
@roastchicken
May 25 2016 01:29
Makes sense. I guess I just read to much in to it :)
Julie
@padilla410
May 25 2016 01:31
HI I have a question about the jQuery section of the intro (lesson 125)
In order to get the second button in the well to bounce I have to type $(".target:nth-child(3)").addClass("animated bounce");
Why isn't it something like $(".well:nth-child(3)").addClass("animated bounce");
or $("#right-well:nth-child(3)").addClass("animated bounce");
Julian Montague
@roastchicken
May 25 2016 01:33
@padilla410 what is the specific name of that challenge?
Julie
@padilla410
May 25 2016 01:34
"
Target a Specific Child of an Element Using jQuery"
Julian Montague
@roastchicken
May 25 2016 01:35
Because targeting children is in the form of <identifier>:nth-child(n), where any elements with <identifier> that are the nth child of some other element will bounce
in this case you want elements with the class target
so all elements with class target that happen to be the third child of something will bounce
you are not bouncing the third child of well
I'm not sure if that explanation made any sense, sorry.
Julie
@padilla410
May 25 2016 01:37
ohhhh! No!!! Definitely!!! Thanks so much, Julian
Julian Montague
@roastchicken
May 25 2016 01:37
glad it made sense :)
Julie
@padilla410
May 25 2016 01:38
so the right well and the left well are the children of the class .well?
Julian Montague
@roastchicken
May 25 2016 01:39
well, elements are children of other elements, not other classes
as classes can be applied to multiple elements, so that wouldn't make sense
the divs with ids left-well and right-well have the class well
but I wouldn't call them children
Julie
@padilla410
May 25 2016 01:40
ah, ok. Between your explanation and the lesson text I think I've got it. Thank you for the help!
Julian Montague
@roastchicken
May 25 2016 01:41
no problem, and good luck!
bmaclin58
@bmaclin58
May 25 2016 01:44
Im stuck on an earlier exercise, the one where you add border-radius: 10px to the CSS of a class element. But when I click "run tests" nothing happens and the button freezes... Anybody know how to get past this?
Wise
@WiseNN
May 25 2016 01:44
i need help with the npm tutorial …if anyone here has done that
Thomas Noe
@t3h2mas
May 25 2016 01:44
what's your question? @WiseNN
Julian Montague
@roastchicken
May 25 2016 01:45
@bmaclin58 it's likely that you have an error in your code. are all the checkmarks green, or do you have any red x's?
bmaclin58
@bmaclin58
May 25 2016 01:45
no red x's
Wise
@WiseNN
May 25 2016 01:46
@t3h2mas I am trying to publish the package (for the second time), and the publishing goes through…but when I try to verify the challenge… it does not work
bmaclin58
@bmaclin58
May 25 2016 01:46
Are there browser issues? Im using chrome
Thomas Noe
@t3h2mas
May 25 2016 01:47
what doesn't work? is there an error?
@bmaclin58 have you scrolled the tests section down?
Wise
@WiseNN
May 25 2016 01:47
Screen Shot 2016-05-24 at 9.47.08 PM.png
@t3h2mas
Julian Montague
@roastchicken
May 25 2016 01:47
@bmaclin58 I use chrome and it works fine for me
bmaclin58
@bmaclin58
May 25 2016 01:48
.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 10x;
}
whoops! spotted
sorry
10px
Thomas Noe
@t3h2mas
May 25 2016 01:49
@WiseNN weird, is your version correct?
Wise
@WiseNN
May 25 2016 01:51
@t3h2mas yes…i mean, its a tutorial. So the only thing that needs to happen is it incrementing. (Atleast thats what it said)
Thomas Noe
@t3h2mas
May 25 2016 01:52
right but you didn't increment it too many times or anything?
because it's probably looking for a specific #
Wise
@WiseNN
May 25 2016 01:52
Why would it?
Thomas Noe
@t3h2mas
May 25 2016 01:53
If you manually ran a command too many times?
or changes the version in the package.json to an incorrect number
Wise
@WiseNN
May 25 2016 01:53
I go in a manually change the package.json file to a diff version & name
Thomas Noe
@t3h2mas
May 25 2016 01:53
otherwise it doesn't make sense because npm publish didn't complain about anything.
thats the link…im not sure if you can go to it
Thomas Noe
@t3h2mas
May 25 2016 01:55
nope, can you copy it to pastebin.com or something
Wise
@WiseNN
May 25 2016 01:55
the package or the command line
Thomas Noe
@t3h2mas
May 25 2016 01:56
the package.json and the readme.md
Wise
@WiseNN
May 25 2016 01:58
ill just paste it here
package.json
{
  "name": "data5",
  "version": "5.3.0",
  "description": "first package",
  "main": "clear",
  "scripts": {
    "test": "node test.js"
  },
  "author": "norris wise <wise.norris1@gmail.com> (http://example.com)",
  "license": "UNLICENSED",
  "repository": {
    "type": "git",
    "url": "https://github.com/WiseNN/patchwork.git"
  },
  "keywords": [
    "patch"
  ],
  "dependencies": {
    "@linclark/pkg": "^1.0.2"
  }
}
Screen Shot 2016-05-24 at 9.59.30 PM.png
Thomas Noe
@t3h2mas
May 25 2016 02:01
not sure, can you just npm publish again and then try to verify?
Wise
@WiseNN
May 25 2016 02:02
yes
Thomas Noe
@t3h2mas
May 25 2016 02:04
:+1:
Wise
@WiseNN
May 25 2016 02:05
wow….it works now smh
this has been a 3 hour problem
and now it works
I did skip this one though, and still got stuck on the next one, if you dont mind helping me with that. its a simple issue though. I just dont know how to write the command
@t3h2mas
Thomas Noe
@t3h2mas
May 25 2016 02:07
sometimes these things are buggy
ya i can try @WiseNN
Wise
@WiseNN
May 25 2016 02:11

@t3h2mas This is the syntax to add a tag to the package: npm dist-tag add <pkg>@<version> [<tag>] …but I dont know how to reference the package itself. Furthermore…I am a little confused as to what the package is, because when I run the command npm ls this comes up:

data5@5.3.1 /home/ubuntu/workspace/npmTutorial
└── @linclark/pkg@1.0.2

but I thought the package was the package.json…a little confused as to what is what.

edited...
Thomas Noe
@t3h2mas
May 25 2016 02:12
package.json describes the module
hmmm
Wise
@WiseNN
May 25 2016 02:13
so what is the <pkg>?
Thomas Noe
@t3h2mas
May 25 2016 02:13
data5
try npm dist-tag ls
I'm not sure but I'm assuming you're looking for npm dist-tag add data5@5.3.1 [TAG HERE]
it's been a while for me
Wise
@WiseNN
May 25 2016 02:16
@t3h2mas yes…so the name of the package.json file which is data5 ==<pkg> ?
Thats ok, I appreciate the help
Thomas Noe
@t3h2mas
May 25 2016 02:16
they're interchanging package and module
so data5 is your package w/ the version of 5.3.1. package.json tells the world and npm about the specifics
Wise
@WiseNN
May 25 2016 02:17
ah…I see
Thomas Noe
@t3h2mas
May 25 2016 02:17
so the command i linked should work if you change the [TAG HERE] with whatever tag it should be
Brian
@sludge256
May 25 2016 02:17
It this relevant to your issue?
FreeCodeCamp/FreeCodeCamp#758
npm/how-to-npm#21
I lack context but I thought I'd interject.
Thomas Noe
@t3h2mas
May 25 2016 02:18
i think the how-to-npm instructions may be a little vague here and there
Brian
@sludge256
May 25 2016 02:19
It's also kind of broken on C9
Same with learnyoumongo
They have a mongodb alias for some reason.
Wise
@WiseNN
May 25 2016 02:19
@t3h2mas Yeah it is..had you not explained it…I would’ve def. been lost. Thanks
CamperBot
@camperbot
May 25 2016 02:19
wisenn sends brownie points to @t3h2mas :sparkles: :thumbsup: :sparkles:
:cookie: 311 | @t3h2mas |http://www.freecodecamp.com/t3h2mas
Thomas Noe
@t3h2mas
May 25 2016 02:20
yeah i made a fuss on the forums about that one @sludge256
Brian
@sludge256
May 25 2016 02:20
@t3h2mas Which forum?
Thomas Noe
@t3h2mas
May 25 2016 02:20
c9
Brian
@sludge256
May 25 2016 02:21
@t3h2mas One of the guys that frequents the back end room posted a PR.
Thomas Noe
@t3h2mas
May 25 2016 02:21
i didn't take the time to figure out the alias file
Brian
@sludge256
May 25 2016 02:21
c9/templates#51
Wise
@WiseNN
May 25 2016 02:22
I cheked it out @sludge256 Its relev. but I wouldn’t have gotten it lol
i stared at the screen too long
Thomas Noe
@t3h2mas
May 25 2016 02:22
didn't realize that they had it on git :O
@WiseNN gotta stretch sometimes
or else you could break your keyboard with your forehead. (been there)(lots)
Brian
@sludge256
May 25 2016 02:23
Adding aliases to regular commands is kind of stupid imo.
Especially w/o proper notice.
(in the context of C9 workspaces)
Wise
@WiseNN
May 25 2016 02:23
@t3h2mas im telling you
Thomas Noe
@t3h2mas
May 25 2016 02:24
apparently there is something w/ mongo's default setup that would make files too large for the instances... but using mongod in a .sh overrides it anyway
Brian
@sludge256
May 25 2016 02:24
Yea
You need to turn off the journal and/or use --smallfiles
I did a Mongo course on a C9 instance and it filled up fairly quickly.
Thomas Noe
@t3h2mas
May 25 2016 02:25
some tired guy didn't realize --small != --smallfiles
Brian
@sludge256
May 25 2016 02:27
Until recently I wasn't aware that it was a problem with the C9 alias.
I assumed there was an error in the instructions somewhere.
Thomas Noe
@t3h2mas
May 25 2016 02:28
when you initially ran mongod from the terminal it complained about args that weren't supplied
Wise
@WiseNN
May 25 2016 02:37
@t3h2mas still not working man smh
Lex Angel
@LexTheProgram
May 25 2016 02:39
@WiseNN Can I see the code?
Thomas Noe
@t3h2mas
May 25 2016 02:39
the dist-tag?
Wise
@WiseNN
May 25 2016 02:40
yes
wisenn:~/workspace/npmTutorial $ npm dist-tag data5@5.3.1 dev
npm ERR! Usage:
npm ERR! npm dist-tag add <pkg>@<version> [<tag>]
npm ERR! npm dist-tag rm <pkg> <tag>
npm ERR! npm dist-tag ls [<pkg>]
npm ERR! 
npm ERR! aliase: dist-tags
wisenn:~/workspace/npmTutorial $ npm dist-tag add data5@5.3.1 next
npm ERR! Linux 4.2.0-c9
npm ERR! argv "/home/ubuntu/.nvm/versions/node/v4.4.3/bin/node" "/home/ubuntu/.nvm/versions/node/v4.4.3/bin/npm" "dist-tag" "add" "data5@5.3.1" "next"
npm ERR! node v4.4.3
npm ERR! npm  v3.9.2
npm ERR! code E404

npm ERR! 404 missing : -/package/data5/dist-tags

npm ERR! Please include the following file with any support request:
npm ERR!     /home/ubuntu/workspace/npmTutorial/npm-debug.log
wisenn:~/workspace/npmTutorial $ npm dist-tag ls
npm ERR! dist-tag ls Couldn't get dist-tag data for data5
npm ERR! Linux 4.2.0-c9
npm ERR! argv "/home/ubuntu/.nvm/versions/node/v4.4.3/bin/node" "/home/ubuntu/.nvm/versions/node/v4.4.3/bin/npm" "dist-tag" "ls"
npm ERR! node v4.4.3
npm ERR! npm  v3.9.2
npm ERR! code E404

npm ERR! 404 missing : -/package/data5/dist-tags

npm ERR! Please include the following file with any support request:
npm ERR!     /home/ubuntu/workspace/npmTutorial/npm-debug.log
wisenn:~/workspace/npmTutorial $ dist-tag ls
bash: dist-tag: command not found
wisenn:~/workspace/npmTutorial $ npm dist-tags ls
npm ERR! dist-tag ls Couldn't get dist-tag data for data5
npm ERR! Linux 4.2.0-c9
npm ERR! argv "/home/ubuntu/.nvm/versions/node/v4.4.3/bin/node" "/home/ubuntu/.nvm/versions/node/v4.4.3/bin/npm" "dist-tags" "ls"
npm ERR! node v4.4.3
npm ERR! npm  v3.9.2
npm ERR! code E404

npm ERR! 404 missing : -/package/data5/dist-tags

npm ERR! Please include the following file with any support request:
npm ERR!     /home/ubuntu/workspace/npmTutorial/npm-debug.log
wisenn:~/workspace/npmTutorial $ npm ls
data5@5.3.1 /home/ubuntu/workspace/npmTutorial
└── @linclark/pkg@1.0.2

wisenn:~/workspace/npmTutorial $ npm dist-tag @linclark/pkg@1.0.2 next
npm ERR! Usage:
npm ERR! npm dist-tag add <pkg>@<version> [<tag>]
npm ERR! npm dist-tag rm <pkg> <tag>
npm ERR! npm dist-tag ls [<pkg>]
npm ERR! 
npm ERR! aliase: dist-tags
wisenn:~/workspace/npmTutorial $ npm dist-tag add @data5@5.3.1 ["hello"]
npm ERR! Usage:
npm ERR! npm dist-tag add <pkg>@<version> [<tag>]
npm ERR! npm dist-tag rm <pkg> <tag>
npm ERR! npm dist-tag ls [<pkg>]
npm ERR! 
npm ERR! aliase: dist-tags
wisenn:~/workspace/npmTutorial $ npm dist-tag add @data5@5.3.1 next
npm ERR! Usage:
npm ERR! npm dist-tag add <pkg>@<version> [<tag>]
npm ERR! npm dist-tag rm <pkg> <tag>
npm ERR! npm dist-tag ls [<pkg>]
npm ERR! 
npm ERR! aliase: dist-tags
wisenn:~/workspace/npmTutorial $ npm dist-tag add data5@5.3.1 dev                                                                                              
npm ERR! Linux 4.2.0-c9
npm ERR! argv "/home/ubuntu/.nvm/versions/node/v4.4.3/bin/node" "/home/ubuntu/.nvm/versions/node/v4.4.3/bin/npm" "dist-tag" "add" "data5@5.3.1" "dev"
npm ERR! node v4.4.3
npm ERR! npm  v3.9.2
npm ERR! code E404

npm ERR! 404 missing : -/package/data5/dist-tags

npm ERR! Please include the following file with any support request:
npm ERR!     /home/ubuntu/workspace/npmTutorial/npm-debug.log
wisenn:~/workspace/npmTutorial $ npm dist-tag add data5@5.3.1 next
npm ERR! Linux 4.2.0-c9
npm ERR! argv "/home/ubuntu/.nvm/versions/node/v4.4.3/bin/node" "/home/ubuntu/.nvm/versions/node/v4.4.3/bin/npm" "dist-tag" "add" "data5@5.3.1" "next"
npm ERR! node v4.4.3
npm ERR! npm  v3.9.2
npm ERR! code E404

npm ERR! 404 missing : -/package/data5/dist-tags

npm ERR! Please include the following file with any support request:
npm ERR!     /home/ubuntu/workspace/npmTutorial/npm-debug.log
wisenn:~/workspace/npmTutorial $ npm dist-tags add data5@5.3.1 next
npm ERR! Linux 4.2.0-c9
npm ERR! argv "/home/ubuntu/.nvm/versions/node/v4.4.3/bin/node" "/home/ubuntu/.nvm/versions/node/v4.4.3/bin/npm" "dist-tags" "add" "data5@5.3.1" "next"
npm ERR! node v4.4.3
npm ERR! npm  v3.9.2
npm ERR! code E404

npm ERR! 404 missing : -/package/data5/dist-tags

npm ERR! Please in
@t3h2mas @LexTheProgram
Lex Angel
@LexTheProgram
May 25 2016 02:40
What error is it giving you?
Wise
@WiseNN
May 25 2016 02:41
@LexTheProgram npm ERR! 404 missing : -/package/data5/dist-tags
Thomas Noe
@t3h2mas
May 25 2016 02:42
i don't think it should be ["hello"] rather just hello
what do the instructions say about what the tag should look like
Wise
@WiseNN
May 25 2016 02:43
@t3h2mas still throwing errors
wisenn:~/workspace/npmTutorial $ npm dist-tag add @data5@5.3.1 hello
npm ERR! Usage:
npm ERR! npm dist-tag add <pkg>@<version> [<tag>]
npm ERR! npm dist-tag rm <pkg> <tag>
npm ERR! npm dist-tag ls [<pkg>]
npm ERR! 
npm ERR! aliase: dist-tags
wisenn:~/workspace/npmTutorial $
Lex Angel
@LexTheProgram
May 25 2016 02:45
Hey I asked someone about it and I'll they said was that you might need a newer version...
Wise
@WiseNN
May 25 2016 02:45

It says :

Tags can be used to provide an alias instead of version numbers.

For example, a project might choose to have multiple streams of development and use a different tag for each stream, e.g., stable, beta, dev, canary.

@LexTheProgram Ok, ill try that
Lex Angel
@LexTheProgram
May 25 2016 02:45
:smile: Glad to be of somewhat help
But if not then just clear the code and try to evaluate given possibilities of how it is supposed to be done, if being done incorrectly at all...
Thomas Noe
@t3h2mas
May 25 2016 02:47
sudo npm i npm -g
Wise
@WiseNN
May 25 2016 02:47
@LexTheProgram yeah…its not working…i think this is a syntax error. Isnt a very good tutorial regarding this step
Lex Angel
@LexTheProgram
May 25 2016 02:48
Lol yeah
Wise
@WiseNN
May 25 2016 02:48
@t3h2mas What does that command do ?
Thomas Noe
@t3h2mas
May 25 2016 02:48
updates npm
Wise
@WiseNN
May 25 2016 02:49
nothing is working here….think im just going to skip this step and report it
Lex Angel
@LexTheProgram
May 25 2016 02:52
Lol yeah but you should study it online to atleast know the right way to do it if there is a bug in this tut
Wise
@WiseNN
May 25 2016 02:53
Yeah, Ive looked it up and still don’t know what the problem is. I thought I was doing it the right way
Julian Montague
@roastchicken
May 25 2016 02:56
This message was deleted
Lex Angel
@LexTheProgram
May 25 2016 02:57
You most likely are and there is probably a bug
Rupa Ghimire
@Hime2k
May 25 2016 02:58
<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="col-xs-6">
<h4>#left-well</h4>
<div class="well" id="left-well">
<button class="btn btn-default target"></button>
<button class="btn btn-default target"></button>
<button class="btn btn-default target"></button>
</div>
</div>
<div class="col-xs-6">
<h4>#right-well</h4>
<div class="well" id="right-well">
<button class="btn btn-default target"></button>
<button class="btn btn-default target"></button>
<button class="btn btn-default target"></button>
</div>
</div>
</div>
</div>
what's wrong in this code ?
rphares
@rphares
May 25 2016 02:58
hiya, @Hime2k ! What challenge is that? :blush:
Rupa Ghimire
@Hime2k
May 25 2016 02:58

Give each of your buttons a unique id, starting with target1 and ending with target6.

Make sure that target1 to target3 are in #left-well, and target4 to target6 are in #right-well.

Danny Nguyen
@Chrysippean
May 25 2016 02:59
Hey guys! I'm on lesson 51 (Give a Background Color to a Div Element) and I"m trying to make a gray background. This is what I have:
<div>
<style>
.gray-background {
background-color: gray;
}
</style>
<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>
rphares
@rphares
May 25 2016 03:00
looks like you've some things the text, not IDs-- could you please tell us the name of the challenge? Should be at the top of the instructions~ @Hime2k
Danny Nguyen
@Chrysippean
May 25 2016 03:00
Am I doing something wrong?
rphares
@rphares
May 25 2016 03:00
hiya, @Sensasian -- a couple of things--
Thomas Noe
@t3h2mas
May 25 2016 03:00
down with ID
rphares
@rphares
May 25 2016 03:00
so, you made the class right-- DONT change this part, @Sensasian:
<style>
.gray-background {
background-color: gray;
}
</style>
Rupa Ghimire
@Hime2k
May 25 2016 03:01
Give Each Element a unique ID @rphares !
rphares
@rphares
May 25 2016 03:01
but, whenever you make a class or ID, you need to a) describe it in the <style> section (which you did, and b) apply it in the html (which you have not yet done) @Sensasian
Lex Angel
@LexTheProgram
May 25 2016 03:01

  <style>
    .gray-background {
      background-color: gray;
    }
  </style>
<div class="gray-background">
  <p>Things cats love:</p>
  <ul>
    <li>cat nip</li>
    <li>laser pointers</li>
    <li>lasagna</li>
  </ul>
  <p>Top 3 things cats hate:</p>
  <ol>
    <li>flea treatment</li>
    <li>thunder</li>
    <li>other cats</li>
  </ol>
</div>
rphares
@rphares
May 25 2016 03:02
oh... we usually dont paste answers, better for learning for people to do it themselves, but... :blush:
Danny Nguyen
@Chrysippean
May 25 2016 03:02
ohhh right! Thank you so much @rphares & @LexTheProgram
CamperBot
@camperbot
May 25 2016 03:02
sensasian sends brownie points to @rphares and @lextheprogram :sparkles: :thumbsup: :sparkles:
:cookie: 53 | @lextheprogram |http://www.freecodecamp.com/lextheprogram
:star2: 4788 | @rphares |http://www.freecodecamp.com/rphares
rphares
@rphares
May 25 2016 03:02
ok-- @Hime2k , you see your buttons?
Lex Angel
@LexTheProgram
May 25 2016 03:02
@rphares Thats how it should be I think, but I do know that the <style> isn't nested in the <div>
rphares
@rphares
May 25 2016 03:03
yep, was getting there, seems he has it now, though, so onto the next
the buttons are what need the IDs, @Hime2k
<button class="btn btn-default target"></button>//GIVE ME AN ID
<button class="btn btn-default target"></button>//GIVE ME AN ID
<button class="btn btn-default target"></button>//GIVE ME AN ID
@Hime2k :point_up: you can give an element an ID even when he already has a class,
you do so in this format
Rupa Ghimire
@Hime2k
May 25 2016 03:04
ohhkk
rphares
@rphares
May 25 2016 03:04
<element class = "fake-class" id = "fake-id">
I would reset the challenge and try again, as a lot has been changed the first time you tried it and it may be hard to get all the details right without resetting, @Hime2k ~
Lex Angel
@LexTheProgram
May 25 2016 03:05
Yeah, @rphares you'r a pretty good teacher :smile:
Rupa Ghimire
@Hime2k
May 25 2016 03:05
hm ok..thank you @rphares !
i will try too :)
rphares
@rphares
May 25 2016 03:05
lol, nope, complete beginner, @LexTheProgram , cant help people once they get very far into JS...
but, if we see correct answers, we understand them... and forget how they work 2 hours later,
when we struggle with them and finally figure out the concepts,
thats how we learn :blush:
Lex Angel
@LexTheProgram
May 25 2016 03:06
Oh lol I mean as a teacher in general, it doesn't matter how much you know as long as you know how to teach what you DO know
rphares
@rphares
May 25 2016 03:06
Ah, you are too kind-- thanks, @LexTheProgram ! :blush:
CamperBot
@camperbot
May 25 2016 03:06
rphares sends brownie points to @lextheprogram :sparkles: :thumbsup: :sparkles:
:cookie: 54 | @lextheprogram |http://www.freecodecamp.com/lextheprogram
Chris
@christopheragonzales
May 25 2016 03:07
So, I am on "Prioritize One Style Over Another" and having trouble getting the code right. I tried searching and just found ways to cheat. May I get a hand?
Lex Angel
@LexTheProgram
May 25 2016 03:07
I'm an experienced pretty much self taught programmer, but I couldn't learn much on my own so here I am, :smile: but you should keep at it, once you know more you'll be some awesome CEO or something
Rupa Ghimire
@Hime2k
May 25 2016 03:07
yeah i agree with you @LexTheProgram ! @rphares ! is good teacher :smile:
Brooke Ann S.
@tinyinkling
May 25 2016 03:07
@LexTheProgram I was just stuck on this exact same problem - thanks for the explanation!
CamperBot
@camperbot
May 25 2016 03:07
tinyinkling sends brownie points to @lextheprogram :sparkles: :thumbsup: :sparkles:
:cookie: 55 | @lextheprogram |http://www.freecodecamp.com/lextheprogram
rphares
@rphares
May 25 2016 03:07
@christopheragonzales , coud we see your code please? :blush:
Lex Angel
@LexTheProgram
May 25 2016 03:07
No problem
Chris
@christopheragonzales
May 25 2016 03:07

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

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

rphares
@rphares
May 25 2016 03:08
You are too kind, @Hime2k ! thanks~
CamperBot
@camperbot
May 25 2016 03:08
rphares sends brownie points to @hime2k :sparkles: :thumbsup: :sparkles:
:cookie: 103 | @hime2k |http://www.freecodecamp.com/hime2k
rphares
@rphares
May 25 2016 03:08
ah-- this is a small thing, @christopheragonzales -
Lex Angel
@LexTheProgram
May 25 2016 03:08
@rphares can I show him?
rphares
@rphares
May 25 2016 03:08
yep! go for it~
Lex Angel
@LexTheProgram
May 25 2016 03:08
:smile:
Alright @christopheragonzales
Rupa Ghimire
@Hime2k
May 25 2016 03:09
hehe..you are kind too ^_^ @rphares !
Lex Angel
@LexTheProgram
May 25 2016 03:09
The mistake you made depends on how you think about it
Chris
@christopheragonzales
May 25 2016 03:09
@LexTheProgram Ok
Lex Angel
@LexTheProgram
May 25 2016 03:10
It would have been easier to make the background-color into a class
Like this:

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

</style>
<h1 class="pink-text">Hello World!</h1>
and then to actually apply this to the body element
Chris
@christopheragonzales
May 25 2016 03:12
Okay. Thanks, @LexTheProgram
CamperBot
@camperbot
May 25 2016 03:12
christopheragonzales sends brownie points to @lextheprogram :sparkles: :thumbsup: :sparkles:
:cookie: 56 | @lextheprogram |http://www.freecodecamp.com/lextheprogram
Lex Angel
@LexTheProgram
May 25 2016 03:12
<body class="bg-color">
<p>Random text>////

</body>
Don't worry about it, every programmer makes a mistake like this at least once in their programming time
rphares
@rphares
May 25 2016 03:12
mm, in this one that may not pass--
the lessons is specifically to use an element to set the color,
Lex Angel
@LexTheProgram
May 25 2016 03:13
Which one is it?
rphares
@rphares
May 25 2016 03:13
and then override it with the class
Prioritize One Style Over Another
so, it was a small syntax error that was holding him up...
Chris
@christopheragonzales
May 25 2016 03:13
Spill the goods, @rphares.
rphares
@rphares
May 25 2016 03:13
@christopheragonzales , you see how you have two things in your <style>?
one is for your body and one is for .pink-text
but...
you misplaced the closing } of your body
Chris
@christopheragonzales
May 25 2016 03:14
Yes, a background and what I though was a css class
rphares
@rphares
May 25 2016 03:14
now, you have two after .pink-text
but none after body,
Chris
@christopheragonzales
May 25 2016 03:14
lol
rphares
@rphares
May 25 2016 03:14
so your new class is in body...
Chris
@christopheragonzales
May 25 2016 03:14
Oh, bloody hell
rphares
@rphares
May 25 2016 03:15
just move that } where he belongs, and you should be okay, if not we can take another look~
(but, @LexTheProgram is correct-- this is a bit of a backwards way to go about it--
its designed that way to teach you the hierarchy in the css your code will obey)
Stephen Mansfield
@StephenMansfield
May 25 2016 03:16
function lookUpProfile(firstName, prop){
// Only change code below this line

  for (var i = 0; i<contacts.length; i++){

   console.log(i);
   console.log(firstName, contacts[i][prop]);

    if (firstName == contacts[i][firstName]){


      var property = contacts[i][prop];

      return property;


    }
  }
rphares
@rphares
May 25 2016 03:16
(the next one, if i recall, is even weirder-- but these are important features, as sometimes youdo have to use overrides to get the job done :blush: )
Stephen Mansfield
@StephenMansfield
May 25 2016 03:16
Can anyone help with that? something is wrong with me if loop I think..
Lex Angel
@LexTheProgram
May 25 2016 03:16
@rphares can we follow eachother
Chris
@christopheragonzales
May 25 2016 03:17
Thanks, @rphares
CamperBot
@camperbot
May 25 2016 03:17
christopheragonzales sends brownie points to @rphares :sparkles: :thumbsup: :sparkles:
:star2: 4789 | @rphares |http://www.freecodecamp.com/rphares
Lex Angel
@LexTheProgram
May 25 2016 03:17
Will you be here tomorrow by the way
rphares
@rphares
May 25 2016 03:17
eww, I'm no good at profile lookup-- i can give you a hint or two to my solution, but i cant explain that one yet, @StephenMansfield --
if you dont get good advice here, do also try https://gitter.im/FreeCodeCamp/HelpJavaScript
Lex Angel
@LexTheProgram
May 25 2016 03:18
@rphares you were correct by the way, I was at fault because I didn't know where he was, thanks for helping me out there :smile:
CamperBot
@camperbot
May 25 2016 03:18
lextheprogram sends brownie points to @rphares :sparkles: :thumbsup: :sparkles:
:star2: 4790 | @rphares |http://www.freecodecamp.com/rphares
rphares
@rphares
May 25 2016 03:18
@LexTheProgram -- sure, if you hover over avatars, we can follow each other on github, thats as much as gitter can do, as far as i know--
UtkarshShukla7
@UtkarshShukla7
May 25 2016 03:18
@StephenMansfield you are not accomplishing other conditions
rphares
@rphares
May 25 2016 03:18
though, full disclosure-- I've got NOTHING on there :blush: and yes, I'm on most every day, in and out :) @LexTheProgram
no worries-- LOVE seeing people help. Thats the best part of FCC imo :blush:
Followed ya :)
ah, good-- ty @UtkarshShukla7 , I'm terrible at trying to talk about that one~
CamperBot
@camperbot
May 25 2016 03:19
rphares sends brownie points to @utkarshshukla7 :sparkles: :thumbsup: :sparkles:
:cookie: 482 | @utkarshshukla7 |http://www.freecodecamp.com/utkarshshukla7
Brian
@sludge256
May 25 2016 03:20
@rphares thanks teacher
CamperBot
@camperbot
May 25 2016 03:20
:star2: 4791 | @rphares |http://www.freecodecamp.com/rphares
sludge256 sends brownie points to @rphares :sparkles: :thumbsup: :sparkles:
Lex Angel
@LexTheProgram
May 25 2016 03:20
Yeah I know, following you is just a way to make sure I don't lose you :smile: romantic right XD
Anyway I'm running on eastern time so good night @rphares
rphares
@rphares
May 25 2016 03:21
lol, wthey, @sludge256 ~ ty teacher and unbiased ^^^erator :blush:
CamperBot
@camperbot
May 25 2016 03:21
rphares sends brownie points to @sludge256 :sparkles: :thumbsup: :sparkles:
:star2: 2720 | @sludge256 |http://www.freecodecamp.com/sludge256
rphares
@rphares
May 25 2016 03:21
G'night, @LexTheProgram ! Rest well~
Stephen Mansfield
@StephenMansfield
May 25 2016 03:21
@UtkarshShukla7 Yea I know but it is failing me on all of them and I should pass some of them with that, and when i put the console.log in the if loop I don't get anything in the console
which makes me think ive messed up the if somehow
UtkarshShukla7
@UtkarshShukla7
May 25 2016 03:22
@rphares np but you have an helping attitude .that's what matters the most I think :smile:
@StephenMansfield ok let me see
Lex Angel
@LexTheProgram
May 25 2016 03:23
I AGREE
@rphares your an awesome guy
Had to say that before going to sleep as soon as I saw you being conplimented
rphares
@rphares
May 25 2016 03:24
Thank you~ And same to you! :blush:
UtkarshShukla7
@UtkarshShukla7
May 25 2016 03:32
@StephenMansfield Oh , contacts[i].firstName will work
Tai An Zhou
@Tomato-of-Justice
May 25 2016 03:34
hi all
<div class="container-fluid">
  <h3 class="text-primary text-center">jQuery Playground</h3>
  <div class="row">
    <div class="col-xs-6">
      <h4 #left-well></h4>
      <div class="well" id="left-well">
        <button class="btn btn-default target"></button>
        <button class="btn btn-default target"></button>
        <button class="btn btn-default target"></button>
      </div>
    </div>
    <div class="col-xs-6"><h4 #right-well></h4>
      <div class="well" id="right-well">
        <button class="btn btn-default target"></button>
        <button class="btn btn-default target"></button>
        <button class="btn btn-default target"></button>
      </div>
    </div>
  </div>
</div>
the following code does not pass the challenge to lable boostrap wells
even though it's correct as far as I can see
i googled and found this
FreeCodeCamp/FreeCodeCamp#1544
Thomas Noe
@t3h2mas
May 25 2016 03:35
look at your h4
that's not where the text goes.
rphares
@rphares
May 25 2016 03:35
(woah, lightning speed! :wink2: @t3h2mas )
Tai An Zhou
@Tomato-of-Justice
May 25 2016 03:37
it's not?
Stephen Mansfield
@StephenMansfield
May 25 2016 03:38
dang stupid little mistake thanks man! @UtkarshShukla7
CamperBot
@camperbot
May 25 2016 03:38
stephenmansfield sends brownie points to @utkarshshukla7 :sparkles: :thumbsup: :sparkles:
:cookie: 483 | @utkarshshukla7 |http://www.freecodecamp.com/utkarshshukla7
UtkarshShukla7
@UtkarshShukla7
May 25 2016 03:39
@StephenMansfield np
Tai An Zhou
@Tomato-of-Justice
May 25 2016 03:39
sorry still don't get it
Thomas Noe
@t3h2mas
May 25 2016 03:39
there's a significant difference between what you're doing with <h4 and what that link shows.
Tai An Zhou
@Tomato-of-Justice
May 25 2016 03:41
the link doesn't mention # though
Nhat Khanh
@lednhatkhanh
May 25 2016 03:42

@Tomato-of-Justice

<h4 #right-well></h4>

is wrong!

rphares
@rphares
May 25 2016 03:42
doesn't matter-- if it is text, it is text :blush: @Tomato-of-Justice
Charissa Wilson
@gottalovelattes
May 25 2016 03:42
blob
Not sure why I am getting the right output but it's not letting the code pass when I run it.
Tai An Zhou
@Tomato-of-Justice
May 25 2016 03:43
i'm sorry i still don't get it
Thomas Noe
@t3h2mas
May 25 2016 03:43
you're thinking of #something as something with that id, which is good thinking
but right now we're just labeling something with arbitrary text
rphares
@rphares
May 25 2016 03:43
@gottalovelattes , there is a difference between "5" and 5
"5" is a string-- like text. It wants them to be numbers... :blush:
Tai An Zhou
@Tomato-of-Justice
May 25 2016 03:44
isn't the # simply a descriptor?
rphares
@rphares
May 25 2016 03:45
in this case # is text
Tai An Zhou
@Tomato-of-Justice
May 25 2016 03:45
or do i need to get it to display the text?
rphares
@rphares
May 25 2016 03:45
it says "with the text #left-well"
that means, #left-well can be treated as any other text headline,

like you did earlier in the lessons with

<h2>CatPhotoApp</h2>

(or whatever it was exactly... i think that was it, heh :pensive: :blush: )
Charissa Wilson
@gottalovelattes
May 25 2016 03:46
@rphares thanks! That worked:)
CamperBot
@camperbot
May 25 2016 03:46
gottalovelattes sends brownie points to @rphares :sparkles: :thumbsup: :sparkles:
:star2: 4792 | @rphares |http://www.freecodecamp.com/rphares
Tai An Zhou
@Tomato-of-Justice
May 25 2016 03:47
hmmm
i still don't get it lol
rphares
@rphares
May 25 2016 03:47
Anytime~ Congrats and happy coding!
Okay--
Jaren Escueta
@jarenescueta731
May 25 2016 03:47
hi guys, so i just completed the Seek and Destroy basic algorithm challenge. Even though my program passed, I had a warning that told me I shouldn't make functions within loops, leaving me with the feeling I should've solved it differently. I googled the issue and all i found was that it could make the program behave unexpectedly. Would anyone be able to shed more light on this?
i asked on HelpJavascript but no one answered
Thomas Noe
@t3h2mas
May 25 2016 03:47
tomato really let what @rphares said in the last few messages soak in
rphares
@rphares
May 25 2016 03:47
@Tomato-of-Justice , can you write in one line, an h4 with the text Hello World?
Tai An Zhou
@Tomato-of-Justice
May 25 2016 03:48
<h4>Hello World</h4>
Thomas Noe
@t3h2mas
May 25 2016 03:48
@jarenscueta731 what code did you use
rphares
@rphares
May 25 2016 03:48
perfect-- now change the text Hello World to the text #left-well @Tomato-of-Justice
Jaren Escueta
@jarenescueta731
May 25 2016 03:48
@t3h2mas javascript lol
rphares
@rphares
May 25 2016 03:48
that is what it is asking you to do-- in this case it is NOT an ID, it is just text :blush: @Tomato-of-Justice
Jaren Escueta
@jarenescueta731
May 25 2016 03:48
@t3h2mas anyway i just found the answer to my own question with more research
Tai An Zhou
@Tomato-of-Justice
May 25 2016 03:49
  <h4 #left-well></h4>
rphares
@rphares
May 25 2016 03:49
ack!
nope--
Tai An Zhou
@Tomato-of-Justice
May 25 2016 03:49
no?
Thomas Noe
@t3h2mas
May 25 2016 03:49
i wouldn't see why you'd need to create functions in a loop anyway
tomato
Tai An Zhou
@Tomato-of-Justice
May 25 2016 03:49
doing challenge
rphares
@rphares
May 25 2016 03:49
@Tomato-of-Justice , your correct code for Hello World, and your incorrect code for #left-well:
Thomas Noe
@t3h2mas
May 25 2016 03:49
if you were going to write an h4 with an id it'd look like <h4 id="left-well"><h4> but that's not what we're doing here
Jaren Escueta
@jarenescueta731
May 25 2016 03:49
@t3h2mas i had to use the filter() method, which takes a function as an arg
Tai An Zhou
@Tomato-of-Justice
May 25 2016 03:50
i know it's incorrect code
Thomas Noe
@t3h2mas
May 25 2016 03:50
@jarenescueta731 the filter method iterated over the array anyway, so why would you need a function/
Tai An Zhou
@Tomato-of-Justice
May 25 2016 03:50
but why
rphares
@rphares
May 25 2016 03:50
<h4>Hello World</h4>//this is correct
 <h4 #left-well></h4>// the <h4> is closed in the WRONG spot! :)
in the first one, text comes in between the <h4> and </h4>. Thats good!
Thomas Noe
@t3h2mas
May 25 2016 03:50
you're not assigning an id and if you were it would be how i just showed ya
Jaren Escueta
@jarenescueta731
May 25 2016 03:50
@t3h2mas because the array changes depending on the input, and i wanted to make a responsive solution
@t3h2mas rather than hardcode
Thomas Noe
@t3h2mas
May 25 2016 03:51
the array isn't going to be changing through each iteration.
the filter callback is 'responsive'
Jaren Escueta
@jarenescueta731
May 25 2016 03:51
@t3h2mas 0_0
@t3h2mas well it worked anyway. good to know
Thomas Noe
@t3h2mas
May 25 2016 03:52
there's probably a simpler way, but either way it's good to try things and learn from googling weird stuff :)
Tai An Zhou
@Tomato-of-Justice
May 25 2016 03:52
div class="row">
    <div class="col-xs-6">
      <h4 #left-well>
      <div class="well" id="left-well">
        <button class="btn btn-default target"></button>
        <button class="btn btn-default target"></button>
        <button class="btn btn-default target"></button>
        </h4>
      </div>
    </div>
i tried this but it's wrong too
rphares
@rphares
May 25 2016 03:53
@Tomato-of-Justice , text in an element comes in between the two tags
pngo12
@pngo12
May 25 2016 03:53
@Tomato-of-Justice how are you copying the text editor in here? sorry im new :(
rphares
@rphares
May 25 2016 03:53
explain format
CamperBot
@camperbot
May 25 2016 03:53

:point_right: code formatting [wiki]

Multi line Code

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

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

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

Single line Code

This an inline `<paste code here>` code formatting with a single backtick() at _start_ and _end_ around thecode`.

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

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

rphares
@rphares
May 25 2016 03:53
@pngo12 ^^^ thats how :blush:
Tai An Zhou
@Tomato-of-Justice
May 25 2016 03:54
<h4 #left-well></h4> - then why is this wrong
rphares
@rphares
May 25 2016 03:54
that isn't in-between them,
the tag ends with >
you have the text before the >
Thomas Noe
@t3h2mas
May 25 2016 03:55
<h4 id="left-well">TEXT HERE</h4> #left-well {color: blue;} is correct. <h4 #hello></h4> doesn't work
all ya want is a header with the literal text #left-well and #right-well
rphares
@rphares
May 25 2016 03:55
the first tag should be <p> or <h1> or <h2>, etc

<element> is correct

<element #some-text-here> is incorrect

Sirisha Kindigeri
@Sirisha30
May 25 2016 03:57
This message was deleted

<h1 >Hello World</h1>

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

</style>

Tai An Zhou
@Tomato-of-Justice
May 25 2016 03:57
oh so just display the text
ok thanks
thanks @t3h2mas @rphares
CamperBot
@camperbot
May 25 2016 03:57
tomato-of-justice sends brownie points to @t3h2mas and @rphares :sparkles: :thumbsup: :sparkles:
:cookie: 312 | @t3h2mas |http://www.freecodecamp.com/t3h2mas
:star2: 4793 | @rphares |http://www.freecodecamp.com/rphares
rphares
@rphares
May 25 2016 03:57
sure thing! Glad that makes sense now :blush:
Tai An Zhou
@Tomato-of-Justice
May 25 2016 03:58
sort of lol
getting used to all of this
it's really fun though should have learnt progamming ages ago
will CSS help with other languages like Python, C++ etc?
Thomas Noe
@t3h2mas
May 25 2016 03:59
js will.
css is useful because the web is big
Tai An Zhou
@Tomato-of-Justice
May 25 2016 04:01
ok i'll go learn both then
Leow Wei Xiang
@boyboi86
May 25 2016 04:01
dear all can someone explain to me what is this?
pen.js:40 Uncaught ReferenceError: data is not definedperformSearch @ pen.js:40(anonymous function) @ pen.js:23n.event.dispatch @ jquery-2.2.4.min.js:3r.handle @ jquery-2.2.4.min.js:3
pngo12
@pngo12
May 25 2016 04:02
@rphares sorry im still not following how to display the text editor. I just add ``` and hit shift enter?
Leow Wei Xiang
@boyboi86
May 25 2016 04:02
i tried to create a wikipedia viewers for days then when i run my pen it stats data is undefined
rphares
@rphares
May 25 2016 04:02
almost--
you do that first, @pngo12 ,
a second row of ``` should appear below the one you made
you paste your code in between the two rows
(there can be no code on the same row as the backticks. the backticks need their own rows)
then, you may need to press command + enter (on Mac) or ctr + enter (PC) to send the message
pngo12
@pngo12
May 25 2016 04:03
<style>
  .red-text {
    color: red;
    font-size: 16px;
  }
</style>

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

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p>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
May 25 2016 04:03
perfect! congrats~
pngo12
@pngo12
May 25 2016 04:04
sweet thanks @rphares !!
CamperBot
@camperbot
May 25 2016 04:04
pngo12 sends brownie points to @rphares :sparkles: :thumbsup: :sparkles:
:star2: 4794 | @rphares |http://www.freecodecamp.com/rphares
rphares
@rphares
May 25 2016 04:04
anytime~
pngo12
@pngo12
May 25 2016 04:04
okay onto the real question :P
rphares
@rphares
May 25 2016 04:04
lol-- are you on the lesson 'change the font-size of an element'?
pngo12
@pngo12
May 25 2016 04:04
it says between the style tag i need to give the p element a font size of 16
rphares
@rphares
May 25 2016 04:04
yes--
notice ou gave the class red-text the font size of 16px,
so now, your h2 and ONE p element would be size 16
but not the other, and we dont want the h2 to be 16px
so, you need to style your p elements in the css, not change .red-text
example of changing h2 to 32px
<style>
  .red-text {
    color: red;
  }

h2 {
    font-size: 32px;
}
</style>
now, i still have my .red-text, but i also changed my h2 elements to 32px :blush: You can use the same format to change your p elements to 16px~
pngo12
@pngo12
May 25 2016 04:07
rad dude it worked !
thanks @rphares
CamperBot
@camperbot
May 25 2016 04:07
pngo12 sends brownie points to @rphares :sparkles: :thumbsup: :sparkles:
:warning: pngo12 already gave rphares points
pngo12
@pngo12
May 25 2016 04:08
how do i give you additional brownie points :smile:
rphares
@rphares
May 25 2016 04:08
Anytime~
lol, you cant-- you can only thank the same person once an hour
pngo12
@pngo12
May 25 2016 04:08
oh.. well if im still at this in an hour ill come back and give you that well deserved point!
rphares
@rphares
May 25 2016 04:08
but... I've got enough, thanks, though! :blush: @pngo12
CamperBot
@camperbot
May 25 2016 04:08
rphares sends brownie points to @pngo12 :sparkles: :thumbsup: :sparkles:
:cookie: 18 | @pngo12 |http://www.freecodecamp.com/pngo12
rphares
@rphares
May 25 2016 04:09
lol, dont worry about it, glad to help. Happy coding!
Sirisha Kindigeri
@Sirisha30
May 25 2016 04:12

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

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

is it correct??
rphares
@rphares
May 25 2016 04:12
almost-
when you apply a class to an element,
you dont start it with .
. is only for in the <style> section
Sirisha Kindigeri
@Sirisha30
May 25 2016 04:13
ya i forgot it
thank u
Thomas Noe
@t3h2mas
May 25 2016 04:13
(called a css selector)
rphares
@rphares
May 25 2016 04:14
(thanks again, though i dont think it'll let me feed you, @t3h2mas ... I'm terrible at the actual words... :pensive: )
CamperBot
@camperbot
May 25 2016 04:14
rphares sends brownie points to @t3h2mas :sparkles: :thumbsup: :sparkles:
:cookie: 313 | @t3h2mas |http://www.freecodecamp.com/t3h2mas
Thomas Noe
@t3h2mas
May 25 2016 04:14
your explanation was more understandable i just threw in a technical term in for future googles
rphares
@rphares
May 25 2016 04:16
helpful reminder for me-- i need to get that kinda stuff down, eventually~
Thomas Noe
@t3h2mas
May 25 2016 04:17
potato potahto
(hard thing to reference w/ text)
Douglas Hoang
@DouglasHoang
May 25 2016 04:18
Hey guys! Can y'all help me figure out how to update the information I get from the $.getJSON. Here is the code
Sirisha Kindigeri
@Sirisha30
May 25 2016 04:19
can u please tell me the list of h1 tegs correct
This message was deleted
<h1 class="pink-text">Hello World!</h1>
<h1 class="blue-text">Hello World!</h1>
<h1 class="pink-text blue-text ">Hello World!</h1>
rphares
@rphares
May 25 2016 04:20
they are all fine, @Sirisha30 -- it depends on your goals,
the top one give it the class pink-text
the second one gives it the class blue-text
Thomas Noe
@t3h2mas
May 25 2016 04:20
watch that space on the last h1
(in the class)
probably valid html but might miff the test
Sirisha Kindigeri
@Sirisha30
May 25 2016 04:20
Your h1 element should have the class pink-text.
Your h1 element should have the class blue-text.
Both blue-text and pink-text should belong to the same h1 element.
Your h1 element should be blue.**
the last 1 show wrong
rphares
@rphares
May 25 2016 04:21
@Sirisha30 , can you show us the whole code?
Sirisha Kindigeri
@Sirisha30
May 25 2016 04:22

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

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

Thomas Noe
@t3h2mas
May 25 2016 04:22
that space tho
rphares
@rphares
May 25 2016 04:22
what space? i dont see it-- all you
Thomas Noe
@t3h2mas
May 25 2016 04:22
last h1 in the class def
rphares
@rphares
May 25 2016 04:23
ooh, after "pink-text blue-text?
Thomas Noe
@t3h2mas
May 25 2016 04:23
:+1:
Aleksander Gębicki
@Takumar
May 25 2016 04:23
@Sirisha30 I guess you need only last line: <h1 class="pink-text blue-text ">Hello World!</h1>
You have to remove two lines with single classes attached:
<h1 class="pink-text">Hello World!</h1>
<h1 class="blue-text">Hello World!</h1>
Thomas Noe
@t3h2mas
May 25 2016 04:24
probably ok html but might break the text
ooooh
Sirisha Kindigeri
@Sirisha30
May 25 2016 04:24
they ask two colors
Thomas Noe
@t3h2mas
May 25 2016 04:24
two colors one element
Sirisha Kindigeri
@Sirisha30
May 25 2016 04:24
Both blue-text and pink-text should belong to the same h1 element
Thomas Noe
@t3h2mas
May 25 2016 04:24
(movie title)
rphares
@rphares
May 25 2016 04:24
(Good eye, @t3h2mas ~)
Thomas Noe
@t3h2mas
May 25 2016 04:24
@Takumar has something there
rphares
@rphares
May 25 2016 04:24
@Sirisha30 , what @t3h2mas and @Takumar are saying is correct--
t3h2mas @t3h2mas doesn't bother with looking at problem descriptions most of the time
rphares
@rphares
May 25 2016 04:24
you only need ONE <h1>
Aleksander Gębicki
@Takumar
May 25 2016 04:25
@Sirisha30 they ask to add two colours: <h1 class="pink-text blue-text ">Hello World!</h1> and you add them, but text should show as blue text.
Andy Buck
@life4ants
May 25 2016 04:25
I don't know if anyone on here knows c++, but here goes:
Aleksander Gębicki
@Takumar
May 25 2016 04:25
Hello @rphares :-)
rphares
@rphares
May 25 2016 04:25
to give it two classes, you do what you did in the last line. that is enough. You dont need to make more <h1> with the colors separately~ @Sirisha30
Hiya, @Takumar !
Sirisha Kindigeri
@Sirisha30
May 25 2016 04:25
hoo
ya i got it
rphares
@rphares
May 25 2016 04:26
Now that there are so many experts around, immma head back to my pilates for bit-- but very, very happy to see ya! @Takumar :blush:
Sirisha Kindigeri
@Sirisha30
May 25 2016 04:26
Thank you once again
Thomas Noe
@t3h2mas
May 25 2016 04:26
good call there @Takumar tax
cannelflow
@cannelflow
May 25 2016 04:26
hello @Takumar @rphares good to see you :smile:
Andy Buck
@life4ants
May 25 2016 04:26
I'm getting an err : no viable conversion from 'int' to 'QString'
Thomas Noe
@t3h2mas
May 25 2016 04:26
can't believe tax is broken
@Takumar thanks
CamperBot
@camperbot
May 25 2016 04:26
t3h2mas sends brownie points to @takumar :sparkles: :thumbsup: :sparkles:
:star2: 3210 | @takumar |http://www.freecodecamp.com/takumar
Thomas Noe
@t3h2mas
May 25 2016 04:26
boom
Aleksander Gębicki
@Takumar
May 25 2016 04:26
Hi @cannelflow , nice to see you too.
rphares
@rphares
May 25 2016 04:26
@cannelflow !! Wb and catch ya in a while-- lovely to see you as ever :blush:
Thomas Noe
@t3h2mas
May 25 2016 04:26
@HolyHillBilly int to any kind of string is weird
warning i don't know the C++s
Aleksander Gębicki
@Takumar
May 25 2016 04:27
@rphares don't do too much exercises, I have to go to work now :-)
Thomas Noe
@t3h2mas
May 25 2016 04:27
int to char makes sense (they're the same in the end)
Sherlock Holmes
@GGX666
May 25 2016 04:28
hi
Thomas Noe
@t3h2mas
May 25 2016 04:28
hi
Andy Buck
@life4ants
May 25 2016 04:30
first I tried finishGame(&painter, "Sorry, You Lose!/nScore: "+ score)
that didn't work so I tried 'score' on a new line:
finishGame(&painter, score);
Brooke Ann S.
@tinyinkling
May 25 2016 04:30
@Sirisha30 Awesome! Thank you - I was banging my head against the wall on that last line - kept puting a “;” between the pink/blue-text(s) :)
CamperBot
@camperbot
May 25 2016 04:30
tinyinkling sends brownie points to @sirisha30 :sparkles: :thumbsup: :sparkles:
:cookie: 58 | @sirisha30 |http://www.freecodecamp.com/sirisha30
Thomas Noe
@t3h2mas
May 25 2016 04:31
again, i don't know c++ but obviously you have a type issue
was there an error with the first function call? @HolyHillBilly
Andy Buck
@life4ants
May 25 2016 04:32
it warned me that I could not amend an int to a string
Thomas Noe
@t3h2mas
May 25 2016 04:32
i'd do something there
that's a more sane error
you'll have to cast the int to a string
@HolyHillBilly are you using c++11
Andy Buck
@life4ants
May 25 2016 04:34
just plain c++ I think
Thomas Noe
@t3h2mas
May 25 2016 04:34
are you using boost?
Andy Buck
@life4ants
May 25 2016 04:35
I'm using Qt
Thomas Noe
@t3h2mas
May 25 2016 04:35
you could try something like
finishGame(&painter, "Sorry, You Lose!\nScore: " + QString::number(score));
Juan C. Gonzalez-Zurita
@WholeGrainGoats
May 25 2016 04:36
i did a quick google search and came back with std::to_string()
Thomas Noe
@t3h2mas
May 25 2016 04:36
random ping @maz-net-au
rphares
@rphares
May 25 2016 04:37
do people see pings in rooms they have ever entered?
Thomas Noe
@t3h2mas
May 25 2016 04:37
we'll see
rphares
@rphares
May 25 2016 04:37
i sent messages someone never read in Cbots, might wanna tag him in the main chat...
Thomas Noe
@t3h2mas
May 25 2016 04:38
my example casts to a QString which it appears you could be using
Juan C. Gonzalez-Zurita
@WholeGrainGoats
May 25 2016 04:40
so "your string"+std::to_string (yourint) @HolyHillBilly. see if that works, though thomas's should too
Andy Buck
@life4ants
May 25 2016 04:40
Thanks @t3h2mas! It runs now
CamperBot
@camperbot
May 25 2016 04:40
holyhillbilly sends brownie points to @t3h2mas :sparkles: :thumbsup: :sparkles:
:cookie: 314 | @t3h2mas |http://www.freecodecamp.com/t3h2mas
Thomas Noe
@t3h2mas
May 25 2016 04:40
sweet
props to @NoMayo for a standard lib answer thanks
CamperBot
@camperbot
May 25 2016 04:41
t3h2mas sends brownie points to @nomayo :sparkles: :thumbsup: :sparkles:
:cookie: 8 | @nomayo |http://www.freecodecamp.com/nomayo
Juan C. Gonzalez-Zurita
@WholeGrainGoats
May 25 2016 04:41
@t3h2mas thanks!
CamperBot
@camperbot
May 25 2016 04:41
nomayo sends brownie points to @t3h2mas :sparkles: :thumbsup: :sparkles:
:cookie: 315 | @t3h2mas |http://www.freecodecamp.com/t3h2mas
Juan C. Gonzalez-Zurita
@WholeGrainGoats
May 25 2016 04:42
... its automatic? thats cool
Thomas Noe
@t3h2mas
May 25 2016 04:43
bots n stuff
Masse
@Massejan
May 25 2016 04:43
 .pic-prop{
  width:400px;
  height:100; 
  border:solid red;
  align:center;
why isn't my picture getting centered?
Thomas Noe
@t3h2mas
May 25 2016 04:44
did you close the css
David Park
@davidatthepark
May 25 2016 04:44
text-align: center;
Masse
@Massejan
May 25 2016 04:45
i am using the html editor on code pen
@davidatthepark doesn't work
?
text-align applies to block containers instead of inline
but you can trick it if you want
Masse
@Massejan
May 25 2016 04:47
@t3h2mas thanks. it works
CamperBot
@camperbot
May 25 2016 04:47
massejan sends brownie points to @t3h2mas :sparkles: :thumbsup: :sparkles:
:cookie: 316 | @t3h2mas |http://www.freecodecamp.com/t3h2mas
Masse
@Massejan
May 25 2016 04:47
what is block doing exactly>
?
Thomas Noe
@t3h2mas
May 25 2016 04:48
a block is like a div
a span is like an inline
Muhamad Firhat
@firhatsungkar
May 25 2016 04:49
Hi, i get difficulty on Sum All Odd Fibonacci Numbers. How can sumFibs(1000) get result of 1785. Mine is 11708364174233842
Abdoul Aziz
@biduz
May 25 2016 04:50
hey, there guys
i'm in trouble with the HTTP File Server challenge of learnyounode
can anyone help me?
Thomas Noe
@t3h2mas
May 25 2016 04:51
code?
Abdoul Aziz
@biduz
May 25 2016 04:52
var http = require('http');
var fs = require('fs');
var port = process.argv[2];
var file = process.argv[3];

var server = http.createServer(function (req, res) {
    fs.createReadStream(file, function (err, data) {
        if (err) return console.error('Error ocurred: ', err);
        res.end(data);
    });
});

server.listen(port);
i can't figure out what to do
Thomas Noe
@t3h2mas
May 25 2016 04:53
what's the error
or the instructions
Abdoul Aziz
@biduz
May 25 2016 04:54
here are the instructions
This message was deleted

Write an HTTP server that serves the same text file for each request it
receives.

Your server should listen on the port provided by the first argument to
your program.

You will be provided with the location of the file to serve as the second
command-line argument. You must use the fs.createReadStream() method to
stream the file contents to the response.

and here hints:
Thomas Noe
@t3h2mas
May 25 2016 04:55
did you get any errors
Abdoul Aziz
@biduz
May 25 2016 04:56
yeah
a second
Muhamad Firhat
@firhatsungkar
May 25 2016 04:56
function sumFibs(num) {
  var i, fib=[0,1];
  for(i = 2; i <= num; i++) {
    fib[i] = fib[i-2] + fib[i-1];
  }
  num = fib.reduce(function(prev,curr){
    return prev + (curr%2 === 0 ? 0 : curr);
  });
  return num;
}

sumFibs(1000);

i already sum all odd number only, but the result is not 1785. Help me understand the instructions.
instructions: Return the sum of all odd Fibonacci numbers up to and including the passed number if it is a Fibonacci number.

The first few numbers of the Fibonacci sequence are 1, 1, 2, 3, 5 and 8, and each subsequent number is the sum of the previous two numbers.

As an example, passing 4 to the function should return 5 because all the odd Fibonacci numbers under 4 are 1, 1, and 3.

gitgenie
@gitgenie
May 25 2016 04:57
@Massejan block takes up 100% of the width and a line break after it
Abdoul Aziz
@biduz
May 25 2016 04:57

`fs.js:1623
throw new TypeError('options must be a string or an object');
^

TypeError: options must be a string or an object
at new ReadStream (fs.js:1623:11)
at Object.fs.createReadStream (fs.js:1608:10)
at Server.<anonymous> (/home/ubuntu/workspace/learn/http_file.js:7:8)
at emitTwo (events.js:87:13)
at Server.emit (events.js:172:7)
at HTTPParser.parserOnIncoming [as onIncoming] (_http_server.js:528:12)
at HTTPParser.parserOnHeadersComplete (_http_common.js:103:23)
✗ Error connecting to http://localhost:36557:
socket hang up
`

Masse
@Massejan
May 25 2016 05:03
so I have a picture with some padding at the bottom
how would I place a text inside the padding?
look at the pic there. I want to have the caption like that
Bryan
@Bryan1029
May 25 2016 05:27
I'm having troubling linking my HTML document and my javascript document together. They are both in the same folder and in my html doc I have <script src="testbutton.js"> </script> in my head. Why won't they link?
Priyankar Kumar
@priyankark
May 25 2016 05:28
@Massejan <figure>
<img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
<figcaption>Fig1. - A view of the pulpit rock in Norway.</figcaption>
</figure>
This is one way. No need of specifying padding. Check it out here: http://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_figcaption
@Bryan1029 script tags should go in the body. Preferably before the end of the body.
Thomas Noe
@t3h2mas
May 25 2016 05:30
oh
good catch
Bryan
@Bryan1029
May 25 2016 05:31
@priyankark I tried moving it just before the end of the body and it still won't work
Thomas Noe
@t3h2mas
May 25 2016 05:33
check the dev console of your browser @Bryan1029
but @priyankark was right about the location of the script tags.
Kelvin-penang
@Kelvin-penang
May 25 2016 05:34
Hi all
I need some help on making the array
"I, like, corgis,so,much"
into
"[I],[l,i,k,e],[c,o,r,g,i,s],[s,o],[m,u,c,h]"
Can anybody help?
Thomas Noe
@t3h2mas
May 25 2016 05:35
you can split on commas
Bryan
@Bryan1029
May 25 2016 05:35
@t3h2mas What about the dev console?
Priyankar Kumar
@priyankark
May 25 2016 05:35
@Kelvin-penang You can use .join() for each array to turn it to string and then concat.
Thomas Noe
@t3h2mas
May 25 2016 05:35
then split
again
is it array to array or string to array
@Bryan1029 check the dev console of your browser for errors
Priyankar Kumar
@priyankark
May 25 2016 05:36
oh I am wrong. Sorry
Kelvin-penang
@Kelvin-penang
May 25 2016 05:36
I need to split an array into a subarray
Thomas Noe
@t3h2mas
May 25 2016 05:36
try ctrl+shift+i
i agree w/ the array -> to string -> split -> ... method
Kelvin-penang
@Kelvin-penang
May 25 2016 05:37
can I know why I need to make it a string again?
Priyankar Kumar
@priyankark
May 25 2016 05:38
@t3h2mas You are right. I misread it. I thought it was array to string.
Thomas Noe
@t3h2mas
May 25 2016 05:38
i'd go to string, then make an array split at the commas, then split them all by ''
DJ
@qualitymanifest
May 25 2016 05:38
@Kelvin-penang run a loop over the array and split each word into letters
that's overcomplicating it
it can be done with a for loop with one line inside of it
Bryan
@Bryan1029
May 25 2016 05:40
It shows no errors in the browser
Thomas Noe
@t3h2mas
May 25 2016 05:40
you're sure that both files are in the same folder?
what are you using to serve them?
Kelvin-penang
@Kelvin-penang
May 25 2016 05:40
@qualitymanifest yes that's what I was thinking to do, run a loop to further fragment the string fragments
gitgenie
@gitgenie
May 25 2016 05:40
@Bryan1029 double check the file name maybe?
Thomas Noe
@t3h2mas
May 25 2016 05:41
you're not supposed to use regex are you?
Thomas Noe
@t3h2mas
May 25 2016 05:46
map is better than loops
Ariel
@abibliophile
May 25 2016 05:51
Hi everyone! I'm trying to work on the random quote generator but I'm kind of stuck at the beginning
Thomas Noe
@t3h2mas
May 25 2016 05:51
where are you stuck exactly @abibliophile?
Ariel
@abibliophile
May 25 2016 05:53
well, i'm trying to follow along with the instructions they use in the JSON API and Ajax module for implementing the freecodecamp cat API but applying it to the forismatic API, kind of. so I think if I've retrieved the JSON data from forismatic but I need to convert it to HTML and I'm a little lost on how to do that
Thomas Noe
@t3h2mas
May 25 2016 05:54
make sure that you're getting data from the AJAX request first
Ariel
@abibliophile
May 25 2016 05:54
wht do you mean?
Thomas Noe
@t3h2mas
May 25 2016 05:56
when you do your ajax request log the data to console first so you know it's working
console.dir(data); or something
Ariel
@abibliophile
May 25 2016 05:59
okay this is new to me so i'm going to try and figure this out.
Thomas Noe
@t3h2mas
May 25 2016 05:59
sure
Ariel
@abibliophile
May 25 2016 06:03
so I write that right after the $.getJSON part?
Thomas Noe
@t3h2mas
May 25 2016 06:04
share your full $.getJSON code so far
Ariel
@abibliophile
May 25 2016 06:05
```js
$.getJSON("http://api.forismatic.com/api/1.0/?method=getQuote&lang=en&format=jsonp&jsonp=?", function(json){
    $(".quote").html(JSON.stringify(json))

  })                )
I'm feeling completely out of my depth
Thomas Noe
@t3h2mas
May 25 2016 06:06
ya so you'll write console.log(json); right above the jquery line
it's cool, ajax takes a second
Ariel
@abibliophile
May 25 2016 06:09
The other issue is I think it's trying to display the entirety of the API on the page or something, which is causing my page to not display on codepen
I think i'm stuck lol
Thomas Noe
@t3h2mas
May 25 2016 06:10
link your pen
Jiego Roszano Cuenco
@frustratedITstudent
May 25 2016 06:10
im stuck with the size of image can someone help me?
Thomas Noe
@t3h2mas
May 25 2016 06:10
we will sure try
Jiego Roszano Cuenco
@frustratedITstudent
May 25 2016 06:11
Your img element should have the class smaller-image.
Your image should be 100 pixels wide. Browser zoom should be at 100%.
i change it to smaller-image but nothing happens
gitgenie
@gitgenie
May 25 2016 06:11
add class .smaller-image
Jiego Roszano Cuenco
@frustratedITstudent
May 25 2016 06:12
yes im dont with that
done*
gitgenie
@gitgenie
May 25 2016 06:12
in side your style tag and add width:100px
Jiego Roszano Cuenco
@frustratedITstudent
May 25 2016 06:12
<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

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

.smaller-image {
width: 100px;
}
</style>
gitgenie
@gitgenie
May 25 2016 06:13
add this class to your img tag
<img class="smaller-image".......
Jiego Roszano Cuenco
@frustratedITstudent
May 25 2016 06:13
oh i see thanks!
gitgenie
@gitgenie
May 25 2016 06:13
welcome
Thomas Noe
@t3h2mas
May 25 2016 06:13
@abibliophile a few starting points
  1. assume that your html is within the body on codepen
and you already included jquery in the js settings
Jiego Roszano Cuenco
@frustratedITstudent
May 25 2016 06:14
gitgenie
it looks like this
<img src="https://bit.ly/fcc-relaxing-cat">
how will i revise it?
Thomas Noe
@t3h2mas
May 25 2016 06:15
there are a few little bugs in here
the html isn't quite correct
gitgenie
@gitgenie
May 25 2016 06:15
@frustratedITstudent <img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat">
Thomas Noe
@t3h2mas
May 25 2016 06:15
and the .on('click, function.... has a bug too
Jiego Roszano Cuenco
@frustratedITstudent
May 25 2016 06:16
Wow thanks!
Ariel
@abibliophile
May 25 2016 06:16
@t3h2mas changed the first thing
gitgenie
@gitgenie
May 25 2016 06:16
welcome
Kevin Oh
@aflashyrhetoric
May 25 2016 06:16
What’s the best way to get involved helping out with freecodecamp stuff?
I just joined today - is it just best to patrol these chatrooms and help out wherever/whenever I can?
Ariel
@abibliophile
May 25 2016 06:17
okay, I'll take a look through the html again. I noticed there was an error w the click event code and I couldn't really figure out where it was
@t3h2mas
rphares
@rphares
May 25 2016 06:17
@aflashyrhetoric , there are lots of ways to help out :blush: diving into the help channels is one of them,
Kevin Oh
@aflashyrhetoric
May 25 2016 06:18
Thanks @rphares! I’ll keep an eye out
CamperBot
@camperbot
May 25 2016 06:18
aflashyrhetoric sends brownie points to @rphares :sparkles: :thumbsup: :sparkles:
:star2: 4795 | @rphares |http://www.freecodecamp.com/rphares
rphares
@rphares
May 25 2016 06:18
sure thing-- leading a campsite in your area, or contributing to the project itself is also possible,
Kevin Oh
@aflashyrhetoric
May 25 2016 06:19
Composite? (Sorry but do you mean “campsite”?)
rphares
@rphares
May 25 2016 06:19
I'm trying to find you a link to those options-- as I'm a beginner coding-wise, i only help out in the rooms, but there are other options as well-- it might be good to ask in the main chat during US daylight hours, as thats when most of the mods are online
oops-- sure did!
Jiego Roszano Cuenco
@frustratedITstudent
May 25 2016 06:19
how will i combing 2 class in an img tag?
combine*
Thomas Noe
@t3h2mas
May 25 2016 06:20
@abibliophile yeah so the html is a little broken
rphares
@rphares
May 25 2016 06:20
<element class = "class-one class-two"> @frustratedITstudent
Thomas Noe
@t3h2mas
May 25 2016 06:20
and the js is too
gitgenie
@gitgenie
May 25 2016 06:20
class = "class1 clss2"
Ariel
@abibliophile
May 25 2016 06:20
I'm going through and correcting it I think, or at least getting it closer @t3h2mas
Thomas Noe
@t3h2mas
May 25 2016 06:20
$(..).on('click', function () {...}); is the onlclick syntax
then you'll be pretty close to working
Ariel
@abibliophile
May 25 2016 06:21
does that look better?
Thomas Noe
@t3h2mas
May 25 2016 06:21
i see the quote where you put it after that ;)
let me refresh
@abibliophile i don't think you're closing your <div class="container-fluid"> yet
Ariel
@abibliophile
May 25 2016 06:22
oh wow it is so much closer!!!
lemme look
Thomas Noe
@t3h2mas
May 25 2016 06:23
and the JS looks better but not quite formatted in a standard way
you'll want to pair })s instead of })}s
Jiego Roszano Cuenco
@frustratedITstudent
May 25 2016 06:23
is it wrong? <img class="class1 class2" "smaller-image" "thick-green-border" src="https://bit.ly/fcc-relaxing-cat">
Kevin Oh
@aflashyrhetoric
May 25 2016 06:23
@rphares thanks, will do! :)
CamperBot
@camperbot
May 25 2016 06:23
aflashyrhetoric sends brownie points to @rphares :sparkles: :thumbsup: :sparkles:
:warning: aflashyrhetoric already gave rphares points
Thomas Noe
@t3h2mas
May 25 2016 06:25
@abibliophile once all that is good, you can see the quote, so after that all you have to do is access parts of it like json.quoteText and json.quoteAuthor
Ariel
@abibliophile
May 25 2016 06:25
how's it look now?
I think I have more brackets tto fix
rphares
@rphares
May 25 2016 06:26
@frustratedITstudent , the "class1 class2" was an example--
Thomas Noe
@t3h2mas
May 25 2016 06:26
html looks good
JS looks good too!
rphares
@rphares
May 25 2016 06:26
you put all the classes you are trying to apply to one image in the same set of quotes, @frustratedITstudent
for example, maybe i want to give an image three classes --
Ariel
@abibliophile
May 25 2016 06:26
hooray! @t3h2mas
Thomas Noe
@t3h2mas
May 25 2016 06:27
personally i use semi colons a lot, but it looks like you're good to continue to the next step @abibliophile
rphares
@rphares
May 25 2016 06:27
the class names are aaaa, bbbb, and cccc @frustratedITstudent , and i want to apply all three to one image
Jiego Roszano Cuenco
@frustratedITstudent
May 25 2016 06:27
how?
rphares
@rphares
May 25 2016 06:27
i write
<img class = "aaaa bbbb cccc">
all three classes, one after another,
Ariel
@abibliophile
May 25 2016 06:27
@t3h2mas it's easier to format when you let codepen tidy the code lol
Thomas Noe
@t3h2mas
May 25 2016 06:27
oh in the html you might want class="row text-center" instead of class="row-text-center"
:P
AisuluOmar
@AisuluOmar
May 25 2016 06:28
hi guys, how do i set id for form element?
rphares
@rphares
May 25 2016 06:28
all in the same set of "" @frustratedITstudent
gitgenie
@gitgenie
May 25 2016 06:28
<element id="idname">
Jiego Roszano Cuenco
@frustratedITstudent
May 25 2016 06:29
i got it! im so noob thanks!!!!
rphares
@rphares
May 25 2016 06:29
Congrats and happy coding! @frustratedITstudent ~
Ariel
@abibliophile
May 25 2016 06:30
@t3h2mas if I do row text-center instead of row-text-center my formatting doesn't work
:(
Thomas Noe
@t3h2mas
May 25 2016 06:30
yeah then bootstrap kicks in and might mess with what you've got going on
MilosBastaja
@MilosBastaja
May 25 2016 06:30
good morning can someone help me im at "Style Text Inputs as Form Controls"
Thomas Noe
@t3h2mas
May 25 2016 06:31
oh i see, you made a style rule for that
MilosBastaja
@MilosBastaja
May 25 2016 06:31
i dont know where i need to put this "form-control"
Thomas Noe
@t3h2mas
May 25 2016 06:31
if that's what you want then great :)
MilosBastaja
@MilosBastaja
May 25 2016 06:31
Give the text input in your form the class form-control
Ariel
@abibliophile
May 25 2016 06:31
I've honestly got no idea what I'm doing lol
thanks for pointing out the bugs @t3h2mas
CamperBot
@camperbot
May 25 2016 06:32
abibliophile sends brownie points to @t3h2mas :sparkles: :thumbsup: :sparkles:
:cookie: 318 | @t3h2mas |http://www.freecodecamp.com/t3h2mas
Thomas Noe
@t3h2mas
May 25 2016 06:32
well it's working @abibliophile
now all you need is 2 divs inside the .row-text-center to hold the quote body and the author
AisuluOmar
@AisuluOmar
May 25 2016 06:32
not working
Ariel
@abibliophile
May 25 2016 06:34
I guess it's really just formatting from hereon out, except for the business of tweeting the quote
Thomas Noe
@t3h2mas
May 25 2016 06:35
i'd just take the data out of the {json} stuff if it were me
Ariel
@abibliophile
May 25 2016 06:36
how do you mean?
Thomas Noe
@t3h2mas
May 25 2016 06:36
so it doesn't look like {"quoteText": "This is a cool quote".......}
Ariel
@abibliophile
May 25 2016 06:36
right
how do I do that?
Thomas Noe
@t3h2mas
May 25 2016 06:37
your json variable is just a javascript object
so you can pull out the data
json.quoteText will be the quote, json.quoteAuthor will be the author, and json.quoteLink will be a link to the quote (if you want it)
Ariel
@abibliophile
May 25 2016 06:38
okay
Thomas Noe
@t3h2mas
May 25 2016 06:38
then you can set the data of a few elements
like <div class="quote-text"></div> $('.quote-text').html(json.quoteText); etc
Ariel
@abibliophile
May 25 2016 06:39
right! I think i'm going to take a break but I feel a lot better overall about the project
Thomas Noe
@t3h2mas
May 25 2016 06:39
how you're showing the quote now, just a few divs to show the text and the author
Ariel
@abibliophile
May 25 2016 06:39
you're a lifesaver! lol
Thomas Noe
@t3h2mas
May 25 2016 06:39
this community is
:)
Ariel
@abibliophile
May 25 2016 06:39
yes, that too :)
take care ^_^
Thomas Noe
@t3h2mas
May 25 2016 06:40
ya you'll get it no prob. good luck, have fun.
Ariel
@abibliophile
May 25 2016 06:40
thanks!
Edwin
@Ecaceress
May 25 2016 06:41
Hello
I'm practicing Html code
I have to nest an existing "a" element
I'm not prety sure how to do that
Thomas Noe
@t3h2mas
May 25 2016 06:42
what's your code so far
Edwin
@Ecaceress
May 25 2016 06:43

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

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

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

Thomas Noe
@t3h2mas
May 25 2016 06:43
so what do you need to nest the a tag around
Edwin
@Ecaceress
May 25 2016 06:45
Could you tell how should I write the code
I'm new at learning HTML5 :p
Jiego Roszano Cuenco
@frustratedITstudent
May 25 2016 06:47
same problem as edwin
Your a element should be nested within your new p element
Your p element should have the text "View more " (with a space after it).
Your a element should not have the text "View more".
Edwin
@Ecaceress
May 25 2016 06:49
I'm searching on google how Nesting works but i haven't found anything
useful
Jiego Roszano Cuenco
@frustratedITstudent
May 25 2016 06:49
@Ecaceress same problem
gitgenie
@gitgenie
May 25 2016 06:51
<p>Click here for <a href="#">cat photos</a></p>
modify accordingly
Edwin
@Ecaceress
May 25 2016 06:53
I put this: <p>View more <a href="http://www.freecatphotoapp.com">cat photos</a> </p>
But it doesn't allowed me to pass
"Your a element should be nested within your new p element."
Jiego Roszano Cuenco
@frustratedITstudent
May 25 2016 06:55
yeah i cant pass
rphares
@rphares
May 25 2016 06:55
@Ecaceress , did you make two of the <a>?
i notice i your earlier code you had:
<h2 class="red-text">CatPhotoApp</h2>
<a href="http://www.freecatphotoapp.com">cat photos</a>// THIS ONE SHOULD BE NESTED
<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat">
<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
<p>View more <nesting></nesting></p>// WHICH MEASN THIS IS EXTRA
Edwin
@Ecaceress
May 25 2016 06:56
I have one a element
rphares
@rphares
May 25 2016 06:56
hmm, could you please paste the full code you are trying now, formatted? :blush:
explain format
CamperBot
@camperbot
May 25 2016 06:56

:point_right: code formatting [wiki]

Multi line Code

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

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

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

Single line Code

This an inline `<paste code here>` code formatting with a single backtick() at _start_ and _end_ around thecode`.

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

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

Edwin
@Ecaceress
May 25 2016 06:56
Is there a diffence with nest and nesting?
Randy Goggin
@frogshelp
May 25 2016 06:57
i need help im on challenge overrid styles in sebequent css i get all right but the bouth blue-text and pink-text shouw beling to the same h1 element to not pass
rphares
@rphares
May 25 2016 06:57
not that i know of-- there shouldn't be the word nest or nesting in your code though :blushL
Randy Goggin
@frogshelp
May 25 2016 06:57

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

</style>
<h1 class="blue-text"> <h1 class="pink-text">hello world</h1

rphares
@rphares
May 25 2016 06:58
@frogshelp , to apply two classes, you can put them both in the SAME h1 element, int he same set of ""
example:
<p class = "class-one class-two">
Edwin
@Ecaceress
May 25 2016 06:58
The case say this: Now nest your existing a element within a new p element (just after the existing h2 element) so that the surrounding paragraph says "View more cat photos", but where only "cat photos" is a link, and the rest of the text is plain text.
rphares
@rphares
May 25 2016 06:58
right-- can you paste the code you are trying?
Edwin
@Ecaceress
May 25 2016 06:58

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

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

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

rphares
@rphares
May 25 2016 06:59
this line needs to be nested, @Ecaceress
<a href="http://www.freecatphotoapp.com">cat photos</a>
Jiego Roszano Cuenco
@frustratedITstudent
May 25 2016 06:59
how?
rphares
@rphares
May 25 2016 07:00
the example of how to do that was
<p>Click here for <a href="www.example.com">cat photos</a></p>
see how the <p> element starts, then the text for the beginning, then the opening <a> then the text for the anchor, then the close of the </a> then the close of the </p>?
same thing, but using this line <a href="http://www.freecatphotoapp.com">cat photos</a> and nesting that in a <p></p>, so that the full sentence is View more cat photos
Jiego Roszano Cuenco
@frustratedITstudent
May 25 2016 07:02
Wow atlast!
im done with it thanks for all the help but i will review it again
Brian
@sludge256
May 25 2016 07:02
@rphares thanks
CamperBot
@camperbot
May 25 2016 07:02
sludge256 sends brownie points to @rphares :sparkles: :thumbsup: :sparkles:
:star2: 4796 | @rphares |http://www.freecodecamp.com/rphares
Jiego Roszano Cuenco
@frustratedITstudent
May 25 2016 07:03
<p>Click here for <a href="http://www.freecatphotoapp.com">cat photos</a>.</p>
thats how it goes
rphares
@rphares
May 25 2016 07:03
lol, what on earth @sludge256 ? ty ty for the feeding but you know thats not needed... :blush:
CamperBot
@camperbot
May 25 2016 07:03
rphares sends brownie points to @sludge256 :sparkles: :thumbsup: :sparkles:
:star2: 2721 | @sludge256 |http://www.freecodecamp.com/sludge256
rphares
@rphares
May 25 2016 07:09
@aflashyrhetoric , the amazing @sludge256 provided the appropriate link, https://github.com/FreeCodeCamp/FreeCodeCamp/blob/staging/CONTRIBUTING.md :blush: Hope that helps!
Jiego Roszano Cuenco
@frustratedITstudent
May 25 2016 07:13
Nest the existing img element within an a element.
how?
Edwin
@Ecaceress
May 25 2016 07:13
I've done that but it doesn't work :(
Randy Goggin
@frogshelp
May 25 2016 07:14
ok my .pink-text{ color: pink; the .pink-text is highlighted in pink but i got it to pass the challenge but is thier a resaon why that spot is highlighted i pink ?
Jiego Roszano Cuenco
@frustratedITstudent
May 25 2016 07:15
im stuck at it
Edwin
@Ecaceress
May 25 2016 07:15
It works, i thing something went wrong with my browser
Thank you @rphares
CamperBot
@camperbot
May 25 2016 07:15
ecaceress sends brownie points to @rphares :sparkles: :thumbsup: :sparkles:
:star2: 4797 | @rphares |http://www.freecodecamp.com/rphares
gitgenie
@gitgenie
May 25 2016 07:15
@frustratedITstudent <a href="#">cat photos<img src="url"/></a>
atharris2015
@atharris2015
May 25 2016 07:16
Hello. Im working on the web portfolio and I can't get my about section, skill section and footer to go across the full screen? could someone tell me how/explain why it isn't? http://codepen.io/atharris2015/pen/RazOaz?editors=1100
Edwin
@Ecaceress
May 25 2016 07:18
Well, It's 2 am in Peru
See you later people
Jiego Roszano Cuenco
@frustratedITstudent
May 25 2016 07:18
nothing happens
still the problem exist
Nest the existing img element within an a element.
gitgenie
@gitgenie
May 25 2016 07:19
your code please? lemme have alook
Edwin
@Ecaceress
May 25 2016 07:19
try to F5 your browser and write the code again
Jiego Roszano Cuenco
@frustratedITstudent
May 25 2016 07:19

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

<p>Click here for
<a href="#">cat photos<img src="https://bit.ly/fcc-running-cats"/></a>

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

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

gitgenie
@gitgenie
May 25 2016 07:21
p has no closing tag in .........>> <p>Click here for
AGNEL THOMAS C
@agnelc
May 25 2016 07:23
If you need to host your website for free, register to this link https://client.googiehost.com/aff.php?aff=1063
Jiego Roszano Cuenco
@frustratedITstudent
May 25 2016 07:23
still nothing happens
Nest the existing img element within an a element.
<p>Click here for <a href="#">cat photos
<img src="https://bit.ly/fcc-running-cats"/></a></p>
or is it my browser?
gitgenie
@gitgenie
May 25 2016 07:25
replace those 4 lines with <p>Click here for
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat"></a></p>
or
Brian
@sludge256
May 25 2016 07:26
You're nesting the wrong image.
Use the relaxing cat image as @gitgenie said
Jiego Roszano Cuenco
@frustratedITstudent
May 25 2016 07:26
i nest the wrong image :(
thanks :)
im nesting the running cats
Brian
@sludge256
May 25 2016 07:27
@agnelc Please do not use these rooms to advertise your affiliate links.
Hiroja Shibe
@HiroJaShibe
May 25 2016 07:28
I am having a hard time with a form element , reset like ten times not seeing what I am doing wrong. its for a <form action ="/submit-cat-photo"></form> . It is telling me what is wrong is Net Your text input element within a form element ?
Brian
@sludge256
May 25 2016 07:29
You need to put an input element inside the form.
Hiroja Shibe
@HiroJaShibe
May 25 2016 07:29
ok I will try that thks
@sludge256 it work thanks
CamperBot
@camperbot
May 25 2016 07:33
r-hirojatrevize sends brownie points to @sludge256 :sparkles: :thumbsup: :sparkles:
:star2: 2722 | @sludge256 |http://www.freecodecamp.com/sludge256
Jiego Roszano Cuenco
@frustratedITstudent
May 25 2016 07:42
Set the value of your placeholder attribute to "cat photo URL".
how?
Brian
@sludge256
May 25 2016 07:43
It's the same as setting a class attribute.
Conceptually at least.
Jiego Roszano Cuenco
@frustratedITstudent
May 25 2016 07:44
<input type="text" placeholder="">
Brian
@sludge256
May 25 2016 07:44
Almost there
Jiego Roszano Cuenco
@frustratedITstudent
May 25 2016 07:45
is that the cat image url?
Brian
@sludge256
May 25 2016 07:45
Yea all you have to do it put in the text
Jiego Roszano Cuenco
@frustratedITstudent
May 25 2016 07:45
nothing happens
i put it
Brian
@sludge256
May 25 2016 07:46
What's the code now?
Jiego Roszano Cuenco
@frustratedITstudent
May 25 2016 07:46
<input type="https://bit.ly/fcc-relaxing-cat" placeholder="cat photo URL">
Brian
@sludge256
May 25 2016 07:48
You didn't have to change the type
I meant just put in the text for placeholder=""
gitgenie
@gitgenie
May 25 2016 07:51
@frustratedITstudent you cant assign a url to the "type" attribute. Before you proceed I wouldlike to suggest you to have a look at the kind of input types you can use at http://www.w3schools.com/html/html_form_input_types.asp
HoneyJoanna
@HoneyJoanna
May 25 2016 07:54
why I can't sign up pencode? It's still appear the red box with "Please fill out the reCAPTCHA box ",but I didn't see CAPTCHA box @frustratedITstudent
Stephen
@TeddyHugs
May 25 2016 07:59
@HoneyJoanna Try a different browser? Only way I could do it lol
HoneyJoanna
@HoneyJoanna
May 25 2016 08:00
ok,I would try it
Jiego Roszano Cuenco
@frustratedITstudent
May 25 2016 08:01
still cant get it
Marcus Chia
@chinm3
May 25 2016 08:02
Hello People :)
gitgenie
@gitgenie
May 25 2016 08:02
@frustratedITstudent <input type="text" placeholder="cat photo URL">
@chinm3 hey there! greetings from India
welcome
Jiego Roszano Cuenco
@frustratedITstudent
May 25 2016 08:03
still nothing thats what im coding
Stephen
@TeddyHugs
May 25 2016 08:04
Show the whole coding @frustratedITstudent
Jiego Roszano Cuenco
@frustratedITstudent
May 25 2016 08:04

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

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

<p>Things cats love:</p>

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

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

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

<input type="text">

<input type="text" placeholder="cat photo URL">

gitgenie
@gitgenie
May 25 2016 08:04
whats the error @frustratedITstudent
Jiego Roszano Cuenco
@frustratedITstudent
May 25 2016 08:04
Set the value of your placeholder attribute to "cat photo URL".
Marcus Chia
@chinm3
May 25 2016 08:04
@gitgenie greetings from new zealand :)
Stephen
@TeddyHugs
May 25 2016 08:05
Hello @gitgenie I'm from NZ too
gitgenie
@gitgenie
May 25 2016 08:05
@frustratedITstudent ypu may wanna remove that extra <input type="text">
Jiego Roszano Cuenco
@frustratedITstudent
May 25 2016 08:06
Wow nice from new zealand, btw can i ask if there is a many job opportunity there about coding?
gitgenie
@gitgenie
May 25 2016 08:06
@TeddyHugs hello:)
Jiego Roszano Cuenco
@frustratedITstudent
May 25 2016 08:06
oh i see thats the problem haha im soo noob
btw thanks :)
Marcus Chia
@chinm3
May 25 2016 08:08
Oh nice @TeddyHugs, @frustratedITstudent It's alright.
Sanchit Dhiman
@sanchit13
May 25 2016 08:15
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
what does all that code do
Stephen
@TeddyHugs
May 25 2016 08:19
Hey hey all :D
Thieu van Dijk
@Thieuvandijk
May 25 2016 08:26
Good Morning!
lily
@jiushiliu
May 25 2016 08:26
good afternoon
:-)) v
HoneyJoanna
@HoneyJoanna
May 25 2016 08:27
good afternoon
Thieu van Dijk
@Thieuvandijk
May 25 2016 08:27
I have a question about codepen. I want to add a picture to my portfolio which is on my harddrive. How can I add it to my portfolio?
HoneyJoanna
@HoneyJoanna
May 25 2016 08:27
we are at 16:28
Thieu van Dijk
@Thieuvandijk
May 25 2016 08:28
10:27 overhere in the Netherlands
Does anyone how i can add pictures to codepen?
Marcus Chia
@chinm3
May 25 2016 08:33
good night here lol
Pranav Doshi
@pranavdoshi
May 25 2016 08:33
good afternoon
:)
HoneyJoanna
@HoneyJoanna
May 25 2016 08:35
my situation is worse,I can't sign up codepen.
Pranav Doshi
@pranavdoshi
May 25 2016 08:36
why wats the issue
HoneyJoanna
@HoneyJoanna
May 25 2016 08:39
I don't know,It's still appear the red box with "Please fill out the reCAPTCHA box. "
Manish Tak
@Manishtak
May 25 2016 08:39
This message was deleted
Veronika Ivhed
@lindviveronika
May 25 2016 08:41
@Thieuvandijk I think you need codepen pro to be able to upload pictures: https://blog.codepen.io/documentation/pro-features/asset-hosting/. Maybe you can try to upload them to for example dropbox, make them public and then use that link to display them?
Thieu van Dijk
@Thieuvandijk
May 25 2016 08:42
@lindviveronika thanx alot!
CamperBot
@camperbot
May 25 2016 08:42
thieuvandijk sends brownie points to @lindviveronika :sparkles: :thumbsup: :sparkles:
:cookie: 276 | @lindviveronika |http://www.freecodecamp.com/lindviveronika
Matt Hartstonge
@MatthewHartstonge
May 25 2016 08:44
@sanchit13 Line by line:
utf-8 is a text encoding type, similar to ascii, but allows for a massive amount of characters
2nd line is to do with compatibility with Internet Explorer, the one browser all web designers hate as it doesn't keep to standards.
3rd line tells the browser how to render the page and to set the scale of magnification to 100%
Coy Sanders
@coymeetsworld
May 25 2016 08:44
codepen doesn't appear to be blocked in China @HoneyJoanna http://www.blockedinchina.net/?siteurl=http%3A%2F%2Fcodepen.io
abdullah03002734971
@abdullah03002734971
May 25 2016 08:45
Your 'a' element should have the anchor text of "cat photos". how to solve this?
Stephen
@TeddyHugs
May 25 2016 08:46
@HoneyJoanna You can get somebody to sign up for you then :)
Coy Sanders
@coymeetsworld
May 25 2016 08:47
@MatthewHartstonge one thing about utf-8 though is it's not similar to ascii, utf-8 contains ascii. First 128 characters of unicode is the ascii set
just has more characters including non-english
Matt Hartstonge
@MatthewHartstonge
May 25 2016 08:48
@coymeetsworld just simplifying it ;) rather than getting into supersets e.t.c.
but good point :thumbsup:
Coy Sanders
@coymeetsworld
May 25 2016 08:48
ok :)
@abdullah03002734971 "cat photos" text would go between your two anchor tags <a href=...> and </a>.
Sanchit Dhiman
@sanchit13
May 25 2016 08:52
@MatthewHartstonge Thanks!
CamperBot
@camperbot
May 25 2016 08:52
sanchit13 sends brownie points to @matthewhartstonge :sparkles: :thumbsup: :sparkles:
:cookie: 78 | @matthewhartstonge |http://www.freecodecamp.com/matthewhartstonge
HoneyJoanna
@HoneyJoanna
May 25 2016 08:58
ok,thank you ,I see. @coymeetsworld
sawadeesam
@sawadeesam
May 25 2016 08:58
Uncomment your h1, h2 and p elements.
Sorry I am Sam
Coy Sanders
@coymeetsworld
May 25 2016 08:59
still have issues creating an account @HoneyJoanna ?
sawadeesam
@sawadeesam
May 25 2016 08:59
I don the understand what they want I do!...
Coy Sanders
@coymeetsworld
May 25 2016 09:00
@sawadeesam you want to remove all <!-- and --> in the code. Anything between them is "commented out" meaning the website won't read it and translate the code onto the page
sawadeesam
@sawadeesam
May 25 2016 09:02
So I have to write this " comented out " between them...!?
Coy Sanders
@coymeetsworld
May 25 2016 09:04
no
just remove the <!-- and --> tags
HoneyJoanna
@HoneyJoanna
May 25 2016 09:04
you need remove <!-- and --> @sawadeesam , you will pass it.
Stephen
@TeddyHugs
May 25 2016 09:05
remove it as in delete it off the page. So your eyes don't see it any more :)
Coy Sanders
@coymeetsworld
May 25 2016 09:05
<!-- <h1>This code is commented out</h1> -->
<h1>This code is not commented out</h1>
Fereja
@fereja
May 25 2016 09:06
you didnt close the comment put --> at the end of </h1>
@coymeetsworld
Coy Sanders
@coymeetsworld
May 25 2016 09:08
yeah i did?
first line is commented, not 2nd
HoneyJoanna
@HoneyJoanna
May 25 2016 09:10
that means I can't use codepen in china? so I should skip this process ? Because the site is blocked. @coymeetsworld
Coy Sanders
@coymeetsworld
May 25 2016 09:10
no it should work @HoneyJoanna, I misunderstood what you were saying thought you couldn't access it at all. I guess you're just having a verification problem?
QveSkNEL
@qveksnela
May 25 2016 09:11
@coymeetsworld what u want to do
Kenny Herrera
@Kenaudio
May 25 2016 09:12
Wow.. "The Change Text Inside an Element Using jQuery" challenge stumped me for a bit there! =P
HoneyJoanna
@HoneyJoanna
May 25 2016 09:13
$("#target1").html("<em>#target1</em>"); my example @Kenaudio
but,How can I pass verification? @coymeetsworld ,I am sure my information is right.
Coy Sanders
@coymeetsworld
May 25 2016 09:15
is the verification where you choose what images are rivers or oceans or something @HoneyJoanna ?
Kenny Herrera
@Kenaudio
May 25 2016 09:15
=D yep, just figured it out..I forgot to add # before <em>#target1</em> =D
Thanks Joanna
HoneyJoanna
@HoneyJoanna
May 25 2016 09:18
I see nothing, no images of verification
Coy Sanders
@coymeetsworld
May 25 2016 09:19
did you click the box where it says "I'm not a robot" ? @HoneyJoanna
you're on this page right? https://codepen.io/signup/free
GowthamReddyAmbati
@GowthamReddyAmbati
May 25 2016 09:19
@GowthamReddyAmbati
After adding code from Freecodecamp changllenge to Codepen.. i'm not able to view correct data
http://codepen.io/GOWTHAMREDDY/pen/ONozzy
would you please look into my code in the above link
and let me know the issue
Coy Sanders
@coymeetsworld
May 25 2016 09:20
@GowthamReddyAmbati are you using chrome? if so navigator.geolocation won't work on non-secure connections
sawadeesam
@sawadeesam
May 25 2016 09:21
Sorry guys I did what you said to me everything is good only this
Be sure to delete all trailing comment tags, i.e. -->.
...
Coy Sanders
@coymeetsworld
May 25 2016 09:22
@sawadeesam wherever you see --> in the code, remove it
there should be 3 of those you need to remove if I recall correctly
Fereja
@fereja
May 25 2016 09:23
i dont get it whats wrong with this one
Sirisha Kindigeri
@Sirisha30
May 25 2016 09:23
how all HTML elements in .container-fluid
????
Fereja
@fereja
May 25 2016 09:23

<h2 style="color:blue">CatPhotoApp</h2>

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

Coy Sanders
@coymeetsworld
May 25 2016 09:23
you need a semi-colon after blue @fereja
Fereja
@fereja
May 25 2016 09:24
still the same @coymeetsworld
Coy Sanders
@coymeetsworld
May 25 2016 09:24
whats the challenge name @fereja ?
Fereja
@fereja
May 25 2016 09:25
Change the Color of Text
Coy Sanders
@coymeetsworld
May 25 2016 09:26
check the instructions, h2 element should be red, not blue.
blue is just an example
QveSkNEL
@qveksnela
May 25 2016 09:26
i have 1 simple question. How can we to Build a Personal Portfolio Webpage when we dont know JAVASCRIPT?
Coy Sanders
@coymeetsworld
May 25 2016 09:26
i guess you don't need the semi-colon either in that case
@qveksnela you don't need to know JavaScript to build a portfolio page, you can do it with just HTML and CSS
HoneyJoanna
@HoneyJoanna
May 25 2016 09:27
alt
QveSkNEL
@qveksnela
May 25 2016 09:27
@coymeetsworld 'r u sure?
Coy Sanders
@coymeetsworld
May 25 2016 09:28
positive @qveksnela
nothing in the challenge requires it
Ansiem
@Ansiem
May 25 2016 09:29
Is there someone who could help me with my C# error?
Coy Sanders
@coymeetsworld
May 25 2016 09:29
I know @qveksnela, no JavaScript necessary trust me :)
QveSkNEL
@qveksnela
May 25 2016 09:30
accidentaly i have read a code :D @coymeetsworld i met here a lot of javascrip in codepen.io
Coy Sanders
@coymeetsworld
May 25 2016 09:30
some people may include it @qveksnela, but that doesn't mean you have to
i wrote something very basic, doesn't have JS
QveSkNEL
@qveksnela
May 25 2016 09:31
@coymeetsworld i believe in u
Coy Sanders
@coymeetsworld
May 25 2016 09:31
i will go back to it eventually because it is not that good lol
QveSkNEL
@qveksnela
May 25 2016 09:31
i'll be back :D
but you can see that I don't have a single line of JavaScript and my code passes all user stories
Mohamed Essmat
@7enksh
May 25 2016 09:33
<h1>hello all</h1>
?????????????
QveSkNEL
@qveksnela
May 25 2016 09:34
@7enksh hey
man
Sirisha Kindigeri
@Sirisha30
May 25 2016 09:34
@Sirisha30
how all HTML elements in .container-fluid
????
QveSkNEL
@qveksnela
May 25 2016 09:34
@coymeetsworld good job
Mohamed Essmat
@7enksh
May 25 2016 09:34
hey
first time :)
Coy Sanders
@coymeetsworld
May 25 2016 09:34
@qveksnela :ok_hand: can be better, alot better lol. Trying to learn design now actually but I'm terrible at it
QveSkNEL
@qveksnela
May 25 2016 09:35
@Sirisha30 <div class="container-fluid> </div>
@coymeetsworld not bad :D we can improve our knowledge
Mohamed Essmat
@7enksh
May 25 2016 09:35
i hope
what the next step
QveSkNEL
@qveksnela
May 25 2016 09:36
@7enksh start learning to code
Mohamed Essmat
@7enksh
May 25 2016 09:37
by the map?
Sirisha Kindigeri
@Sirisha30
May 25 2016 09:37
@qveksnela Ya got it thank u
CamperBot
@camperbot
May 25 2016 09:37
sirisha30 sends brownie points to @qveksnela :sparkles: :thumbsup: :sparkles:
:cookie: 132 | @qveksnela |http://www.freecodecamp.com/qveksnela
QveSkNEL
@qveksnela
May 25 2016 09:37
@Sirisha30 <div class="container-fluid"> </div>
Kenny Herrera
@Kenaudio
May 25 2016 09:37
I just want to say that Im so happy that I found Free Code Camp! Awesome community !
QveSkNEL
@qveksnela
May 25 2016 09:37
@Sirisha30 i missed quotation sign at the end :/
try this <div class="container-fluid"> </div>
@Kenaudio ya
Sirisha Kindigeri
@Sirisha30
May 25 2016 09:37
I checked mam
QveSkNEL
@qveksnela
May 25 2016 09:38
i also think like you
Sirisha Kindigeri
@Sirisha30
May 25 2016 09:38
Yes mam
jude okoroafor
@judexes
May 25 2016 09:40
Hello world
CamperBot
@camperbot
May 25 2016 09:40

welcome to FreeCodeCamp @judexes!

jude okoroafor
@judexes
May 25 2016 09:40
Okay a quick one
Please how do I enque font awesome in WordPress the right way? Thanks
Anybody?
Helena
@poigirl2001
May 25 2016 09:44
Sorry I don't know. Are you using html? I don't really know how Wordpress works
Sirisha Kindigeri
@Sirisha30
May 25 2016 09:44

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

<style>
.red-text {
color: red;
}
.imag-responsive{
width: 100px;
}
h2 {
font-family: Lobster, Monospace;
}

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

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

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

<div class="container-fluid">
<h2 class="red-text">CatPhotoApp</h2>

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

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

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

Plz tell me the mistake in image tags
??
Cherryl Octaviano
@Pondo11-freeCodeCamp
May 25 2016 09:45
hello guys, can you help on how to insert font size in css with font color
QveSkNEL
@qveksnela
May 25 2016 09:46
@Pondo11-freeCodeCamp
Helena
@poigirl2001
May 25 2016 09:46
@Sirisha30 You said "imag-responsive" instead of "image-responsive"
QveSkNEL
@qveksnela
May 25 2016 09:46
.text {
color: red;
font-size: 20px;
}
Cherryl Octaviano
@Pondo11-freeCodeCamp
May 25 2016 09:46
ok thanks a lot @qveksnela
CamperBot
@camperbot
May 25 2016 09:46
pondo11-freecodecamp sends brownie points to @qveksnela :sparkles: :thumbsup: :sparkles:
:cookie: 133 | @qveksnela |http://www.freecodecamp.com/qveksnela
QveSkNEL
@qveksnela
May 25 2016 09:46
@Pondo11-freeCodeCamp
Helena
@poigirl2001
May 25 2016 09:47
@Sirisha30 If "image-responsive" doesn't work do "img-responsive"
Sirisha Kindigeri
@Sirisha30
May 25 2016 09:47
correct but didn't get it
sanpla
@san-pla
May 25 2016 09:48
hello! on wich elelmnt have i put it link in exercise
Link to External Pages with Anchor Elements?
On cat photo in main paragraf or where?
Cherryl Octaviano
@Pondo11-freeCodeCamp
May 25 2016 09:50
one more thing, how do you connect it with only <p>
Lars Nolden
@larsnolden
May 25 2016 09:50
Can someone please help me to center this glyphicon? http://codepen.io/larsnolden/pen/RaXvNW
faheembhati
@faheembhati
May 25 2016 09:50
hello world!
CamperBot
@camperbot
May 25 2016 09:50

welcome to FreeCodeCamp @faheembhati!

Cherryl Octaviano
@Pondo11-freeCodeCamp
May 25 2016 09:50
hi there @faheembhati
Lars Nolden
@larsnolden
May 25 2016 09:50
hey :)
Helena
@poigirl2001
May 25 2016 09:51
@Sirisha30 You just had a spelling error
I'm doing the style text inputs as form control challenge. I think I did everything right?
Heres me code:

<form action="/submit-cat-photo" class="form-control">
    <div class="row">
      <div class="col-xs-6">
        <label><input class="form-control" type="radio" name="indoor-outdoor"> Indoor</label>
      </div>
      <div class="col-xs-6">
        <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
      </div>
    </div>
    <div class="row">
      <div class="col-xs-4">
        <label><input type="checkbox" name="personality"> Loving</label>
      </div>
      <div class="col-xs-4">
        <label><input type="checkbox" name="personality"> Lazy</label>
      </div>
      <div class="col-xs-4">
        <label><input type="checkbox" name="personality"> Crazy</label>
      </div>
    </div>
    <input type="text" placeholder="cat photo URL" required>
    <button type="submit btn btn-primary"><i class="fa fa-paper-plane">Submit</i></button>
  </form>
</div>
Lars Nolden
@larsnolden
May 25 2016 09:52
@poigirl2001 looks good, but where is your class="container" ?
Sirisha Kindigeri
@Sirisha30
May 25 2016 09:53
i correct it mam
faheembhati
@faheembhati
May 25 2016 09:54