These are chat archives for FreeCodeCamp/Help

14th
Mar 2017
Vedran Zumeri
@vedran500
Mar 14 2017 00:00
is this it
ShoX99
@ShoX99
Mar 14 2017 00:00
yes
thx very much vedran
Vedran Zumeri
@vedran500
Mar 14 2017 00:01
np :smile:
@ShoX99 and you need to resize it in style
i hope you know how :)
ShoX99
@ShoX99
Mar 14 2017 00:02
yup i got it
Alexander Køpke
@alexanderkopke
Mar 14 2017 00:02
dobre :+1:
Tony C.
@tcal312
Mar 14 2017 00:03
i just so happened to have the same question @ShoX99
and it the help button at the right time to see ytour help question
and answer fro @vedran500
ShoX99
@ShoX99
Mar 14 2017 00:04
hehe lucky u
Tony C.
@tcal312
Mar 14 2017 00:04
thanks!!
lukenems
@lukenems
Mar 14 2017 00:05
Help on uploading and using an image with codepen? do you have to upload to a cloud or can you use a relative path straight to the image on my desktop folder?
ShoX99
@ShoX99
Mar 14 2017 00:06
hey vedran are u still there
Vedran Zumeri
@vedran500
Mar 14 2017 00:06
yes
ShoX99
@ShoX99
Mar 14 2017 00:07
im still having a little trouble with question 23
Vedran Zumeri
@vedran500
Mar 14 2017 00:07
what`s the prob
ShoX99
@ShoX99
Mar 14 2017 00:07
how do i attach a photo

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

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

h2 {
font-family: Lobster, Monospace;
}

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

.smaller-image{
width:100px;
}

</style>

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

<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">

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

is that wrong?
Skarrix
@Skarrix
Mar 14 2017 00:09
@ShoX99 Your img element needs a closing tag
Vedran Zumeri
@vedran500
Mar 14 2017 00:10
it have a closing tah @Skarrix
Skarrix
@Skarrix
Mar 14 2017 00:10
@vedran500 It does? I swear I don't see it
Andrew Pope
@andrew1601
Mar 14 2017 00:10
@Skarrix img tags are self closing, they do not need a </img> tag
Skarrix
@Skarrix
Mar 14 2017 00:10
@andrew1601 ooooh. woops! shows what I know. :p
Vedran Zumeri
@vedran500
Mar 14 2017 00:11
it dont need it but i think you meen it on the ">" thing
ahah
@ShoX99 tell me what`s the name of the lesson
Skarrix
@Skarrix
Mar 14 2017 00:11
@vedran500 nah, I thought it needed </img>! completely forgot it was self closing
Ivan Dimitrov
@ivandimitrovvv
Mar 14 2017 00:12

Hello! I also have a little problem with 23

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

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

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

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

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

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

the image doesn't change
Vedran Zumeri
@vedran500
Mar 14 2017 00:12
@Skarrix no it`s self closing
Taylordactyl
@Taylordactyl
Mar 14 2017 00:12
does anyone know how many challenges there are in total?
Skarrix
@Skarrix
Mar 14 2017 00:12
@vedran500 yeah, @andrew1601 corrected me
Lyon Sojfer
@Lyon-Sojfer
Mar 14 2017 00:12
how do i save my code?
Andrew Pope
@andrew1601
Mar 14 2017 00:13
@vedran500 try removing the space at the end? What challenge is it, what are the rules?
Aronidas
@Aronidas
Mar 14 2017 00:13
Whats wrong with this? <p>View more <a href="http://www.freecatphotoapp.com">cat photos </a></p>
ShoX99
@ShoX99
Mar 14 2017 00:14
vedran the name is "size your images"
Aronidas
@Aronidas
Mar 14 2017 00:14
<p>View more <a href="http://www.freecatphotoapp.com">cat photos </a></p>
Miranda
@Adventurist100
Mar 14 2017 00:14
@Manish-Giri I thought I had that already
Andrew Pope
@andrew1601
Mar 14 2017 00:14
@vedran500 Ah, i see it! You have a type. It should be <img class="smaller-image" you have <img class:"smaller-image"
*typo
How ironic!
Aronidas
@Aronidas
Mar 14 2017 00:14
<p>View more <a href="http://www.freecatphotoapp.com">cat photos </a></p>
Andrew Pope
@andrew1601
Mar 14 2017 00:15
@Aronidas you have s space between the end of "cat photos" and the </a> tag. That's why it's failing!
*a
Ivan Dimitrov
@ivandimitrovvv
Mar 14 2017 00:16
@andrew1601 Thanks, I have been actually looking for it for 10 minutes
CamperBot
@camperbot
Mar 14 2017 00:16
ivandimitrovvv sends brownie points to @andrew1601 :sparkles: :thumbsup: :sparkles:
Andrew Pope
@andrew1601
Mar 14 2017 00:16
I swear, I will write a message without typos soon!!
CamperBot
@camperbot
Mar 14 2017 00:16
:cookie: 270 | @andrew1601 |http://www.freecodecamp.com/andrew1601
Aronidas
@Aronidas
Mar 14 2017 00:16
@andrew1601 SO it should be this? <p>View more <a href="http://www.freecatphotoapp.com">cat photos</a></p>
Andrew Pope
@andrew1601
Mar 14 2017 00:16
@Aronidas yep, that should work
Aronidas
@Aronidas
Mar 14 2017 00:16
It doesnt
Skarrix
@Skarrix
Mar 14 2017 00:17
@Aronidas needs a full stop? should read "View more cat photos." in text, no?
Andrew Pope
@andrew1601
Mar 14 2017 00:17
possibly need a full stop between </a> and </p> - so </a>.</p>
Aronidas
@Aronidas
Mar 14 2017 00:18
nope
Miranda
@Adventurist100
Mar 14 2017 00:18
what body element do I need to eliminate? sorry I'm a bit confused. @Manish-Giri
ShoX99
@ShoX99
Mar 14 2017 00:19

@andrew1601 like this "<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;
}

<img class="smaller-image"{ width:100px; } </style>

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

<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">

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

Vedran Zumeri
@vedran500
Mar 14 2017 00:20
you need a "a" element not "link"
@ShoX99
ShoX99
@ShoX99
Mar 14 2017 00:20
how do u do that
Andrew Pope
@andrew1601
Mar 14 2017 00:21
@vedran500 the <link> tag is a link to a stylesheet and perfectly correct. This is not the same problem as above!
Vedran Zumeri
@vedran500
Mar 14 2017 00:21
ups i dont see it at first
Aronidas
@Aronidas
Mar 14 2017 00:21
What is wrong with this
<p>View more <a href="http://www.freecatphotoapp.com"> cat photos</a></p>
Andrew Pope
@andrew1601
Mar 14 2017 00:21
@ShoX99 you need the styles for smaller-image in your stylesheet (between the <style> and </style> tags)
Vedran Zumeri
@vedran500
Mar 14 2017 00:21
i think it`s a from img element
Andrew Pope
@andrew1601
Mar 14 2017 00:21
@Aronidas you have a space before the word cat
Vedran Zumeri
@vedran500
Mar 14 2017 00:22
@andrew1601 he is right
Aronidas
@Aronidas
Mar 14 2017 00:22
Still not working
Miranda
@Adventurist100
Mar 14 2017 00:22
I figured it out
Aronidas
@Aronidas
Mar 14 2017 00:22
<p>View more <a href="http://www.freecatphotoapp.com">cat photos</a></p>
ShoX99
@ShoX99
Mar 14 2017 00:23
i dont get it
Vedran Zumeri
@vedran500
Mar 14 2017 00:23
.smaller-image{
width:100%;}
in your style
@ShoX99
ShoX99
@ShoX99
Mar 14 2017 00:24
still not working
Vedran Zumeri
@vedran500
Mar 14 2017 00:24
it must be it
Andrew Pope
@andrew1601
Mar 14 2017 00:25
@ShoX99 between your <style> and </style> tags you need this
.smaller-image{
  width:100%;
}
ShoX99
@ShoX99
Mar 14 2017 00:26

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

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

h2 {
font-family: Lobster, Monospace;
}

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

.smaller-image{
width:100%;}

</style>

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

<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">

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

Andrew Pope
@andrew1601
Mar 14 2017 00:26
then on your image you need to apply the class smaller-image by adding the attribute class="smaller-image"
@ShoX99
@Aronidas any luck?
ryanr268
@ryanr268
Mar 14 2017 00:27
how do i do this?
Add a div element with the class well inside each of your div elements with the class "col-xs-6"
Lev
@LevOshchypok
Mar 14 2017 00:27
Emphasize the text in your target4 button by adding HTML tags.
$("#target4").html("<ins>target4</ins>")
});
What have i done wrong? Please help
Andrew Pope
@andrew1601
Mar 14 2017 00:28
@ryanr268 so at the moment you should have a few of these
<div class="col-xs-6">
</div>
ryanr268
@ryanr268
Mar 14 2017 00:28
@andrew1601 YEA
Aronidas
@Aronidas
Mar 14 2017 00:28
this is wrong ? View more <a href="http://www.freecatphotoapp.com">cat photos</a></p>
why
its not working
View more <a href="http://www.freecatphotoapp.com">cat photos</a></p>
Andrew Pope
@andrew1601
Mar 14 2017 00:28
you need to nest another div inside each one, with the class "well"
@ryanr268
@Aronidas do you have the <p> tag at the start?
Manish Giri
@Manish-Giri
Mar 14 2017 00:29
@Adventurist100 did you complete the challenge? I had to step out for a bit..
Aronidas
@Aronidas
Mar 14 2017 00:29
<p>View more <a href="http://www.freecatphotoapp.com">cat photos</a></p>
yeah i do
Vedran Zumeri
@vedran500
Mar 14 2017 00:29
<img class="smaller-image"........
@Aronidas
Aronidas
@Aronidas
Mar 14 2017 00:29
@vedran500 what?
Makopa
@makopa
Mar 14 2017 00:29
Gooday Day Campers :fire: the html5 semantics for example: header . is to substitute the used of div?
Vedran Zumeri
@vedran500
Mar 14 2017 00:30
add that in <img> tag
Andrew Pope
@andrew1601
Mar 14 2017 00:30
@Aronidas that line is completely correct. Can you paste your code, something else must not be right.
@vedran500 that is not the problem that @Aronidas is having
Aronidas
@Aronidas
Mar 14 2017 00:30

<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>View more <a href="http://www.freecatphotoapp.com">cat photos</a></p>

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

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

