These are chat archives for FreeCodeCamp/Help

19th
Aug 2016
Darius
@ensyde
Aug 19 2016 00:00
i forget the format to copy and paste so it shows code proper
is it ''' html
CamperBot
@camperbot
Aug 19 2016 00:00
:bulb: to format code use backticks! ``` more info
Darius
@ensyde
Aug 19 2016 00:00
or something
Andrew
@adbrandau
Aug 19 2016 00:00

@codephoo here is the original code
var myVar = 87;

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

Margaret
@Margaret2
Aug 19 2016 00:00
@adbrandau hint: don't use the equals sign - look back at how the instructions use ++ with i
Lanitta
@DivaWeb
Aug 19 2016 00:00
@adbrandau ok located challenge what is you don't understand
Pallavdeep singh
@paul-18
Aug 19 2016 00:00
```<label><input type="checkbox" name="personality"> Loving</label>
Andrew
@adbrandau
Aug 19 2016 00:00
Shouldn't what I posted work @DivaWeb
myVar = myVar++;
Shola Abaogun
@codephoo
Aug 19 2016 00:01
@adbrandau it won't work
Pallavdeep singh
@paul-18
Aug 19 2016 00:01
<label><input type="checkbox" name="personality"> Loving</label>
Darius
@ensyde
Aug 19 2016 00:01
and thats not working?
which exercise is this?
Shola Abaogun
@codephoo
Aug 19 2016 00:02
the post increment operator increase the variable in-place, no need for assignment
Andrew
@adbrandau
Aug 19 2016 00:02
@codephoo @DivaWeb ahhhh
figured it lol
I didn't need the = myVar
Darius
@ensyde
Aug 19 2016 00:02
@paul-18 read up ^
Shola Abaogun
@codephoo
Aug 19 2016 00:03
:clap: @adbrandau :thumbsup:
Pallavdeep singh
@paul-18
Aug 19 2016 00:03
@ensyde thanks to help me out..i got it
CamperBot
@camperbot
Aug 19 2016 00:03
paul-18 sends brownie points to @ensyde :sparkles: :thumbsup: :sparkles:
:cookie: 295 | @ensyde |http://www.freecodecamp.com/ensyde
Darius
@ensyde
Aug 19 2016 00:03
@paul-18 good deal
thinking about going back to arch on main laptop while im at the beach and its storming
i3 or bspwm
Pallavdeep singh
@paul-18
Aug 19 2016 00:05
oh
Darius
@ensyde
Aug 19 2016 00:05
havent tried bspwm much
Ilyes Hammadi
@Ilyes-Hammadi
Aug 19 2016 00:05
Hey everyone !!
Darius
@ensyde
Aug 19 2016 00:05
hai @Ilyes-Hammadi
caseycrosby
@caseycrosby
Aug 19 2016 00:06

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" 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 am learning how to nest
Ilyes Hammadi
@Ilyes-Hammadi
Aug 19 2016 00:06
@caseycrosby what do you want to nest ?
Pallavdeep singh
@paul-18
Aug 19 2016 00:06
hi
bye
Ilyes Hammadi
@Ilyes-Hammadi
Aug 19 2016 00:09
ciao @paul-18
Margaret
@Margaret2
Aug 19 2016 00:09
@caseycrosby nest means putting one element inside another, so you should end up with your existing a element inside a p element <p><a></a></p
Ilyes Hammadi
@Ilyes-Hammadi
Aug 19 2016 00:10
wiki nest
CamperBot
@camperbot
Aug 19 2016 00:10

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

Challenge Accessing Nested Arrays in JSON

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

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

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

Pallavdeep singh
@paul-18
Aug 19 2016 00:10
@Ilyes-Hammadi u italian??
ValdovinosHilario
@ValdovinosHilario
Aug 19 2016 00:11
Hi need help, I'm being asked "Nest your text input element within a form element" I am lost??
Ilyes Hammadi
@Ilyes-Hammadi
Aug 19 2016 00:11
@paul-18 i am from Algeria
@ValdovinosHilario how can i help ?
Pallavdeep singh
@paul-18
Aug 19 2016 00:11
oh..i am from india and spent 7 years in italy ...and now in canada
encount
@encount
Aug 19 2016 00:11

@ValdovinosHilario
```javascript

<form>
<<input type="text">
</form>

Dakota R.
@CoderOfTheFuture
Aug 19 2016 00:12
Hello all! Currently experiencing an issue with the lesson called "Give a Background Color to a Div Element". I created a class within a <style> and it was .silver-background { background-color: silver; } and when I try to apply it in the <div class="silver-background"> it for some reason isn't working.
Or at least the Run Tests isn't doing anything so I'm assuming it isn't working.
Ilyes Hammadi
@Ilyes-Hammadi
Aug 19 2016 00:12
@ValdovinosHilario you need to put your p tag in a form tag like this
<form>
     <input>
</form>
everennui
@everennui
Aug 19 2016 00:12
Did you give the <div> a closing tag?
Ilyes Hammadi
@Ilyes-Hammadi
Aug 19 2016 00:12
@paul-18 ohh that's cool
everennui
@everennui
Aug 19 2016 00:12
I'm not sure if that's the issue or not.
Did you close your Style tag?
Pallavdeep singh
@paul-18
Aug 19 2016 00:13

@encount its```
javascript

<form>

<input type="text">
</form>
```

Dakota R.
@CoderOfTheFuture
Aug 19 2016 00:13
Yeah, line 39 is <div class="background-color"> and 52 is </div>. Yeah the style is closed as well.
Ilyes Hammadi
@Ilyes-Hammadi
Aug 19 2016 00:13
@CoderOfTheFuture paste your code
Pallavdeep singh
@paul-18
Aug 19 2016 00:13
you have <<input
Dakota R.
@CoderOfTheFuture
Aug 19 2016 00:13
kk one moment

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

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

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

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

encount
@encount
Aug 19 2016 00:14
@paul-18 thanks wondering why it didn’t look right
CamperBot
@camperbot
Aug 19 2016 00:14
encount sends brownie points to @paul-18 :sparkles: :thumbsup: :sparkles:
:cookie: 41 | @paul-18 |http://www.freecodecamp.com/paul-18
Ilyes Hammadi
@Ilyes-Hammadi
Aug 19 2016 00:14
@CoderOfTheFuture <div class="silver-background"></div>
Pallavdeep singh
@paul-18
Aug 19 2016 00:15
cool @encount
everennui
@everennui
Aug 19 2016 00:15
@Ilyes-Hammadi he already did that.
Dakota R.
@CoderOfTheFuture
Aug 19 2016 00:15
@Ilyes-Hammadi thanks! Yea that explains it LOL
CamperBot
@camperbot
Aug 19 2016 00:15
coderofthefuture sends brownie points to @ilyes-hammadi :sparkles: :thumbsup: :sparkles:
:cookie: 318 | @ilyes-hammadi |http://www.freecodecamp.com/ilyes-hammadi
Pallavdeep singh
@paul-18
Aug 19 2016 00:16
wiki div
CamperBot
@camperbot
Aug 19 2016 00:16

:point_right: challenge assignment with divided by equals [wiki]

Challenge Assignment with Divided by Equals

The /= operator divides a variable by another number.

myVar = myVar / 5;

Will divide myVar by 5. This can be rewritten as:

myVar /= 5;

:pencil: read more about challenge assignment with divided by equals on the FCC Wiki

Ilyes Hammadi
@Ilyes-Hammadi
Aug 19 2016 00:16
@everennui he was doing this <div class="background-color">
everennui
@everennui
Aug 19 2016 00:16
You don't have a <body>
or a <head>
IIRC you need to place the <style> element in the <head> before <body>
Pallavdeep singh
@paul-18
Aug 19 2016 00:17
<div class=silver-background> add that
Ilyes Hammadi
@Ilyes-Hammadi
Aug 19 2016 00:17
@everennui i think that the challenge don't require the html head body structure !!
Pallavdeep singh
@paul-18
Aug 19 2016 00:18
<div class="silver-background">
that one
coffeebeanzz
@coffeebeanzz
Aug 19 2016 00:18
none of the challenges require head, body; it's built in, even in codepen, kinda sad
everennui
@everennui
Aug 19 2016 00:19
Yeah. I completely forgot because it has been a while since I did the HTML stuff.
coffeebeanzz
@coffeebeanzz
Aug 19 2016 00:19
well, in the real world, it's required
everennui
@everennui
Aug 19 2016 00:19
toatz
Pallavdeep singh
@paul-18
Aug 19 2016 00:19
and add this to your style .silver-background {background-color: silver}
everennui
@everennui
Aug 19 2016 00:20
is silver actually recognized by HTML 5?
coffeebeanzz
@coffeebeanzz
Aug 19 2016 00:20
:thumbsup: @paul-18
it is now
everennui
@everennui
Aug 19 2016 00:20
That's cool!
do you need a semicolon after it or no?
Pallavdeep singh
@paul-18
Aug 19 2016 00:21
not in stylr
style
everennui
@everennui
Aug 19 2016 00:21
in a .css I would though?
coffeebeanzz
@coffeebeanzz
Aug 19 2016 00:21
best practice, you should;
Pallavdeep singh
@paul-18
Aug 19 2016 00:21
+1: @coffeebeanzz
everennui
@everennui
Aug 19 2016 00:22
I really need to get my ass in gear on this JS stuff.
Every time I have some free time I waste it playing Doom all day. :/
coffeebeanzz
@coffeebeanzz
Aug 19 2016 00:22
there's alot to it; LOL doom
Cooper SChmitz
@CooperSchmitz
Aug 19 2016 00:23
<button class="btn btn-block btn primary"><i class="fa fa-thumbs-up"></i> Like</button> I dont understand how my "fa-thumbs-up" isnt located within the Like button
everennui
@everennui
Aug 19 2016 00:23
DooM II: Hell on Earth
I should clarify
There is a lot to it. It's pretty intimidating.
Doom has pretty much taught me all I know about programming.
*scripting
Ilyes Hammadi
@Ilyes-Hammadi
Aug 19 2016 00:25
@CooperSchmitz remove the btn-block class from your button class.
ValdovinosHilario
@ValdovinosHilario
Aug 19 2016 00:25
Thank you @encount @Ilyes-Hammadi
CamperBot
@camperbot
Aug 19 2016 00:25
valdovinoshilario sends brownie points to @encount and @ilyes-hammadi :sparkles: :thumbsup: :sparkles:
:cookie: 311 | @encount |http://www.freecodecamp.com/encount
:cookie: 319 | @ilyes-hammadi |http://www.freecodecamp.com/ilyes-hammadi
Ilyes Hammadi
@Ilyes-Hammadi
Aug 19 2016 00:26
@ValdovinosHilario you are welcome !!
Mej89
@Mej89
Aug 19 2016 00:35
Amigo, looking for some assistance ("Nest an Anchor Element within a Paragraph")
anybody around?
everennui
@everennui
Aug 19 2016 00:37
You need a link...
Words words words words <a href="somelink.html">CLICK HERE</a>
<a>CLICK HERE</a>
I think that's what they might want you to do.
Margaret
@Margaret2
Aug 19 2016 00:38
@Mej89 <p><a></a></p>
LPR-309
@LPR-309
Aug 19 2016 00:39
@CooperSchmitz Add a - in btn primary too. btn-primary The space is messing up how the code's interpreted
Mej89
@Mej89
Aug 19 2016 00:40

so I have this

<p> view more <a href="http://freecatphotoapp.com"> link to freecodecamp cat photos</a> </p>

from the previous task
now it wants me to nest it within a new p element
confused :(
encount
@encount
Aug 19 2016 00:41
@Mej89 you already added link to freecodecamp cat photos - its within the a tag
VidhuDashora
@VidhuDashora
Aug 19 2016 00:41
Hey guys!
Margaret
@Margaret2
Aug 19 2016 00:41
@Mej89 yes, you should just have "cat photos" and View should be capitalized
VidhuDashora
@VidhuDashora
Aug 19 2016 00:42
I need some help.
Mej89
@Mej89
Aug 19 2016 00:42
<p> View more cat photos <a href="http://freecatphotoapp.com"> link to freecodecamp cat photos</a> </p>
VidhuDashora
@VidhuDashora
Aug 19 2016 00:43
It's asking me to comment out my h1 and p elements, but leave my h2 element uncommented. My only issue is how do I comment out my h1 and P elments?
Mej89
@Mej89
Aug 19 2016 00:43
it's not working, its my last line of code in the terminal
Margaret
@Margaret2
Aug 19 2016 00:44
@Mej89 <p>View more <a href="http://freecatphotoapp.com">cat photos</a></p>
@Mej89 the tests are picky... you need to have exactly the text they specify
Mej89
@Mej89
Aug 19 2016 00:47
<p>View more <a href="http://freecatphotoapp.com">cat photos</a></p>
@Margaret2 thanks, so I have this as my last line of code and it still isn't working
CamperBot
@camperbot
Aug 19 2016 00:48
mej89 sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:cookie: 303 | @margaret2 |http://www.freecodecamp.com/margaret2
Eric Jensen
@cutnclimb
Aug 19 2016 00:48
hello, i am struggling with this <form action="/submit-cat-photo" <input type="text" placeholder="cat photo URL"></form>
Cooper SChmitz
@CooperSchmitz
Aug 19 2016 00:48
<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="col-xs-6">
<div class="col-xs-6">
</div>
</div>
</div>
</div>
Mej89
@Mej89
Aug 19 2016 00:48
shouldn't it be in the paragraph ?
Margaret
@Margaret2
Aug 19 2016 00:48
can you paste in your whole code @Mej89
Mej89
@Mej89
Aug 19 2016 00:49

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


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

<p> view more <a href="http://freecatphotoapp.com"> link to freecodecamp cat photos</a> </p>

<p> view more <a href="http://freecatphotoapp.com"> link to freecodecamp cat photos</a> </p>

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

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

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

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

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

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

encount
@encount
Aug 19 2016 00:49
@cutnclimb you need > after "/submit-cat-photo
Rada
@Radascript
Aug 19 2016 00:49
what's your guys favorite image compression method?
Cooper SChmitz
@CooperSchmitz
Aug 19 2016 00:49

how aren't the div class="col-xs-6" with the div class="row"

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

within*
Eric Jensen
@cutnclimb
Aug 19 2016 00:50
@encount thank you!!
CamperBot
@camperbot
Aug 19 2016 00:50
cutnclimb sends brownie points to @encount :sparkles: :thumbsup: :sparkles:
:cookie: 313 | @encount |http://www.freecodecamp.com/encount
encount
@encount
Aug 19 2016 00:50

@CooperSchmitz you need to close them like this <div class="col-xs-6"></div>

<div class="col-xs-6"></div>

Margaret
@Margaret2
Aug 19 2016 00:50
you have to put <p></p> around the original <a> element, not add another line
@Mej89
Cooper SChmitz
@CooperSchmitz
Aug 19 2016 00:50
Oh ok thanks @encount !
CamperBot
@camperbot
Aug 19 2016 00:50
cooperschmitz sends brownie points to @encount :sparkles: :thumbsup: :sparkles:
:cookie: 314 | @encount |http://www.freecodecamp.com/encount
Cooper SChmitz
@CooperSchmitz
Aug 19 2016 00:50
@encount why do you need to close them like that
Mej89
@Mej89
Aug 19 2016 00:52
@Margaret2 still not connecting
encount
@encount
Aug 19 2016 00:52
@CooperSchmitz you need to nest all your divs correctly - if you open a new tag within a div you must close it before closing the initial one
Margaret
@Margaret2
Aug 19 2016 00:53
@VidhuDashora <!-- before <h1> and --> after h1, same for the p element
Mej89
@Mej89
Aug 19 2016 00:53
@Margaret2 thanks!
CamperBot
@camperbot
Aug 19 2016 00:53
mej89 sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:warning: mej89 already gave margaret2 points
Mej89
@Mej89
Aug 19 2016 00:53

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

@Margaret2 figured it out, I had to go back and fix something
Margaret
@Margaret2
Aug 19 2016 00:54
@Mej89 glad it finally passed :D :sparkles:
Mej89
@Mej89
Aug 19 2016 00:54
@encount thanks to you brother
CamperBot
@camperbot
Aug 19 2016 00:54
mej89 sends brownie points to @encount :sparkles: :thumbsup: :sparkles:
:cookie: 315 | @encount |http://www.freecodecamp.com/encount
Mej89
@Mej89
Aug 19 2016 00:54
@Margaret2 One day I will return the favor to someone else
Margaret
@Margaret2
Aug 19 2016 00:54
:thumbsup:
LeviT23
@LeviT23
Aug 19 2016 00:55
can someone please help im stuck on the size your image part? this is the code i have so far and i cant figure out why it wont pass?
VidhuDashora
@VidhuDashora
Aug 19 2016 00:55
@Margaret2 im sorry could you explain again?
LeviT23
@LeviT23
Aug 19 2016 00: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 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
Aug 19 2016 00:56
@VidhuDashora like this <!-- <h1></h1> -->
@VidhuDashora try it and paste your code if you can't get it to work
VidhuDashora
@VidhuDashora
Aug 19 2016 00:57
So do i just put h1 or the comment in H1, cuz for my h1 I wrote <h1>Hello World</h1>

<h1>Hello World</h1>

<h2>CatPhotoApp</h2>

<p>Hello Paragraph</p>
-->

encount
@encount
Aug 19 2016 00:58
@LeviT23 need to add the class to your img
VidhuDashora
@VidhuDashora
Aug 19 2016 00:58
^that’s my incorrect code, because I can’t uncomment h1
Margaret
@Margaret2
Aug 19 2016 00:58
I meant you will put <!-- and --> before and after your already existing h1
VidhuDashora
@VidhuDashora
Aug 19 2016 00:58
HHHHH
OHHH
OH THANK YOU
Margaret
@Margaret2
Aug 19 2016 00:59
:D :D
VidhuDashora
@VidhuDashora
Aug 19 2016 00:59
That makes no much sense I was doing it so wrong <3
How do I give you brownie points?
Margaret
@Margaret2
Aug 19 2016 00:59
@ me thanks
@VidhuDashora
LeviT23
@LeviT23
Aug 19 2016 01:01
@encount thanks heaps man was stuck on that for awhile :)
CamperBot
@camperbot
Aug 19 2016 01:01
levit23 sends brownie points to @encount :sparkles: :thumbsup: :sparkles:
:cookie: 316 | @encount |http://www.freecodecamp.com/encount
John Magee
@jemagee
Aug 19 2016 01:02
I have a theory question re importing data - let's say you have a 10,000 line CSV file you're going to import monthly - and that one column has to be checked against existing data in a Table (Model) before you can enter the data into another model (that's the easy part). Let's also say this column you're checking is going to have values repeated a lot of times and more often than not MOST of them will already exist in Table A. Is it better to do 'two' import scripts - or to do one complex import script that checks A but then populates B?
VidhuDashora
@VidhuDashora
Aug 19 2016 01:02
@Margaret2 thanks
CamperBot
@camperbot
Aug 19 2016 01:02
vidhudashora sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:cookie: 304 | @margaret2 |http://www.freecodecamp.com/margaret2
sherazctn
@sherazctn
Aug 19 2016 01:04
Try giving your form, which now has the id attribute of cat-photo-form, a green background.
can you please tell me how can i solve it
Your form element should have the background-color of green.
this is error
Dylan Zitzmann
@dtzitz
Aug 19 2016 01:05
can someone take a look at my pomodoro clock and tell me why when i restart the timer the setInterval loop seems to run twice?
Chris Cullen
@123xylem
Aug 19 2016 01:07
$("#action").click(function setInterval (countdown,1000){//every sec use countdown
  function countdown(time){ 

    $("#face").text(getTime(time)); //show time 
    $("#set1").text(getTime(time));

    time--;                //take 1 second off each second


    if(time===0)  //When timer is over

    {clearInterval(countdown);} //stop function

});                          
});
Quick Q: How do i make my setInteval function work?
sherazctn
@sherazctn
Aug 19 2016 01:07
Please anyone help me?
Chris Cullen
@123xylem
Aug 19 2016 01:07
@dtzitz could u look at my setInterval?
Dylan Zitzmann
@dtzitz
Aug 19 2016 01:08
lol, i have a similar question
but
you may have answered my question
Chris Cullen
@123xylem
Aug 19 2016 01:08
@dtzitz haha well if you can help me I would appreciate!
Tyler
@TylerJCodes
Aug 19 2016 01:09
@sherazctn Hmm... Could we see your code?
Margaret
@Margaret2
Aug 19 2016 01:11
@sherazctn you need to create a class inside the <style> tags that starts with #cat-photo-form {}
Dylan Zitzmann
@dtzitz
Aug 19 2016 01:11
nope, lol clearInterval didn't fix it lol
Ilyes Hammadi
@Ilyes-Hammadi
Aug 19 2016 01:12
@123xylem setInterval(callback, time);
Chris Cullen
@123xylem
Aug 19 2016 01:12
take out the function?
Dylan Zitzmann
@dtzitz
Aug 19 2016 01:12
 setInterval(()=>{
      //do stuff every second
      if(!running){
        //returns from the set interval function if it's not running anymore
        console.log('breaking clock');
        clearInterval();
        return false;
      } else {
        //this counts (yay puns) on some falsey nonsense
        if(!seconds){
          sessionLen -= 1;
          seconds = 59;
        }
        $('.timer').html(`${sessionLen}:${seconds}`)
        // $('.seconds').html(seconds);
        seconds -= 1;
        console.log(seconds)
      }
    },1000);
Ilyes Hammadi
@Ilyes-Hammadi
Aug 19 2016 01:13
@123xylem should be like this
$('element').click(function () {
    setInterval(callback, time);
})
Chris Cullen
@123xylem
Aug 19 2016 01:16
@Ilyes-Hammadi
$("#action").click(function () {
    setInterval(countdown, 1000);//every sec use countdown

  function countdown(time){ 

    $("#face").text(getTime(time)); //show time 
    $("#set1").text(getTime(time));

    time-=1000;                //take 1 second off each second

    if(time===0)  //When timer is over

    {clearInterval(countdown);} //stop function

});                          
});
Ilyes Hammadi
@Ilyes-Hammadi
Aug 19 2016 01:16
@123xylem yeah look's good
Chris Cullen
@123xylem
Aug 19 2016 01:17
@Ilyes-Hammadi it doesnt work though... for some reason the code takes my times away
Dylan Zitzmann
@dtzitz
Aug 19 2016 01:17
@Ilyes-Hammadi can you take a look at my codepen and tell me why, when I unpause my timer it starts running an extra second faster
Ilyes Hammadi
@Ilyes-Hammadi
Aug 19 2016 01:19
@dtzitz yeah sure!!!
Dylan Zitzmann
@dtzitz
Aug 19 2016 01:20
i think it has something do do with my clearIntervalor lackthereof
Ilyes Hammadi
@Ilyes-Hammadi
Aug 19 2016 01:20
@123xylem i don't know if that is the reason, but try to reverse the order of the countdown declaration and setInterval.
Cooper SChmitz
@CooperSchmitz
Aug 19 2016 01:24
<script $(document).ready(function() {});>
</script>
how is this script element not working
its says that it (either) isnt valid or has a closing ta
g
Margaret
@Margaret2
Aug 19 2016 01:26
<script> $(document) etc... @CooperSchmitz
Cooper SChmitz
@CooperSchmitz
Aug 19 2016 01:26
Thanks @Margaret2
CamperBot
@camperbot
Aug 19 2016 01:26
cooperschmitz sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:cookie: 307 | @margaret2 |http://www.freecodecamp.com/margaret2
luvladyleo
@luvladyleo
Aug 19 2016 01:27
Having trouble resizing the cat photo. It says that the img element should have the class smaller-image, but how do I do that within the style tags?
greg
@wearenotgroot
Aug 19 2016 01:28
@123xylem clearInterval needs an intervalID, so you need to save the id returned by your setInterval
Margaret
@Margaret2
Aug 19 2016 01:28
.smaller-image { } @luvladyleo
David Colclasure
@dcolclasure
Aug 19 2016 01:28
Your img element should have the class smaller-image. in 'Size your Images'. Myt wrong answer:<img class=smaller-image; src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "> whats the right way please?
My*
encount
@encount
Aug 19 2016 01:29
@dcolclasure add “ “ around class name
Boris
@Boris1011
Aug 19 2016 01:29
.smaller-image{ } in the style tag then in the img tag class="smaller-image" @luvladyleo
@dcolclasure add " " around smaller-image
David Colclasure
@dcolclasure
Aug 19 2016 01:29
@encount Thank you all
CamperBot
@camperbot
Aug 19 2016 01:29
dcolclasure sends brownie points to @encount :sparkles: :thumbsup: :sparkles:
:cookie: 318 | @encount |http://www.freecodecamp.com/encount
Chris Cullen
@123xylem
Aug 19 2016 01:31
@wearenotgroot could you elaborate please? I am a bit confused with the var part of setInterval.. ive seen it made without vars and with
luvladyleo
@luvladyleo
Aug 19 2016 01:32
Thank you.
:)
Mario Palomino
@fbnsbd
Aug 19 2016 01:32
hey guys, I'm having trouble with the ID attribute. how do i make sure my form has an id attribute?
Ilyes Hammadi
@Ilyes-Hammadi
Aug 19 2016 01:33
@dtzitz sorry bro, i didn't found where is the error in your code :/
encount
@encount
Aug 19 2016 01:33
@fbnsbd <form id=“myid”>
Chris Cullen
@123xylem
Aug 19 2016 01:33
This message was deleted
Dylan Zitzmann
@dtzitz
Aug 19 2016 01:33
no worries
thanks for looking @Ilyes-Hammadi
CamperBot
@camperbot
Aug 19 2016 01:33
dtzitz sends brownie points to @ilyes-hammadi :sparkles: :thumbsup: :sparkles:
:cookie: 322 | @ilyes-hammadi |http://www.freecodecamp.com/ilyes-hammadi
Ilyes Hammadi
@Ilyes-Hammadi
Aug 19 2016 01:33
@fbnsbd you should have this in your form <form id="yourId"></form>
Chris Cullen
@123xylem
Aug 19 2016 01:34

@Ilyes-Hammadi


function countdown(time){
   $("#face").text(getTime(time)); //show time 
    $("#set1").text(getTime(time));
  time -=100;
  if (time===0){
    clearInterval();
  }
}

$("#action").click(setInterval(countdown),1000

                   );

When I do it like this I get NaN as opposed to nothing in my display which is an improvement
I guess its doing something to time which makes it NaN. But WHERE!!!!!

greg
@wearenotgroot
Aug 19 2016 01:35

@123xylem

var countdownID = setInterval(countdown,1000);

to clear

if(time===0){
     clearInterval(countdownID);
 }
Dylan Zitzmann
@dtzitz
Aug 19 2016 01:35
ahh i found it @Ilyes-Hammadi
Mario Palomino
@fbnsbd
Aug 19 2016 01:35
@Ilyes-Hammadi yes i have that but nothing works
<form action="/submit-cat-photo" 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>
Ilyes Hammadi
@Ilyes-Hammadi
Aug 19 2016 01:36
@123xylem you are all most there just change to this

function countdown(time){
   $("#face").text(getTime(time)); //show time 
    $("#set1").text(getTime(time));
  time -=100;
  if (time===0){
    clearInterval();
  }
}

$("#action").click(function (){
      setInterval(countdown,1000);
});
Mario Palomino
@fbnsbd
Aug 19 2016 01:36
what i have so far
Ilyes Hammadi
@Ilyes-Hammadi
Aug 19 2016 01:37
@dtzitz ahhh cool, happy for you bro
@fbnsbd
<form action="/submit-cat-photo" 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>
@dtzitz you just missed the closing > after your form <form></form>
Mario Palomino
@fbnsbd
Aug 19 2016 01:38
@Ilyes-Hammadi thank you for the help :)
CamperBot
@camperbot
Aug 19 2016 01:38
fbnsbd sends brownie points to @ilyes-hammadi :sparkles: :thumbsup: :sparkles:
:cookie: 323 | @ilyes-hammadi |http://www.freecodecamp.com/ilyes-hammadi
greg
@wearenotgroot
Aug 19 2016 01:39
@123xylem test it with this
var time=600;
var countdownID;

function countdown(){ 

    console.log(time); //counting down on console
    if(time===0){
     clearInterval(countdownID);
    } //stop function
    time--;
}


$("#action").click(function () {
  countdownID = setInterval(countdown,1000);                          
});
Ilyes Hammadi
@Ilyes-Hammadi
Aug 19 2016 01:42
@wearenotgroot is it working now ?
greg
@wearenotgroot
Aug 19 2016 01:43
@Ilyes-Hammadi the code i gave ? yeah it work, but he needs to adjust it to fit his(just an example)
Chris Cullen
@123xylem
Aug 19 2016 01:44
@wearenotgroot @Ilyes-Hammadi ok the codepen is going a bit buggy, it starts with NaN then keeps flashing 10,0
Now its stuck on NaN again
So im refreshing
David Colclasure
@dcolclasure
Aug 19 2016 01:44
<img class="thick-green-border" class="smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "> Where's the error Please?
greg
@wearenotgroot
Aug 19 2016 01:45
@123xylem yeah because you have a time parameter on that countdown function, and since you arent passing it a parameter everytime it get executed by the setInterval the result is undefined and NaN
Ilyes Hammadi
@Ilyes-Hammadi
Aug 19 2016 01:45
@dcolclasure <img class="class1 class1">
Chris Cullen
@123xylem
Aug 19 2016 01:45
@wearenotgroot @Ilyes-Hammadi What does it display for you guys?
http://codepen.io/123xylem/pen/AXwwPj?editors=1011
@wearenotgroot time is defined as a global var ... var time =600;
greg
@wearenotgroot
Aug 19 2016 01:46
@123xylem function scope since you have a parameter called time
function countdown(time){ //<----------------------that guy, the function thinks all the time variable below is that time param
  var countdownID = setInterval(countdown,1000);
   $("#face").text(getTime(time)); //show time 
    $("#set1").text(getTime(time));

  if (time===0){
    clearInterval(countdownID);
  time --;}
}
Ilyes Hammadi
@Ilyes-Hammadi
Aug 19 2016 01:46
@123xylem it's showing 10:0
David Colclasure
@dcolclasure
Aug 19 2016 01:47
@Ilyes-Hammadi how should I write it?
or anyone?
Boris
@Boris1011
Aug 19 2016 01:47
anyone done the "celsius to farenheit"?? I am very stuck!!!
Ilyes Hammadi
@Ilyes-Hammadi
Aug 19 2016 01:48
@dcolclasure
Wrong
<img class="thick-green-border" class="smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
Good
<img class="thick-green-border smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
Chris Cullen
@123xylem
Aug 19 2016 01:48
@wearenotgroot hmmm so im not sure how i use a global var in a function.. I think your right though
greg
@wearenotgroot
Aug 19 2016 01:49

@123xylem also you cant have this

var countdownID = setInterval(countdown,1000);

inside your callback function, youll just trigger another setInterval

David Colclasure
@dcolclasure
Aug 19 2016 01:49
@Ilyes-Hammadi Thank you
CamperBot
@camperbot
Aug 19 2016 01:49
dcolclasure sends brownie points to @ilyes-hammadi :sparkles: :thumbsup: :sparkles:
:cookie: 324 | @ilyes-hammadi |http://www.freecodecamp.com/ilyes-hammadi
Ilyes Hammadi
@Ilyes-Hammadi
Aug 19 2016 01:50
@dcolclasure you are welcome, good luck for your next challenges.
greg
@wearenotgroot
Aug 19 2016 01:51
@123xylem remember how setInterval you give it a function to execute and a time in millisecond on how often the function gets executed. Once you set it off it will continue to execute the function you gave it until you stop it
Devin Thomas
@Riseoftheslug
Aug 19 2016 01:51
how to you create the css class pink_text under style?
Ed
@efhartley
Aug 19 2016 01:52
help please
CamperBot
@camperbot
Aug 19 2016 01:52

:point_right: algorithm no repeats please [wiki]

Algorithm No Repeats Please

:triangular_flag_on_post: Remember to use Read-Search-Ask if you get stuck. Try to pair program :busts_in_silhouette: and write your own code :pencil:

:checkered_flag: Problem Explanation:

This task requires us to return the number of total permutations of the provided string that don't have repeated consecutive letters. It is to be assumed that all characters in the provided string are each unique. For example, aab should return 2 because it has 6 total permutations (aab, aab, aba, aba, baa, baa), but only 2 of them (aba and aba) don't have the same letter (in this case a) repeating.

To achieve that, we'll have to look at each possible permutation of a string. There are several ways to do that. A common interview question is building a function that collects all permutations of a string. There are several tutorials available on the internet on how to do that.

Potential Methods Used As Solution

Recursive Method

This task can be daunting even after watching a tutorial. To write a recursive solution, you will want to send each new use of the function three inputs:

  1. A new string (or character array) that is being built.
  2. A position in your new string that's going to be filled next.
  3. An idea of what characters (more specifically positions) from the original string have yet to be used.

:pencil: read more about algorithm no repeats please on the FCC Wiki

Mike R
@mikeinmiami
Aug 19 2016 01:52
help night mode
CamperBot
@camperbot
Aug 19 2016 01:52
no wiki entry for: night mode
Mike R
@mikeinmiami
Aug 19 2016 01:52
lol
greg
@wearenotgroot
Aug 19 2016 01:53
@123xylem should look something like this
var countdownID; //put on higher scope so the click can access it
function countdown(){
   $("#face").text(getTime(time)); //show time 
    $("#set1").text(getTime(time));

  if (time===0){
    clearInterval(countdownID);  //stop it here with the id you saved
  }
  time --;
}

$("#action").click(function (){
     countdownID = setInterval(countdown,1000); //<----- you set it off here and get the id so you can stop it later
    //once the setInterval is set off the function will be executed every 1 sec until stop by clearInterval(someID)
});
Ilyes Hammadi
@Ilyes-Hammadi
Aug 19 2016 01:53
@Riseoftheslug
<style>
    pink-text {
          color: pink;
    }
</style>
Yeyo Selso Poche
@Naxell
Aug 19 2016 01:53
@Riseoftheslug like that .pink_text{} that go inside the style tags
Devin Thomas
@Riseoftheslug
Aug 19 2016 01:53
awesome thanks
thought i did that haha
Ed
@efhartley
Aug 19 2016 01:54
can I get some help on changing the background to silver
please
Boris
@Boris1011
Aug 19 2016 01:54
function convertToF(celsius) {
  var fahrenheit;
  // Only change code below this line
  var far = celsius *9/5 +32;

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

// Change the inputs below to test your code
convertToF(0) == 32;
what do I have wrong here??? challenge name is "Convert Celsius to Farenheit"
JoaquinRivera
@JoaquinRivera
Aug 19 2016 01:54
<input type="text" placeholder="cat photo url>
Devin Thomas
@Riseoftheslug
Aug 19 2016 01:54
thanks @Naxell
CamperBot
@camperbot
Aug 19 2016 01:54
riseoftheslug sends brownie points to @naxell :sparkles: :thumbsup: :sparkles:
:cookie: 210 | @naxell |http://www.freecodecamp.com/naxell
Boris
@Boris1011
Aug 19 2016 01:54
@efhartley what do you have for your code???
Ilyes Hammadi
@Ilyes-Hammadi
Aug 19 2016 01:55
@efhartley yeah we are here to help you bro
Yeyo Selso Poche
@Naxell
Aug 19 2016 01:55
np
Ed
@efhartley
Aug 19 2016 01:55
.silver-background {
background-color: silver;
}
Devin Thomas
@Riseoftheslug
Aug 19 2016 01:55
forgot the period
Ed
@efhartley
Aug 19 2016 01:55
thank you
ah
Chris Cullen
@123xylem
Aug 19 2016 01:56
@wearenotgroot so would u leave countdown() blank instead of putting time in there?
Boris
@Boris1011
Aug 19 2016 01:56
@efhartley now you need is as a class class=silver-background .... what is the challenge name???
Ed
@efhartley
Aug 19 2016 01:56
thank you @all
CamperBot
@camperbot
Aug 19 2016 01:56
efhartley sends brownie points to @all :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for all
greg
@wearenotgroot
Aug 19 2016 01:57
@123xylem yeah, you are not using the parameter anyways
Chris Cullen
@123xylem
Aug 19 2016 01:57
@wearenotgroot where do I tell countdown to use my time though?
greg
@wearenotgroot
Aug 19 2016 01:58
@123xylem you already declare it higher up and you cant pass the countdown function parameter anyways since it get executed by the setInterval(runs on the background)
Ed
@efhartley
Aug 19 2016 01:59
that didn't do it guys
i put it after <div> and I also added a <style>
Boris
@Boris1011
Aug 19 2016 02:00
you need to add silver-background as a class... what is the challenge that you are doing????
Ed
@efhartley
Aug 19 2016 02:00
hello world
CamperBot
@camperbot
Aug 19 2016 02:00

welcome to FreeCodeCamp @efhartley!

Boris
@Boris1011
Aug 19 2016 02:00
@efhartley hi!! Did you read my message earlier???
Ed
@efhartley
Aug 19 2016 02:03
yes @Boris1011 im doing the Give a Background Color to a Div Element
TheRealStevenChung
@TheRealStevenChung
Aug 19 2016 02:03
This message was deleted
Boris
@Boris1011
Aug 19 2016 02:04
<div class="silver-background"> you'll need this..... plus the style element bit too!! @efhartley
TheRealStevenChung
@TheRealStevenChung
Aug 19 2016 02:04
Can someone help me
I cant seem to change the size of my image and I dont know what im doing wrong
Ed
@efhartley
Aug 19 2016 02:05
ah ok i was just adding it in tyvm @Boris1011 ill go try that now
Boris
@Boris1011
Aug 19 2016 02:05
@TheRealStevenChung you only need one style element... then you need to add "smaller-image" as a class to the img element.... if that makes sense!!!
@efhartley alrighty then!!
greg
@wearenotgroot
Aug 19 2016 02:05
@123xylem so did you test it?
TheRealStevenChung
@TheRealStevenChung
Aug 19 2016 02:07
@Boris1011 sorry but can you explain a little more
Boris
@Boris1011
Aug 19 2016 02:08

so where you have

<style>
stuff here
</style>
<style>
more stuff
</stuff>

You only need 1 style element...

<style>
stuff here
more stuff
</style>
and then in the <img>tag, you will need to add a class="smaller-image", so it turns out to be
<img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. " >
that make sense????
TheRealStevenChung
@TheRealStevenChung
Aug 19 2016 02:12
Ahh thank you!
Boris
@Boris1011
Aug 19 2016 02:12
:smile: Cool!!!
Chris Cullen
@123xylem
Aug 19 2016 02:13
@wearenotgroot trying now
function countdown(){
   $("#face").text(getTime(time)); //show time 
    $("#set1").text(getTime(time));

  if (time===0){
    clearInterval(countdownID);
  time --;}// HERE IS WHERE IT USES TIME??
}

$("#action").click(function (){
  var countdownID = setInterval(countdown,1000);
setInterval(countdown,1000);
});
it just keeps shwoing 10.0 (which is better) but its not countding down
sweetsnaccs
@sweetsnaccs
Aug 19 2016 02:16
can anyone tell me how to change the a elements to #
greg
@wearenotgroot
Aug 19 2016 02:16
@123xylem remember the if test is for you to stop the interval so the decrementing of time is outside that
Chris Cullen
@123xylem
Aug 19 2016 02:16
not sure if time is being recognised properly or if the time-- is taking 1 milisecond or 1 second off each time
Boris
@Boris1011
Aug 19 2016 02:16
@sweetsnaccs as in <a href="#"> ????
Chris Cullen
@123xylem
Aug 19 2016 02:16
HAHAHAHA
@wearenotgroot thanks so much
CamperBot
@camperbot
Aug 19 2016 02:16
123xylem sends brownie points to @wearenotgroot :sparkles: :thumbsup: :sparkles:
:star2: 1402 | @wearenotgroot |http://www.freecodecamp.com/wearenotgroot
greg
@wearenotgroot
Aug 19 2016 02:17
@123xylem also remove the other setInterval on that click event
sweetsnaccs
@sweetsnaccs
Aug 19 2016 02:17
@Boris1011 yea so I take out the http
Boris
@Boris1011
Aug 19 2016 02:18
@sweetsnaccs yep the url is replaced by the #
Chukwuemeka Nwauche
@Cnwauche
Aug 19 2016 02:18
Hi all, I was wondering how we would add bootstrap to codepen in order for us to use it on our projects
Chris Cullen
@123xylem
Aug 19 2016 02:18
@wearenotgroot other setInterval?
Kevin Mulligan
@kmulligan
Aug 19 2016 02:19
@Cnwauche It's under Settings
@Cnwauche You can add it in Settings --> CSS (bottom dropdown box 'Quick Add') or under Javascript ('Quick Add')
greg
@wearenotgroot
Aug 19 2016 02:20
@123xylem
//should declare it here
//var countdownID; 
function countdown(time){ //<-------remove that named parameter, you already have a time variable declared above
  var countdownID = setInterval(countdown,1000); //<------- if you console log the countdownID it will give you different numbers since you are setting off different setInterval each time, will bug down your browser as well
console.log(countdownID);
   $("#face").text(getTime(time)); //show time 
    $("#set1").text(getTime(time));

  if (time===0){ //<-------this is for stopping the interval remember
    clearInterval(countdownID);
  time --;} //<------move the time-- outside that if block
}

$("#action").click(function (){
      setInterval(countdown,1000); //<------you need to store the id to stop the interval remember
});
sweetsnaccs
@sweetsnaccs
Aug 19 2016 02:21
@Boris1011 still not rite something I am not doig
Boris
@Boris1011
Aug 19 2016 02:21
@sweetsnaccs could you post your whole code????
Tyson
@Tydy1123455
Aug 19 2016 02:23
boris how do you center a image
Ed
@efhartley
Aug 19 2016 02:24
that worked @Boris1011 thank you!
CamperBot
@camperbot
Aug 19 2016 02:24
efhartley sends brownie points to @boris1011 :sparkles: :thumbsup: :sparkles:
:cookie: 228 | @boris1011 |http://www.freecodecamp.com/boris1011
sweetsnaccs
@sweetsnaccs
Aug 19 2016 02:25

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

Chukwuemeka Nwauche
@Cnwauche
Aug 19 2016 02:25
thanks @kmulligan
CamperBot
@camperbot
Aug 19 2016 02:25
cnwauche sends brownie points to @kmulligan :sparkles: :thumbsup: :sparkles:
:cookie: 395 | @kmulligan |http://www.freecodecamp.com/kmulligan
Chris Cullen
@123xylem
Aug 19 2016 02:25
@wearenotgroot awesome help dude... thanks... Now I just have to work out a way of formatting the time better and adding a pause button
CamperBot
@camperbot
Aug 19 2016 02:25
123xylem sends brownie points to @wearenotgroot :sparkles: :thumbsup: :sparkles:
:warning: 123xylem already gave wearenotgroot points
Boris
@Boris1011
Aug 19 2016 02:25

@Tydy1123455 what I would do, is stick the <img> in a <p></p> element or something like that and then in the style element, put in a

<style>
p{
text-align:center;
}
</style>

this will center an image on the page!!!
@efhartley anytime mate!!! :clap:

greg
@wearenotgroot
Aug 19 2016 02:26
@123xylem :+1:
Boris
@Boris1011
Aug 19 2016 02:27

@sweetsnaccs where you have

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

take out the second < on the p element and then the whole link becomes #, so

<p>Click here for <a href="#">cat photos</a>.</p>
sweetsnaccs
@sweetsnaccs
Aug 19 2016 02:29
@Boris1011 thanks got it
CamperBot
@camperbot
Aug 19 2016 02:29
sweetsnaccs sends brownie points to @boris1011 :sparkles: :thumbsup: :sparkles:
:cookie: 229 | @boris1011 |http://www.freecodecamp.com/boris1011
Boris
@Boris1011
Aug 19 2016 02:30
all good mate!!!
Hunter murphy
@Hmurph34
Aug 19 2016 02:32

hey guys i could use a lil help, I'm on task 22 and it says i can't move on to the next because of "Your image should have a src attribute that points to the kitten image."
heres my code

<img src="https://www.bit.ly/fcc-relaxing-cat" alt="author standing on a bench with two thumbs up. ">

Tyson
@Tydy1123455
Aug 19 2016 02:35
awesome thanks @Boris1011
CamperBot
@camperbot
Aug 19 2016 02:35
tydy1123455 sends brownie points to @boris1011 :sparkles: :thumbsup: :sparkles:
:cookie: 230 | @boris1011 |http://www.freecodecamp.com/boris1011
Nicholas Kettering
@0100111001001011
Aug 19 2016 02:35
anybody else having issues with the larger iage part?
VidhuDashora
@VidhuDashora
Aug 19 2016 02:35
Hey guys?
Boris
@Boris1011
Aug 19 2016 02:35
all good @Tydy1123455
David Colclasure
@dcolclasure
Aug 19 2016 02:35
hello?
:)
Boris
@Boris1011
Aug 19 2016 02:36
Hello @VidhuDashora and @dcolclasure
VidhuDashora
@VidhuDashora
Aug 19 2016 02:36
Currently figuring out how to use CSS selectors to style elements

<style></style>

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

^that's the code.
Only issue im having is figuring out how to make my h2 element blue
David Colclasure
@dcolclasure
Aug 19 2016 02:37
the second style tag should be at the end
VidhuDashora
@VidhuDashora
Aug 19 2016 02:37
The end? where?
Boris
@Boris1011
Aug 19 2016 02:38
@VidhuDashora like this
<style>
  h2 {
    color: blue;
  }
</style>
<h2>CatPhotoApp</h2>

<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
David Colclasure
@dcolclasure
Aug 19 2016 02:39
@Boris1011 Thank you
CamperBot
@camperbot
Aug 19 2016 02:39
dcolclasure sends brownie points to @boris1011 :sparkles: :thumbsup: :sparkles:
:cookie: 231 | @boris1011 |http://www.freecodecamp.com/boris1011
Boris
@Boris1011
Aug 19 2016 02:39
:+1:
VidhuDashora
@VidhuDashora
Aug 19 2016 02:39
Screen Shot 2016-08-18 at 7.39.24 PM.png
So my h2 color should be more broken up as opposed to being in one line?
Boris
@Boris1011
Aug 19 2016 02:40
No.... like I put up earlier!!!
Eric Weiss
@eweiss17
Aug 19 2016 02:41
@VidhuDashora it's just easier to read if it is broken up...
ZhangLe
@JavaZhangLe
Aug 19 2016 02:42
Hello everybody
Su
@huminoid96
Aug 19 2016 02:42
hi
Boris
@Boris1011
Aug 19 2016 02:42
@VidhuDashora yes you need to split it!!!
<style>
  h2 {
    color: blue;
  }
</style>
<h2>CatPhotoApp</h2>
Eric Weiss
@eweiss17
Aug 19 2016 02:45
oh yeah didn't realize you put h2 element in the style tags...
Su
@huminoid96
Aug 19 2016 02:46
@Boris1011 could you help me?
Boris
@Boris1011
Aug 19 2016 02:47
yeah sure!!! what's going on??? @huminoid96
Su
@huminoid96
Aug 19 2016 02:47

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

<h2>CatPhotoApp</h2>

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

i dont understand this
Boris
@Boris1011
Aug 19 2016 02:48
in what way???
Eric Weiss
@eweiss17
Aug 19 2016 02:48
the style?
VidhuDashora
@VidhuDashora
Aug 19 2016 02:48
Thank you @Boris1011
CamperBot
@camperbot
Aug 19 2016 02:48
vidhudashora sends brownie points to @boris1011 :sparkles: :thumbsup: :sparkles:
:cookie: 232 | @boris1011 |http://www.freecodecamp.com/boris1011
VidhuDashora
@VidhuDashora
Aug 19 2016 02:48
Thank you @eweiss17
CamperBot
@camperbot
Aug 19 2016 02:48
vidhudashora sends brownie points to @eweiss17 :sparkles: :thumbsup: :sparkles:
:cookie: 313 | @eweiss17 |http://www.freecodecamp.com/eweiss17
Su
@huminoid96
Aug 19 2016 02:48
@eweiss17 yeah
Boris
@Boris1011
Aug 19 2016 02:48
anytime @VidhuDashora
Su
@huminoid96
Aug 19 2016 02:48
is your next challenge
Eric Weiss
@eweiss17
Aug 19 2016 02:49
basically it is targeting all h2 elements on the page and applying the color blue
Jesse Vollick
@JesseVollick
Aug 19 2016 02:49
@UsamaHameed Thanks! apprecitate ya.
CamperBot
@camperbot
Aug 19 2016 02:49
jessevollick sends brownie points to @usamahameed :sparkles: :thumbsup: :sparkles:
:cookie: 470 | @usamahameed |http://www.freecodecamp.com/usamahameed
Su
@huminoid96
Aug 19 2016 02:49

Inside your style element, change the h2 selector to .red-text and update the color's value from blue to red.

Give your h2 element the class attribute with a value of 'red-text'

this is what is asking me
Eric Weiss
@eweiss17
Aug 19 2016 02:49
yeah okay so instead of having h2, which covers all h2 elements you need to make a class

you make a class by doing

.class {
color:orange;
}

in your css

Su
@huminoid96
Aug 19 2016 02:50
ohhh
let me try
Boris
@Boris1011
Aug 19 2016 02:50
and then adding class="color-whatever"
Eric Weiss
@eweiss17
Aug 19 2016 02:50
then apply it to the h2 element by using
<h2 class="class"></h2>
Su
@huminoid96
Aug 19 2016 02:50
ok
ok
Eric Weiss
@eweiss17
Aug 19 2016 02:51
you can apply classes to multiple elements, they are very useful
Su
@huminoid96
Aug 19 2016 02:53
im still lost. lol
Eric Weiss
@eweiss17
Aug 19 2016 02:53
what did you do so far?
Boris
@Boris1011
Aug 19 2016 02:53
what is the challenge name you are on??? @huminoid96
Su
@huminoid96
Aug 19 2016 02:53
Use a CSS Class to Style an Element
@eweiss17 nothing much.
just changed the blue to red
Eric Weiss
@eweiss17
Aug 19 2016 02:55
class is .class in css
make a .whatever it ells you to in the style tags
Boris
@Boris1011
Aug 19 2016 02:56
<style>
  .red-text{
    color: red;
  }
</style>

<h2 class="red-text">CatPhotoApp</h2>
Eric Weiss
@eweiss17
Aug 19 2016 02:56
giving out the entire answer so lame man
Boris
@Boris1011
Aug 19 2016 02:56
^ @huminoid96
Su
@huminoid96
Aug 19 2016 02:56

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

<h2>CatPhotoApp</h2>

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

Eric Weiss
@eweiss17
Aug 19 2016 02:56
don't learn anything doing that
Sajid Bhuiya
@Bhuiya96
Aug 19 2016 02:56
can someone help me with uncommenting
Su
@huminoid96
Aug 19 2016 02:56
i got this
i got the .red-text part
encount
@encount
Aug 19 2016 02:57
@Bhuiya96 <!-- commented -->
uncommented
@Bhuiya96 remove <!-- -->
caseycrosby
@caseycrosby
Aug 19 2016 02:58
i need help nesting
Su
@huminoid96
Aug 19 2016 02:59
@eweiss17 @Boris1011 thanks guys
CamperBot
@camperbot
Aug 19 2016 02:59
huminoid96 sends brownie points to @eweiss17 and @boris1011 :sparkles: :thumbsup: :sparkles:
:cookie: 233 | @boris1011 |http://www.freecodecamp.com/boris1011
:cookie: 314 | @eweiss17 |http://www.freecodecamp.com/eweiss17
Eric Weiss
@eweiss17
Aug 19 2016 02:59
nesting is putting an element within another
gaetan561
@gaetan561
Aug 19 2016 02:59
hello fellow human I am back
greg
@wearenotgroot
Aug 19 2016 02:59
@caseycrosby in general(nesting)
<element>
      <element></element> //nested element
</element>
Boris
@Boris1011
Aug 19 2016 02:59
@huminoid96 :+1:
gaetan561
@gaetan561
Aug 19 2016 02:59
https://www.freecodecamp.com/challenges/use-an-id-attribute-to-style-an-element#?solution=%0A%3Clink%20href%3D%22https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20.red-text%20%7B%0A%20%20%20%20color%3A%20red%3B%0A%20%20%7D%0A%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20p%20%7B%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20font-family%3A%20Monospace%3B%0A%20%20%7D%0A%0A%20%20.thick-green-border%20%7B%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%7D%0A%0A%20%20.smaller-image%20%7B%0A%20%20%20%20width%3A%20100px%3B%0A%20%20%7D%0A%0A%20%20.silver-background%20%7B%0A%20%20%20%20background-color%3A%20silver%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A%0A%3Ch2%20class%3D%22red-text%22%3ECatPhotoApp%3C%2Fh2%3E%0A%0A%3Cp%3EClick%20here%20for%20%3Ca%20href%3D%22%23%22%3Ecat%20photos%3C%2Fa%3E.%3C%2Fp%3E%0A%0A%3Ca%20href%3D%22%23%22%3E%3Cimg%20class%3D%22smaller-image%20thick-green-border%22%20alt%3D%22A%20cute%20orange%20cat%20lying%20on%20its%20back.%20%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%3E%3C%2Fa%3E%0A%0A%3Cdiv%20class%3D%22silver-background%22%3E%0A%20%20%3Cp%3EThings%20cats%20love%3A%3C%2Fp%3E%0A%20%20%3Cul%3E%0A%20%20%20%20%3Cli%3Ecat%20nip%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Elaser%20pointers%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Elasagna%3C%2Fli%3E%0A%20%20%3C%2Ful%3E%0A%20%20%3Cp%3ETop%203%20things%20cats%20hate%3A%3C%2Fp%3E%0A%20%20%3Col%3E%0A%20%20%20%20%3Cli%3Eflea%20treatment%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Ethunder%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Eother%20cats%3C%2Fli%3E%0A%20%20%3C%2Fol%3E%0A%3C%2Fdiv%3E%0A%0A%3Cform%20fccfaa%3D%22%2Fsubmit-cat-photo%22%20id%3D%22cat-photo-form%22%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%20checked%3E%20Indoor%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%3E%20Outdoor%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%20checked%3E%20Loving%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Lazy%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Energetic%3C%2Flabel%3E%0A%20%20%3Cinput%20type%3D%22text%22%20placeholder%3D%22cat%20photo%20URL%22%20required%3E%0A%20%20%3Cbutton%20type%3D%22submit%22%3ESubmit%3C%2Fbutton%3E%0A%3C%2Fform%3E%0A
I am trying to get pass thid level and i am stranded
can any of you help please
?
Boris
@Boris1011
Aug 19 2016 03:01
note the #cat-photo-element { background-color: green; } in the instructions??? this would go in the style element and then you give an id to the form element @gaetan561
caseycrosby
@caseycrosby
Aug 19 2016 03:02
nevermind! I need to try out things myself before asking questions !!!
greg
@wearenotgroot
Aug 19 2016 03:02
@caseycrosby :+1: keep it up!
caseycrosby
@caseycrosby
Aug 19 2016 03:06
<p>Click here for <a href="http://www.freecatphotoapp.com">cat photos</a>.</p> i am suppose to make the href into a dead link by inserting a #
shouldn't it be <p>Click here for <a # ="http://www.freecatphotoapp.com">cat photos</a>.</p>
Boris
@Boris1011
Aug 19 2016 03:07
other way around, the url turns into the #
caseycrosby
@caseycrosby
Aug 19 2016 03:08
thank you !!! @Boris1011
CamperBot
@camperbot
Aug 19 2016 03:08
caseycrosby sends brownie points to @boris1011 :sparkles: :thumbsup: :sparkles:
:cookie: 234 | @boris1011 |http://www.freecodecamp.com/boris1011
Boris
@Boris1011
Aug 19 2016 03:08
anytime @caseycrosby
Malik
@ricy64
Aug 19 2016 03:10
Hey guys, I am doing the "Change the font size of element" tutorial. I wrote the code according to instructions and set zoom t o 100% but I still cant pass it. Any help is appreciated
Boris
@Boris1011
Aug 19 2016 03:10
what do you have for your code @ricy64 ???
Eldon55
@Eldon55
Aug 19 2016 03:11
Help do you guys know how to center a button?
CamperBot
@camperbot
Aug 19 2016 03:11
no wiki entry for: do you guys know how to center a button
Boris
@Boris1011
Aug 19 2016 03:11
@Eldon55 just one???
Malik
@ricy64
Aug 19 2016 03:11

@Boris1011 <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 .</p>
<p>
Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere scratched.
</p>

Eldon55
@Eldon55
Aug 19 2016 03:12
@Boris1011 Nope 3 buttons
Boris
@Boris1011
Aug 19 2016 03:13
@Eldon55 ok maybe try something like putting into a <div> and adding some sort of text-align:center class to it!!!
@ricy64 the <p> elements need to be 16px I believe, do they not??? if they do, then in the style element, there needs to be something along the lines of p{font-size:16px;}
Eldon55
@Eldon55
Aug 19 2016 03:14
@ricy64 your 2nd paragraph dosent have red-text class maybe that is the problem
Armaan Roshani
@armaanhammer
Aug 19 2016 03:15
Hey guys, I'm working on building a tribute page, and I can't figure out how to get the bullet points (or maybe the container that the bullet points are in) to center, be narrow when the page is wide, and dynamically resize when the page gets narrower.
This is the page that I'm copying: https://codepen.io/FreeCodeCamp/full/NNvBQW/
Armaan Roshani
@armaanhammer
Aug 19 2016 03:24
I've read through this page: http://getbootstrap.com/css/ and it seems like I need a <div class="container"> surrounding the bullet points, but I can't tell how to specify that it's centered, or what the max width of the container should be.
Malik
@ricy64
Aug 19 2016 03:25
@Boris1011 @Eldon55 Figured it out. Thanks for the input.
CamperBot
@camperbot
Aug 19 2016 03:25
ricy64 sends brownie points to @boris1011 and @eldon55 :sparkles: :thumbsup: :sparkles:
:cookie: 235 | @boris1011 |http://www.freecodecamp.com/boris1011
:cookie: 129 | @eldon55 |http://www.freecodecamp.com/eldon55
Barnett Davila
@barnellio
Aug 19 2016 03:25
does anyone know how to stop it from deleting as it types
Chris Cullen
@123xylem
Aug 19 2016 03:27
var time=72;
var time2=20;

function getTime(seconds) {
    var leftover = seconds;
    var hours = Math.floor(leftover / 3600);
    var minutes = Math.floor(leftover / 60); 
  leftover=leftover-(minutes*60);
console.log(hours,leftover,minutes);

  if(minutes>= 1 && minutes<=59){
        return(minutes + ':' + leftover);
    }
    else
    return(0 + ':'+ leftover);
 }
getTime(time);
Why isnt my clock reading this right!!?
Armaan Roshani
@armaanhammer
Aug 19 2016 03:28
@123xylem How did you copy the code into that box?
Chris Cullen
@123xylem
Aug 19 2016 03:28
help format
CamperBot
@camperbot
Aug 19 2016 03:28

:point_right: code formatting [wiki]

Multi line Code

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

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

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

Single line Code

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

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

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

Armaan Roshani
@armaanhammer
Aug 19 2016 03:28
Nice! Thanks
Barnett Davila
@barnellio
Aug 19 2016 03:31
wut?
Rashiem Briggs
@Rbriggs831
Aug 19 2016 03:37
hello, i'm having a issue getting the Lobster font into my h2 element. Any suggestions??
Boris
@Boris1011
Aug 19 2016 03:37
@Rbriggs831 what do you have for your code???
Rashiem Briggs
@Rbriggs831
Aug 19 2016 03:37

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

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

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

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

Chris Cullen
@123xylem
Aug 19 2016 03:38
function getTime(seconds) {
    var leftover = seconds;
    var hours = Math.floor(leftover / 3600);
    var minutes = Math.floor(leftover / 60); 
  leftover=leftover-(minutes*60);
console.log(leftover,minutes);

  if(minutes>= 1 && minutes<=59){
        return(minutes + ':' + leftover);
    }
    else
    return(0 + ':'+ leftover);
 }
getTime(time);
Why is my first if failing?
and it also shows leftover as NaN.
Im thinking maybe it doesnt recognise minutes or leftover as numbers but console.log shows them as numbers
Boris
@Boris1011
Aug 19 2016 03:38
what is the challenge name??? @Rbriggs831
Rashiem Briggs
@Rbriggs831
Aug 19 2016 03:39
@Boris1011 CatPhotoApp
Miguel
@mrangel95
Aug 19 2016 03:39
Good night peeps, stuck on trying to nest text input element within a form element. "Create a form element"
Rashiem Briggs
@Rbriggs831
Aug 19 2016 03:40
@Boris1011 import google font...sorry
Programmer3305
@Programmer3305
Aug 19 2016 03:40
How to enter a class red text in case
caseycrosby
@caseycrosby
Aug 19 2016 03:40

it says that i need to have three li elements in my ol element but it won't let me pass... here is my code <p>Top 3 things cats hate:</p>

<ol>
<li>water</li>
<li>walks</li>
<li>joy</li>
</ol>

<p> characteristics of cats:

<ol>
<li> Lovable</li>
<li> Loyal</li>
<li> Adorable</li>
</ol>

Programmer3305
@Programmer3305
Aug 19 2016 03:40
How to enter a class red text in css3
caseycrosby
@caseycrosby
Aug 19 2016 03:41
wait i fixed it i messed the </p>
Rashiem Briggs
@Rbriggs831
Aug 19 2016 03:41
@caseycrosby i was typing that lol
Abis Mal
@abisthecodermal
Aug 19 2016 03:42
nice catch @caseycrosby
Rashiem Briggs
@Rbriggs831
Aug 19 2016 03:42
Import Google font into a h2 element??
Abis Mal
@abisthecodermal
Aug 19 2016 03:43
Good Morning/afternoon/evening fellas
Rashiem Briggs
@Rbriggs831
Aug 19 2016 03:43
@abisthecodermal what's going on Abis??
Abis Mal
@abisthecodermal
Aug 19 2016 03:44
All good man @Rbriggs831. How about you?
Boris
@Boris1011
Aug 19 2016 03:44
@Rbriggs831 like you have for the p style element... make a similar one for the h2 element but with the font family being lobster
Abis Mal
@abisthecodermal
Aug 19 2016 03:45
@DarrenfJ around?
Rashiem Briggs
@Rbriggs831
Aug 19 2016 03:45
@Boris1011 it seems i tried that let me see...
not clicking for me...
kellytuom
@kellytuom
Aug 19 2016 03:51

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

h2 {
font-family: Lobster, Monospace;
}

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

@Rbriggs831 In your style section add h2 element it should actually be h2 {font-family: Lobster;}
Abis Mal
@abisthecodermal
Aug 19 2016 03:53
@kellytuom is right
Rashiem Briggs
@Rbriggs831
Aug 19 2016 03:54

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

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

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

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

<h2 {
font-family: Lobster;
}

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

this is what i had...I see the difference
Thanks I was stuck for like 45 mins.
Abis Mal
@abisthecodermal
Aug 19 2016 03:56
@Rbriggs831 looks correct to me
Justin Steele
@JustinSteele02
Aug 19 2016 03:56
How can I constrain this bootstrap grid to the size of the outer box? When the screen gets too big, the grid stretches out below it. http://codepen.io/JustinSteele/pen/yJAVKp
greg
@wearenotgroot
Aug 19 2016 03:56

@Rbriggs831 what is this?

<h2 {
font-family: Lobster;
}

is it supposed to be an html element or a styling for h2?

Rashiem Briggs
@Rbriggs831
Aug 19 2016 03:57
@wearenotgroot it was the import Google font task CSS styling
greg
@wearenotgroot
Aug 19 2016 03:58
@Rbriggs831
<style>

...all stylings in here
</style>

...rest of your page here
Rashiem Briggs
@Rbriggs831
Aug 19 2016 03:59
@wearenotgroot it wouldn't take it the way i was writing it but thanks to @kellytuom my headache went away
CamperBot
@camperbot
Aug 19 2016 03:59
rbriggs831 sends brownie points to @wearenotgroot and @kellytuom :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for kellytuom
:star2: 1407 | @wearenotgroot |http://www.freecodecamp.com/wearenotgroot
Rashiem Briggs
@Rbriggs831
Aug 19 2016 03:59
@wearenotgroot oh ok that makes sense
greg
@wearenotgroot
Aug 19 2016 03:59
@Rbriggs831 :smile:
FM
@mafelix
Aug 19 2016 04:09
Dance dance dance.
All those things I should do dance dance dance.
sanguisstar
@sanguisstar
Aug 19 2016 04:17
I am struggling with where to place this smaller-image class. I'm placing it within the <style> xyz </style> for everything else like font color/font family etc
Anyone have any ideas? I have tried to place the code in all areas but this is the format: <style>
.smaller-image {
width:100px;
}
</style>
grco0701
@grco0701
Aug 19 2016 04:24
Did you add the class part to the img tag?
sanguisstar
@sanguisstar
Aug 19 2016 04:27
I think the class part is what is messing me up
grco0701
@grco0701
Aug 19 2016 04:30
What does your <img> part look like?
sanguisstar
@sanguisstar
Aug 19 2016 04:31

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

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

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

SASsites12
@SASsites12
Aug 19 2016 04:31
Hey I'm trying to creat a simple web page but having a lot of issues. Could use some help and really appreciate anything offered
grco0701
@grco0701
Aug 19 2016 04:31
Yeah you need to add the class to the <img> part like you did with the h2 class before
Aditya
@ezioda004
Aug 19 2016 04:32
@SASsites12 With what exactly?
SASsites12
@SASsites12
Aug 19 2016 04:33
@ezioda004 I'm not even sure where to start lol.
@ezioda004 my navbor for one
Aditya
@ezioda004
Aug 19 2016 04:35
@SASsites12 Is this in some challenge or are you doing something on your own?
SASsites12
@SASsites12
Aug 19 2016 04:35
@ezioda004 I was able to create it but I'm having issues with the logo imagae above. i'm not sure how to resize it. The current size is overwhelming. I want it to stretch along the navigation bar.
oh on my own
Aditya
@ezioda004
Aug 19 2016 04:36
@SASsites12 Did you try reading bootstrap docs?
sanguisstar
@sanguisstar
Aug 19 2016 04:37
@grco0701 Still working on it but thank you! :)
CamperBot
@camperbot
Aug 19 2016 04:37
sanguisstar sends brownie points to @grco0701 :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for grco0701
Bhushan Patil
@mrpatil007
Aug 19 2016 04:38
@SASsites12 send your pen link
SASsites12
@SASsites12
Aug 19 2016 04:39
@ezioda004 I thought of that I've been using CSS to ensure I understand it thoroughly but it's been a pain so far
@mrpatil007 I was actully going to set that up but wasn't sure how it worked. I've been doing straight from computer files. could I just transfer it all to codepen?
Chirag Neb
@chiragneb
Aug 19 2016 04:40
Hello, I am stuck on this build a personal portfolio page task. how do I unstuck myself? Someone please help!
Bhushan Patil
@mrpatil007
Aug 19 2016 04:42
@SASsites12 need to know first how code pen work you not upload files in code pen. just write code directly in code pen
@chiragneb where u stuck
Aditya
@ezioda004
Aug 19 2016 04:42
@SASsites12 I know it takes a while to get used to it, I'd suggest starting from the scratch as in http://getbootstrap.com/getting-started/ if you scroll down theres navbars example, you can see which classes they are using it and apply that in your own website also https://bootstrapcreative.com/resources/bootstrap-3-css-classes-index/ will be helpful to know which classes do what.
SASsites12
@SASsites12
Aug 19 2016 04:44
@mrpatil007 oh okay
@ezioda004 Yeah from all the reading and tutorials I've been doing I thought I completely understood it. But it's utterly different when You start actually applying it to something of your own.
@ezioda004 Thanks so much for the links! I'll def use them
CamperBot
@camperbot
Aug 19 2016 04:45
sassites12 sends brownie points to @ezioda004 :sparkles: :thumbsup: :sparkles:
:cookie: 269 | @ezioda004 |http://www.freecodecamp.com/ezioda004
Chirag Neb
@chiragneb
Aug 19 2016 04:46
well I cant just start and I am sitting on the same situation for many days - for me is there any example code of other people - which means not the one provided to check and get more insights. @mrpatil007
Aditya
@ezioda004
Aug 19 2016 04:47
@SASsites12 I see thats when it comes in handy to know which class does what. If you need to know anything in specific, you can always ask here.
Bhushan Patil
@mrpatil007
Aug 19 2016 04:50
@chiragneb http://codepen.io/mrpatil007/pen/NAopaN check out mine
SASsites12
@SASsites12
Aug 19 2016 04:51
@ezioda004 Exactly. thanks again. I will, could use all the help I can get
CamperBot
@camperbot
Aug 19 2016 04:51
sassites12 sends brownie points to @ezioda004 :sparkles: :thumbsup: :sparkles:
:warning: sassites12 already gave ezioda004 points
Aditya
@ezioda004
Aug 19 2016 04:52
@SASsites12 No problem!
pelletierra
@pelletierra
Aug 19 2016 04:52
trying to understand what a lambda function is. Is it just a function that you write once and forget? To me it looks like its just like a normal function and doesnt make sense why you'd use it?
Chirag Neb
@chiragneb
Aug 19 2016 04:54
@mrpatil007 thanks !
CamperBot
@camperbot
Aug 19 2016 04:54
chiragneb sends brownie points to @mrpatil007 :sparkles: :thumbsup: :sparkles:
:cookie: 272 | @mrpatil007 |http://www.freecodecamp.com/mrpatil007
caseycrosby
@caseycrosby
Aug 19 2016 05:07
what does it mean when it says set the value of the place holder attribute to "cat photo url"
<input type="text" placeholder= "Cat photo url ">
Warren Chaudhry
@warrenchaudhry
Aug 19 2016 05:09

@caseycrosby that means you will add an html attribute "placeholder" with a value "cat photo url"

<input type="text" name="url" placeholder= "cat photo url ">

yes that's right
Ahmed "Bearded Dragon" Syed
@ullahsyed
Aug 19 2016 05:13
Can someone verify the instructions under "Change the Font Size of an Element" exercise?
caseycrosby
@caseycrosby
Aug 19 2016 05:13
<input type="text" name= "url" placeholder= "Cat photo url"> its not working
Ahmed "Bearded Dragon" Syed
@ullahsyed
Aug 19 2016 05:14
<style>
.red-text {
color: red;
}
.font-size{font-size: 30px;
}

</style>
Is that correct?
caseycrosby
@caseycrosby
Aug 19 2016 05:15
actually i got it
Ahmed "Bearded Dragon" Syed
@ullahsyed
Aug 19 2016 05:16
anyone?
caseycrosby
@caseycrosby
Aug 19 2016 05:16
i may be wrong but shouldn't it be like p{ font-side: 30px;} @ullahsyed
Ahmed "Bearded Dragon" Syed
@ullahsyed
Aug 19 2016 05:16
let me try Casey
caseycrosby
@caseycrosby
Aug 19 2016 05:17
i think you need to apply it to a p or h or whatever you are doing because there should be no period before the font-size ... but i am not sure... i just started this!!!
Aditya
@ezioda004
Aug 19 2016 05:18
@ullahsyed You need to apply font-size on both <p> so you do p { font-size: 30px; }
Ahmed "Bearded Dragon" Syed
@ullahsyed
Aug 19 2016 05:20
The first p element should have the class red-text.
Do not add a class attribute to the second p element.
what does that mean?? as I understand, its asking me o keep the text class from previous exercise and also not apply anything to the second p element
Aditya
@ezioda004
Aug 19 2016 05:22
@ullahsyed It means that dont add any class to the <p> element you just added.
Ahmed "Bearded Dragon" Syed
@ullahsyed
Aug 19 2016 05:23

<style>
.red-text {color: red;}
.p{font-size: 30px;}
</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>

Aditya
@ezioda004
Aug 19 2016 05:23
first <p> should have class = "red-text" but not the second one
there shouldnt be a . before p { font-size: 30px; }
. is for classes, # is for ids and since p is an element, there should be none
Ahmed "Bearded Dragon" Syed
@ullahsyed
Aug 19 2016 05:24
So remove .p from styles and ad to p elements?
*add
Aditya
@ezioda004
Aug 19 2016 05:25
No, just remove the . before .p
Ahmed "Bearded Dragon" Syed
@ullahsyed
Aug 19 2016 05:25
what the heck?
That worked
I think the instructions are not clear
Aditya
@ezioda004
Aug 19 2016 05:26
It should be <style> .red-text {color: red;} p{font-size: 30px;} </style>
As long as it works :thumbsup:
Ahmed "Bearded Dragon" Syed
@ullahsyed
Aug 19 2016 05:26
The previous example calls them classes
and said they have to have a period before them
So I followed that.
Aditya
@ezioda004
Aug 19 2016 05:27
red-text is a class yes, but not p. p is an element
Ahmed "Bearded Dragon" Syed
@ullahsyed
Aug 19 2016 05:27
But the next exercise where the . from p should have been removed is horrible
Aditya
@ezioda004
Aug 19 2016 05:28
I dont think it was there, maybe you added it?
Ahmed "Bearded Dragon" Syed
@ullahsyed
Aug 19 2016 05:28
So if I declare p between style then every p in the code will be that font size?
Aditya
@ezioda004
Aug 19 2016 05:28
Yes exactly
Ahmed "Bearded Dragon" Syed
@ullahsyed
Aug 19 2016 05:29
got it
Thanks for your help
Aditya
@ezioda004
Aug 19 2016 05:29
All the p in the code will have the properties which you declared and no problem.
caseycrosby
@caseycrosby
Aug 19 2016 05:33
i need help on creating a set of radio buttons
Aditya
@ezioda004
Aug 19 2016 05:36
@caseycrosby What help do you need with that?
caseycrosby
@caseycrosby
Aug 19 2016 05:37
actaully i figured it out
Aditya
@ezioda004
Aug 19 2016 05:37
:thumbsup:
caseycrosby
@caseycrosby
Aug 19 2016 05:37
i couldn't figure out how to make two separate radio buttons but then i realized i needed them to be their own elements
Aditya
@ezioda004
Aug 19 2016 05:38
Yes in their separate label
YaLinDRE NuwaN
@333Yalindre
Aug 19 2016 05:40
hey guys
i’ve ran in to a problem while doing wikipedia viewer project
melody kiptoo
@melodykiptoo
Aug 19 2016 05:40

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

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

h2 {
font-family: Lobster, Monospace;
}
{.thick-green-border
border-color: green;
border-width: 10px;
border-style: solid;

}

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

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

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

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

guys im trying to add a border what am i doing wrong?
Coy Sanders
@coymeetsworld
Aug 19 2016 05:42
you have an extra bracket in your style @melodykiptoo
YaLinDRE NuwaN
@333Yalindre
Aug 19 2016 05:42
@melodykiptoo ur curly braces where
Coy Sanders
@coymeetsworld
Aug 19 2016 05:42
or wait no, its just in the wrong place
Aditya
@ezioda004
Aug 19 2016 05:42
@melodykiptoo this line maybe {.thick-green-border border-color: green; border-width: 10px; border-style: solid;? that { should be after the class name
melody kiptoo
@melodykiptoo
Aug 19 2016 05:42
okay thank you
Coy Sanders
@coymeetsworld
Aug 19 2016 05:42
also your img tag needs to be fixed
you only use the class keyword once inside a tag, if you want multiple classes to be used you have to include them inside the set of quotation marks with a space
melody kiptoo
@melodykiptoo
Aug 19 2016 05:43
what about it needs to be fixed? :)
Coy Sanders
@coymeetsworld
Aug 19 2016 05:43
i.e. <img class="class1 class2 class3 classn">
can't do <img class="class1" class="class2">
YaLinDRE NuwaN
@333Yalindre
Aug 19 2016 05:44
.thick-green-border{
border-color: green;
border-width: 10px;
border-style: solid;
// border: green solid 2px; is easy way
} should be like this @melodykiptoo
melody kiptoo
@melodykiptoo
Aug 19 2016 05:44
okay in the img class or in the style part?
YaLinDRE NuwaN
@333Yalindre
Aug 19 2016 05:46
@melodykiptoo class names should mention as <div class”name1 name2 name3”></div>
sorry class=“bla bla bal"
melody kiptoo
@melodykiptoo
Aug 19 2016 05:46
okay thank you @333Yalindre @coymeetsworld
CamperBot
@camperbot
Aug 19 2016 05:46
melodykiptoo sends brownie points to @333yalindre and @coymeetsworld :sparkles: :thumbsup: :sparkles:
:cookie: 286 | @333yalindre |http://www.freecodecamp.com/333yalindre
:star2: 1314 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Coy Sanders
@coymeetsworld
Aug 19 2016 05:46
no problem @melodykiptoo
YaLinDRE NuwaN
@333Yalindre
Aug 19 2016 05:46
@melodykiptoo cheers
@coymeetsworld hey have you done the wikipedia viewer project?
Coy Sanders
@coymeetsworld
Aug 19 2016 05:47
yep @333Yalindre
look at this.. i cant find why my search results are hiding instantly @coymeetsworld help please
Coy Sanders
@coymeetsworld
Aug 19 2016 05:50
im looking
why not use getJSON?
and why set async to false?
sanguisstar
@sanguisstar
Aug 19 2016 05:52
Hey awesome peoples.. I'm stuck at Nest the existing img element within an a element: <a href="#"><img src="actual link"></a>
@333Yalindre the default action of submitting a form refreshes the page. you need to prevent that default action from happening as soon as the form is submitted
Coy Sanders
@coymeetsworld
Aug 19 2016 05:54
@qualitymanifest :thumbsup:
idea looks fine to me @sanguisstar
Darren
@DarrenfJ
Aug 19 2016 05:55
evening FCChelpChatRoomies
DJ
@qualitymanifest
Aug 19 2016 05:56
@333Yalindre an alternative is to omit the form element. you could replace it with a div or something.
@DarrenfJ :wave:
sanguisstar
@sanguisstar
Aug 19 2016 05:56
@coymeetsworld It isn't letting me proceed because isn't accepting "Nest the existing img element within an a element" not sure where to go from here
Coy Sanders
@coymeetsworld
Aug 19 2016 05:57
what is your actual code @sanguisstar? also what challenge?
Darren
@DarrenfJ
Aug 19 2016 05:57
@qualitymanifest quality! how's it hanging?
sanguisstar
@sanguisstar
Aug 19 2016 05:58
@coymeetsworld <a href="#"><img src="https://bit.ly/fcc-relaxing-cat " alt="Three kittens running towards the camera."></a> and "Turn an Image into a Link"
YaLinDRE NuwaN
@333Yalindre
Aug 19 2016 05:58
@coymeetsworld thanks you saved the day… form tag replaced with a div… works now..
CamperBot
@camperbot
Aug 19 2016 05:58
333yalindre sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 1315 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
DJ
@qualitymanifest
Aug 19 2016 05:58
@DarrenfJ good. been working with d3.... got a lot to learn there.
Coy Sanders
@coymeetsworld
Aug 19 2016 05:58
think you meant @qualitymanifest @333Yalindre lol
DJ
@qualitymanifest
Aug 19 2016 05:59
¯\(ツ)/¯ not worried about it
YaLinDRE NuwaN
@333Yalindre
Aug 19 2016 05:59
@coymeetsworld i had no idea about what is the cause.. now i know.. cheers mate
Darren
@DarrenfJ
Aug 19 2016 05:59
@qualitymanifest that's all teh data manipulation stuff?
Coy Sanders
@coymeetsworld
Aug 19 2016 06:00
@sanguisstar so you don't copy and paste the example
you need to do something similar to the code you already have
the problem with the challenge is you're removing the class attribute to the img tag, that's why its complaining.
DJ
@qualitymanifest
Aug 19 2016 06:00
@DarrenfJ yep. it seems very powerful. so far i'm only scratching the surface
Darren
@DarrenfJ
Aug 19 2016 06:01
@qualitymanifest can;t wait.. i do hope they create the exercises though
i'll remember to poke yah when i eventually dealve into it
Coy Sanders
@coymeetsworld
Aug 19 2016 06:02
d3 looked pretty straightforward to me, briefly looked at it last week for a work-related project
reminded me of jQuery on how it works
dgcodex
@dgcodex
Aug 19 2016 06:03
Exp trouble... Need help!
Codegias
@Codegias
Aug 19 2016 06:03
<h1 class="pink-test">Hello World!</h1>
DJ
@qualitymanifest
Aug 19 2016 06:03
it uses similar syntax to jquery with some things. selectors are exactly the same. but it can get pretty complex
Codegias
@Codegias
Aug 19 2016 06:03
am i putting in the class correctly ?
Coy Sanders
@coymeetsworld
Aug 19 2016 06:04
no @Codegias, theres a typo
sanguisstar
@sanguisstar
Aug 19 2016 06:04
@coymeetsworld I'll still try working with it. Thank you!
CamperBot
@camperbot
Aug 19 2016 06:04
sanguisstar sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 1316 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Coy Sanders
@coymeetsworld
Aug 19 2016 06:04
@qualitymanifest yeah I'm sure its more than that, I just looked at it a little bit on what it can do but we ended up not using it
going to learn React first though and finish those projects first, just been busy last few weeks lol
Codegias
@Codegias
Aug 19 2016 06:05
where is the typo :/ ? i cant figure it out
Coy Sanders
@coymeetsworld
Aug 19 2016 06:05
im guessing its pink-text, not pink-test
but idk the context
Codegias
@Codegias
Aug 19 2016 06:05
oooooohhhhhhhhhhhhhh right
Coy Sanders
@coymeetsworld
Aug 19 2016 06:06
np @sanguisstar, yeah just look over instructions again carefully
DJ
@qualitymanifest
Aug 19 2016 06:06
React wasn't too bad. i think i found better tutorials for that, or maybe it's just simpler / less of a departure from the way i'm used to thinking
Coy Sanders
@coymeetsworld
Aug 19 2016 06:06
I'm sifting through alot of stuff for React now
i have at least 2 dozen links and videos bookmarked
all look promising
Darren
@DarrenfJ
Aug 19 2016 06:07
yah im starting in on react too
Tim P
@fridayfred3p
Aug 19 2016 06:08
hello all, I'm trying to resize image could someone take a look

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

Chukwuemeka Nwauche
@Cnwauche
Aug 19 2016 06:08
Hello all. How would I make a header flush with the top of the browser window?
Darren
@DarrenfJ
Aug 19 2016 06:08
@fridayfred3p you need to add the class="smaller-image" inside the <img> tag
Coy Sanders
@coymeetsworld
Aug 19 2016 06:09
also you have a typo in your smaller-image class @fridayfred3p
Darren
@DarrenfJ
Aug 19 2016 06:09
@coymeetsworld oh yah good catch Cory!
Tim P
@fridayfred3p
Aug 19 2016 06:09
sweet thanks
Avatadahmad
@Avatadahmad
Aug 19 2016 06:09
hi how to make browser and text zoom to 100%
Coy Sanders
@coymeetsworld
Aug 19 2016 06:09
:thumbsup: @DarrenfJ
Darren
@DarrenfJ
Aug 19 2016 06:10
@Avatadahmad what do yah have so far?
Avatadahmad
@Avatadahmad
Aug 19 2016 06:10

<style>
.red-text {
color: red;
p{
font-size : 16px;
zoom : 100%;
}

}

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

its asking 100% zoom
how to do it?can u pls help me with this?
Darren
@DarrenfJ
Aug 19 2016 06:12
@Avatadahmad i think for that one it just wants your browser to be at 100% for when you run it..
Dima Pricop
@itsdima
Aug 19 2016 06:12
hi guys. i started working on my first project on codepen and im having trouble finding a clear answer to my question. how do you create an image source? in the lessons while creating the catphotoapp i was provided with a source that already exists. so it didnt really explain how to get that source when working on a project from scratch
Darren
@DarrenfJ
Aug 19 2016 06:13
@Avatadahmad but this is formatted incorrectly:
.red-text {
color: red;
p{
font-size : 16px;
zoom : 100%;
}

}
Coy Sanders
@coymeetsworld
Aug 19 2016 06:13
@itsdima depends on what images you're using and where you got them
Darren
@DarrenfJ
Aug 19 2016 06:13
@Avatadahmad you have your p{} inside your .red-text{}
Coy Sanders
@coymeetsworld
Aug 19 2016 06:13
if its on the internet you can just get the url for it and put it in your src attribute for the image
Avatadahmad
@Avatadahmad
Aug 19 2016 06:13
yea
Coy Sanders
@coymeetsworld
Aug 19 2016 06:13
(small note, imgur is blocked by codepen so you can't use them)
Dima Pricop
@itsdima
Aug 19 2016 06:14
@coymeetsworld i tried using a google image by copying url and did not work
ooh
Coy Sanders
@coymeetsworld
Aug 19 2016 06:14
or, you can host your own images if you have a cloud provider like dropbox, thats what I did
Dima Pricop
@itsdima
Aug 19 2016 06:14
so how would i use img source if it blocks it
Darren
@DarrenfJ
Aug 19 2016 06:14
@itsdima if you were building a site you could/would have photo's you store on the serer and link to them via that direct path
Avatadahmad
@Avatadahmad
Aug 19 2016 06:14
i think i have to create it sapperatly
Coy Sanders
@coymeetsworld
Aug 19 2016 06:15
theres other free hosting sites for images, just google search image hosting and put it up there if you got something from imgur
Avatadahmad
@Avatadahmad
Aug 19 2016 06:15
thanks Darren its working now
Darren
@DarrenfJ
Aug 19 2016 06:15
yes @Avatadahmad the p needs to be its own {}
and remove the zoom:100%
Dima Pricop
@itsdima
Aug 19 2016 06:15
so codepen accepts all images except google then?
Coy Sanders
@coymeetsworld
Aug 19 2016 06:16
idk about all, but imgur is definitely blocked
idk what you mean by google
Dima Pricop
@itsdima
Aug 19 2016 06:16
google images...
Coy Sanders
@coymeetsworld
Aug 19 2016 06:17
never said google images was blocked, imgur is blocked
google images also isn't a hosting platform, its a search platform, it searches hosts for images
Dima Pricop
@itsdima
Aug 19 2016 06:19
yah. but so far every host ive found doesnt work on codepen
so idk where FCC wants me to get my images from for the project
Coy Sanders
@coymeetsworld
Aug 19 2016 06:20
can you post your codepen so we can look at it?
you have to make sure you're giving the image url, and not the url of the website too
Dima Pricop
@itsdima
Aug 19 2016 06:22
hmm okay.. ill keep trying. when i run it it just comes up as a small image symbol. ill be back to chat if i cant find the answer soon
okay got it. i was using the website url instead of the img url.
Darren
@DarrenfJ
Aug 19 2016 06:25
@itsdima i had to eff around a bit with my Tribute page.. it was a flickrr pic and the url take a bit of digging to find...
Dima Pricop
@itsdima
Aug 19 2016 06:29
lol im having to go back and look at all the cat photo app exercises to refresh my memory on alot of the code
Darren
@DarrenfJ
Aug 19 2016 06:30
@itsdima everybody's gotta review some material sometimes :D
Dima Pricop
@itsdima
Aug 19 2016 06:30
like im trying to find how to center my image. i remember something about giving the width of the page around it but cant remember exactly
Darren
@DarrenfJ
Aug 19 2016 06:32
@itsdima I found this handy for my project: https://css-tricks.com/centering-css-complete-guide/
Dima Pricop
@itsdima
Aug 19 2016 06:33
thanks! @DarrenfJ ill check it out
CamperBot
@camperbot
Aug 19 2016 06:33
itsdima sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:cookie: 721 | @darrenfj |http://www.freecodecamp.com/darrenfj
r2d2
@UsamaHameed
Aug 19 2016 06:35
Hi @DarrenfJ How are you doing?
Darren
@DarrenfJ
Aug 19 2016 06:36
@UsamaHameed how's it going beepboop4X21?
r2d2
@UsamaHameed
Aug 19 2016 06:37
Servos are stuck! Sick of humans
Darren
@DarrenfJ
Aug 19 2016 06:37
@UsamaHameed time for that restraining bolt again!
Faiq
@faiqbuttar
Aug 19 2016 06:39
I am stucked at changing color of body elements
r2d2
@UsamaHameed
Aug 19 2016 06:40
We are that good :P
Antonin Archer
@nicknem
Aug 19 2016 06:41
I'm having the worst trouble getting a response from the weather API although my url is good (JSON displays in the browser when I go to the URI). And when using another weather API I get a response in my code. However, I get undefined with the OpenweatherMapAPI ...
Darren
@DarrenfJ
Aug 19 2016 06:41
@faiqbuttar what have you tried so far? Can you post the code?
Antonin Archer
@nicknem
Aug 19 2016 06:41
He'res the URI api.openweathermap.org/data/2.5/weather?q=Paris&appid=6ceb5a34eaff0c16209aa78c36b4d54b (I don't care about the key)
r2d2
@UsamaHameed
Aug 19 2016 06:41
@nicknem which location API are you using?
lol :P
Faiq
@faiqbuttar
Aug 19 2016 06:42

@DarrenfJ <style>
body {
background-color: black;
font-family: Monospace;

}

</style>

<h1>Hello World</h1>

I am new here
Antonin Archer
@nicknem
Aug 19 2016 06:42
@UsamaHameed not using any Location API, just hard-coding Paris in the URI
r2d2
@UsamaHameed
Aug 19 2016 06:42
codepen?
Faiq
@faiqbuttar
Aug 19 2016 06:42
and don't know how to use this chat :(
Darren
@DarrenfJ
Aug 19 2016 06:42
@faiqbuttar what's he exercise asking you to do? (or the name of the exercise.. and i can go check it)
Antonin Archer
@nicknem
Aug 19 2016 06:43
app.get('/webhook', function(req, res) {
  // Call the function that gets the weather
  uri = "api.openweathermap.org/data/2.5/weather?q=Paris&appid=6ceb5a34eaff0c16209aa78c36b4d54b"
  request.get(uri, function (error, response, body) {
    if (!error && response.statusCode == 200) {
      res.send(body); // Print the data
    }
    else {
      console.log(response.statusCode, body);
    }
  })
})
damn that's ugly wait a sec
Faiq
@faiqbuttar
Aug 19 2016 06:43
@DarrenfJ Inherit Styles from the Body Element
and thank you so much for response
Antonin Archer
@nicknem
Aug 19 2016 06:44
I'm using it for another project than the Free Code Camp one ( don't need any views)
Coy Sanders
@coymeetsworld
Aug 19 2016 06:44
you probably need to specify the protocol in your url @nicknem (i.e. adding http)
peterantonov
@peterantonov
Aug 19 2016 06:44
Hey there fellow friends, I'm doing my 21st challenge but the system can't recognize I sourced an image from a link. I see it on the right but it can't recognize it? Can I skip this step?
r2d2
@UsamaHameed
Aug 19 2016 06:44
Umm this should be okay. The res.send(body) displays undefined? @nicknem
Also what @coymeetsworld said
Coy Sanders
@coymeetsworld
Aug 19 2016 06:45
also should give uri statement a semicolon just to avoid any possible errors and declare it with var or let
Antonin Archer
@nicknem
Aug 19 2016 06:45
Haha that was it @coymeetsworld
r2d2
@UsamaHameed
Aug 19 2016 06:45
the protocol? @nicknem
Coy Sanders
@coymeetsworld
Aug 19 2016 06:45
nice
Antonin Archer
@nicknem
Aug 19 2016 06:46
@UsamaHameed just added http in front of the request. Damn... Thanks @UsamaHameed @coymeetsworld
CamperBot
@camperbot
Aug 19 2016 06:46
nicknem sends brownie points to @usamahameed and @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 1317 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
:cookie: 471 | @usamahameed |http://www.freecodecamp.com/usamahameed
Darren
@DarrenfJ
Aug 19 2016 06:46
@faiqbuttar "Then, let's give all elements on your page the color of green by adding color: green; to your body element's style declaration."
r2d2
@UsamaHameed
Aug 19 2016 06:46
Hahahaha
Antonin Archer
@nicknem
Aug 19 2016 06:46
Should I declare the var URI inside our outside the function?
Darren
@DarrenfJ
Aug 19 2016 06:46
@faiqbuttar you code still says black
<style>
body {
background-color: black;
font-family: Monospace;
}
</style>
<h1>Hello World</h1>
```
Coy Sanders
@coymeetsworld
Aug 19 2016 06:47
general rule is put variables in the smallest scope you need it
Antonin Archer
@nicknem
Aug 19 2016 06:47
Ok great!
Coy Sanders
@coymeetsworld
Aug 19 2016 06:47
if you're not using that variable anywhere outside of the function just have it in there
Faiq
@faiqbuttar
Aug 19 2016 06:47
yes @DarrenfJ but its background color
how can I change elements color?
Darren
@DarrenfJ
Aug 19 2016 06:47
color:newColor
inside the {} for body
Faiq
@faiqbuttar
Aug 19 2016 06:48
@DarrenfJ thank you dear
CamperBot
@camperbot
Aug 19 2016 06:48
faiqbuttar sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:cookie: 722 | @darrenfj |http://www.freecodecamp.com/darrenfj
Faiq
@faiqbuttar
Aug 19 2016 06:49
issue resolved now as I was missing color element
Darren
@DarrenfJ
Aug 19 2016 06:49
@faiqbuttar virtual high five
r2d2
@UsamaHameed
Aug 19 2016 06:49
:high_heel:
Patrick S
@thinktwice84
Aug 19 2016 06:49
Quick JS question. I'm trying to remove all non-alphanumeric characters from a string with this code: str.replace(/[^A-Za-z0-9_]/gi, '') but it's not working. Any ideas?
Darren
@DarrenfJ
Aug 19 2016 06:50
@peterantonov still having your img issue?
:high_brightness:
Avatadahmad
@Avatadahmad
Aug 19 2016 06:51
how to class to image declaration
add*
Coy Sanders
@coymeetsworld
Aug 19 2016 06:52
are you assigning the result of that to another variable @thinktwice84 ? replace doesn't mutate the string you call it on
also why the i flag?
r2d2
@UsamaHameed
Aug 19 2016 06:53
@thinktwice84 you can also do str = str.replace(/\W/g, '')
Coy Sanders
@coymeetsworld
Aug 19 2016 06:53
you're already specifying both capital and lowercase range
Darren
@DarrenfJ
Aug 19 2016 06:53
@Avatadahmad <img class="classIneedToAdd" src="...
Patrick S
@thinktwice84
Aug 19 2016 06:53
no reason for the i flag.
Coy Sanders
@coymeetsworld
Aug 19 2016 06:53
@UsamaHameed \W doesn't remove underscores
one of the challenges needs you to do that if i recall correctly
Darren
@DarrenfJ
Aug 19 2016 06:54
@Avatadahmad make sure there is a corresponding class in the CSS section (<style></style> section)
r2d2
@UsamaHameed
Aug 19 2016 06:54
It does.
Avatadahmad
@Avatadahmad
Aug 19 2016 06:54
ok
Darren
@DarrenfJ
Aug 19 2016 06:54
@Avatadahmad .classIneedToAdd{...}
r2d2
@UsamaHameed
Aug 19 2016 06:54
Matches any character that is not a word character from the basic Latin alphabet. Equivalent to [^A-Za-z0-9_].
Patrick S
@thinktwice84
Aug 19 2016 06:54
@coymeetsworld thanks, I'll try your suggestions
CamperBot
@camperbot
Aug 19 2016 06:54
thinktwice84 sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 1318 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Coy Sanders
@coymeetsworld
Aug 19 2016 06:54
or hmm yeah it does, maybe you're supposed to keep them then i forget
r2d2
@UsamaHameed
Aug 19 2016 06:54
yes
Coy Sanders
@coymeetsworld
Aug 19 2016 06:55
in which case you don't want that then, think you don't want to remove underscores
Patrick S
@thinktwice84
Aug 19 2016 06:58
right, thanks @UsamaHameed
CamperBot
@camperbot
Aug 19 2016 06:58
thinktwice84 sends brownie points to @usamahameed :sparkles: :thumbsup: :sparkles:
:cookie: 472 | @usamahameed |http://www.freecodecamp.com/usamahameed
Dan Sack
@DanPete
Aug 19 2016 07:03
Is there any way to make my navbar more centered? https://codepen.io/DanPete/pen/QEoRRQ
In full screen it seems to be right justified.
r2d2
@UsamaHameed
Aug 19 2016 07:05
@DanPete add a class = "text-center" to your nav element
Eldon55
@Eldon55
Aug 19 2016 07:07
Need help i have a pic in my laptop,how can i use it in my webpage
Eric Weiss
@eweiss17
Aug 19 2016 07:08
upload it to an image sharing site i would think
Eldon55
@Eldon55
Aug 19 2016 07:08
@eweiss17 k gonna try google drive
Dan Sack
@DanPete
Aug 19 2016 07:10
@UsamaHameed Thanks!
CamperBot
@camperbot
Aug 19 2016 07:10
danpete sends brownie points to @usamahameed :sparkles: :thumbsup: :sparkles:
:cookie: 473 | @usamahameed |http://www.freecodecamp.com/usamahameed
Antonin Archer
@nicknem
Aug 19 2016 07:13
Guys, I can't figure out why the function returns nothing, when I do console.log(data) the JSON displays, but when I do return(data) the value and then call the function, nothing appears. Also, my terminal logs undefined when I run the function.
function getWeather() {
  const baseURI = 'http://api.openweathermap.org/data/2.5/weather?q=';
  var query = "Paris"
  const appID = "&appid=" + process.env.OPENWEATHER_API_KEY;
  var uri = baseURI + query + appID;
  // Send the request and process the data
  request.get(uri, function (error, response, body) {
    if (!error && response.statusCode == 200) {
      var data = JSON.parse(body);
      return data;
    }
    else {
      console.log(response.statusCode, body);
    }
  });
};
console.log(getWeather());
r2d2
@UsamaHameed
Aug 19 2016 07:14
You are returning the data var to the callback function not the getWeather function
Antonin Archer
@nicknem
Aug 19 2016 07:15
Oh smart! So I should return twice?
or create a variable with the result of the callback like
var data = request.get(callback)?
r2d2
@UsamaHameed
Aug 19 2016 07:16
You can give it a try. But I think that would only work if you create a var
exactly
Antonin Archer
@nicknem
Aug 19 2016 07:16
Thanks @UsamaHameed !
CamperBot
@camperbot
Aug 19 2016 07:16
:warning: nicknem already gave usamahameed points
nicknem sends brownie points to @usamahameed :sparkles: :thumbsup: :sparkles:
Darth Skywalker
@adityaparab
Aug 19 2016 07:20
@nicknem : You're handling requests on the server so you're gonna have to do response.json(data); or response.send(data); in order for server to respond. return data; won't do it
r2d2
@UsamaHameed
Aug 19 2016 07:21
YOU AGAIN!
Antonin Archer
@nicknem
Aug 19 2016 07:22
@adityaparab Likes this?
var data = request.get(uri, function (error, response, body) {
    if (!error && response.statusCode == 200) {
      response.json(data);
    }
It's giving me errors. And headaches :D
TypeError: response.json is not a function
Darth Skywalker
@adityaparab
Aug 19 2016 07:22
correct.
then try response.send(data);
I'm assuming you're using Express 4.x
Anna Zhang
@Claritize
Aug 19 2016 07:23
mfw you struggle through writing a solution to a problem
Abis Mal
@abisthecodermal
Aug 19 2016 07:23
Hey @UsamaHameed wassup?
Hey @adityaparab
Antonin Archer
@nicknem
Aug 19 2016 07:23
TypeError: response.send is not a function
Darth Skywalker
@adityaparab
Aug 19 2016 07:23
@abisthecodermal : Greetings.
Antonin Archer
@nicknem
Aug 19 2016 07:23
Yes using Express
Anna Zhang
@Claritize
Aug 19 2016 07:23
and then you read the question more closely and there's a library method to make your 30 lines of rage and agony into 1 line..
r2d2
@UsamaHameed
Aug 19 2016 07:23
@abisthecodermal hi old man! :P
Abis Mal
@abisthecodermal
Aug 19 2016 07:23
lol...
r2d2
@UsamaHameed
Aug 19 2016 07:24
@Claritize cool down :P
Darth Skywalker
@adityaparab
Aug 19 2016 07:24
@nicknem : Is there any route that you call this getWeather function from?
Sai
@TheGodKing
Aug 19 2016 07:24
Hey, I have a question
Antonin Archer
@nicknem
Aug 19 2016 07:24
Nah I just log it like this:
function getWeather() {
  const baseURI = 'http://api.openweathermap.org/data/2.5/weather?q=';
  var query = "Paris"
  const appID = "&appid=" + process.env.OPENWEATHER_API_KEY;
  var uri = baseURI + query + appID;
  // Send the request and process the data
  var data = request.get(uri, function (error, response, body) {
    if (!error && response.statusCode == 200) {
      response.send(data);
    }
    else {
      console.log(response.statusCode, body);
    }
  });
};
console.log(getWeather());
Srishti Jhanwar
@Srishti8
Aug 19 2016 07:24
run tests is not working
Darth Skywalker
@adityaparab
Aug 19 2016 07:24
@Claritize : You're hardcore, aren't you?
@nicknem : Then you just run this on console with node?
Antonin Archer
@nicknem
Aug 19 2016 07:25
Yes !
@adityaparab
Sai
@TheGodKing
Aug 19 2016 07:25
Lets say we have a word document with a 100 names. How do make a program to copy and paste each and every name onto gmail, and add each and every name into my contact list
?
Anna Zhang
@Claritize
Aug 19 2016 07:25
@adityaparab god no, i was jsut wondering why this question was so hard, and then i realised i shouldve probably read it more carefully :|
Abis Mal
@abisthecodermal
Aug 19 2016 07:25

:laughing: Well put

and then you read the question more closely and there's a library method to make your 30 lines of rage and agony into 1 line..

Darth Skywalker
@adityaparab
Aug 19 2016 07:25
@nicknem : Correct, what you have inside your getWeather function is an async request. So by the time your request is fulfilled your function returns with no value and so you get undefined.
Hunny Kumar
@khunnybunny
Aug 19 2016 07:26
Give your radio buttons the name attribute of indoor-outdoor.
Abis Mal
@abisthecodermal
Aug 19 2016 07:26
@TheGodKing there is an easier way. Unless this is a project
Darth Skywalker
@adityaparab
Aug 19 2016 07:26
You're better off using either Promise or callback pattern
@Claritize : Now you have better understanding of what that library function does internally. I think that's a good thing
Anna Zhang
@Claritize
Aug 19 2016 07:27
it is
r2d2
@UsamaHameed
Aug 19 2016 07:27
@abisthecodermal which challenge are you on?
Abis Mal
@abisthecodermal
Aug 19 2016 07:29
javascript calculator
@UsamaHameed
r2d2
@UsamaHameed
Aug 19 2016 07:29
skipped the advanced algos?
Abis Mal
@abisthecodermal
Aug 19 2016 07:29
nopes.
did them
Sai
@TheGodKing
Aug 19 2016 07:29
@abisthecodermal what is the easier way?
Darth Skywalker
@adityaparab
Aug 19 2016 07:29
@nicknem
function getWeather() {
    return new Promise(function(resolve, reject){
        const baseURI = 'http://api.openweathermap.org/data/2.5/weather?q=';
          var query = "Paris"
          const appID = "&appid=" + process.env.OPENWEATHER_API_KEY;
          var uri = baseURI + query + appID;
          // Send the request and process the data
          request.get(uri, function (error, response, body) {
            if (!error && response.statusCode == 200) {
                  //response.send(data);
                  resolve(JSON.parse(body));
            } else {
                  //console.log(response.statusCode, body);
                  reject(error)
            }
          });
    });
};

// then call your getWeather as 

getWeather().then(function(weatherData){
    console.log(weatherData);
});
r2d2
@UsamaHameed
Aug 19 2016 07:30
nice
Dan Sack
@DanPete
Aug 19 2016 07:30
Any way to get rid of the underline while cursor is hovering on my navbar? https://codepen.io/DanPete/pen/QEoRRQ?editors=1100
Abis Mal
@abisthecodermal
Aug 19 2016 07:30
copy the names to an excel file, make changes and save as .csv. Import the CSV into gmail @TheGodKing
r2d2
@UsamaHameed
Aug 19 2016 07:30
@DanPete
a:hover {
text-decoration: none;
}
Dan Sack
@DanPete
Aug 19 2016 07:30
@UsamaHameed Thanks
CamperBot
@camperbot
Aug 19 2016 07:30
danpete sends brownie points to @usamahameed :sparkles: :thumbsup: :sparkles:
:warning: danpete already gave usamahameed points
Abis Mal
@abisthecodermal
Aug 19 2016 07:32
brb
Darth Skywalker
@adityaparab
Aug 19 2016 07:32
@nicknem : Here is an example of node style callback pattern using
function getWeather(callback) {
  const baseURI = 'http://api.openweathermap.org/data/2.5/weather?q=';
  var query = "Paris"
  const appID = "&appid=" + process.env.OPENWEATHER_API_KEY;
  var uri = baseURI + query + appID;
  // Send the request and process the data
  request.get(uri, function (error, response, body) {
    if (!error && response.statusCode == 200) {
      callback(null,JSON.parse(body));
    }
    else {
      //console.log(response.statusCode, body);
      callback(error, null);
    }
  });
}
getWeather(function(err, weatherData){
    err ? console.error(err) : console.log(weatherData);
});
atomicody
@atomicody
Aug 19 2016 07:34
Hi, can't seem to figure this out. Says "Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%." How do I define that I am wanting to change the p element i.e font-size?
Darth Skywalker
@adityaparab
Aug 19 2016 07:37

@nicknem : Additionally, you can simplify this code

const baseURI = 'http://api.openweathermap.org/data/2.5/weather?q=';
var query = "Paris"
const appID = "&appid=" + process.env.OPENWEATHER_API_KEY;
var uri = baseURI + query + appID;

with

let query="Paris"
let uri = `http://api.openweathermap.org/data/2.5/weather?q=${query}&appid=${process.env.OPENWEATHER_API_KEY}`;
Sai
@TheGodKing
Aug 19 2016 07:38
@abisthecodermal Thanks!
CamperBot
@camperbot
Aug 19 2016 07:38
thegodking sends brownie points to @abisthecodermal :sparkles: :thumbsup: :sparkles:
:cookie: 358 | @abisthecodermal |http://www.freecodecamp.com/abisthecodermal
Ken Albert Zhang
@KenAlbertZhang
Aug 19 2016 07:39
@atomicody inside your style tag, you need p{font-size : 16px;}
Picshulo
@Picshulo
Aug 19 2016 07:40
@atomicody Like this
<style>
  element you want to change(p for you) {
    what you want to change on it(font-size: Size in px) + don't forget semicolon;
}
</style>
atomicody
@atomicody
Aug 19 2016 07:42
I appreciate the help but I still can't get it. Must be doing something wrong. is it possible to send a screenshot on here?
Jennifer Johnson
@jkerr321
Aug 19 2016 07:43
Morning! I'm getting a failed test on the Caesars Cipher challenge and I'm not sure why. My code looks like this:
var rotArr = [];
var rotChar = "";
var rotStr = "";
var char = "";

function abc (offset, char) {
  rotChar = char + offset - 13;
  rotStr = String.fromCharCode(rotChar);
  rotArr.push(rotStr);
}

function rot13(str) {
  for (var i = 0; i < str.length; i++) {
    var char = str.charCodeAt(i);
    if (char <= 90 && char >= 65) {
      if (char - 13 < 65) {
        abc (26, char);     
     } else {
       if (char - 13 >= 65) {
        abc (0, char);
       }
     }

    } else {
      rotArr.push(str[i]);
    }

}
  var correctString = rotArr.join("");
  console.log(correctString);
  return correctString;
}
Picshulo
@Picshulo
Aug 19 2016 07:43
@atomicody Sure or you can copy+paste your code here too
help format
CamperBot
@camperbot
Aug 19 2016 07:43

:point_right: code formatting [wiki]

Multi line Code

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

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

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

Single line Code

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

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

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

Jennifer Johnson
@jkerr321
Aug 19 2016 07:43
blob
My console shows this ^^^
which looks ok?!
Broozius
@Brucius
Aug 19 2016 07:43
hi is anyone having trouble with git-it challanges?
for branches
broozius:~/workspace/patchwork (add-Brucius) $ git commit -m addmynametocontributors2
On branch add-Brucius
Changes not staged for commit:
        modified:   contributors/add-Brucius.txt

no changes added to commit
broozius:~/workspace/patchwork (add-Brucius) $ git push origin add-Brucius
Username for 'https://github.com': Brucius
Password for 'https://Brucius@github.com': 
remote: Permission to jlord/patchwork.git denied to Brucius.
fatal: unable to access 'https://github.com/jlord/patchwork.git/': The requested URL returned error: 403
broozius:~/workspace/patchwork (add-Brucius) $ git push origin gh-pages
Username for 'https://github.com': Brucius
Password for 'https://Brucius@github.com': 
remote: Permission to jlord/patchwork.git denied to Brucius.
fatal: unable to access 'https://github.com/jlord/patchwork.git/': The requested URL returned error: 403
broozius:~/workspace/patchwork (add-Brucius) $
i tried to do this
commiting and then push to origin
had an error on that
anyone? :(
atomicody
@atomicody
Aug 19 2016 07:47
@Picshulo If I copy what I have it'll format here correctly?
Picshulo
@Picshulo
Aug 19 2016 07:47

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

<paste your code here>,
then press [shift + enter ⏎]
``` ⇦ Type 3 backticks, then press [enter ⏎]

Darth Skywalker
@adityaparab
Aug 19 2016 07:48
@Brucius : I'm afraid you can't directly push to the repo that you don't own.
Please read https://github.com/jlord/patchwork.git/ and follow instructions to be able to push into their repo.
Antonin Archer
@nicknem
Aug 19 2016 07:48
Thanks @adityaparab It works with Promise! Freaking awesome man, I owe you one :)
CamperBot
@camperbot
Aug 19 2016 07:49
nicknem sends brownie points to @adityaparab :sparkles: :thumbsup: :sparkles:
:cookie: 598 | @adityaparab |http://www.freecodecamp.com/adityaparab
atomicody
@atomicody
Aug 19 2016 07:50

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

</style>

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

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p> Purr jump eat the grass rip the couch sleep </p>
Darth Skywalker
@adityaparab
Aug 19 2016 07:50
@nicknem :+1:
atomicody
@atomicody
Aug 19 2016 07:50
whoops, none of the tags are colored for some reason
I think I should have used html instead of js.
Picshulo
@Picshulo
Aug 19 2016 07:51
@atomicody no, just use these ``` without js
atomicody
@atomicody
Aug 19 2016 07:52

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

</style>

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

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p> Purr jump eat the grass rip the couch sleep </p>
Darth Skywalker
@adityaparab
Aug 19 2016 07:52
@atomicody : Just edit it again
Right!
Picshulo
@Picshulo
Aug 19 2016 07:52
@adityaparab Can you please tell him what's wrong, i can see that but its hard to explain with my english :D
and don't want to show him whole solution
atomicody
@atomicody
Aug 19 2016 07:53
I'm just starting out lol, as you can tell.
Mika Vesasto
@Locheed
Aug 19 2016 07:53
@atomicody Just remember closing your css styles.
Darth Skywalker
@adityaparab
Aug 19 2016 07:53
@Picshulo : Roger :+1: Not that my English is shakespearean:D
@atomicody : You need to take out the p{..} out side your .red-text declaration
Alexios Pantavos
@AlexiosP
Aug 19 2016 07:54
@atomicody In your <style> section, you shouldn't nest a class or tag inside another one. E.g.
.oneClass {
.anotherClass { }
}
The above is wrong ^^
Darth Skywalker
@adityaparab
Aug 19 2016 07:54
so you have
.red-text{
}

p{
}
atomicody
@atomicody
Aug 19 2016 07:57
Thank you everyone. Makes sense now.
Broozius
@Brucius
Aug 19 2016 07:58
@adityaparab was following instruction from this http://jlord.us/git-it/challenges/branches_arent_just_for_birds.html
Thanks bud
Darth Skywalker
@adityaparab
Aug 19 2016 07:59
@Brucius :+1:
Char Kway Teow
@Char-Kway-Teow
Aug 19 2016 08:25
how do i do this
Make sure each of your div elements has a closing tag.
Lenuta
@ionutlenuta
Aug 19 2016 08:27
each element should have </div> @Char-Kway-Teow
Char Kway Teow
@Char-Kway-Teow
Aug 19 2016 08:28
it does not work
<div class="row"><button class="btn btn-block btn-primary">Like</button> <div class="col-xs-4">
<button class="btn btn-block btn-info">Info</button> <div class="col-xs-4">
<button class="btn btn-block btn-danger">Delete</button> <div class="col-xs-4">
Lenuta
@ionutlenuta
Aug 19 2016 08:29
you do not have any </div> @Char-Kway-Teow
Char Kway Teow
@Char-Kway-Teow
Aug 19 2016 08:30
<div class="row"><button class="btn btn-block btn-primary">Like</button> <div class="col-xs-4"></div>
<button class="btn btn-block btn-info">Info</button> <div class="col-xs-4"></div>
<button class="btn btn-block btn-danger">Delete</button> <div class="col-xs-4"></div>
so is it like that?
Lenuta
@ionutlenuta
Aug 19 2016 08:32
what's the name of your lesson?
Char Kway Teow
@Char-Kway-Teow
Aug 19 2016 08:32
Use the Bootstrap Grid to Put Elements Side By Side
Lenuta
@ionutlenuta
Aug 19 2016 08:34
  <div class="col-xs-4">
  <button class="btn btn-block btn-primary">Like</button>
      </div>
    <div class="col-xs-4">
  <button class="btn btn-block btn-info">Info</button>
      </div>
      <div class="col-xs-4">
  <button class="btn btn-block btn-danger">Delete</button>
        </div>
Char Kway Teow
@Char-Kway-Teow
Aug 19 2016 08:34
thank you
there is this error
Make sure each of your div elements has a closing tag.
not that error
thus one
Picshulo
@Picshulo
Aug 19 2016 08:38
@Char-Kway-Teow You just copy-pasted the code @ionutlenuta sent here right?
Char Kway Teow
@Char-Kway-Teow
Aug 19 2016 08:38
this one
ya
Your buttons should all be nested within the same div element with the class row.
Lenuta
@ionutlenuta
Aug 19 2016 08:38
it shows you again that error? @Char-Kway-Teow
Picshulo
@Picshulo
Aug 19 2016 08:39
@Char-Kway-Teow and now you are missing <div class="row"></div> right?
Char Kway Teow
@Char-Kway-Teow
Aug 19 2016 08:39
oh ya
forgot abt it
thanks!
Picshulo
@Picshulo
Aug 19 2016 08:40
@Char-Kway-Teow :thumbsup: but next time try to write it by yourself, i know its boring but harder to forget it then
Char Kway Teow
@Char-Kway-Teow
Aug 19 2016 08:41
<div class="col-xs-4">
<button class="btn btn-block btn-primary">Like</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-info">Info</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-danger">Delete</button>
<div class="row"> </div>
is it like that?
Picshulo
@Picshulo
Aug 19 2016 08:42
@Char-Kway-Teow you need to nest it all between your <div class = "row"></div>
Char Kway Teow
@Char-Kway-Teow
Aug 19 2016 08:42
ok
Dylan
@StJimmy0
Aug 19 2016 09:05
Morning guys... Can someone help me with nesting?
Picshulo
@Picshulo
Aug 19 2016 09:06
@StJimmy0 Hello. Where's your problem?
Dylan
@StJimmy0
Aug 19 2016 09:06
Now nest your existing a element within a new p element (just after the existing h2 element) so that the surrounding paragraph says "View more cat photos", but where only "cat photos" is a link, and the rest of the text is plain text.

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

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

Picshulo
@Picshulo
Aug 19 2016 09:09
@StJimmy0 try to refresh page, it works for me
Tobias Gerhardsson
@tobiasger
Aug 19 2016 09:09
Does anyone know any good horizontal accordion that works in full screen?
Dylan
@StJimmy0
Aug 19 2016 09:10
Refresh worked. Thanks @Picshulo
CamperBot
@camperbot
Aug 19 2016 09:10
stjimmy0 sends brownie points to @picshulo :sparkles: :thumbsup: :sparkles:
:cookie: 294 | @picshulo |http://www.freecodecamp.com/picshulo
Picshulo
@Picshulo
Aug 19 2016 09:10
@StJimmy0 :thumbsup:
Abis Mal
@abisthecodermal
Aug 19 2016 09:16

What's that? @tobiasger

Does anyone know any good horizontal accordion that works in full screen?

MechPilot
@MechPilot
Aug 19 2016 09:16
Hey everyone! I'm stuck in the "Style Text Inputs as Form Controls" of the Bootstrap section. One of the instructions is badly written: "Give the text input in your form the class form-control." Anyone remember what i had to do with that one?
Dan Sack
@DanPete
Aug 19 2016 09:17
Is this a good setup for building a portfolio page? Or will I run into problems later by creating 3 jumbotrons in one page? https://codepen.io/DanPete/pen/kXmBwb
Manish Giri
@Manish-Giri
Aug 19 2016 09:17
@MechPilot do you see the inputelement
MechPilot
@MechPilot
Aug 19 2016 09:17
yes
Tobias Gerhardsson
@tobiasger
Aug 19 2016 09:18
@abisthecodermal I’m looking for a slider with accordion effect for page navigation that works responsive and in full screen (full width and full height in procent), kind of like on this page: http://real.foundation
Manish Giri
@Manish-Giri
Aug 19 2016 09:18
@MechPilot give it the class of form-control, also ensure input is nested in the form element
MechPilot
@MechPilot
Aug 19 2016 09:19
It worked! Thank you so much Manish Giri!
Manish Giri
@Manish-Giri
Aug 19 2016 09:19
@MechPilot pleasure!
Srishti Jhanwar
@Srishti8
Aug 19 2016 09:31
  1. Your body element should have a black background.
  2. Use rgb to give your body element a color of black. For example body { background-color: rgb(255, 165, 0); }
The second point is nor clear to me
Tobias Gerhardsson
@tobiasger
Aug 19 2016 09:32
@abisthecodermal I’ve found this script called zAccordion that works in procent and full screen http://www.armagost.com/zaccordion/
Srishti Jhanwar
@Srishti8
Aug 19 2016 09:32
I did body{background-color: black;} and it passes the first case
Manish Giri
@Manish-Giri
Aug 19 2016 09:32
@Srishti8 the second point shows you how to set background-color using rgb notation
Tobias Gerhardsson
@tobiasger
Aug 19 2016 09:32
@abisthecodermal But I can’t have the container width in procent and the tab width in pixels, the accordion will break if I do that
Srishti Jhanwar
@Srishti8
Aug 19 2016 09:32
and if I do body{background-color: rgb(255,165,0);} then it fails on both cases
Manish Giri
@Manish-Giri
Aug 19 2016 09:32
@Srishti8 try rgb(0,0,0); instead of black
Srishti Jhanwar
@Srishti8
Aug 19 2016 09:32
ohh
I am really sorry
Thanks!
Manish Giri
@Manish-Giri
Aug 19 2016 09:33
welcome! Happy coding :smile:
DethSonik
@DethSonik
Aug 19 2016 09:38
Hi I need help prioritizing one style over another. Any tips? Thanks.
Tobias Gerhardsson
@tobiasger
Aug 19 2016 09:38
@DethSonik You can simply put !important behind the style, if that’s what you mean
@DethSonik background-color:red!important; for example
DethSonik
@DethSonik
Aug 19 2016 09:39
@tobiasger ahhh ok I'll try that out. Thanks!
CamperBot
@camperbot
Aug 19 2016 09:39
dethsonik sends brownie points to @tobiasger :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for tobiasger
DethSonik
@DethSonik
Aug 19 2016 09:41
blob
Dan Sack
@DanPete
Aug 19 2016 09:41
How do I prevent my jumbotrons from stacking like this? I want them all under each other. https://codepen.io/DanPete/pen/kXmBwb
sudeep s
@sudeepsn
Aug 19 2016 09:41
plz help
Manish Giri
@Manish-Giri
Aug 19 2016 09:41
This message was deleted
sudeep s
@sudeepsn
Aug 19 2016 09:41
Use a CSS Class to Style an Element
Manish Giri
@Manish-Giri
Aug 19 2016 09:41
@DethSonik remove that hi
sudeep s
@sudeepsn
Aug 19 2016 09:41
errors
  1. Your h2 element should be red.
DethSonik
@DethSonik
Aug 19 2016 09:42
@Manish-Giri Ah ok.
sudeep s
@sudeepsn
Aug 19 2016 09:42
2 Your stylesheet should declare a red-text class and have its color set to red.
Manish Giri
@Manish-Giri
Aug 19 2016 09:42
@DethSonik you’re also missing the quotes around pink-text
class=“pink-text
sudeep s
@sudeepsn
Aug 19 2016 09:43

Your h2 element should be red.

Your stylesheet should declare a red-text class and have its color set to red.

DethSonik
@DethSonik
Aug 19 2016 09:43
@Manish-Giri Hmm it worked without the qoutes. Are they necessary?
sudeep s
@sudeepsn
Aug 19 2016 09:44
code

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

Manish Giri
@Manish-Giri
Aug 19 2016 09:44
@DethSonik really? that’s surprising.
@sudeepsn where is your red-text class css
DethSonik
@DethSonik
Aug 19 2016 09:45
@Manish-Giri Yeah not sure how that worked out lol
sudeep s
@sudeepsn
Aug 19 2016 09:45
@Manish-Giri dont know
Picshulo
@Picshulo
Aug 19 2016 09:46
@DanPete You are missing one more closing div after every <h3>