Skarrix
@Skarrix
Mar 14 2017 00:31
@makopa Yes, it serves an accessibility purpose. Tells search engines and page-readers what information is what.
Vedran Zumeri
@vedran500
Mar 14 2017 00:31
i think it is because he dont have a class
smaller image
Aronidas
@Aronidas
Mar 14 2017 00:31
yes i do
.smaller-image {
width: 100px;
}
Andrew Pope
@andrew1601
Mar 14 2017 00:31
@vedran he does
ShoX99
@ShoX99
Mar 14 2017 00:32
@Aronidas are ur on question 23?
u*
Aronidas
@Aronidas
Mar 14 2017 00:32
28
ShoX99
@ShoX99
Mar 14 2017 00:32
oh ok nvm
Makopa
@makopa
Mar 14 2017 00:32
@Skarrix okay so to update my classic html. i used <div class='header> so ill just substitute this div to simple <header> and i can put any class and id's too if i want?
Vedran Zumeri
@vedran500
Mar 14 2017 00:32
oooh my God it time to sleep for me hahahaa i`m so sorry man i did not see it
Skarrix
@Skarrix
Mar 14 2017 00:33
@makopa You should, yes.
Makopa
@makopa
Mar 14 2017 00:33
@Skarrix thank you! i can see the light now. ! :+1:
CamperBot
@camperbot
Mar 14 2017 00:33
makopa sends brownie points to @skarrix :sparkles: :thumbsup: :sparkles:
:cookie: 135 | @skarrix |http://www.freecodecamp.com/skarrix
Alexander Køpke
@alexanderkopke
Mar 14 2017 00:33
@Aronidas what do the error messages say?
Miranda
@Adventurist100
Mar 14 2017 00:33
I did thank you. I completed all the challenges now up to bootstrap but still cant get past the create form element challenge from a few days ago
@Manish-Giri thank you
CamperBot
@camperbot
Mar 14 2017 00:33
adventurist100 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 4739 | @manish-giri |http://www.freecodecamp.com/manish-giri
Aronidas
@Aronidas
Mar 14 2017 00:34
All i had to do was refresh my page
Gabe
@quixotepr
Mar 14 2017 00:34
why does spam = print('Hello!') result in error
Aronidas
@Aronidas
Mar 14 2017 00:34
It was all correct..
ShoX99
@ShoX99
Mar 14 2017 00:34
lol
ryanr268
@ryanr268
Mar 14 2017 00:34
@andrew1601 so like this? <div class="col-xs-6 well">
Andrew Pope
@andrew1601
Mar 14 2017 00:34
@Aronidas ha! glad it's worked for you now!
Kode Bae
@kodebae
Mar 14 2017 00:34
myStr should have encoded text with the proper escape sequences and no spacing. var myStr = "newline\n backslash\\backslash\\carriage-return\r";
Help, I'm stuck on this one!
Alexander Køpke
@alexanderkopke
Mar 14 2017 00:34
@Aronidas yeah that is what I thought. it happens sometimes
Skarrix
@Skarrix
Mar 14 2017 00:34
@makopa There's a nice tutorial on the beta if you want to learn more on the topic. http://beta.freecodecamp.com/en/challenges/applied-accessibility/jump-straight-to-the-content-using-the-main-element
Andrew Pope
@andrew1601
Mar 14 2017 00:34
@ryanr268 not quite.
Aronidas
@Aronidas
Mar 14 2017 00:34
Well cheers andrew
Andrew Pope
@andrew1601
Mar 14 2017 00:35
@ryanr268 you need to nest another div inside the divs with class col-xs-6 and give that nested div the class well
Vedran Zumeri
@vedran500
Mar 14 2017 00:35
@ShoX99 hahaha well done
:P
Harvir Singh
@scarecrow59
Mar 14 2017 00:35
how do I uncomment?
Andrew Pope
@andrew1601
Mar 14 2017 00:35
@ryanr268 do you know what nesting means?
@scarecrow59 remove the <!-- and --> tags
ryanr268
@ryanr268
Mar 14 2017 00:36
@andrew1601 does it mean put inside
Andrew Pope
@andrew1601
Mar 14 2017 00:36
@ryanr268 exactly
@LevOshchypok do you still need help?
ShoX99
@ShoX99
Mar 14 2017 00:37
@scarecrow59 <1-- -->
"<!-- -->
Alexander Køpke
@alexanderkopke
Mar 14 2017 00:38
@karmendurbin you still need the FirstLine SecondLine ThirdLine text in there. You have to combine the text with the escape sequences
Kode Bae
@kodebae
Mar 14 2017 00:38
@alexanderkopke Thank you! The question is worded funny..
CamperBot
@camperbot
Mar 14 2017 00:38
karmendurbin sends brownie points to @alexanderkopke :sparkles: :thumbsup: :sparkles:
:star2: 1204 | @alexanderkopke |http://www.freecodecamp.com/alexanderkopke
ryanr268
@ryanr268
Mar 14 2017 00:43
@andrew1601 thx for the tip
CamperBot
@camperbot
Mar 14 2017 00:43
ryanr268 sends brownie points to @andrew1601 :sparkles: :thumbsup: :sparkles:
:cookie: 271 | @andrew1601 |http://www.freecodecamp.com/andrew1601
Andrew Pope
@andrew1601
Mar 14 2017 00:45
@ryanr268 no worries, happy to help :smile:
Harvir Singh
@scarecrow59
Mar 14 2017 00:45

<style> h2 {color:blue;} </style>

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

Miranda
@Adventurist100
Mar 14 2017 00:45

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

<form action="url=where-you-want-to-sumbit-form-data"></form>
<form action="/submit-cat-photo"><input type="text"placeholder="cat-photo URL"></form>

<p>Things cats love:</p>

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

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

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

<form action="/submit-cat-photo"><input type="text" placeholder="cat photo URL"></form>

can anyone tell me what I did wrong?
Harvir Singh
@scarecrow59
Mar 14 2017 00:46
its telling me to remove h2, and I did
but it keeps telling me it needs to be blue?
Miranda
@Adventurist100
Mar 14 2017 00:46
it says my form doesnt have an action attribute
Andrew Pope
@andrew1601
Mar 14 2017 00:47
You have this halfway though, which shouldn't be there.
<form action="url=where-you-want-to-sumbit-form-data"></form>
<form action="/submit-cat-photo"><input type="text"placeholder="cat-photo URL"></form>
JacobFerber
@JacobFerber
Mar 14 2017 00:48

<Style>
h2 {color:blue;}
</style>

<h2> CatPhotoApp</h2>
</style>

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

Robrt Johnstone
@obogorr
Mar 14 2017 00:49
Are the challenges suppose to be compatible with Safari as well? I didn't see anywhere that instructed me to use a specific web browser
JacobFerber
@JacobFerber
Mar 14 2017 00:49
what am I doing wrong it tells me to have a closing tag and for it to be valid
Miranda
@Adventurist100
Mar 14 2017 00:49
which part shouldn't be there? @andrew1601
Andrew Pope
@andrew1601
Mar 14 2017 00:50
@Adventurist100 you have two <form> tags halfway into your code
@JacobFerber you have two </style> closing tags
the second shouldn't be there
Miranda
@Adventurist100
Mar 14 2017 00:52
do I need to get rid of one of these< ? @andrew1601
Manish Giri
@Manish-Giri
Mar 14 2017 00:53
@Adventurist100 you can post the url of the form challenge here, let's take a look..
Andrew Pope
@andrew1601
Mar 14 2017 00:53
@Adventurist100 you need to get rid of both. you only need the one at the bottom of the apge
*page
Hi all, for this lesson (https://www.freecodecamp.com/challenges/profile-lookup) I used if statements to solve it. Is there a better / easier way to do this with switch?
JacobFerber
@JacobFerber
Mar 14 2017 00:56
@andrew1601 thanks
CamperBot
@camperbot
Mar 14 2017 00:56
jacobferber sends brownie points to @andrew1601 :sparkles: :thumbsup: :sparkles:
:cookie: 272 | @andrew1601 |http://www.freecodecamp.com/andrew1601
This is what I did
var i = 0;
while (i < contacts.length){
if (firstName != contacts[i].firstName) {
i++;
} else {
if (contacts[i].hasOwnProperty(prop)) {
return contacts[i][prop];
} else {
return "No such property";
}
}
} return "No such contact";
Andrew Pope
@andrew1601
Mar 14 2017 00:58
@b84 great, that's essentially how I did it too, I just used a for loop instead of a while loop
Miranda
@Adventurist100
Mar 14 2017 00:59

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

<ol>

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

@andrew1601 @Manish-Giri okay I fixed it but now it says i'm missing one other thing
Nest your text input element within a form element.
Conrad Kay
@conradkay
Mar 14 2017 01:01
@media (max-height: 800) {
p {
font-size: 10px;
}
}
how do i change paragraph font size if height of screen is <= 800?
Manish Giri
@Manish-Giri
Mar 14 2017 01:02
@Adventurist100 the input needs to be nested inside the form element
<form action="/submit-cat-photo">
//input here
</form>
@andrew1601, ah okay. i wonder if there is an easier way to do it that I've overlooked.
cweaver1
@cweaver1
Mar 14 2017 01:03
@alexanderkopke thanks
CamperBot
@camperbot
Mar 14 2017 01:03
cweaver1 sends brownie points to @alexanderkopke :sparkles: :thumbsup: :sparkles:
:star2: 1205 | @alexanderkopke |http://www.freecodecamp.com/alexanderkopke
Miranda
@Adventurist100
Mar 14 2017 01:03
ohhh I got it. :) thanks @Manish-Giri
CamperBot
@camperbot
Mar 14 2017 01:03
adventurist100 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:warning: adventurist100 already gave manish-giri points
Andrew Pope
@andrew1601
Mar 14 2017 01:06
@conradkay if you want the text size to be 10px normally, and then if the height is less than or equal to 800 it to be something else (let's say 8px for the sake of example) you would do this
p {
   font-size: 10px;
}

@media (max-height: 800px) {
   p {
      font-size: 8px;
   }
}
@conradkay sorry, made a mistake
it should say min-height in the media query
and the 10px and 8px should be the other way around
@conradkay check this out (open it in a new window, and try resizing the window) I have changed the media query height and the font sizes just for example
http://codepen.io/pen/?editors=1111#
AndrewOscarDelta
@AndrewOscarDelta
Mar 14 2017 01:11
anyone here buy Font Awesome 5?
idrees khan
@khanidrees
Mar 14 2017 01:13
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "></a>
<img-responsive src="https://bit.ly/fcc-running-cats">
img-responsive is it correct
Andrew Pope
@andrew1601
Mar 14 2017 01:14
@khanidrees no, img-responsive is a class, not an HTML tag
so you use a normal <img> tag, but add the class img-responsive just like you added the smaller-image and thick-green-border classes to the first <img
Conrad Kay
@conradkay
Mar 14 2017 01:18
@andrew1601 thanks
CamperBot
@camperbot
Mar 14 2017 01:18
conradkay sends brownie points to @andrew1601 :sparkles: :thumbsup: :sparkles:
:cookie: 273 | @andrew1601 |http://www.freecodecamp.com/andrew1601
Nasrin
@Nasrinsh
Mar 14 2017 01:21
hello world
nach0pop
@nach0pop
Mar 14 2017 01:22
Hello everyone :)
Harvir Singh
@scarecrow59
Mar 14 2017 01:22

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

<style>

.smaller-image{
width: 100px;
}

.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

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

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

<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">

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

I'm trying to resize the picture to 100px
and I'm confused what I did wrong
Nasrin
@Nasrinsh
Mar 14 2017 01:23
i have some problems with code pen can anyone help me?
Margaret
@Margaret2
Mar 14 2017 01:24
@scarecrow59 you haven't added the class name to your img element
.smaller-image won't do anything if there's no element with the class "smaller-image"
halika32
@halika32
Mar 14 2017 01:24
what do you mean by class name?
Margaret
@Margaret2
Mar 14 2017 01:24
@halika32 smaller-image is the name of the class
Harvir Singh
@scarecrow59
Mar 14 2017 01:25
ohhh thanks!
changed it to the class name! thanks btw
Margaret
@Margaret2
Mar 14 2017 01:25
np
Andrew Pope
@andrew1601
Mar 14 2017 01:25
@Nasrinsh what issues are you having?
halika32
@halika32
Mar 14 2017 01:26
thanks, figured it out
Charles
@KidGeko313
Mar 14 2017 01:27
how do you make the h2 element blue?
Margaret
@Margaret2
Mar 14 2017 01:27
@KidGeko313 what have you tried
Nasrin
@Nasrinsh
Mar 14 2017 01:27
@andrew1601
i'm trying to use this pen:
http://codepen.io/mrsahar/pen/PNGMLV
as external resource for css for my own pen
https://codepen.io/Nsarinsh/pen/PbyJPW
but it's not working
nach0pop
@nach0pop
Mar 14 2017 01:30
Hello everyone, I'm a noob having difficulty with the "Use CS Class to Style an Element" task. Here is my code

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

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

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

Andrew Pope
@andrew1601
Mar 14 2017 01:31
@Nasrinsh ok, I'm looking at it now, give me a minute or two
Nasrin
@Nasrinsh
Mar 14 2017 01:31
@andrew1601 ok
Margaret
@Margaret2
Mar 14 2017 01:32
@nach0pop that actually looks good to me. try refreshing the page
nach0pop
@nach0pop
Mar 14 2017 01:32
Ah right, I just tried and it works. Thank you Margaret
Margaret
@Margaret2
Mar 14 2017 01:32
great!
Taylordactyl
@Taylordactyl
Mar 14 2017 01:40
why is it when i use the space button it deletes everything in front of it
Luis Felipe López G.
@luishendrix92
Mar 14 2017 01:41
:alien:
Nico Lopez
@nnicolopez
Mar 14 2017 01:41
try with "insert" key
Taylordactyl
@Taylordactyl
Mar 14 2017 01:41
ty
Andrew Pope
@andrew1601
Mar 14 2017 01:42
@Nasrinsh for some reason the browser (well at least mine doesn't and I'm using Safari) will not let your pen access the css from the other pen with the link you put in the options
Nico Lopez
@nnicolopez
Mar 14 2017 01:42
@Taylordactyl it works now?
Andrew Pope
@andrew1601
Mar 14 2017 01:42
@Nasrinsh copy and paste the whole CSS from the other pen into your pen
Taylordactyl
@Taylordactyl
Mar 14 2017 01:42
yes
Nasrin
@Nasrinsh
Mar 14 2017 01:43
@andrew1601 same goes for me on chrome . okey i would do that .
thanks.
CamperBot
@camperbot
Mar 14 2017 01:43
nasrinsh sends brownie points to @andrew1601 :sparkles: :thumbsup: :sparkles:
:cookie: 274 | @andrew1601 |http://www.freecodecamp.com/andrew1601
Andrew Pope
@andrew1601
Mar 14 2017 01:44
@Nasrinsh let me know how it goes, I managed to get it working on my end
Nasrin
@Nasrinsh
Mar 14 2017 01:45
@andrew1601 it's 5:15 am here , so bye!
Andrew Pope
@andrew1601
Mar 14 2017 01:46
@Nasrinsh i'm not so far behind - it's 1:45am here!
bye!
Andres
@killdadevil2
Mar 14 2017 01:49
hey guys,
im having trouble with creating a class for the img element
I have, under <style>, the following <.smaller-image {width: 100px;} </style>
Alexander Køpke
@alexanderkopke
Mar 14 2017 01:50
@Nasrinsh it is working you just have to change the links to https
Andres
@killdadevil2
Mar 14 2017 01:50
what do i do to apply this to my image width?
Andrew Pope
@andrew1601
Mar 14 2017 01:51
@killdadevil2 to add a class to an HTML element, you add the attribute class="your-class-name-here'
mum3k
@mum3k
Mar 14 2017 01:51
<"smaller-image" Dont forget speech marks
Alexander Køpke
@alexanderkopke
Mar 14 2017 01:53
@Nasrinsh under css and js settings, just add an s to the url of your other pages files.. from http to https
mum3k
@mum3k
Mar 14 2017 01:53
<style> .smaller-image {width: 100px;} </style>
Andrew Pope
@andrew1601
Mar 14 2017 01:53
@alexanderkopke she has gone! Nice to know that also fixes the problem though.
Andres
@killdadevil2
Mar 14 2017 01:53
got it, thank you so much!

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

sorry for the long text, just in case someone else comes along with the same problem.
Andrew Pope
@andrew1601
Mar 14 2017 01:55
@killdadevil2 that will be lost in the comments very quickly, nobody goes back and reads past posts to see if their problem has been asked, they'll just ask again!
Margaret
@Margaret2
Mar 14 2017 01:56
@killdadevil2 @andrew1601 not supposed to show answers anyway :D
Andrew Pope
@andrew1601
Mar 14 2017 01:56
Also, it's good practice not to post entire solutions, people should figure it out for themselves, or be helped by somebody
Andres
@killdadevil2
Mar 14 2017 01:56
@andrew1601 I guess I'll stay around. Oh, lol i didnt know! new to this.
sorry!
Andrew Pope
@andrew1601
Mar 14 2017 01:56
@killdadevil2 no problem!
well, it looks like things are calming down a bit on here now. And it's 2am here, so I'm going to sign off for the night. See you all tomorrow, happy coding! :smile:
keanusuasuasuasuasuas
@keanusuasuasuasuasuas
Mar 14 2017 01:58
how can i make a link take me to a place on the same page?
I've tried <h2><a href="#id">Hello</a></h2>
Andrew Pope
@andrew1601
Mar 14 2017 02:02
@keanusuasuasuasuasuas you need a div with the same id
Hope that helps, good night everybody
KatieCz
@KteCz77
Mar 14 2017 02:04
i need to target the second child and make it "bounce...what is wrong here? $(".target:nth-child(2)").addClass("bounce");
$(".target:nth-child(2)").addClass("bounce");
Andrew Pope
@andrew1601
Mar 14 2017 02:05
@KatieCzelusniak numbering starts at 0, so for the second child you need to use nth-child(1)
actually, ignore me, I think that's wrong
you want to find the n-th child of the parent
mujin00
@mujin00
Mar 14 2017 02:06
on the challenge "Make Dead Links using the Hash Symbol" I wrote <p>Click here for <a href="#">cat photos</a>.</p> it was right, because I tried on a real website and the link on the website turn dead but I did not pass the challenge
KatieCz
@KteCz77
Mar 14 2017 02:06
@andrew1601 - lol, yea, that didn't work.
jtown97
@jtown97
Mar 14 2017 02:06
hey guys how can i Target the same element with multiple jQuery Selectors ?
Andrew Pope
@andrew1601
Mar 14 2017 02:07
@KatieCzelusniak I can't remember what challenge that is, but instead of .target you need to put the selector for the parent element, probably the div that its inside of
KatieCz
@KteCz77
Mar 14 2017 02:07
@andrew1601 - think that's the part i'm missing...where do i put the parent in there? there is not example
Andrew Pope
@andrew1601
Mar 14 2017 02:07
maybe this from the top of my head
KatieCz
@KteCz77
Mar 14 2017 02:07
hmmm...ok. i will look at that. thank you
Michael Polk
@MGPolk24
Mar 14 2017 02:07
Hello
Andrew Pope
@andrew1601
Mar 14 2017 02:08
@KatieCzelusniak $(".left-well:nth-child(2)").addClass("bounce");
jtown97
@jtown97
Mar 14 2017 02:08
@andrew1601 plss how can i Target the same element with multiple jQuery Selectors ?
Andrew Pope
@andrew1601
Mar 14 2017 02:08
but check the code, I can't remember if they are called left-well and right-well
@jtown97 be more specific, what element, what's the code?
@jtown97 you will need to be quick, I was meant to be leaving 15 minutes ago, I want to go to bed :laughing:
jtown97
@jtown97
Mar 14 2017 02:10
here's what i have:$(document).ready(function() {
$("button".addClass(animated shake));
$(".btn".addClass(shake));
$("#target1".addClass(animated shake btn-primary));
});

the task: Using .addClass(), add only one class at a time to the same element, three different ways:

Add the animated class to all elements with type button.

Add the shake class to all the buttons with class .btn.

Add the btn-primary class to the button with id #target1.

Andrew Pope
@andrew1601
Mar 14 2017 02:10
@jtown97 you are missing the ) after your selectors
for example, first line should be $("button").addClass("animated")
and also, you only add one class each time
for the "button" selector you add "animated"
for the ".btn" class you add "shake"
LFTP
@LFTP
Mar 14 2017 02:12
Hi all, I have a question. I am stuck on the challenge to "Change the Font Size of an Element". My error is "Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%
KatieCz
@KteCz77
Mar 14 2017 02:12
@andrew1601 - got it, thanks!
CamperBot
@camperbot
Mar 14 2017 02:12
katieczelusniak sends brownie points to @andrew1601 :sparkles: :thumbsup: :sparkles:
:cookie: 275 | @andrew1601 |http://www.freecodecamp.com/andrew1601
Andrew Pope
@andrew1601
Mar 14 2017 02:12
and for "#target1" id you add "ban-primary"
*btn
@KatieCzelusniak no problem, happy coding!
LFTP
@LFTP
Mar 14 2017 02:13

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

that is the code i used
jtown97
@jtown97
Mar 14 2017 02:13
but for the target they told me that the element should have the classes animated‚ shake and btn-primary.
LFTP
@LFTP
Mar 14 2017 02:13
I would appreciate any help
Andrew Pope
@andrew1601
Mar 14 2017 02:14
@jtown97 they are already there. #target1 is a button element, so it has the "animated" class from the first line #target1 also has the "btn" class so from the second line, it already has the "shake" class
JacobFerber
@JacobFerber
Mar 14 2017 02:15
the .{ should be p @LFTP
jtown97
@jtown97
Mar 14 2017 02:15
yeah i noticed that but they still won't pass that challenge
jmuir1001
@jmuir1001
Mar 14 2017 02:15
@LFTP What doess your error message say?
Andrew Pope
@andrew1601
Mar 14 2017 02:15
@LFTP you need a p not a . in your css
JacobFerber
@JacobFerber
Mar 14 2017 02:15
@LFTP sorry replace the period with a p
Andrew Pope
@andrew1601
Mar 14 2017 02:15
@jtown97 paste your code now
sha
@nawaz9
Mar 14 2017 02:16
it says Make sure you have nested all HTML elements in .container-fluid. how do i do that?
Andrew Pope
@andrew1601
Mar 14 2017 02:17
@nawaz9 nest means put inside, so all HTML elements must be inside a <div> with class="container-fluid"
jtown97
@jtown97
Mar 14 2017 02:17
@andrew1601 <script>
$(document).ready(function() {
$("button").addClass(animated);
$(".btn").addClass(shake);
$("#target1").addClass(btn-primary);
});
</script>
Benjamín González
@Benjamin-Gonzalez
Mar 14 2017 02:17
hi i got a question about making a web page designe responsible... i've done my reading but i still can't display 2 columns on my mobile...
maybe someone can check my code?? pretty please??
Andrew Pope
@andrew1601
Mar 14 2017 02:17
@jtown97 you need to put speech marks around your classes
for example $("button").addClass("animated")
Benjamín González
@Benjamin-Gonzalez
Mar 14 2017 02:18
jtown97
@jtown97
Mar 14 2017 02:18
@andrew1601 hhh oh god thank youu ... idk what's happening to me
CamperBot
@camperbot
Mar 14 2017 02:18
jtown97 sends brownie points to @andrew1601 :sparkles: :thumbsup: :sparkles:
:cookie: 276 | @andrew1601 |http://www.freecodecamp.com/andrew1601
Andrew Pope
@andrew1601
Mar 14 2017 02:19
bye everyone! (for the third time I know, but I am really going now) goodnight
Benjamín González
@Benjamin-Gonzalez
Mar 14 2017 02:19
gn
jmuir1001
@jmuir1001
Mar 14 2017 02:21
gn
jtown97
@jtown97
Mar 14 2017 02:21
gn
sha
@nawaz9
Mar 14 2017 02:22

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/>

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

<div>
<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" alt="A cute orange cat lying on its back. "></a>

<p>Things cats love:</p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
<form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality"> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Crazy</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
class="container-fluid"</div>

i tried its not working
@andrew1601
Tony C.
@tcal312
Mar 14 2017 02:23
@ShoX99 did you get to part 29? Im assuming yes
jmuir1001
@jmuir1001
Mar 14 2017 02:24
container fluid goes inside the top div
<div class="container fluid></div> @nawaz9
Benjamín González
@Benjamin-Gonzalez
Mar 14 2017 02:25
container-fluid*
AFOLABI JAMIU
@liverouter
Mar 14 2017 02:26
i have been trying to target the same element with multiple jquery selector but i have not been able to do that... any help?
jmuir1001
@jmuir1001
Mar 14 2017 02:27
I havent gotten that far yet but if you scroll up Andrew Pope was helping someone else with the same issue not too long ago
wisocool
@wisocool
Mar 14 2017 02:27
How do I align the text in the navigation bar to the right http://codepen.io/wisam-dayoub/pen/BWWLQQ?editors=1100
jmuir1001
@jmuir1001
Mar 14 2017 02:27
@nawaz9 did it work?
Alexander Køpke
@alexanderkopke
Mar 14 2017 02:29
@liverouter <h1 class="hi" id="bye">text</h1> ok so you can select this element in three ways with jQuery $("h1"), $(".hi"), and $("#bye")
AFOLABI JAMIU
@liverouter
Mar 14 2017 02:30
thanks a lot
how will i use the addclass() to add the to the same element in three different ways
Margaret
@Margaret2
Mar 14 2017 02:40
@liverouter the instructions tell you the 3 different selectors to use, and which class to use with each selector
what have you already tried?
Pierina Guerinoni
@pguerino
Mar 14 2017 02:41
Hi All, does anyone know how to add the class smaller-image?
Margaret
@Margaret2
Mar 14 2017 02:41
@pguerino what have you tried
Pierina Guerinoni
@pguerino
Mar 14 2017 02:42
I'm adding this code: <style>
.smaller-image {
width: 100px;
}
</style>
but it's not working
Margaret
@Margaret2
Mar 14 2017 02:42
@pguerino ok, .smaller-image will apply to any element with the "smaller-image" class. So do you have an element with that class?
AFOLABI JAMIU
@liverouter
Mar 14 2017 02:42
@margaret yea.. this was how i added them.... $("button").addclass("animated"); $(".btn").addclass("shake"); $("#tartget1").addclass("btn-primary");
});
Margaret
@Margaret2
Mar 14 2017 02:43
@liverouter addClass needs uppercase C, and you need to fix the spelling of #target1
Pierina Guerinoni
@pguerino
Mar 14 2017 02:43
I do have an image
is that what you mean?
<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
AFOLABI JAMIU
@liverouter
Mar 14 2017 02:43
ook.. thanks alot @Margaret2
CamperBot
@camperbot
Mar 14 2017 02:43
liverouter sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:star2: 2027 | @margaret2 |http://www.freecodecamp.com/margaret2
Margaret
@Margaret2
Mar 14 2017 02:44
@pguerino how do you expect it to magically know which element you want to make smaller? You have to use class="" to add the class name to the img
jmuir1001
@jmuir1001
Mar 14 2017 02:46
@pguerino you also need to insert class="smaller-image" in your image element
Trycerachops
@Trycerachops
Mar 14 2017 02:47
Where within the line would I input class="smaller-image"?
Margaret
@Margaret2
Mar 14 2017 02:48
@Trycerachops inside the <img> tag
just like you added classes to your h2 and p elements
Trycerachops
@Trycerachops
Mar 14 2017 02:48
Thank you
ola-show
@ola-show
Mar 14 2017 02:50
Any help on how i can solve this issue?: Your image should be 100 pixels wide. Browser zoom should be at 100%.
Margaret
@Margaret2
Mar 14 2017 02:50
@ola-show what have you tried
ola-show
@ola-show
Mar 14 2017 02:51
@Margaret2 i already created a class for my image
jmuir1001
@jmuir1001
Mar 14 2017 02:51
post your code, could be a minor issue
ola-show
@ola-show
Mar 14 2017 02:51
.smaller-image {
width: 100px;
}
Margaret
@Margaret2
Mar 14 2017 02:52
@ola-show .smaller-image will not do anything unless you have an element with the class "smaller-image". So you need to use class="" and add that class to your <img> element
ola-show
@ola-show
Mar 14 2017 02:52
this is what was asked of me : Note
Due to browser implementation differences, you may need to be at 100% zoom to pass the tests on this challenge.
yes i do have my img set to that class ....<img class= smaller-image src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
any suggestion?
Margaret
@Margaret2
Mar 14 2017 02:54
@ola-show you need to have class="smaller-image" with quotes, no space after the =
ola-show
@ola-show
Mar 14 2017 02:54
haaaaaa
missed that
But still not working
does anyone have an idea what this statement mean? :Note
Due to browser implementation differences, you may need to be at 100% zoom to pass the tests on this challenge.
Margaret
@Margaret2
Mar 14 2017 02:55
@ola-show can you show your whole code
ola-show
@ola-show
Mar 14 2017 02:55

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

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

h2 {
font-family: Lobster, Monospace;
}

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

.smaller-image {
width: 100px;

}
}
</style>

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

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

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

Margaret
@Margaret2
Mar 14 2017 02:55
@ola-show i said no space after the = sign
@ola-show also, your css is wrong
your smaller-image style rule is inside your p element style brackets
ola-show
@ola-show
Mar 14 2017 02:56
i deleted the space, what about the css?
Margaret
@Margaret2
Mar 14 2017 02:56
read what i just said ^
ola-show
@ola-show
Mar 14 2017 02:57
gotcha... thanks, it worked
Margaret
@Margaret2
Mar 14 2017 02:58
:+1:
ola-show
@ola-show
Mar 14 2017 02:58
This message was deleted
:+1:
Rob Royson
@rroyson
Mar 14 2017 03:08
What am I doing wrong. Says i'm not nesting h2 element within a div class col-xs-8. Here's my code.
<div class="row">
<div class="col-xs-8">
<style>
h2 {
font-family: Lobster, Monospace;
}

.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}
</style>
</div>
<div class="container-fluid">
<h2 class="text-primary text-center">CatPhotoApp</h2>
<div class="col-xs-4">
<a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "></a>
</div>
</div>
tuvok
@kelsonjamie
Mar 14 2017 03:09
what am i doing wrong
LFTP
@LFTP
Mar 14 2017 03:14
JacobFeber and Andrew Pope! Thank you mucho! the .{ had to be a p, it works now
JacobFerber*
Alexander Køpke
@alexanderkopke
Mar 14 2017 03:17
@rroyson which is true. You have nested the <style>...</style> tags within div with col-xs-8. This is the h2 that you should nest inside the col-xs-8 div: <h2 class="text-primary text-center">CatPhotoApp</h2>
Garo
@Garabed96
Mar 14 2017 03:19
Whoever has a programming job here (with decent experience please msg me I have an interview question)
Its for advice not answers btw
Margaret
@Margaret2
Mar 14 2017 03:24
@Garabed96 you can also try the Coding Jobs room
for work-related advice
idrees khan
@khanidrees
Mar 14 2017 03:24
@Margaret2 thanks
CamperBot
@camperbot
Mar 14 2017 03:24
khanidrees sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:star2: 2031 | @margaret2 |http://www.freecodecamp.com/margaret2
Rob Royson
@rroyson
Mar 14 2017 03:34
@alexanderkopke Thank you! Fixed it, didn't realize that was just the style element.
CamperBot
@camperbot
Mar 14 2017 03:34
:star2: 1206 | @alexanderkopke |http://www.freecodecamp.com/alexanderkopke
rroyson sends brownie points to @alexanderkopke :sparkles: :thumbsup: :sparkles:
dannyongtey
@dannyongtey
Mar 14 2017 03:48

Hi everyone, I have a problem with using Google Fonts on Codepen. It seems that the font is not displaying.
I included this line in my CSS:

<link href="https://fonts.googleapis.com/css?family=Tangerine" rel="stylesheet">
but when I apply it to my class it does not display:
.classname {
font-family: 'Tangerine', cursive;
font-size: 40px
}

nicmuniz
@nicmuniz
Mar 14 2017 03:53
hey need help making a dead link
baigny
@baigny
Mar 14 2017 03:55
@dannyongtey dont use quotes inside fontname;for multiple fonts seperate by comma
@nicmuniz dead links are made using #
Marina M
@mari709
Mar 14 2017 03:56
Use #
nicmuniz
@nicmuniz
Mar 14 2017 03:56
@baigny im lost on were o place the #
i*
dannyongtey
@dannyongtey
Mar 14 2017 03:56
@baigny I removed the quotes, it's still not working
baigny
@baigny
Mar 14 2017 03:56
@nicmuniz use in anchor tag
dannyongtey
@dannyongtey
Mar 14 2017 03:57
@nicmuniz put behind the href, for example href="#"
nicmuniz
@nicmuniz
Mar 14 2017 03:57
what is an anchor tag again?
Louyuwei
@Louyuwei
Mar 14 2017 03:58

Hi everyone, I have troube in Nest ing an Anchor Element within a Paragraph. I matched all the demand it says, but still not woring.

<p> View more <a href="http://www.freecatphotoapp.com">cat photos
</a>
</p>
Is this correct?

baigny
@baigny
Mar 14 2017 03:59
@Louyuwei yes..which demand is not working
what is an anchor tag again? <a> @nicmuniz
heroiczero
@heroiczero
Mar 14 2017 03:59
@Louyuwei refresh and reset the code. the code format looks right
@nicmuniz <a href="#">
Oceanolson
@3Surf
Mar 14 2017 04:00

Would anyone help me determine, what I need to change here? I am trying to add "color to a Div Element.<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;
}

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

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

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

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

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

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

heroiczero
@heroiczero
Mar 14 2017 04:02
@3Surf <div class = "silver-background"> you have a space between silver- and background delete the space
mbalbin95
@mbalbin95
Mar 14 2017 04:04
anyone help me on this <p>Click here for <a href="#">cat photos</a>.</p>?i need to turn it to dead link
still not working
Oceanolson
@3Surf
Mar 14 2017 04:04
ok I will fix that! @heroiczero thanks!
CamperBot
@camperbot
Mar 14 2017 04:04
3surf sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:
:cookie: 974 | @heroiczero |http://www.freecodecamp.com/heroiczero
baigny
@baigny
Mar 14 2017 04:04
yeah thats right @mbalbin95
nicmuniz
@nicmuniz
Mar 14 2017 04:05
thanks everyome
everyone
mbalbin95
@mbalbin95
Mar 14 2017 04:05
still nor working! @baigny
heroiczero
@heroiczero
Mar 14 2017 04:06
@mbalbin95 try refresh and reseting the code if you think it is right
ButterandSpud
@ButterandSpud
Mar 14 2017 04:06
Hello, quick question. Does a self-closing element just meant that a "/" is not required on the closing bracket?
Trycerachops
@Trycerachops
Mar 14 2017 04:06
I forgot how to style elements
baigny
@baigny
Mar 14 2017 04:06
@ButterandSpud its closes just with opening tag closing tag is not required
heroiczero
@heroiczero
Mar 14 2017 04:07
@ButterandSpud no self-closing is like <img /> or <input />
@ButterandSpud it closes within itself
ButterandSpud
@ButterandSpud
Mar 14 2017 04:08
Thanks @baigny
CamperBot
@camperbot
Mar 14 2017 04:08
butterandspud sends brownie points to @baigny :sparkles: :thumbsup: :sparkles:
:cookie: 73 | @baigny |http://www.freecodecamp.com/baigny
ButterandSpud
@ButterandSpud
Mar 14 2017 04:08
thanks @heroiczero that clarifies it completely
CamperBot
@camperbot
Mar 14 2017 04:08
butterandspud sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:
:cookie: 975 | @heroiczero |http://www.freecodecamp.com/heroiczero
ButterandSpud
@ButterandSpud
Mar 14 2017 04:08
much appreciated!
baigny
@baigny
Mar 14 2017 04:08
@ButterandSpud welcome
mbalbin95
@mbalbin95
Mar 14 2017 04:10
still not working, i've already reset my code @heroiczero
Oceanolson
@3Surf
Mar 14 2017 04:10
@heroiczero @heroiczero @camperbot Do I just click on the link to send the brownie points?
heroiczero
@heroiczero
Mar 14 2017 04:10
@3Surf no just have to say thank with the @ symbol
CamperBot
@camperbot
Mar 14 2017 04:10
heroiczero sends brownie points to @3surf :sparkles: :thumbsup: :sparkles:
:cookie: 44 | @3surf |http://www.freecodecamp.com/3surf
heroiczero
@heroiczero
Mar 14 2017 04:12
@mbalbin95 lets see your code?
mbalbin95
@mbalbin95
Mar 14 2017 04:12
<p>Click here for <a href="#">cat photos</a>.</p> @heroiczero
FiremanSamA
@FiremanSamA
Mar 14 2017 04:12
@mbalbin95 we seem to be working on the same task. I am struggling. It keeps telling me that I don't have an anchor to "http://freecatphotoapp.com" have you solved it on your end?
her is my text
<p>
<a herf="http://freecatphotoapp.com">
cat photos
</a>
</p>
heroiczero
@heroiczero
Mar 14 2017 04:13
@FiremanSamA href not herf
@mbalbin95 which exercise is it?
baigny
@baigny
Mar 14 2017 04:13
@FiremanSamA yeah check spelling href
FiremanSamA
@FiremanSamA
Mar 14 2017 04:13
haha, such an easy fix! love it, thank you much!
mbalbin95
@mbalbin95
Mar 14 2017 04:14
@heroiczero 29
ButterandSpud
@ButterandSpud
Mar 14 2017 04:14
Only a couple days in and I've typed herf more than a few times lol @FiremanSamA
heroiczero
@heroiczero
Mar 14 2017 04:14
@mbalbin95 need the title of the exercise not number
FiremanSamA
@FiremanSamA
Mar 14 2017 04:14
haha, it flows off of the hands more easily i suppose
baigny
@baigny
Mar 14 2017 04:14
@heroiczero its Nest an Anchor Element within a Paragraph
mbalbin95
@mbalbin95
Mar 14 2017 04:14
@heroiczero sorry!Make Dead Links using the Hash Symbol
awpmapandcubes
@awpmapandcubes
Mar 14 2017 04:15
grinding through the initial HTML challenges, will this be worth it in the end?
baigny
@baigny
Mar 14 2017 04:16
@awpmapandcubes yup u will be working on projects
awpmapandcubes
@awpmapandcubes
Mar 14 2017 04:16

idk if my brain is absorbing anything I'm kind of just trial and erroring things until I pass haha

true

though the projects will be cool
heroiczero
@heroiczero
Mar 14 2017 04:17
@mbalbin95 <p>Click here for <a href="#">cat photos</a>.</p> I did the same thing as you. You have to refresh the page or reset your code and do it again or close your browser and do it again probably bugged
mikhailcode
@mikhailcode
Mar 14 2017 04:17
hi everyone I have a question
anish khatri
@anishkhatri8080
Mar 14 2017 04:17
Give the text input in your form the class form-control.
can anyone help me
Jaco Ahmad
@jacoahmad
Mar 14 2017 04:17
Sure just post
Wish I cud help
hanasunkissed
@hanasunkissed
Mar 14 2017 04:18
Hi everyone : i am in the html challenge: Give your form element the id cat-photo-form. my code is as per below. i indicated here but after run test it doesn't seem to work.
<form action="/submit-cat-photo">
<h2 id="cat-photo-form">
<label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality" checked> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Energetic</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
mikhailcode
@mikhailcode
Mar 14 2017 04:18
I'm stuck with this one please someone help me
Inside the same <style> tag that contains your red-text class, create an entry for p elements and set the font-size to 16 pixels (16px).
mbalbin95
@mbalbin95
Mar 14 2017 04:18
@heroiczero thank's, it's working now
CamperBot
@camperbot
Mar 14 2017 04:18
mbalbin95 sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:
:cookie: 979 | @heroiczero |http://www.freecodecamp.com/heroiczero
mikhailcode
@mikhailcode
Mar 14 2017 04:18
how should p element start
aslicodequeen
@aslicodequeen
Mar 14 2017 04:18
hello I am stuck on creating a script element using $(document).ready(function() { code
baigny
@baigny
Mar 14 2017 04:19
@hanasunkissed give id in form elementnot in h2
heroiczero
@heroiczero
Mar 14 2017 04:19
@anishkhatri8080 <input class="form-control">for your input in your form
aslicodequeen
@aslicodequeen
Mar 14 2017 04:19
so far I have done <script $(document).ready(function(){ function with });>
</script>
heroiczero
@heroiczero
Mar 14 2017 04:19
@mikhailcode similar to how you did
h2{
color:blue;
}
@mikhailcode except you are using p instead of h2
mikhailcode
@mikhailcode
Mar 14 2017 04:20
so instread of h2 I do p2 right
aslicodequeen
@aslicodequeen
Mar 14 2017 04:20
it is giving me the error for "Create a script element making sure it is valid and has a closing tag. "
hanasunkissed
@hanasunkissed
Mar 14 2017 04:20
@baigny still doesn't work
mikhailcode
@mikhailcode
Mar 14 2017 04:20
ok ok , do I just hit enter and start a new line with in the same element?
heroiczero
@heroiczero
Mar 14 2017 04:20
@mikhailcode no only p there is no such html element asp2
Jasen
@jsennnn
Mar 14 2017 04:21
@mikhailcode only <p
anish khatri
@anishkhatri8080
Mar 14 2017 04:21
 <form action="/submit-cat-photo">
    <div class="row">
      <div class="col-xs-6">
        <label><input type="radio" name="indoor-outdoor"> Indoor</label>
      </div>
      <div class="col-xs-6">
        <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
      </div>
    </div>
    <div class="row">
      <div class="col-xs-4">
        <label><input type="checkbox" name="personality"> Loving</label>
      </div>
      <div class="col-xs-4">
        <label><input type="checkbox" name="personality"> Lazy</label>
      </div>
      <div class="col-xs-4">
        <label><input type="checkbox" name="personality"> Crazy</label>
      </div>
    </div>
    <input type="text" placeholder="cat photo URL" required>
    <button type="submit" class="btn btn-primary"><i class="fa fa-paper-plane">Submit</i></button>
  </form>
</div>
heroiczero
@heroiczero
Mar 14 2017 04:21
@mikhailcode yes the element you are using is p
anish khatri
@anishkhatri8080
Mar 14 2017 04:21
where to keep that
i did it
mikhailcode
@mikhailcode
Mar 14 2017 04:24
ok I'm stuck.......

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

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

<p2> Purr jump eat the grass rip the couch scrached snbathe, sheck everywhere rip the couch sleep in the sink fluffy fur catsnip scratched. </p2>

Inside the same <style> tag that contains your red-text class, create an entry for p elements and set the font-size to 16 pixels (16px).
what style tag??
the actual <style> or inside <p>
ButterandSpud
@ButterandSpud
Mar 14 2017 04:25
@mikhailcode the actual <style>
mikhailcode
@mikhailcode
Mar 14 2017 04:26
so do I just add additional line
?
Erum Chagani
@echagani
Mar 14 2017 04:26
how do i do this
Use the jQuery addClass() function to give the classes animated and shake to all your elements with the class well.
ButterandSpud
@ButterandSpud
Mar 14 2017 04:26
'''p {
font-size: 16px;
}'''
CamperBot
@camperbot
Mar 14 2017 04:26
:bulb: to format code use backticks! ``` more info
mikhailcode
@mikhailcode
Mar 14 2017 04:27
and is my p2 wrong?? how should I add additional p element if I already have one p element
ButterandSpud
@ButterandSpud
Mar 14 2017 04:28
it is just another, separate p element
no number required
mikhailcode
@mikhailcode
Mar 14 2017 04:28
oh ok @ButterandSpud thank you for ur help
CamperBot
@camperbot
Mar 14 2017 04:28
mikhailcode sends brownie points to @butterandspud :sparkles: :thumbsup: :sparkles:
:warning: @butterandspud's account is not linked with freeCodeCamp. Please visit the settings and link your GitHub account.
ButterandSpud
@ButterandSpud
Mar 14 2017 04:28
@mikhailcode sure thing, glad to help
Chadd Williams
@chaddd980
Mar 14 2017 04:30
has anyone used learnyounode recently? i haven’t used it in a few days and i’m not sure if i’m forgetting to do something. but i’m on the filtered ls exercise. and process.argv2 is returning undefined and when i run the program it errors out. but when i do learnyounode verify filter.js it validates it.
process.argv[2]
badalsaibo
@heyDante
Mar 14 2017 04:32
@echagani you tried?
mbalbin95
@mbalbin95
Mar 14 2017 04:36
<form action="/submit-cat-photo"></form>
anyone help me on that?
arthurtharp
@arthurtharp
Mar 14 2017 04:37
@echagani You must remember to add some type of action to the .addClass() function
Sandip Shrestha
@saninmersion
Mar 14 2017 04:37

can anyone tell me what type of argument does

String.fromCharCode();

takes? I cant seem to get it work with string sperated by , or an array

arthurtharp
@arthurtharp
Mar 14 2017 04:37
inside the parantheses
Sandip Shrestha
@saninmersion
Mar 14 2017 04:38
@mbalbin95 your form tag looks good. What seems to be the problem?
Erum Chagani
@echagani
Mar 14 2017 04:38
yes i did but it was wrong
arthurtharp
@arthurtharp
Mar 14 2017 04:39
did you put “” around the phrase?
Manish Giri
@Manish-Giri
Mar 14 2017 04:39
@saninmersion integers
Erum Chagani
@echagani
Mar 14 2017 04:39
ok let me show it to you
Sandip Shrestha
@saninmersion
Mar 14 2017 04:40
@Manish-Giri would an array of intergers not work?
Manish Giri
@Manish-Giri
Mar 14 2017 04:40
@saninmersion yup, should work
Claudio Restifo
@Marmiz
Mar 14 2017 04:40
@saninmersion fromCharCode takes the number you want to convert in letters as arguments:
String.fromCharCode(65, 66, 67);  // "ABC"
Erum Chagani
@echagani
Mar 14 2017 04:40
@arthurtharp <div class="well" addClass("animated shake")id="left-well">
"animated shake" highlighted in pink...why?
Sandip Shrestha
@saninmersion
Mar 14 2017 04:42
@Marmiz I have read the documentation for the from mozilla. I just can't get it to work with arrays.
@Manish-Giri how would you pass and array variable to String.fromCharCode()
arthurtharp
@arthurtharp
Mar 14 2017 04:44
@echagani there has to be a period before addClass() because it is being called as a function. It must be attached to something
Sooraj
@S4j
Mar 14 2017 04:44
Is it necessary to remember the below code when we get the APIs?
$.getJSON("/json/cats.json", function(json) {
$(".message").html(JSON.stringify(json));
});
Manish Giri
@Manish-Giri
Mar 14 2017 04:44
arthurtharp
@arthurtharp
Mar 14 2017 04:45
@echagani For example $("button").addClass("animated bounce");
Erum Chagani
@echagani
Mar 14 2017 04:46
so i have to put this $( )
arthurtharp
@arthurtharp
Mar 14 2017 04:47
Correctomundo
however, I have not tried putting something like that inside <div>
so not sure there
Sandip Shrestha
@saninmersion
Mar 14 2017 04:48
@Manish-Giri thank you that saved me alot of trouble.
Erum Chagani
@echagani
Mar 14 2017 04:49
ok so i did this but the ".well" and "animated shake" are highlighted in pink
<div class=$(".well") .addClass("animated shake")id="left-well">
Claudio Restifo
@Marmiz
Mar 14 2017 04:49
@Manish-Giri our compiler reads ES6? you used a spread operator in your bin
Manish Giri
@Manish-Giri
Mar 14 2017 04:50
@Marmiz "our compiler"?
:confused:
badalsaibo
@heyDante
Mar 14 2017 04:50
The FCC compiler
Claudio Restifo
@Marmiz
Mar 14 2017 04:50
Thanks @heyDante
CamperBot
@camperbot
Mar 14 2017 04:50
marmiz sends brownie points to @heydante :sparkles: :thumbsup: :sparkles:
:cookie: 579 | @heydante |http://www.freecodecamp.com/heydante
Manish Giri
@Manish-Giri
Mar 14 2017 04:51
@Marmiz I think it does..
I know JS Bin does, so I used spread
arthurtharp
@arthurtharp
Mar 14 2017 04:51
$("well").addClass("animated shake”) id="left-well"
Claudio Restifo
@Marmiz
Mar 14 2017 04:52
@Manish-Giri we'll find out if your code causes compiling error ;)
Manish Giri
@Manish-Giri
Mar 14 2017 04:52
@Marmiz :see_no_evil:
Sandip Shrestha
@saninmersion
Mar 14 2017 04:53
@Marmiz it does support but seems to throw a warning.
Erum Chagani
@echagani
Mar 14 2017 04:53
so yours is same as mine
arthurtharp
@arthurtharp
Mar 14 2017 04:56
What is the title of the Jquery exercise you are trying to solve?
@echagani
Sandip Shrestha
@saninmersion
Mar 14 2017 04:56
@Manish-Giri @Marmiz I did pass the challenge with the spread operator. Thanks again both.
CamperBot
@camperbot
Mar 14 2017 04:56
saninmersion sends brownie points to @manish-giri and @marmiz :sparkles: :thumbsup: :sparkles:
:cookie: 719 | @marmiz |http://www.freecodecamp.com/marmiz
:star2: 4740 | @manish-giri |http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
Mar 14 2017 04:56
@saninmersion :+1:
Claudio Restifo
@Marmiz
Mar 14 2017 04:56

@saninmersion just to test, try to paste this

/*jshint esversion: 6 */

on top, let's see if stops the warnings

Sandip Shrestha
@saninmersion
Mar 14 2017 04:57
@Marmiz let me check
Claudio Restifo
@Marmiz
Mar 14 2017 04:57
just curious
Sandip Shrestha
@saninmersion
Mar 14 2017 04:57
@Marmiz surprisingly enough, IT DOES.
Claudio Restifo
@Marmiz
Mar 14 2017 04:58
BOOM :fire: :fire:
Erum Chagani
@echagani
Mar 14 2017 04:58
@arthurtharp thanks for your help i figured it out
CamperBot
@camperbot
Mar 14 2017 04:58
echagani sends brownie points to @arthurtharp :sparkles: :thumbsup: :sparkles:
:cookie: 113 | @arthurtharp |http://www.freecodecamp.com/arthurtharp
AndrewOscarDelta
@AndrewOscarDelta
Mar 14 2017 04:58
Can I get some feedback on my (not yet completed) portfolio? http://codepen.io/AndrewOscarDelta/pen/oZWEwx
Claudio Restifo
@Marmiz
Mar 14 2017 04:59
@AndrewOscarDelta verify your email so I can watch it in full page view :smile:
AndrewOscarDelta
@AndrewOscarDelta
Mar 14 2017 04:59
Oops! I'll do that right now :P
Claudio Restifo
@Marmiz
Mar 14 2017 05:01
@AndrewOscarDelta also on small width the pictures align on the left, breaking the centered content scrolling flow.
Nothing too bad but it's kind of asymmetrical
theclutchlord
@theclutchlord
Mar 14 2017 05:02
how do i make an image smaller
AndrewOscarDelta
@AndrewOscarDelta
Mar 14 2017 05:02
@Marmiz email is verified
Sandip Shrestha
@saninmersion
Mar 14 2017 05:02
@AndrewOscarDelta It seems that you have yet to link the nav items to corresponding page sections. You should do that first. It's a user story for the project and is fairly easy.
Other than that your work looks elegant. I did not give so much effort on mine. just scrapped the codes I knew and some placeholder images :D
AndrewOscarDelta
@AndrewOscarDelta
Mar 14 2017 05:02
@Marmiz I noticed that, can't think of a fix atm but I'll get it :)
Sandip Shrestha
@saninmersion
Mar 14 2017 05:03
@theclutchlord it is described properly on the descriptions
AndrewOscarDelta
@AndrewOscarDelta
Mar 14 2017 05:03
@saninmersion Correct, I haven't worked on the jQuery stuff yet or any of the user stories. Going to add my contact section and footer first.
Claudio Restifo
@Marmiz
Mar 14 2017 05:03
@theclutchlord you can assign height and width :)
Sandip Shrestha
@saninmersion
Mar 14 2017 05:04
@AndrewOscarDelta it's html bro no jQuery required;
Claudio Restifo
@Marmiz
Mar 14 2017 05:04

@AndrewOscarDelta no need to use JQuery for a simple navigation.
you can set them as link and point the href to an id on the page:

<a href="#footer" ...

<div id="footer" ...

On click it will go there.
Than use JS to put some smooth scrolling

AndrewOscarDelta
@AndrewOscarDelta
Mar 14 2017 05:05
ohhhhhhh damn, okay thanks
@saninmersion @Marmiz Thank you
CamperBot
@camperbot
Mar 14 2017 05:06
andrewoscardelta sends brownie points to @saninmersion and @marmiz :sparkles: :thumbsup: :sparkles:
:cookie: 296 | @saninmersion |http://www.freecodecamp.com/saninmersion
:cookie: 720 | @marmiz |http://www.freecodecamp.com/marmiz
Manish Giri
@Manish-Giri
Mar 14 2017 05:10
@Marmiz how did you make the gif?
johnbalvin
@johnbalvin
Mar 14 2017 05:10
somebody knows, whats goinf on here,the function it doesnt run
blob
Claudio Restifo
@Marmiz
Mar 14 2017 05:11

@Manish-Giri magic!
also called gif-maker. imgur has one already built in :)

recorded the screen, uploaded the video and converted it on the spot :)

Manish Giri
@Manish-Giri
Mar 14 2017 05:12
@Marmiz what did you use for recording?
johnbalvin
@johnbalvin
Mar 14 2017 05:13
the function in first GetJSON runs well, but the second it doesnt
Manish Giri
@Manish-Giri
Mar 14 2017 05:13
iMovie
@johnbalvin why samples.openweathermap?
Claudio Restifo
@Marmiz
Mar 14 2017 05:15
@Manish-Giri mac has quick time player in it.
But I suggest OBS if you want better quality/control.
Is what most streamer uses :+1:
Kate
@k8mountain
Mar 14 2017 05:16
<style>
h2 {color: blue;}
<h2>CatPhotoApp </h2>


<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
</style>
Manish Giri
@Manish-Giri
Mar 14 2017 05:16
@Marmiz cool, ty
CamperBot
@camperbot
Mar 14 2017 05:16
manish-giri sends brownie points to @marmiz :sparkles: :thumbsup: :sparkles:
:cookie: 721 | @marmiz |http://www.freecodecamp.com/marmiz
Kate
@k8mountain
Mar 14 2017 05:16
it says Your h2 element should be blue.
I am confused
johnbalvin
@johnbalvin
Mar 14 2017 05:16
@Manish-Giri I just copy and paste the link it shows there, I´m gonna chek it
Manish Giri
@Manish-Giri
Mar 14 2017 05:16
@johnbalvin that was just the demo link
Claudio Restifo
@Marmiz
Mar 14 2017 05:17
@k8mountain h2 and p are html elements, they must be outside of style
Manish Giri
@Manish-Giri
Mar 14 2017 05:17
http://api.openweathermap.org/
@johnbalvin
johnbalvin
@johnbalvin
Mar 14 2017 05:19
@Manish-Giri thanks!! tha was the problem :)
CamperBot
@camperbot
Mar 14 2017 05:19
johnbalvin sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
Code_Minded
@mnedariya
Mar 14 2017 05:19
hello world
CamperBot
@camperbot
Mar 14 2017 05:19
:star2: 4741 | @manish-giri |http://www.freecodecamp.com/manish-giri
Kate
@k8mountain
Mar 14 2017 05:21
@Marmiz Thank you!
CamperBot
@camperbot
Mar 14 2017 05:21
k8mountain sends brownie points to @marmiz :sparkles: :thumbsup: :sparkles:
:cookie: 722 | @marmiz |http://www.freecodecamp.com/marmiz
Seyi0324
@Seyi0324
Mar 14 2017 05:22
hey im having trouble resizing my image.
Manish Giri
@Manish-Giri
Mar 14 2017 05:27
@Seyi0324 post your code
Seyi0324
@Seyi0324
Mar 14 2017 05:29

@Manish-Giri <style>
.smaller-image {
width: 100px;
}

.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

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

Manish Giri
@Manish-Giri
Mar 14 2017 05:30
@Seyi0324 did you add the class to the img?
andydoodoo
@andydoodoo
Mar 14 2017 05:34
how do i declare a red text to set its color to red?
Seyi0324
@Seyi0324
Mar 14 2017 05:35
No i didn't. thanks
nmcguire86
@nmcguire86
Mar 14 2017 05:35
I could use help with this one too. I've resized the image but I'm not sure whats meant by "your img element should have the class smaller-image"
Code_Minded
@mnedariya
Mar 14 2017 05:37
u should specify in style @nmcguire86
Atari Trees
@atari3000
Mar 14 2017 05:38

function User(){
var username, password;

function doLogin(user,pw) {
    username = user;
    password = pw;

    // do the rest of the login work
}

var publicAPI = {
    login: doLogin
};

return publicAPI;

}

// create a User module instance
var fred = User();

fred.login( "fred", "12Battery34!" );

Can someone tell me what the heck is going on? closures so confusing
nmcguire86
@nmcguire86
Mar 14 2017 05:39

@mnedariya I thought thats what I had done .red-text {
color: red;

}

h2 {
font-family: Lobster, Monospace;
}

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

}
</style>

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

<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">

mum3k
@mum3k
Mar 14 2017 05:41
closures are closing things aligator jaws... < is opening the jaws and injuecting code into the mouth then close the mouth with > otherwise your code applies to everything before the mouth closes
Seyi0324
@Seyi0324
Mar 14 2017 05:42
@nmcguire86 @nmcguire86 you you have change <img src=
Atari Trees
@atari3000
Mar 14 2017 05:43
@mum3k Thank you
CamperBot
@camperbot
Mar 14 2017 05:43
atari3000 sends brownie points to @mum3k :sparkles: :thumbsup: :sparkles:
:cookie: 77 | @mum3k |http://www.freecodecamp.com/mum3k
mum3k
@mum3k
Mar 14 2017 05:43
yw
Seyi0324
@Seyi0324
Mar 14 2017 05:44
@nmcguire86 <img class="smaller-image">https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
something like this
kghan
@kghan
Mar 14 2017 05:44
hi, can somebody help me with 42th mission?
Give your div element the class silver-background.
Your div element should have a silver background.
legendinraze
@legendinraze
Mar 14 2017 05:46

Override Styles in Subsequent CSS <h1 class="pink-text">Hello World!</h1>

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

help
I need to override the pink with blue
mum3k
@mum3k
Mar 14 2017 05:48
SILVER BACK GROUND <div class="silver-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>
legendinraze
@legendinraze
Mar 14 2017 05:48
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.
mum3k
@mum3k
Mar 14 2017 05:49
look at your wording.. silver looks a lot like "sliver" you .. check your spelling
Seyi0324
@Seyi0324
Mar 14 2017 05:50

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

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

.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

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

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

<img class="smaller-image">https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">

my image still isnt reading as a smaller image, is there an error in my code?
nmcguire86
@nmcguire86
Mar 14 2017 05:52
@Seyi0324 thanks
CamperBot
@camperbot
Mar 14 2017 05:52
:warning: @seyi0324's account is not linked with freeCodeCamp. Please visit the settings and link your GitHub account.
nmcguire86 sends brownie points to @seyi0324 :sparkles: :thumbsup: :sparkles:
Manish Giri
@Manish-Giri
Mar 14 2017 05:53
@Seyi0324 <img class="smaller-image">
the closing > tag goes at the very end
Garo
@Garabed96
Mar 14 2017 05:54
@alexanderkopke @Margaret2 thank you
CamperBot
@camperbot
Mar 14 2017 05:54
garabed96 sends brownie points to @alexanderkopke and @margaret2 :sparkles: :thumbsup: :sparkles:
:star2: 2034 | @margaret2 |http://www.freecodecamp.com/margaret2
:star2: 1207 | @alexanderkopke |http://www.freecodecamp.com/alexanderkopke
LutherSuerte
@LutherSuerte
Mar 14 2017 05:55
having trouble dong multiple class
doing*
AndrewOscarDelta
@AndrewOscarDelta
Mar 14 2017 05:56
I'm going to use some JavaScript to get it to look nice though
also need to add a sticky nav
Alexander Køpke
@alexanderkopke
Mar 14 2017 06:02
@AndrewOscarDelta you're doing great!
Seyi0324
@Seyi0324
Mar 14 2017 06:02
@Manish-Giri goes at the very end of where exactly?
hanasunkissed
@hanasunkissed
Mar 14 2017 06:04
@AndrewOscarDelta That looks amazing! i am still far from that! on the way :D
dylmah85
@dylmah85
Mar 14 2017 06:05
having trouble here
https://www.freecodecamp.com/challenges/target-elements-by-id-using-jquery#?solution=%0Afccss%0A%20%20%24(document).ready(function()%20%7B%0A%20%20%20%20%24(%22button%22).addClass(%22animated%20bounce%22)%3B%0A%20%20%20%20%24(%22.well%22).addClass(%22animated%20shake%22)%3B%0A%24(%22.%23target3%22).addclass(%22animated%20fadeout%22)%3B%0A%20%20%7D)%3B%0Afcces%0A%0A%3C!--%20Only%20change%20code%20above%20this%20line.%20--%3E%0A%0A%3Cdiv%20class%3D%22container-fluid%22%3E%0A%20%20%3Ch3%20class%3D%22text-primary%20text-center%22%3EjQuery%20Playground%3C%2Fh3%3E%0A%20%20%3Cdiv%20class%3D%22row%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-6%22%3E%0A%20%20%20%20%20%20%3Ch4%3E%23left-well%3C%2Fh4%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22well%22%20id%3D%22left-well%22%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target1%22%3E%23target1%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target2%22%3E%23target2%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target3%22%3E%23target3%3C%2Fbutton%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-6%22%3E%0A%20%20%20%20%20%20%3Ch4%3E%23right-well%3C%2Fh4%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22well%22%20id%3D%22right-well%22%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target4%22%3E%23target4%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target5%22%3E%23target5%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target6%22%3E%23target6%3C%2Fbutton%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Fdiv%3E%0A
AndrewOscarDelta
@AndrewOscarDelta
Mar 14 2017 06:05
@alexanderkopke Thanks a lot!
CamperBot
@camperbot
Mar 14 2017 06:05
andrewoscardelta sends brownie points to @alexanderkopke :sparkles: :thumbsup: :sparkles:
:star2: 1208 | @alexanderkopke |http://www.freecodecamp.com/alexanderkopke
AndrewOscarDelta
@AndrewOscarDelta
Mar 14 2017 06:05
@hanasunkissed You'll get there, keep it up!
badalsaibo
@heyDante
Mar 14 2017 06:05
@dylmah85 .addClass
AndrewOscarDelta
@AndrewOscarDelta
Mar 14 2017 06:05
thanks btw :P @hanasunkissed
CamperBot
@camperbot
Mar 14 2017 06:05
andrewoscardelta sends brownie points to @hanasunkissed :sparkles: :thumbsup: :sparkles:
:cookie: 51 | @hanasunkissed |http://www.freecodecamp.com/hanasunkissed
badalsaibo
@heyDante
Mar 14 2017 06:07
@dylmah85 also for ids you've targeted as .#target3 which is wrong?
dylmah85
@dylmah85
Mar 14 2017 06:08
how so @heyDante its told me to target #target 3
https://www.freecodecamp.com/challenges/target-elements-by-id-using-jquery#?solution=%0Afccss%0A%20%20%24(document).ready(function()%20%7B%0A%20%20%20%20%24(%22button%22).addClass(%22animated%20bounce%22)%3B%0A%20%20%20%20%24(%22.well%22).addClass(%22animated%20shake%22)%3B%0A%24(%22%23target3%22).addclass(%22animated%20fadeout%22)%0A%20%20%7D)%3B%0Afcces%0A%0A%3C!--%20Only%20change%20code%20above%20this%20line.%20--%3E%0A%0A%3Cdiv%20class%3D%22container-fluid%22%3E%0A%20%20%3Ch3%20class%3D%22text-primary%20text-center%22%3EjQuery%20Playground%3C%2Fh3%3E%0A%20%20%3Cdiv%20class%3D%22row%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-6%22%3E%0A%20%20%20%20%20%20%3Ch4%3E%23left-well%3C%2Fh4%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22well%22%20id%3D%22left-well%22%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target1%22%3E%23target1%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target2%22%3E%23target2%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target3%22%3E%23target3%3C%2Fbutton%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-6%22%3E%0A%20%20%20%20%20%20%3Ch4%3E%23right-well%3C%2Fh4%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22well%22%20id%3D%22right-well%22%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target4%22%3E%23target4%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target5%22%3E%23target5%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target6%22%3E%23target6%3C%2Fbutton%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Fdiv%3E%0A
badalsaibo
@heyDante
Mar 14 2017 06:09
@dylmah85 you dont need . to target IDs, just #target3 , . is used for targeting class instead
.addclass is wrong
dylmah85
@dylmah85
Mar 14 2017 06:10
yeh ive changed it now @heyDante and it still dont work
badalsaibo
@heyDante
Mar 14 2017 06:10
.addclass is wrong
figure it out yourself
dylmah85
@dylmah85
Mar 14 2017 06:11
is it ? needs a capital c ?
badalsaibo
@heyDante
Mar 14 2017 06:12
try it
dylmah85
@dylmah85
Mar 14 2017 06:12
wow.. thanks @heyDante what a simple error
CamperBot
@camperbot
Mar 14 2017 06:12
dylmah85 sends brownie points to @heydante :sparkles: :thumbsup: :sparkles:
:cookie: 580 | @heydante |http://www.freecodecamp.com/heydante
badalsaibo
@heyDante
Mar 14 2017 06:13
@dylmah85 also don't copy links to your code. Copy/pasting the actual code with proper formatting would look more clean.
Austin Tice
@AustinTice
Mar 14 2017 06:14
Hola ladies and gentlemen.
@AndrewOscarDelta portfolio is coming along nicely!
AndrewOscarDelta
@AndrewOscarDelta
Mar 14 2017 06:17
@AustinTice Thanks pal
CamperBot
@camperbot
Mar 14 2017 06:17
andrewoscardelta sends brownie points to @austintice :sparkles: :thumbsup: :sparkles:
:cookie: 245 | @austintice |http://www.freecodecamp.com/austintice
Austin Tice
@AustinTice
Mar 14 2017 06:17
Kind of jealous tbh, makes me feel behind.
Priyansh Balyan
@priyanshbalyan
Mar 14 2017 06:17
hey campers! Can someone suggest me an excellent data structures and algorithms course?
AndrewOscarDelta
@AndrewOscarDelta
Mar 14 2017 06:18
It's only taken me 2-3 days of work. I'm sure you could do it faster as well
Austin Tice
@AustinTice
Mar 14 2017 06:19
I'm trying to learn how to do it without bootstrap :/
Just gotta be difficult lol
AndrewOscarDelta
@AndrewOscarDelta
Mar 14 2017 06:19
I've used very very little bootstrap, just columns lol
Austin Tice
@AustinTice
Mar 14 2017 06:19
How do you get the header and picture to scroll like that? I really like it.
AndrewOscarDelta
@AndrewOscarDelta
Mar 14 2017 06:20
I get why you'd want to do it without it but it isn't REALLY beneficial, I can't see a time where you'd make a website at work without bootstrap/flexbox
background-attachment: fixed;
Austin Tice
@AustinTice
Mar 14 2017 06:21
I just personally enjoy understanding how it works behind bootstrap, incase I wanted to iterate my own version :D
do you just use a couple HTML5 semantics?
Hey I'm about to go play some hockey(On ps4) I'll be back here in an hour or so.
AndrewOscarDelta
@AndrewOscarDelta
Mar 14 2017 06:22
Alright, see you if I'm still around then
Manish Giri
@Manish-Giri
Mar 14 2017 06:25
@Seyi0324 at the end of the<img..... statement..
kryssxx
@kryssxx
Mar 14 2017 06:33
Quick question all, is the point of incrementing in JS just to add one?
bq999
@bq999
Mar 14 2017 06:33
anyone who know iOS programming?
G-Manas
@G-Manas
Mar 14 2017 06:35
@bq999 kryssxx, the i++?
kryssxx
@kryssxx
Mar 14 2017 06:35
yeah @G-Manas
G-Manas
@G-Manas
Mar 14 2017 06:35
Whoops
@kryssxx
Yes, just to add one but it's very helpful
kryssxx
@kryssxx
Mar 14 2017 06:37
OK, could you please possibly give me an example of when you would use it?? thanks @G-Manas
CamperBot
@camperbot
Mar 14 2017 06:37
kryssxx sends brownie points to @g-manas :sparkles: :thumbsup: :sparkles:
:cookie: 173 | @g-manas |http://www.freecodecamp.com/g-manas
G-Manas
@G-Manas
Mar 14 2017 06:40
For example if you want to check if all the characters of a password meet a requirement
For instance you want to check if the password does not contain any spaces
Diexde
@Diexde
Mar 14 2017 06:40
hey guys i was wondering if someone could type out an example of how to add font to an anchor text
G-Manas
@G-Manas
Mar 14 2017 06:40
i++ will check the first character
If it meets the conditions, I++ will check the next character
Sure, diexde
kryssxx
@kryssxx
Mar 14 2017 06:41
ohh, thank you @G-Manas
CamperBot
@camperbot
Mar 14 2017 06:41
kryssxx sends brownie points to @g-manas :sparkles: :thumbsup: :sparkles:
:warning: kryssxx already gave g-manas points
G-Manas
@G-Manas
Mar 14 2017 06:41
Can you post your code here?
Diexde
@Diexde
Mar 14 2017 06:42
<p> Here's a <a href="http://freecatphotoapp.com"> link to free cat photo app</a> for you to follow.</p>
<link href="http://freecatphotoapp.com">
Darren
@DarrenfJ
Mar 14 2017 06:42
evening fCC
Sandip Shrestha
@saninmersion
Mar 14 2017 06:44
@DarrenfJ evening Darren. Only it's midday where I live :D
Darren
@DarrenfJ
Mar 14 2017 06:44
@saninmersion of course :D
Jose L. Vazquez V.
@DogWoodX
Mar 14 2017 06:45
why use a cellphone screen to see the code results?
G-Manas
@G-Manas
Mar 14 2017 06:45
Because a laptop won't fit
Darren
@DarrenfJ
Mar 14 2017 06:46
ha!
Sandip Shrestha
@saninmersion
Mar 14 2017 06:46
@Diexde change the font-family of the <p> tag that the anchor is inside.
G-Manas
@G-Manas
Mar 14 2017 06:46
Diexde, check the instructions. Does it say anywhere to add .red-text to the CSS?
aysrl
@aysrl
Mar 14 2017 06:46
Hello world.
Darren
@DarrenfJ
Mar 14 2017 06:46
@DogWoodX I always assumed cause there's a theory out there called mobile-first design..
@aysrl hello! world!
Diexde
@Diexde
Mar 14 2017 06:47
thank you sandip shrestha
G-Manas
@G-Manas
Mar 14 2017 06:47
Hey Darren aysrl and Sandip
Diexde
@Diexde
Mar 14 2017 06:47
thank you @saninmersion
CamperBot
@camperbot
Mar 14 2017 06:47
diexde sends brownie points to @saninmersion :sparkles: :thumbsup: :sparkles:
:cookie: 297 | @saninmersion |http://www.freecodecamp.com/saninmersion
Darren
@DarrenfJ
Mar 14 2017 06:47
@G-Manas hey buddy :wave:
Sandip Shrestha
@saninmersion
Mar 14 2017 06:47
@G-Manas hey . btw are you just 16?
h1tag
@h1tag
Mar 14 2017 06:47
Hey @DarrenfJ hey everyone! :smile:
G-Manas
@G-Manas
Mar 14 2017 06:47
I am Sandip, what's up?
Darren
@DarrenfJ
Mar 14 2017 06:47
maximus!
Sandip Shrestha
@saninmersion
Mar 14 2017 06:47
@fortMaximus hey
Jose L. Vazquez V.
@DogWoodX
Mar 14 2017 06:48
@DarrenfJ All right , somehow makes sense
G-Manas
@G-Manas
Mar 14 2017 06:48
Hey fortMaxi!
mus
aysrl
@aysrl
Mar 14 2017 06:48
Wow, this is so surprising. Lots of people helping each other.
Sandip Shrestha
@saninmersion
Mar 14 2017 06:48
@G-Manas Just asking bro. when I was 16 I was eating mud not coding :D
aysrl
@aysrl
Mar 14 2017 06:48
Wow, this is so surprising. Lot's of people helping each other. :)
G-Manas
@G-Manas
Mar 14 2017 06:48
Ha Sandip, it's fun to code
legendinraze
@legendinraze
Mar 14 2017 06:48
Your new image should have a src of https://bit.ly/fcc-running-cats so what's wrong with this ?. <a href="#"><img class="img-responsive" src="https://bit.ly/fcc-running-cats "></a>
G-Manas
@G-Manas
Mar 14 2017 06:48
Have you heard of th guy who was coding at 5?
Sandip Shrestha
@saninmersion
Mar 14 2017 06:49
yes @G-Manas the world has changed. sth bakhsi right.
h1tag
@h1tag
Mar 14 2017 06:49
@aysrl welcome to the FCC community :smile:
G-Manas
@G-Manas
Mar 14 2017 06:49
Legendinraze, you've added an extra space at th end of the img src
Oh yes, the Bakshi
legendinraze
@legendinraze
Mar 14 2017 06:50
incorrect
Jose L. Vazquez V.
@DogWoodX
Mar 14 2017 06:50
Because a laptop won't fit haha
aysrl
@aysrl
Mar 14 2017 06:50

[HELP]
this is my code:
<img src="https://bit.ly/fcc-relaxing-cat" alt="iring-itom">

but fcc still giving me this: Your image element must have an alt attribute.

why?

Sandip Shrestha
@saninmersion
Mar 14 2017 06:51
@G-Manas I too wish I had started at 5 though. It's a great deal of pleasure to see work come into life when coding :D
G-Manas
@G-Manas
Mar 14 2017 06:51
Sandip, Ikr, I wish my dad was a software engineer XD
legendinraze
@legendinraze
Mar 14 2017 06:51
<a href="#"><img class="img-responsive"src="https://bit.ly/fcc-running-cats "></a>
what's wrong with this
G-Manas
@G-Manas
Mar 14 2017 06:52
You've added an extra space after running-cats in img src
legendinraze
@legendinraze
Mar 14 2017 06:52
how do I post a pic here
Sandip Shrestha
@saninmersion
Mar 14 2017 06:52
@legendinraze drag and drop
G-Manas
@G-Manas
Mar 14 2017 06:52
Before "></a>
h1tag
@h1tag
Mar 14 2017 06:52
Aysrl: the alt text should be without dashes
Sandip Shrestha
@saninmersion
Mar 14 2017 06:52
but we prefer code to pictures
G-Manas
@G-Manas
Mar 14 2017 06:53
^
Alright, see you all in a bit. Take care <3
Darren
@DarrenfJ
Mar 14 2017 06:53
@G-Manas have a good one buddy
and thanks and brownies for all the help you've given out @G-Manas
CamperBot
@camperbot
Mar 14 2017 06:53
darrenfj sends brownie points to @g-manas :sparkles: :thumbsup: :sparkles:
:cookie: 174 | @g-manas |http://www.freecodecamp.com/g-manas
legendinraze
@legendinraze
Mar 14 2017 06:54
@saninmersion not working
Sandip Shrestha
@saninmersion
Mar 14 2017 06:54
@legendinraze what are you dragging?
legendinraze
@legendinraze
Mar 14 2017 06:55
pic
Darren
@DarrenfJ
Mar 14 2017 06:55
you can cut and paste
G-Manas
@G-Manas
Mar 14 2017 06:55
<a href="#"><img class="img-responsive" src="https://bit.ly/fcc-running-cats"></a>
Darren
@DarrenfJ
Mar 14 2017 06:55
if you have some screen capture tool or snagit or something
G-Manas
@G-Manas
Mar 14 2017 06:56
Oh well I'm just on the seat I'll leave in a bit :p
legendinraze
@legendinraze
Mar 14 2017 06:57
nvm I got it
Sandip Shrestha
@saninmersion
Mar 14 2017 06:57
@G-Manas you completed your portfolio project?
legendinraze
@legendinraze
Mar 14 2017 06:57
thx G-Manas
G-Manas
@G-Manas
Mar 14 2017 06:57
I did, Sandip, wanna take a look?
moz1139
@moz1139
Mar 14 2017 06:57
ss1.jpeg
Sandip Shrestha
@saninmersion
Mar 14 2017 06:57
@G-Manas yes
moz1139
@moz1139
Mar 14 2017 06:58
having some issues with this tutorial please help
Sandip Shrestha
@saninmersion
Mar 14 2017 06:58
@moz1139 the well div needs to be nested inside row div
ngx3
@ngx3
Mar 14 2017 07:00

.blue-text {
color: blue;
}

so if the above is a class decloration, what is this

h2 {color: red;}

Darren
@DarrenfJ
Mar 14 2017 07:01
yer doing a similar thing but directly to all h2 elements
ngx3
@ngx3
Mar 14 2017 07:02
but do I need to know the terms each piece of code is?
Darren
@DarrenfJ
Mar 14 2017 07:02
it's called a CSS rule
Sandip Shrestha
@saninmersion
Mar 14 2017 07:03
@ngx3 h2 are html predefined elements. And yeah it's better to understand code. That means you know what you are doing and can do it in similar cases.
AndrewOscarDelta
@AndrewOscarDelta
Mar 14 2017 07:03
This form is giving me a headache lol
once I get it working I'm going to fill it out 500 times in celebration
ngx3
@ngx3
Mar 14 2017 07:04
so basically css selectors are just that selectors?
Sandip Shrestha
@saninmersion
Mar 14 2017 07:05
@ngx3 yes. css selectors are just selectors to select html elements in css.
G-Manas
@G-Manas
Mar 14 2017 07:05
I need to make the menu shrinkable for someone who is on the phone
Andrew, if only it collected responses
Sandip Shrestha
@saninmersion
Mar 14 2017 07:05
@G-Manas you still have to make social links right?
G-Manas
@G-Manas
Mar 14 2017 07:06
Oh, social links at the bottom? I don't have any social links ha
That wasn't one of the user stories, I'm not sure
AndrewOscarDelta
@AndrewOscarDelta
Mar 14 2017 07:07
I think it is isn;t it>
G-Manas
@G-Manas
Mar 14 2017 07:07
The form, Andrew?
AndrewOscarDelta
@AndrewOscarDelta
Mar 14 2017 07:07
nvm no it isnt
The form isn't either I just wanted one
and it'll really help me to get it working.
Gotta learn some day right ? :P
Sandip Shrestha
@saninmersion
Mar 14 2017 07:08

@G-Manas on this line.

<ul class="nav navbar-nav">

give this <ul> an id myNavbar

G-Manas
@G-Manas
Mar 14 2017 07:08
Oh yeah
I'll brb later, thanks Sandip
That's what I have so far for my form :P
Sandip Shrestha
@saninmersion
Mar 14 2017 07:10
idk where I got the idea they were on the user stories :D
maybe some where else on the forum.
Chris Cullen
@123xylem
Mar 14 2017 07:11

Hi
Im getting Ids of NULL when i use Mongo Db to populate a user with posts...

  post.create({                                          //create a post with following data
      title:"working code",
    content:"Ive cracked this part"
},function(post)    {                                     //give that post a callback function
    mongoose.model("user").findOne({name:"bob"},function(err,foundUser){  //that finds one user model with name bob

        if(err){console.log(err)}

        else{                                                  //if found push in the post that was created
            foundUser.posts.push(post);
            foundUser.save(function(err,saved){               //and save bobs new details
            if(err)
            {console.log(err)}
            else
            {console.log(saved)}

        })    }   })   })

Above I say create a post with paramaters... then find user with name bob... if found push posts into bob...
THe result however is

{ _id: 58c76e48f339ce0d322f59a5,
  name: 'bob',
  email: 'bob@bob.com',
  __v: 2,
  posts: [ null, null ] } undefined

Below is my user schema that shows how i get Ids from the posts

var userSchema= new mongoose.Schema({
    name:String,
    email:String,
    posts:[{
        type:mongoose.Schema.Types.ObjectId,    //posts attribute looks for an id in a mongoose schema 
        ref:"post"                               // THe schema reference is post
            }]
});

Please help.. Im not sure why the ids are showing as null even though they do exist in the db when i look for them.

Sandip Shrestha
@saninmersion
Mar 14 2017 07:11
@AndrewOscarDelta you have put a lot of effor into it. good job.
aysrl
@aysrl
Mar 14 2017 07:11
hi, could you please let me know if there's something wrong about this code, it's not letting me proceed to the next page.
<a href="http://freecatphotoapp.com">cat photos</a>
legendinraze
@legendinraze
Mar 14 2017 07:12
the website logged me out and I cant log back in
AndrewOscarDelta
@AndrewOscarDelta
Mar 14 2017 07:12
@saninmersion Thanks man, it's going to feel really good when it's done.
CamperBot
@camperbot
Mar 14 2017 07:12
andrewoscardelta sends brownie points to @saninmersion :sparkles: :thumbsup: :sparkles:
:cookie: 298 | @saninmersion |http://www.freecodecamp.com/saninmersion
Sandip Shrestha
@saninmersion
Mar 14 2017 07:13
@aysrl code seems fine. try reloading the page. Also what's the challenge you are working on?
EngrBilal
@EngrBilal
Mar 14 2017 07:30
Emphasize the text in your target4 button by adding HTML tags.
find any solution for ?? any budy can help ?
CamperBot
@camperbot
Mar 14 2017 07:30
find any solution for any budy can help
nothing found
tundeiness
@tundeiness
Mar 14 2017 07:31
@saninmersion hey i still nee help with my bootstrap footer..i'm finding it very difficult to place the bar.
EngrBilal
@EngrBilal
Mar 14 2017 07:31

$(document).ready(function() {
$("#target1").css("color", "red");
$("#target4").html("<i>#target4</i>");

});
</script>

Darren
@DarrenfJ
Mar 14 2017 07:32
@EngrBilal what did they give for the example in the wrtoe up for syntax? it wasn;t <i> I don;lt think
v-erawang
@v-erawang
Mar 14 2017 07:32
hey does anyone have any tips for getting into javascript? what is javascript anyway lol
Claudio Restifo
@Marmiz
Mar 14 2017 07:32
@EngrBilal in this case the i tag won't get recognized. Use the standard em for the emphasys
Darren
@DarrenfJ
Mar 14 2017 07:32
Claudio! hey buddy!
v-erawang
@v-erawang
Mar 14 2017 07:32
or like ideas for a sweet first javascript project cause I like projects
also can i code javascript using intellij lol
Sandip Shrestha
@saninmersion
Mar 14 2017 07:34
@tundeiness I have not even used a bootstrap footer i just use the html5 footer element and drop what ever I want there.
but post the code and what are the problems you are facing. we might be able to help
Claudio Restifo
@Marmiz
Mar 14 2017 07:35
@v-erawang have you worked on the JS section of the curriculum?
AndrewOscarDelta
@AndrewOscarDelta
Mar 14 2017 07:35
Alright, the form is looking decent I think, just needs a send button! http://codepen.io/AndrewOscarDelta/pen/oZWEwx
Darren
@DarrenfJ
Mar 14 2017 07:35
@v-erawang goto the forum.. there's a whole ton of info on different paths into getting a better understanding of js
v-erawang
@v-erawang
Mar 14 2017 07:36
thanks will do :D yeah i still haven't seen most of the curriculum yet
Darren
@DarrenfJ
Mar 14 2017 07:37
Sandip Shrestha
@saninmersion
Mar 14 2017 07:37
@AndrewOscarDelta you can just use a input type = submit or a button type submit
G-Manas
@G-Manas
Mar 14 2017 07:37
I'm back! Wohoo
Darren
@DarrenfJ
Mar 14 2017 07:37
there's a ridiculous amount of links people share
hey Manas :wave:
Gerald
@LeSlursh
Mar 14 2017 07:38
Hello World!
G-Manas
@G-Manas
Mar 14 2017 07:38
Hey @DarrenfJ and @LeSlursh
Darren
@DarrenfJ
Mar 14 2017 07:38
@LeSlursh hey buddy :D
G-Manas
@G-Manas
Mar 14 2017 07:40
So when I use concatenations, I don't have to use spaces?
For example +myAdverb+ or + myAdverb + ?
Gerald
@LeSlursh
Mar 14 2017 07:42
@DarrenfJ thanks mate! here's a lot going on!
CamperBot
@camperbot
Mar 14 2017 07:42
leslursh sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:star2: 1547 | @darrenfj |http://www.freecodecamp.com/darrenfj
Darren
@DarrenfJ
Mar 14 2017 07:42
his room is quiet compared to the main chatroom lol!
AndrewOscarDelta
@AndrewOscarDelta
Mar 14 2017 07:44
This is my sanctuary :P
Sandip Shrestha
@saninmersion
Mar 14 2017 07:44
@G-Manas use spaces for better code readability. else not necessary.
@DarrenfJ It gets overwhelming once in a while
G-Manas
@G-Manas
Mar 14 2017 07:45
Gotcha
Can ya help me with a JS code?
Sandip Shrestha
@saninmersion
Mar 14 2017 07:46
yup
G-Manas
@G-Manas
Mar 14 2017 07:49
Thanks dude
Challenge: Write Reusable JS with Functions
// Example
function ourReusableFunction() {
  console.log("Heyya, World");
}

ourReusableFunction();

// Only change code below this line
function reusableFunction () {
  console.log("Hi World");
}
resubleFunction();
Sandip Shrestha
@saninmersion
Mar 14 2017 07:50
@G-Manas
are you familiar with functions?
Gerald
@LeSlursh
Mar 14 2017 07:50
@DarrenfJ well, just realised that I'm not in the main chatroom. lol, obviously got a lot to learn ;-)
G-Manas
@G-Manas
Mar 14 2017 07:50
I'm not, @saninmersion
Darren
@DarrenfJ
Mar 14 2017 07:50
@LeSlursh go say hi there too: https://gitter.im/FreeCodeCamp/FreeCodeCamp
Sandip Shrestha
@saninmersion
Mar 14 2017 07:51
@G-Manas resubleFunction(); spelling mistake btw
G-Manas
@G-Manas
Mar 14 2017 07:51
Woah whoops
Okay I passed
Stay amazing
Sandip Shrestha
@saninmersion
Mar 14 2017 07:52
@G-Manas functions are piece of code that you will need to use more than once. so we create a function and give it a name.
then we call the function instead of writting the whole code.
G-Manas
@G-Manas
Mar 14 2017 07:53
Gotcha
So whenever I call reusableFunction(); it will type Hi World! as the output?
Paul Hanna
@paulhanna1933
Mar 14 2017 07:54

<style>
.red-text {
color: rgb(255, 0, 0);
}
.orchid-text {
color: rgb(218, 112, 214);
}
.sienna-text {
color: rgb(160, 82, 45);
}
.blue-text {
color: rgb(0, 0, 225);
}
</style>

<h1 class="red-text">I am red!</h1>

<h1 class="orchid-text">I am orchid!</h1>

<h1 class="sienna-text">I am sienna!</h1>

<h1 class="blue-text">I am blue!</h1>

Give your h1 element with the text I am blue! the color blue.
Use rgb for the color blue.
Darren
@DarrenfJ
Mar 14 2017 07:54
@G-Manas virtual high five woop woop!
Paul Hanna
@paulhanna1933
Mar 14 2017 07:54
I'm having an issue with blue
Darren
@DarrenfJ
Mar 14 2017 07:55
@paulhanna1933 check this one:
.blue-text {
color: rgb(0, 0, 225);
}
__mifflin__
@cdrainxv
Mar 14 2017 07:55

255

Darren
@DarrenfJ
Mar 14 2017 07:55
almost but not quite blue
G-Manas
@G-Manas
Mar 14 2017 07:55
225 should be 255
Paul Hanna
@paulhanna1933
Mar 14 2017 07:55
ahhhhhh
Darren
@DarrenfJ
Mar 14 2017 07:55
or to quote @cdrainxv

255

G-Manas
@G-Manas
Mar 14 2017 07:55
@DarrenfJ haha!
Darren
@DarrenfJ
Mar 14 2017 07:55
!!!!!!
G-Manas
@G-Manas
Mar 14 2017 07:55
^5
Darren
@DarrenfJ
Mar 14 2017 07:56
hey @cdrainxv !!! glad to see yah again... :D
RagingSword
@RagingSword
Mar 14 2017 07:56
hi what is the comment command?
Darren
@DarrenfJ
Mar 14 2017 07:56
you mean for commenting out stuff
RagingSword
@RagingSword
Mar 14 2017 07:57
yes
Darren
@DarrenfJ
Mar 14 2017 07:57
for html it's <!-- at the start and --> at the end
js it's one line //
multiple lines /* at start and */ at end
can;t remember what it is for CSS..
anyone?
bueller?
bueller
yer gonna make me google it
Davide
@davide2894
Mar 14 2017 08:02
Hello
pharwaa
@pharwaa
Mar 14 2017 08:03
hello
AndrewOscarDelta
@AndrewOscarDelta
Mar 14 2017 08:03
quick help, does the background pattern look good or bad in my contact section? http://codepen.io/AndrewOscarDelta/pen/oZWEwx?editors=1100
Davide
@davide2894
Mar 14 2017 08:03
Do you know how to put a "nav nav-pills nav-stacked" after a specific element? to be more precise, I want to put it after the carousel
pharwaa
@pharwaa
Mar 14 2017 08:04
no i dont
Manish Giri
@Manish-Giri
Mar 14 2017 08:04
@DarrenfJ thx for the resources :smile:
CamperBot
@camperbot
Mar 14 2017 08:04
manish-giri sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:star2: 1548 | @darrenfj |http://www.freecodecamp.com/darrenfj
__mifflin__
@cdrainxv
Mar 14 2017 08:05
I've never watched that movie.
Davide
@davide2894
Mar 14 2017 08:05
@pharwaa thanks anyway :D hope someone else can help me
CamperBot
@camperbot
Mar 14 2017 08:05
davide2894 sends brownie points to @pharwaa :sparkles: :thumbsup: :sparkles:
:warning: @pharwaa's account is not linked with freeCodeCamp. Please visit the settings and link your GitHub account.
Darren
@DarrenfJ
Mar 14 2017 08:05
yah definitely check out the 'don't make me think' for UX
sharbor1
@sharbor1
Mar 14 2017 08:05
hay fellow keyboard warriors I need help with a project I'm working on
Darren
@DarrenfJ
Mar 14 2017 08:07
@AndrewOscarDelta looks ok... maybe a bit like my ceiling.. but otherwise ok ;)
AndrewOscarDelta
@AndrewOscarDelta
Mar 14 2017 08:08
Darren
@DarrenfJ
Mar 14 2017 08:09
@AndrewOscarDelta that one's nice too.. neither really jumps out at yah so i think either or tbh
AndrewOscarDelta
@AndrewOscarDelta
Mar 14 2017 08:09
I think that's a good thing :P
the idea is for it to be subtle
Pavinthan
@pavinthan
Mar 14 2017 08:10
How to get is next week in next year and previews week in last year in laravel?
Darren
@DarrenfJ
Mar 14 2017 08:15
ok roomies gotta run.. code onwards and upwards...
h1tag
@h1tag
Mar 14 2017 08:21
Thank you @DarrenfJ :p :smiley:
CamperBot
@camperbot
Mar 14 2017 08:21
fortmaximus sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:star2: 1549 | @darrenfj |http://www.freecodecamp.com/darrenfj
Kestutis2017
@Kestutis2017
Mar 14 2017 08:35
Good morning people anyone here ? i need some assistance :D
LutherSuerte
@LutherSuerte
Mar 14 2017 08:36
HELP! text-center not working
h1tag
@h1tag
Mar 14 2017 08:37
@Kestutis2017 sup
Kestutis2017
@Kestutis2017
Mar 14 2017 08:38
i am working on the beginners guide :D and Houston we have a problem
h1tag
@h1tag
Mar 14 2017 08:38
more details please
Kestutis2017
@Kestutis2017
Mar 14 2017 08:39
hmm how can i put my code here just copy it or make a screenshot ?
im kinda new here
LutherSuerte
@LutherSuerte
Mar 14 2017 08:40
<h2 class="red-text" "text-center">CatPhotoApp</h2>
Aysha Shae
@Ayshashae
Mar 14 2017 08:40
hey can someone please explain what an id attrubute is for ? i dont understand what its suppose to do
LutherSuerte
@LutherSuerte
Mar 14 2017 08:40
this should be right correct?
DILEEP KUMAR MEHRAJ
@DileepKumarMehraj
Mar 14 2017 08:40
hello
Aysha Shae
@Ayshashae
Mar 14 2017 08:41
@LutherSuerte do you have a style class to center it named .text-center ?
h1tag
@h1tag
Mar 14 2017 08:41
@LutherSuerte this not how you add more than one class to one element, they should be in the same quotes, separated by a space
class = "class1 class2 class3" and so on ...
LutherSuerte
@LutherSuerte
Mar 14 2017 08:42
jesus youre right
i forgot about that
thanks buddy
Kestutis2017
@Kestutis2017
Mar 14 2017 08:43
im feeling stupid trying to understand that How to post code here :D
Aysha Shae
@Ayshashae
Mar 14 2017 08:43
@fortMaximus can you explain to me what an id attribute does ?
Kestutis2017
@Kestutis2017
Mar 14 2017 08:43
Aysha where youi at i need to "Create a Form Element" you done that ? :D
Aysha Shae
@Ayshashae
Mar 14 2017 08:44
@Kestutis2017 yeah i have
@fortMaximus thanks
CamperBot
@camperbot
Mar 14 2017 08:44
ayshashae sends brownie points to @fortmaximus :sparkles: :thumbsup: :sparkles:
:cookie: 587 | @fortmaximus |http://www.freecodecamp.com/fortmaximus
G-Manas
@G-Manas
Mar 14 2017 08:45
Wow
I don't understand JS a bit ha
h1tag
@h1tag
Mar 14 2017 08:45
@Kestutis2017 three backticks + shift + enter + paste code (this is how to post code here)
Kestutis2017
@Kestutis2017
Mar 14 2017 08:46
what do you mean by paste code here ? :D i go to my coding window i make ``` then shift enter then what ? :D
ctrl c ? :D
h1tag
@h1tag
Mar 14 2017 08:47
you type 3 backticks here, then press shift and enter (here also) and then copy the portion of the code you want to and paste it here
Kestutis2017
@Kestutis2017
Mar 14 2017 08:48
haha ty sorry man i'll try
Sandip Shrestha
@saninmersion
Mar 14 2017 08:49
@G-Manas You should go to the roots of programming. :D Learn what are variables, functions, classes, objects and so on. take your time through each challenge though ;)
Aysha Shae
@Ayshashae
Mar 14 2017 08:49
Paste code here
like this @Kestutis2017
```
pastecode here
```
G-Manas
@G-Manas
Mar 14 2017 08:50
^ in one message
Aysha Shae
@Ayshashae
Mar 14 2017 08:50
haha yeah @Kestutis2017
Kestutis2017
@Kestutis2017
Mar 14 2017 08:50
<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" placeholder="cat photo URL">
<form action="submit-cat-photo"></form>
The 2 are red: Nest your text input element within a form element.
Make sure your form has an action attribute which is set to /submit-cat-photo
G-Manas
@G-Manas
Mar 14 2017 08:51
@saninmersion aah, think I've got the meaning of everything, the challenges are going easy for me now! Wohoo
Sandip Shrestha
@saninmersion
Mar 14 2017 08:51
Anybody else feels like their code is really crappy and not optimized at all when doing the basic algorithm scripting challenges for javascript?
Kestutis2017
@Kestutis2017
Mar 14 2017 08:51
haha i had hard time posting this because i was in composing mode :D i pressed enter and it did spacing not posting LEL sorry
G-Manas
@G-Manas
Mar 14 2017 08:51
@Kestutis2017 nesting means to enter one element within another
So you need to next input within form
Sandip Shrestha
@saninmersion
Mar 14 2017 08:52
@Kestutis2017 ctrl+enter in composing mode to post
G-Manas
@G-Manas
Mar 14 2017 08:52
It would look something like this:
<form.....><input........></form>
Kestutis2017
@Kestutis2017
Mar 14 2017 08:52
yeah yeah i already did that somehow ;)
hmm let me think :D
h1tag
@h1tag
Mar 14 2017 08:53
@Kestutis2017 nesting is the same as "Nest an Anchor Element within a Paragraph " challenge
Aysha Shae
@Ayshashae
Mar 14 2017 08:53
<form action="/submit-cat-photo">
<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>
G-Manas
@G-Manas
Mar 14 2017 08:53
<form action="submit-cat-photo">
The action should be "/submit-cat-photo" and not "submit-cat-photo"
sharbor1
@sharbor1
Mar 14 2017 08:53
I need help in learning how to code a smudge effect
like if the user used their finger to smudge lets say a circle and how to control the sensitive of that smudge meaning the distance of the set smudge effect
Aysha Shae
@Ayshashae
Mar 14 2017 08:53
@Kestutis2017
Kestutis2017
@Kestutis2017
Mar 14 2017 08:55
ok so i missed a "/" ty guys
G-Manas
@G-Manas
Mar 14 2017 08:55
@sharbor1 I don't understand that a bit
@Kestutis2017 no worries
@Ayshashae hey
Aysha Shae
@Ayshashae
Mar 14 2017 08:55
@G-Manas hello :)
sharbor1
@sharbor1
Mar 14 2017 08:55
@G-Manas I can try to explain a bit
@G-Manas bassicaly like you have a colored circle and you want to smudge it
Kestutis2017
@Kestutis2017
Mar 14 2017 08:56
Nest your text input element within a form element , so my input text elemtn is : cat photo url ?
G-Manas
@G-Manas
Mar 14 2017 08:57
@sharbor1 I'm at JavaScript
Your input element is everything from <input to the next >
Kestutis2017
@Kestutis2017
Mar 14 2017 08:58
well ok
G-Manas
@G-Manas
Mar 14 2017 08:58
<input type="text" placeholder="cat photo URL">
Sandip Shrestha
@saninmersion
Mar 14 2017 08:58
@sharbor1 are you using a html5 canvas?
sharbor1
@sharbor1
Mar 14 2017 08:59
what ever dream weaver is lolz that's what
I'm new to coding
Kestutis2017
@Kestutis2017
Mar 14 2017 08:59
haha i did it somehow but still didint get what was the point of doing that but anyway ty all i can move on :D
G-Manas
@G-Manas
Mar 14 2017 09:00
<input type="text" placeholder="cat photo URL">
^ is basically where you can write in an information
sharbor1
@sharbor1
Mar 14 2017 09:01
hm @G-Manas then how do I get the desiered effect
G-Manas
@G-Manas
Mar 14 2017 09:01
This message was deleted
Kestutis2017
@Kestutis2017
Mar 14 2017 09:01
yeah but why i should nest second time i learned nexting in previous ;) anyway all good ty ty
G-Manas
@G-Manas
Mar 14 2017 09:01
@sharbor1 have you tried googling?
Or asking other peeps in here?
Kestutis2017
@Kestutis2017
Mar 14 2017 09:02
so G-manas you completed this tour im doing now ?
sharbor1
@sharbor1
Mar 14 2017 09:02
@G-Manas I did
G-Manas
@G-Manas
Mar 14 2017 09:02
@Kestutis2017 I have
Kestutis2017
@Kestutis2017
Mar 14 2017 09:02
its like 35 lesson :D is there a lot ? :D aprox /
sharbor1
@sharbor1
Mar 14 2017 09:02
@G-Manas I cant find itt
G-Manas
@G-Manas
Mar 14 2017 09:02
Total 300 or something, I'm at 181
Sandip Shrestha
@saninmersion
Mar 14 2017 09:03
@sharbor1 @sharbor1 it will require using intensive js and js knowledge.
but here's a code pen project on that https://codepen.io/benjamminf/pen/GpaKGV
and stackoverflowlink http://stackoverflow.com/questions/28197378/html5-canvas-javascript-smudge-brush-tool
Kestutis2017
@Kestutis2017
Mar 14 2017 09:03
oh nice ;) so this is HTML yeah ? this 300 consists of only html ?
G-Manas
@G-Manas
Mar 14 2017 09:03
Wow dood @saninmersion
@Kestutis2017 no, HTML + CSS is around 80 or so
Kestutis2017
@Kestutis2017
Mar 14 2017 09:04
later there will be something else yeah ?
G-Manas
@G-Manas
Mar 14 2017 09:04
You'll learn jQuery and then JavaScript
Kestutis2017
@Kestutis2017
Mar 14 2017 09:04
oh cool :D
G-Manas
@G-Manas
Mar 14 2017 09:04
:smile:
Kestutis2017
@Kestutis2017
Mar 14 2017 09:04
what about python , riby on rails no stuff in these lessons ?
G-Manas
@G-Manas
Mar 14 2017 09:04
Nah, no python here I guess
Sandip Shrestha
@saninmersion
Mar 14 2017 09:04
@G-Manas I am at 300 points just finished js basic algorithm scripting :D I would like to think these point dont necessarily mean the number of challenge you are at
Kestutis2017
@Kestutis2017
Mar 14 2017 09:04
ok thanks
sharbor1
@sharbor1
Mar 14 2017 09:05
@G-Manas can we be best friends lolz
G-Manas
@G-Manas
Mar 14 2017 09:05
@saninmersion interesting
Sandip Shrestha
@saninmersion
Mar 14 2017 09:05
@G-Manas that's not mine. It would take me years more to do that :D
Kestutis2017
@Kestutis2017
Mar 14 2017 09:05
im thinking about coding courses so im trying to learn something at home, today im gonna go to some coding test :D
G-Manas
@G-Manas
Mar 14 2017 09:05
@sharbor1 sure. I'd like to warn you that I can't do anything beyond HTML, bootstrap and CSS at the moment
Aysha Shae
@Ayshashae
Mar 14 2017 09:06
@Kestutis2017 oh cool whats the test on ?
sharbor1
@sharbor1
Mar 14 2017 09:06
@G-Manas its okay mane
Sandip Shrestha
@saninmersion
Mar 14 2017 09:06
@Kestutis2017 nope. basically fcc has intensive source on html,css, js, jquery, bootstrap and some frameworks of js like react and database wise mongo db.
G-Manas
@G-Manas
Mar 14 2017 09:06
@Kestutis2017 fCC is cool, you can use codecademy.com as well to learn python
Kestutis2017
@Kestutis2017
Mar 14 2017 09:06
no idea its probably to test us if we have the abilities for programming or bla bla bla ...
sharbor1
@sharbor1
Mar 14 2017 09:06
@G-Manas whats your email
Kestutis2017
@Kestutis2017
Mar 14 2017 09:06
but i have no idea :D about programming like you see sso it will be definitely fun
G-Manas
@G-Manas
Mar 14 2017 09:07
@sharbor1 I don't share emails. Anything particular that you ask my email for?
Kestutis2017
@Kestutis2017
Mar 14 2017 09:07
@Ayshashae and you completed this test of 300 or something ?
Aysha Shae
@Ayshashae
Mar 14 2017 09:07
@Kestutis2017 i just learned that there teaching coding in elementary school now ..like the hell why didnt they teach that when i was still in school :/
G-Manas
@G-Manas
Mar 14 2017 09:07
@Ayshashae Ikr
Aysha Shae
@Ayshashae
Mar 14 2017 09:07
@Kestutis2017 haha no not even close
Kestutis2017
@Kestutis2017
Mar 14 2017 09:07
so where ya at ? :D
yeah when i was in school the only thing i did was a little bit of old good turbopascal WritelN ReadlN :D
Aysha Shae
@Ayshashae
Mar 14 2017 09:08
@Kestutis2017 I started on this site yesturday at 3 am lol
G-Manas
@G-Manas
Mar 14 2017 09:08
^ what is that even
Kestutis2017
@Kestutis2017
Mar 14 2017 09:08
yeah so whats your number ?
Sandip Shrestha
@saninmersion
Mar 14 2017 09:08
@Ayshashae because coding was nor this big part of the world neither easy at that time.
G-Manas
@G-Manas
Mar 14 2017 09:09
@saninmersion you just called @Ayshashae old
Jk
Kestutis2017
@Kestutis2017
Mar 14 2017 09:09
i started yesterday also but you probably put more time into it
sharbor1
@sharbor1
Mar 14 2017 09:09
@G-Manas okay that's cool is there a way I can add you on here
G-Manas
@G-Manas
Mar 14 2017 09:09
@sharbor1 oh for sure, I can privately message you
Aysha Shae
@Ayshashae
Mar 14 2017 09:09