These are chat archives for FreeCodeCamp/Help

29th
Jul 2017
Kyle Holm
@thekholm80
Jul 29 2017 00:01 UTC
@HappyViki i've lost most of my hair, i don't feel that great
Veronica Eulenberg
@HappyViki
Jul 29 2017 00:02 UTC
@thekholm80 I didn’t mean through balding
Kyle Holm
@thekholm80
Jul 29 2017 00:02 UTC
:) i know
Veronica Eulenberg
@HappyViki
Jul 29 2017 00:04 UTC
@thekholm80 I don’t know if cutting my hair off was a good idea. I mean…I do find it funny when people think I’m a boy, but on the other hand, maybe they don’t, maybe now with all the political correctness they think that I’m a girl but don’t want to offend me…and that makes it less fun for me.
Kyle Holm
@thekholm80
Jul 29 2017 00:04 UTC
@HappyViki I have an acquaintance who often plays peter pan in plays, she loves the ambiguity
Veronica Eulenberg
@HappyViki
Jul 29 2017 00:05 UTC
I love peter pan!
I want to wear clothes that look like peter pan's
Kyle Holm
@thekholm80
Jul 29 2017 00:05 UTC
i hear cosplay is a thing
Veronica Eulenberg
@HappyViki
Jul 29 2017 00:05 UTC
That’s too mainstream
Kyle Holm
@thekholm80
Jul 29 2017 00:06 UTC
lol
Veronica Eulenberg
@HappyViki
Jul 29 2017 00:06 UTC
I look like such a feminine boy though.
Raj Patel
@rajp1847
Jul 29 2017 00:07 UTC
help plz
Adel
@AdelMahjoub
Jul 29 2017 00:07 UTC
:ambulance: @rajp1847
@rajp1847 what is it
Raj Patel
@rajp1847
Jul 29 2017 00:07 UTC

I want to style a textarea (300x300 px) such that the fontsize adjusts dynamically on keyup. It should scale the font such that the text fills the textarea as much as possible.

What is confusing is that when I scale the font, it gets narrower, but also the height decreases, so free area below the text becomes available. What kind of logic should I implement such that the textarea is filled as much as possible both with regard to width as well as height?

Veronica Eulenberg
@HappyViki
Jul 29 2017 00:07 UTC
My shoulders and neck and jawline look so femine! I can’t believe some people actually think I’m a boy!
Kyle Holm
@thekholm80
Jul 29 2017 00:08 UTC
@HappyViki there's a lot of grey area now, especially in your state.
Veronica Eulenberg
@HappyViki
Jul 29 2017 00:08 UTC
@thekholm80 grey? 50 sheds? or what?
Kyle Holm
@thekholm80
Jul 29 2017 00:09 UTC
I mean gender lines lol
Adel
@AdelMahjoub
Jul 29 2017 00:09 UTC
@rajp1847 maybe with css with line-height, word-spacing, font-size properties
Veronica Eulenberg
@HappyViki
Jul 29 2017 00:09 UTC
@thekholm80 yup the gayest state ever!
Raj Patel
@rajp1847
Jul 29 2017 00:09 UTC
so how do i do it
Kyle Holm
@thekholm80
Jul 29 2017 00:09 UTC
@HappyViki I love california. I'd live there if i were rich
Veronica Eulenberg
@HappyViki
Jul 29 2017 00:10 UTC
@thekholm80 are you in michigan?
Kyle Holm
@thekholm80
Jul 29 2017 00:10 UTC
Utah
...
Adel
@AdelMahjoub
Jul 29 2017 00:10 UTC
@rajp1847 should find some ration with width height and the css properties, or maybe there is a simplier solution
Veronica Eulenberg
@HappyViki
Jul 29 2017 00:10 UTC
@thekholm80 ooh my flight got canseled when I landed there once. Had to spend the night in Salt Lake City.
Kyle Holm
@thekholm80
Jul 29 2017 00:11 UTC
oh i'm sorry
SLC isn't too bad, but still
Veronica Eulenberg
@HappyViki
Jul 29 2017 00:11 UTC
the hotel had a nice pool
the airline gave us a free night :)
Kyle Holm
@thekholm80
Jul 29 2017 00:11 UTC
that's very cool
Timothy Javins
@timjavins
Jul 29 2017 00:39 UTC
@rajp1847 Use the CSS modifiers, such as character spacing, font-size, stuff like that. Use percentages or pixels or vh (height unit where 100 = max and 0 = min). using vh is my favorite.
I haven't gotten into jQuery much, but I suspect you can activate jQuery modifications to the style upon key press.
@MikeJSchorah Mike, what's up? You're wondering about web hosting - shoot. What's your situation?
Veronica Eulenberg
@HappyViki
Jul 29 2017 01:23 UTC
This is so confusing!!! Why isn’t it putting the thingies in the right boxes?
https://codepen.io/HappyViki/pen/YxKMeV
Kyle Holm
@thekholm80
Jul 29 2017 01:23 UTC
@HappyViki it put my x's everywhere i clicked
playing as o's is kind of buggy though
Veronica Eulenberg
@HappyViki
Jul 29 2017 01:24 UTC
@thekholm80 look at the log. It sometimes prints out the wrong numbers for the opp's moves.
Kyle Holm
@thekholm80
Jul 29 2017 01:25 UTC
strange
Veronica Eulenberg
@HappyViki
Jul 29 2017 01:27 UTC
Screen Shot 2017-07-28 at 6.25.52 Moon.png
example @thekholm80
Kyle Holm
@thekholm80
Jul 29 2017 01:28 UTC
i really have no idea what any of that means, to be honest. your code is unlike anything i've seen before
Veronica Eulenberg
@HappyViki
Jul 29 2017 01:28 UTC
wait…I shoulda screen shotted the tic tac toe grid…cuz that WAS wrong
It’s binary code man
Kyle Holm
@thekholm80
Jul 29 2017 01:29 UTC
i've never coded in binary
Veronica Eulenberg
@HappyViki
Jul 29 2017 01:29 UTC
0b000000001 is the lower right corner.
0b100000000 is the upper left
Have you already completed this project using a different tactic?
Kyle Holm
@thekholm80
Jul 29 2017 01:30 UTC
i have
Veronica Eulenberg
@HappyViki
Jul 29 2017 01:30 UTC
I want my tactic to work :(
Kyle Holm
@thekholm80
Jul 29 2017 01:30 UTC
i'm sure it's possible
Veronica Eulenberg
@HappyViki
Jul 29 2017 01:31 UTC
I guess I could scrap it…it’s just that I’m so close to finishing!
Kyle Holm
@thekholm80
Jul 29 2017 01:31 UTC
don't give up!
Veronica Eulenberg
@HappyViki
Jul 29 2017 01:31 UTC
I need to figure out what’s wrong with this part; I think this is the problem.
     var oppsArr = moves.filter(function(item) {
        return ((yourMoves & item) | (oppsMoves & item)) === 0b000000000;
      });

      index = Math.floor(Math.random() * oppsArr.length);
      oppsMoves += oppsArr[index];
      $("#" + index).text(opp);
Uriel Guzmán
@Burinson
Jul 29 2017 01:32 UTC
Hi, guys. How can I make my quote generator overrite the previous quote instead of adding them up?
https://codepen.io/Burinson/pen/PKPvOK?editors=1010
Veronica Eulenberg
@HappyViki
Jul 29 2017 01:33 UTC
$(".message").text("quote")
or $(".message").html("quote")
Uriel Guzmán
@Burinson
Jul 29 2017 01:35 UTC
@HappyViki Thank you, my brotha
CamperBot
@camperbot
Jul 29 2017 01:35 UTC
burinson sends brownie points to @happyviki :sparkles: :thumbsup: :sparkles:
:cookie: 309 | @happyviki |http://www.freecodecamp.com/happyviki
Kyle Holm
@thekholm80
Jul 29 2017 01:35 UTC
@HappyViki see, you can pass as a boy
Veronica Eulenberg
@HappyViki
Jul 29 2017 01:36 UTC
@Burinson Welcome mah mannn
@thekholm80 lol you caught that. Shhhhhhe don’t give it away.
@thekholm80 I think "Viki" is an Indian boy name.
Kyle Holm
@thekholm80
Jul 29 2017 01:37 UTC
i did not know that
Veronica Eulenberg
@HappyViki
Jul 29 2017 01:37 UTC
Me either until someone said that. I’m too lazy to confirm though
@thekholm80 uggghhhh I thought that moves[moves.indexOf(oppsArr[index])] would solve everything…but alas :(
Kyle Holm
@thekholm80
Jul 29 2017 01:42 UTC
hit it with a hammer
Veronica Eulenberg
@HappyViki
Jul 29 2017 01:45 UTC
@thekholm80 I think I solved the problem :O but I’m not sure. I’m going to run some tests. moves.indexOf(oppsArr[index]) seemed to do it.
i fixed it…i fixed it! woooaaahhhhhh https://codepen.io/HappyViki/pen/YxKMeV
now I just have to see how to make it restart. the restart function doesn’t seem to work at the moment.
Kyle Holm
@thekholm80
Jul 29 2017 01:47 UTC
i won
i am a tic tac toe genius
Veronica Eulenberg
@HappyViki
Jul 29 2017 01:48 UTC
the computer is random. once I complete this challenge I’m going to add some more modes :P @thekholm80 like…you have 3 chances to write over your opponent’s O’s XD :P
Kyle Holm
@thekholm80
Jul 29 2017 01:49 UTC
awesome
Uriel Guzmán
@Burinson
Jul 29 2017 01:49 UTC
Another question. How do I make a random quote trigger when the page is loaded?
https://codepen.io/Burinson/pen/PKPvOK?editors=1010
I'm probably just nitpicking my own project, lol
Veronica Eulenberg
@HappyViki
Jul 29 2017 01:54 UTC
@Burinson what do you mean trigger? trigger warning? :OOOO jk lol
Uriel Guzmán
@Burinson
Jul 29 2017 01:55 UTC
Oh
I want it to already show a quote when it gets loaded, haha
Veronica Eulenberg
@HappyViki
Jul 29 2017 01:57 UTC
Why re you still using append? Just use your html tag that you already have.
@Burinson Put the function outside the click caller thingy
I should get better at explaining things sorry :/
Anyway, you want to create the function with the json outside the on click thing. Name the function whatever you want and then call it both in the onclick and outside.
@thekholm80 I just need to know how to reset and I can get my front end certificate. The question is why isn’t this function working? It looks like it should.
function reset() {
    var yourMoves = 0b000000000;
    var oppsMoves = 0b000000000;
     $(".box").text("");
  }
Kyle Holm
@thekholm80
Jul 29 2017 02:04 UTC
@HappyViki looks like you're calling the function successfully, so the problem must be what's inside the function
Veronica Eulenberg
@HappyViki
Jul 29 2017 02:07 UTC
@thekholm80 the log says true though! (same as what’s supposed to let me put my thingies in)
  function reset() {
    var yourMoves = 0b000000000;
    var oppsMoves = 0b000000000;

    console.log("reset!",((yourMoves & moves[0]) | (oppsMoves & moves[0])) ===
      0b000000000)
    $(".box").text("");
  }
Kyle Holm
@thekholm80
Jul 29 2017 02:08 UTC
what if you put all your initial setup into a function, and call that at the end of your game instead?
Veronica Eulenberg
@HappyViki
Jul 29 2017 02:09 UTC
@thekholm80 it sees where I put my thingies, but I don’t see them. It resets when I win secretly.
Kyle Holm
@thekholm80
Jul 29 2017 02:09 UTC
that sounds kind of creepy
Veronica Eulenberg
@HappyViki
Jul 29 2017 02:10 UTC
lol
my creepy tic tac toe. the tip tap toe XD
Uriel Guzmán
@Burinson
Jul 29 2017 02:26 UTC
@HappyViki I did it, but now the button doesn't work
shivam gupta
@shivamg11000
Jul 29 2017 02:36 UTC
Timothy Javins
@timjavins
Jul 29 2017 02:49 UTC
@shivamg11000 Is there a reason you didn't just put your input field in the HTML?
You have to put a function in the HTML in order for the JS to run, don't you?
Like this:
<script type="text/javascript">
    $(document).ready(function() {
        //add whatever function here
    });
</script>
Timothy Javins
@timjavins
Jul 29 2017 02:55 UTC
in the <head></head>, normally
Jan Shah
@JanShah
Jul 29 2017 02:55 UTC

@shivamg11000

 <form 
        onSubmit={()=>store.dispatch({

//your code 

<form 
        onSubmit={store.dispatch({

that's what's stopping the app running

Timothy Javins
@timjavins
Jul 29 2017 02:57 UTC
@JanShah Am I wrong about the script bit? I haven't gotten into JS much yet.
Kyle Holm
@thekholm80
Jul 29 2017 02:57 UTC
@timjavins you are right that that's needed, just not in this project
he's using react, it's a little different than what you're used to
Timothy Javins
@timjavins
Jul 29 2017 02:58 UTC
ah, I see. Thanks @thekholm80
CamperBot
@camperbot
Jul 29 2017 02:58 UTC
timjavins sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:star2: 1386 | @thekholm80 |http://www.freecodecamp.com/thekholm80
Jan Shah
@JanShah
Jul 29 2017 02:59 UTC
@timjavins there are a number of ways to do it, it's not necessary to put it into html, or use the jquery type syntax
Timothy Javins
@timjavins
Jul 29 2017 03:01 UTC
I really want to type into that input field cholesterol
Jan Shah
@JanShah
Jul 29 2017 03:02 UTC
I sometimes use
window.onload=function() {
//start here
}
Timothy Javins
@timjavins
Jul 29 2017 03:02 UTC
nice
thanks, @JanShah
CamperBot
@camperbot
Jul 29 2017 03:02 UTC
timjavins sends brownie points to @janshah :sparkles: :thumbsup: :sparkles:
:cookie: 480 | @janshah |http://www.freecodecamp.com/janshah
Kyle Holm
@thekholm80
Jul 29 2017 03:02 UTC
codepen includes all of that behind the scenes, so you can just put your code straight into the JS box
Timothy Javins
@timjavins
Jul 29 2017 03:02 UTC
Ok, that makes sense.
That's one thing I wish wasn't true, for the benefit of learning.
Huỳnh Trần Khanh
@khanh2003
Jul 29 2017 03:03 UTC
@thekholm80 it doenst include all of that behind the scene, you are wrong.
Kyle Holm
@thekholm80
Jul 29 2017 03:04 UTC
@khanh2003 I'd be happy to look at any information you have showing that
Timothy Javins
@timjavins
Jul 29 2017 03:04 UTC
I feel like we would learn more about the full stack by seeing all of that. But then it's also good to see an advanced system that accomplishes so much and be able to deduce how it functions behind the scenes.
Huỳnh Trần Khanh
@khanh2003
Jul 29 2017 03:04 UTC
type view-source
CodePen add <script> tag right before </body> so you don't need window.onload.
i'm just going by what codepen says
Huỳnh Trần Khanh
@khanh2003
Jul 29 2017 03:06 UTC

If you need to wait for window load

You dont need to wait for window load 99% of the time.

Except when you have heavy images and your script depends on them.
Kyle Holm
@thekholm80
Jul 29 2017 03:07 UTC
you're right, but that's not what we were discussing. we were talking about document.ready, not window
Huỳnh Trần Khanh
@khanh2003
Jul 29 2017 03:08 UTC
ok then
Jan Shah
@JanShah
Jul 29 2017 03:09 UTC
@khanh2003 looks like they're used together by the link you've sent, not mutually exclusive
[BTW, window.onload is bad
Mike Batista
@mbmontana
Jul 29 2017 04:10 UTC
Hello all. I can't seem to get my navigation bar to be horizontal. Any thoughts?
<nav class="navbar navbar-light navbar-default navbar-static-top"><div class="container"><a href="#" class="navbar-brand">Mike Batista</a><ul class="navbar-nav inline-block"><li class="nav-item active"><a href="#projectsheader">Projects</a></li><li class="nav-item active"><a href="#publishedheader">Published Work</li>
  <li class="nav-item active"><a href="#contactheader">Contact</li></ul></div></nav>
Kyle Holm
@thekholm80
Jul 29 2017 04:11 UTC
give the link to your pen?
@thekholm80 I realize the entire code is pretty messy. Been struggling to get this to look right.
Kyle Holm
@thekholm80
Jul 29 2017 04:18 UTC
@mbmontana i'd suggest:
  1. change your css link to bootstrap 3
  2. in the javascript settings add jquery
  3. below jquery add bootstrap.js 3
Mike Batista
@mbmontana
Jul 29 2017 04:18 UTC
So Bootstrap 3 instead of Bootstrap 4?
Kyle Holm
@thekholm80
Jul 29 2017 04:19 UTC
unless you're using the bootstrap 4 docs as guidance
but a lot of the bootstrap classes you learned in FCC are not available in bootstrap 4
Mike Batista
@mbmontana
Jul 29 2017 04:22 UTC
@thekholm80 ugh, i did what you said and it screwed up everything else in my portfolio page.
I'm probably making a mistake doing the navbar last. the rest of the portfolio page is done.
Kyle Holm
@thekholm80
Jul 29 2017 04:24 UTC
then i'd suggest finding the bootstrap 4 docs and looking up how to do the nav bar
Mike Batista
@mbmontana
Jul 29 2017 04:25 UTC
The bootstrap 4 docs ... you mean in Github? I've Googled this about a dozen times before finally asking here.
Kyle Holm
@thekholm80
Jul 29 2017 04:25 UTC
i mean the official documentation for the library
@mbmontana
Veronica Eulenberg
@HappyViki
Jul 29 2017 04:40 UTC
Screen Shot 2017-07-28 at 9.39.01 Moon.png
@thekholm80 duuude it doesn’t reset!!
Kyle Holm
@thekholm80
Jul 29 2017 04:41 UTC
did you try the hammer thing?
i have a good feeling about that
Timothy Javins
@timjavins
Jul 29 2017 04:41 UTC
You don't seem happy, Viki.
Veronica Eulenberg
@HappyViki
Jul 29 2017 04:41 UTC
@thekholm80 what does that mean?
Kyle Holm
@thekholm80
Jul 29 2017 04:42 UTC
get a hammer, then hit it
it'll make you feel better
Veronica Eulenberg
@HappyViki
Jul 29 2017 04:42 UTC
@timjavins I will be when I’m done hammering
@thekholm80 I want it to workkkk
Kyle Holm
@thekholm80
Jul 29 2017 04:42 UTC
i really wish i could help you
Veronica Eulenberg
@HappyViki
Jul 29 2017 04:43 UTC
@timjavins right now I’m frustrated viki
@thekholm80 but you don’t know what the heck I’m doing with binary numbers :(
Kyle Holm
@thekholm80
Jul 29 2017 04:44 UTC
right. it's all greek to me
Veronica Eulenberg
@HappyViki
Jul 29 2017 04:45 UTC
Screen Shot 2017-07-28 at 9.45.15 Moon.png
you mean all geek?
wtf is wrong with that ^^^ it’s a number! it should act like one!
Manish Giri
@Manish-Giri
Jul 29 2017 04:46 UTC
how will a variable declared now have a value assigned to it already to subtract from
Veronica Eulenberg
@HappyViki
Jul 29 2017 04:48 UTC
Screen Shot 2017-07-28 at 9.48.18 Moon.png
I’m getting warmer
I FIXED THE FRICKEN THING!!!!
MY GAME WORKS
WOOOOOT
Kyle Holm
@thekholm80
Jul 29 2017 04:49 UTC
:tada:
good job, congrats on your cert
shivam gupta
@shivamg11000
Jul 29 2017 04:50 UTC
@JanShah yeah I got it
Veronica Eulenberg
@HappyViki
Jul 29 2017 04:50 UTC
I had a prograsm :P
Kyle Holm
@thekholm80
Jul 29 2017 04:50 UTC
@HappyViki rofl
Veronica Eulenberg
@HappyViki
Jul 29 2017 04:51 UTC
@thekholm80 and thanks for chatting with me while I figured everything out all by myself :)
CamperBot
@camperbot
Jul 29 2017 04:51 UTC
happyviki sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:star2: 1387 | @thekholm80 |http://www.freecodecamp.com/thekholm80
Veronica Eulenberg
@HappyViki
Jul 29 2017 04:51 UTC
Timothy Javins
@timjavins
Jul 29 2017 04:52 UTC
Well done. :)
Veronica Eulenberg
@HappyViki
Jul 29 2017 04:52 UTC
@timjavins now I’m VERY happy Viki :)
Timothy Javins
@timjavins
Jul 29 2017 04:52 UTC
Sweet
The benefit of using 2^n was to sum the values of each square and end up with 8 different sums that qualify as winners, correct?
I haven't seen the assignment yet. Was that your own solution or does it somehow come from the material?
Mike Batista
@mbmontana
Jul 29 2017 05:13 UTC
@thekholm80 I read the docs, still not working. Could this have anything to do with me doing the navbar last instead of first?
Kyle Holm
@thekholm80
Jul 29 2017 05:17 UTC
the order you write your code doesn't matter
all that matters is how you write it
Darren
@DarrenfJ
Jul 29 2017 05:20 UTC
evening fCC
@daddycardona yer welcome :D
Kyle Holm
@thekholm80
Jul 29 2017 05:21 UTC
@DarrenfJ :wave:
Darren
@DarrenfJ
Jul 29 2017 05:21 UTC
hey! @thekholm80 :wave:
Veronica Eulenberg
@HappyViki
Jul 29 2017 05:26 UTC
@thekholm80 I made it all myself using binary numbers.
Kyle Holm
@thekholm80
Jul 29 2017 05:27 UTC
@HappyViki now you get to learn react
Veronica Eulenberg
@HappyViki
Jul 29 2017 05:27 UTC
I was supposed to tag @timjavins because you already know that.
@thekholm80 what’s react?
Kyle Holm
@thekholm80
Jul 29 2017 05:28 UTC
@HappyViki that's the next thing. the first 1/2 of the data viz cert
Manish Giri
@Manish-Giri
Jul 29 2017 05:29 UTC
what’s react?
it's the entrance to the rabbit hole
where mysteries like redux, saga, thunk and more await
@DarrenfJ :wave:
Darren
@DarrenfJ
Jul 29 2017 05:33 UTC
@Manish-Giri hey buddy!

:D

it's the entrance to the rabbit hole

Kyle Holm
@thekholm80
Jul 29 2017 05:35 UTC
well, i still like react
pretty sick of css though
Veronica Eulenberg
@HappyViki
Jul 29 2017 05:35 UTC
@thekholm80 oh
@Manish-Giri rabbit hole? why do you say that?
Can anyone look at what I’ve done by looking at https://www.freecodecamp.org/happyviki/? My certificate doesn’t have my name on it. Am I supposed to print it out and write my full name on it myself?
Kyle Holm
@thekholm80
Jul 29 2017 05:38 UTC
@HappyViki i've never seen that happen before
Darren
@DarrenfJ
Jul 29 2017 05:40 UTC
is there any way to flag yer cert with helptickets/bug thangs in GitHub or something?
Manish Giri
@Manish-Giri
Jul 29 2017 05:40 UTC
@HappyViki because once you begin react, you'll need to learn more things too...
Veronica Eulenberg
@HappyViki
Jul 29 2017 05:40 UTC
mine doesnt :/
Manish Giri
@Manish-Giri
Jul 29 2017 05:40 UTC
absolutely terrifying
@DarrenfJ how goes it
Kyle Holm
@thekholm80
Jul 29 2017 05:41 UTC
the React ecosystem is huge, but you don't have to learn it all at once
react in codepen is mostly painless
Timothy Javins
@timjavins
Jul 29 2017 05:41 UTC
@HappyViki It's blank because you haven't given yourself a name in your profile.
Veronica Eulenberg
@HappyViki
Jul 29 2017 05:41 UTC
@Manish-Giri lol learn more things how scary
Darren
@DarrenfJ
Jul 29 2017 05:42 UTC
@HappyViki yah that sucks.. maybe email the powers that be and see if they can help
Veronica Eulenberg
@HappyViki
Jul 29 2017 05:42 UTC
@timjavins I’m trying to find where I can do that.
Timothy Javins
@timjavins
Jul 29 2017 05:42 UTC
Your name space is blank. It populates the certificate with your name from your profile.
Kyle Holm
@thekholm80
Jul 29 2017 05:42 UTC
@timjavins you're a genius
@timjavins thanks! have a cookie
CamperBot
@camperbot
Jul 29 2017 05:42 UTC
thekholm80 sends brownie points to @timjavins :sparkles: :thumbsup: :sparkles:
:cookie: 124 | @timjavins |http://www.freecodecamp.com/timjavins
Veronica Eulenberg
@HappyViki
Jul 29 2017 05:42 UTC
@timjavins thanks genius
CamperBot
@camperbot
Jul 29 2017 05:42 UTC
happyviki sends brownie points to @timjavins :sparkles: :thumbsup: :sparkles:
:cookie: 125 | @timjavins |http://www.freecodecamp.com/timjavins
Timothy Javins
@timjavins
Jul 29 2017 05:42 UTC
Throwing out compliments for brownies, eh?
Because now I have to thank you for the compliment. ;)
Veronica Eulenberg
@HappyViki
Jul 29 2017 05:43 UTC
wait…is 'genious' the britt way of spelling it? It seems more correct.
Timothy Javins
@timjavins
Jul 29 2017 05:43 UTC
Thanks, @thekholm80 and @HappyViki
CamperBot
@camperbot
Jul 29 2017 05:43 UTC
timjavins sends brownie points to @thekholm80 and @happyviki :sparkles: :thumbsup: :sparkles:
:cookie: 311 | @happyviki |http://www.freecodecamp.com/happyviki
:star2: 1388 | @thekholm80 |http://www.freecodecamp.com/thekholm80
Veronica Eulenberg
@HappyViki
Jul 29 2017 05:43 UTC
YAY
Darren
@DarrenfJ
Jul 29 2017 05:43 UTC
Kyle's in here day in and day out helping people...
Veronica Eulenberg
@HappyViki
Jul 29 2017 05:44 UTC
How do I tell them my name though???
Timothy Javins
@timjavins
Jul 29 2017 05:44 UTC
They probably got it from your GitHub profile. Is that how you signed up, using your GitHub?
Darren
@DarrenfJ
Jul 29 2017 05:45 UTC
@thekholm80 did your pull yer name from your profile? Can you tell by what it grabbed what field it pulls from?
Timothy Javins
@timjavins
Jul 29 2017 05:45 UTC
But I've noticed that some changes I make in my GitHub profile don't alter my freeCodeCamp profile.
Hopefully name change will change fCC
Try this:
Veronica Eulenberg
@HappyViki
Jul 29 2017 05:47 UTC
:(
Darren
@DarrenfJ
Jul 29 2017 05:48 UTC
you got your name in your Github.. wonder what would happen if you hit update you profile on the settings page.. hmmmm
Timothy Javins
@timjavins
Jul 29 2017 05:49 UTC
mhmmm
Veronica Eulenberg
@HappyViki
Jul 29 2017 05:50 UTC
maybe it’s a 24 hour update thing
Darren
@DarrenfJ
Jul 29 2017 05:51 UTC
did you just add your name to GitHub?
Veronica Eulenberg
@HappyViki
Jul 29 2017 05:51 UTC
or I could email them
I did
Darren
@DarrenfJ
Jul 29 2017 05:51 UTC
ah
Timothy Javins
@timjavins
Jul 29 2017 05:51 UTC
You should email them, yes.
Veronica Eulenberg
@HappyViki
Jul 29 2017 05:51 UTC
If you go to my github page NOW, you’ll see it.
Darren
@DarrenfJ
Jul 29 2017 05:51 UTC
there is the update my gitHub profile button in the settings
yah saw it there now
Darren
@DarrenfJ
Jul 29 2017 05:52 UTC
i just wouldn't want that to do anything weird like reset your progress.
schweet!
Timothy Javins
@timjavins
Jul 29 2017 05:52 UTC
bingo
Veronica Eulenberg
@HappyViki
Jul 29 2017 05:52 UTC
@DarrenfJ I think updating the github thing on the freecodecamp page helped thanks duuuuuude :)
CamperBot
@camperbot
Jul 29 2017 05:52 UTC
happyviki sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:star2: 1937 | @darrenfj |http://www.freecodecamp.com/darrenfj
Timothy Javins
@timjavins
Jul 29 2017 05:52 UTC
You're welcome.
:)
Darren
@DarrenfJ
Jul 29 2017 05:53 UTC

that worked?

@DarrenfJ I think updating the github thing on the freecodecamp page helped thanks duuuuuude :)

CamperBot
@camperbot
Jul 29 2017 05:53 UTC
sorry darrenfj, you can't send brownie points to yourself! :sparkles: :sparkles:
Timothy Javins
@timjavins
Jul 29 2017 05:53 UTC
It's fun having a bunch of programmers troubleshoot with you.
Veronica Eulenberg
@HappyViki
Jul 29 2017 05:53 UTC
:shipit: why is shipit a squirrl?
Darren
@DarrenfJ
Jul 29 2017 05:53 UTC
goodGood glad it worked for yah
why is :duck: not an emoticon?
Veronica Eulenberg
@HappyViki
Jul 29 2017 05:54 UTC
Yeah thanks ya’ll for helping me get my name on my certificate! @timjavins
CamperBot
@camperbot
Jul 29 2017 05:54 UTC
happyviki sends brownie points to @timjavins :sparkles: :thumbsup: :sparkles:
:warning: happyviki already gave timjavins points
Veronica Eulenberg
@HappyViki
Jul 29 2017 05:54 UTC
@DarrenfJ i dono
Darren
@DarrenfJ
Jul 29 2017 05:54 UTC
thanks for helping too @timjavins and @thekholm80
CamperBot
@camperbot
Jul 29 2017 05:54 UTC
darrenfj sends brownie points to @timjavins and @thekholm80 :sparkles: :thumbsup: :sparkles:
:cookie: 126 | @timjavins |http://www.freecodecamp.com/timjavins
:star2: 1389 | @thekholm80 |http://www.freecodecamp.com/thekholm80
Timothy Javins
@timjavins
Jul 29 2017 05:54 UTC
hehe
Veronica Eulenberg
@HappyViki
Jul 29 2017 05:55 UTC
lol
Veronica Eulenberg
@HappyViki
Jul 29 2017 05:57 UTC
took me 38/56 days to complete it.
Timothy Javins
@timjavins
Jul 29 2017 05:57 UTC
What's 38/56? Hours?
Or check marks?
Oh, I see.
Veronica Eulenberg
@HappyViki
Jul 29 2017 05:58 UTC
I started on June 3rd. But I’ve been activly coding for 38 days.
Timothy Javins
@timjavins
Jul 29 2017 06:00 UTC
nice
Darren
@DarrenfJ
Jul 29 2017 06:02 UTC
noice
Veronica Eulenberg
@HappyViki
Jul 29 2017 06:02 UTC
@timjavins is that good? I feel like I could have done better. On the other hand, that’s how most coders are.
I think I took too long; I partied too much :P
Manish Giri
@Manish-Giri
Jul 29 2017 06:03 UTC
@HappyViki I completed my front end more than a year after I joined fcc
Timothy Javins
@timjavins
Jul 29 2017 06:03 UTC
I think it shouldn't matter how long it took you (within reason) as long as you learned it well.
Manish Giri
@Manish-Giri
Jul 29 2017 06:03 UTC
so that's another stat
I think it happened Dec '16
Veronica Eulenberg
@HappyViki
Jul 29 2017 06:04 UTC
@Manish-Giri I joined when it first started…and then deleted my account and started over because I didn’t understand a thing I did. (jumped around too much)
Kyle Holm
@thekholm80
Jul 29 2017 06:04 UTC
i took forever and never partied once
Manish Giri
@Manish-Giri
Jul 29 2017 06:04 UTC
and I've still got 2 more for the data viz
Veronica Eulenberg
@HappyViki
Jul 29 2017 06:05 UTC
@timjavins good thoughts.
@thekholm80 I’m a party girl in a party woooorld.
Also I kinda got my first boyfriend ever…and I wanted to spend a lot of time with him.
Timothy Javins
@timjavins
Jul 29 2017 06:06 UTC
There's only so much time you have in this life. Spending less time in a career you don't want and more time in a career you do want is very important. Take confidence in the prioritization of your time. If you've done it the way you should have, that's what really matters.
Veronica Eulenberg
@HappyViki
Jul 29 2017 06:06 UTC
But we broke up. Our relationship was a loop…and then a break; happened.
Timothy Javins
@timjavins
Jul 29 2017 06:06 UTC
You gotta spend your time well.
Kyle Holm
@thekholm80
Jul 29 2017 06:06 UTC
i've never had a boyfriend. don't think i ever want one tbh
Manish Giri
@Manish-Giri
Jul 29 2017 06:07 UTC
But we broke up. Our relationship was a loop…and then a break; happened.
should've used goto:
Veronica Eulenberg
@HappyViki
Jul 29 2017 06:08 UTC
@timjavins I don’t regret partying. I did learn a lot. And I’m not done yet :)
@Manish-Giri why?
Manish Giri
@Manish-Giri
Jul 29 2017 06:08 UTC
I broke up in 2015. It hurt as hell, but then one day I decided, f*k it.
Veronica Eulenberg
@HappyViki
Jul 29 2017 06:10 UTC
@Manish-Giri what does that even mean? you forgot about the pain?
@thekholm80 you aren’t gay. it’s okay to not be gay.
Kyle Holm
@thekholm80
Jul 29 2017 06:11 UTC
#thatsthejoke
Manish Giri
@Manish-Giri
Jul 29 2017 06:11 UTC
um, not really. It's not something you can forget overnight. I just decided its not something that's worth throwing away your life over. Like there are other important things too - career, family, travel, etc
@HappyViki
Veronica Eulenberg
@HappyViki
Jul 29 2017 06:25 UTC
@Manish-Giri I’m proud of you! It took me about 2 weeks of waiting before the pain of 2 of my friends leaving me went away.
leaving me = stopped being friends with me; apperently there’s something wrong with me. idk. It’s their loss.
Kyle Holm
@thekholm80
Jul 29 2017 06:26 UTC
don't take responsibility for other people's actions
Manish Giri
@Manish-Giri
Jul 29 2017 06:27 UTC
@HappyViki ty :smile:
CamperBot
@camperbot
Jul 29 2017 06:27 UTC
manish-giri sends brownie points to @happyviki :sparkles: :thumbsup: :sparkles:
:cookie: 312 | @happyviki |http://www.freecodecamp.com/happyviki
Veronica Eulenberg
@HappyViki
Jul 29 2017 06:27 UTC
@thekholm80 victom blaming at it’s finest.
chetan-rathod
@chetan-rathod
Jul 29 2017 06:28 UTC
@chetan-rathod
hello
any one knows about PWA
hello
any one knows about PWA
Manish Giri
@Manish-Giri
Jul 29 2017 06:29 UTC
I know a thing or 2 about PDA
lol
not PWA
Kyle Holm
@thekholm80
Jul 29 2017 06:29 UTC
@Manish-Giri sure you do ... the register service workers is for progressive web apps
it's all connected
Manish Giri
@Manish-Giri
Jul 29 2017 06:30 UTC
oh oh
damn, rabbit hole, see?
Kyle Holm
@thekholm80
Jul 29 2017 06:30 UTC
rofl
Veronica Eulenberg
@HappyViki
Jul 29 2017 06:31 UTC
WOAH
@timjavins still reading the react page (got distracted) "Are files easy to find?" um…maybe? lol
Timothy Javins
@timjavins
Jul 29 2017 06:39 UTC
wait, what?
Veronica Eulenberg
@HappyViki
Jul 29 2017 06:40 UTC
what?
Timothy Javins
@timjavins
Jul 29 2017 06:40 UTC
:doughnut:
Veronica Eulenberg
@HappyViki
Jul 29 2017 06:40 UTC
I read the whole thing. I sware!
Timothy Javins
@timjavins
Jul 29 2017 06:41 UTC
:side-eyes:
yaozhiying1995
@yaozhiying1995
Jul 29 2017 07:36 UTC
你们是外国人吗?
Viktor Tiutiun
@vittorioVT
Jul 29 2017 07:53 UTC
@thekholm80 hi, all your functionality on only one React? it's cool!
smart_leizi
@smartleizi
Jul 29 2017 08:18 UTC
Link to External Pages with Anchor Elements,这个练习有点不懂
Mwakima Matano
@DonMatano
Jul 29 2017 08:53 UTC
Hey guys. I am currently trying out the Sass tutorial in Beta but i get the following error everytime I submit. Will you please check my code and see what I have done wrong.
<style>
  $text-color : red;

  .header{
    text-align: center;
  },
  .blog-post h2 {
    color: $text-color;
  }
</style>

<h1 class="header">Learn Sass</h1>
<div class="blog-post">
  <h2>Some random title</h2>
  <p>This is a paragraph with some random text in it</p>
</div>
<div class="blog-post">
  <h2>Header #2</h2>
  <p>Here is some more random text.</p>
</div>
<div class="blog-post">
  <h2>Here is another header</h2>
  <p>Even more random text within a paragraph</p>
</div>
Keeps telling me to declare a text-color variable. Haven't I done that already?
Lyn Magdaong
@miellyn30
Jul 29 2017 09:22 UTC
in JavaScript what is do not change code above the line
thank you for help
SwampyPk
@SwampyPk
Jul 29 2017 09:24 UTC
Yo I dont suppose anyone has a rad autofocus solution for an unordered list
heroiczero
@heroiczero
Jul 29 2017 09:32 UTC
@miellyn30 "don't touch the code above the line"; just change the code below the line
Stephen James
@sjames1958gm
Jul 29 2017 11:44 UTC
@DonMatano Looked in the issues and this one appears bugged.
https://forum.freecodecamp.org/t/need-assistance-in-store-data-with-sass-variables/136218
cykins4good
@cykins4good
Jul 29 2017 12:39 UTC
Passing Values to Functions with Arguments   freeCodeCamp.jpg
I am required to Create a function called functionWithArgs that accepts two arguments and outputs their sum to the dev console. and thereafter Call the function.these are the additional instructions: functionWithArgs should be a function
functionWithArgs(1,2) should output 3
functionWithArgs(7,9) should output 16
Call functionWithArgs after you define it.
Sandip Shrestha
@saninmersion
Jul 29 2017 12:45 UTC
@cykins4good functionWithArgs(1,2) here you are directly passing in the values to the functions. you need to pass variables instead. like functionWithArgs(c,d) also you need to sum them meaning console c+d
Ramsey Njire
@RamseyNjire
Jul 29 2017 12:48 UTC
@cykins4good declare it as follows:
functionWithArgs(a, b) {
    console.log(a + b);
}
CamperBot
@camperbot
Jul 29 2017 12:48 UTC
:bulb: to format code use backticks! ``` more info
Ramsey Njire
@RamseyNjire
Jul 29 2017 12:50 UTC
@cykins4good Now you can call it with any arguments you choose:
@cykins4good
```
functionWithArgs (9, 7), etc...
cykins4good
@cykins4good
Jul 29 2017 12:57 UTC
Thanks to you all @RamseyNjire and @saninmersion .Your assistance is much appreciated.
CamperBot
@camperbot
Jul 29 2017 12:57 UTC
cykins4good sends brownie points to @ramseynjire and @saninmersion :sparkles: :thumbsup: :sparkles:
:cookie: 202 | @ramseynjire |http://www.freecodecamp.com/ramseynjire
:cookie: 534 | @saninmersion |http://www.freecodecamp.com/saninmersion
cykins4good
@cykins4good
Jul 29 2017 13:37 UTC
Local Scope and Functions   freeCodeCamp.jpg
I was asked to Declare a local variable myVar inside myLocalScope. In addition i am required to Run the tests and then follow the instructions commented out in the editor.
madhuri soni
@sonimadhuri
Jul 29 2017 13:47 UTC
@cykins4good the second console.log function outputs myVar to the console but since you have declared myVar inside the myLocalScope function it is not accessible outside the function and displays:myVar is not defined .
cykins4good
@cykins4good
Jul 29 2017 13:53 UTC
@sonimadhuri How are my going to pass this challenge now?
madhuri soni
@sonimadhuri
Jul 29 2017 13:54 UTC
@cykins4good just remove the second console.log as the instruction reads
cykins4good
@cykins4good
Jul 29 2017 13:59 UTC
its still not passing even after removing the second console.log .Still needs e to No global myVar variable
Add a local myVar variable
@sonimadhuri its still not passing even after removing the second console.log .Still needs e to No global myVar variable
Add a local myVar variable
madhuri soni
@sonimadhuri
Jul 29 2017 14:00 UTC
@cykins4good u forgot to declare myVar inside the function
May Kittens Devour Your Soul
@diomed
Jul 29 2017 14:11 UTC
mlem._.mlem
cykins4good
@cykins4good
Jul 29 2017 14:15 UTC
Local Scope and Functions   freeCodeCamp-1.jpg
@sonimadhuri i came up with this but still not working.
madhuri soni
@sonimadhuri
Jul 29 2017 14:17 UTC
@cykins4good you simply have to declare the variable using var and dont assign it any value.
Manish Giri
@Manish-Giri
Jul 29 2017 14:50 UTC
@diomed :cat: is back
May Kittens Devour Your Soul
@diomed
Jul 29 2017 14:54 UTC
meow :cat:
knight2
@knight2
Jul 29 2017 14:55 UTC
For Redux, if you want to have multiple variables within your store, each variable needs to have its own reducer function? As in, if I wanted to have a state with a variable for 'numbers' and a variable for 'message', each of these would have to have their own reducer function?
May Kittens Devour Your Soul
@diomed
Jul 29 2017 14:56 UTC
@Manish-Giri :cat: haz all teh :cookie: :cookie:
knight2
@knight2
Jul 29 2017 14:56 UTC
Also for Redux, assuming you are using a const array of objects that is fixed, would you just make a global const array, and have redux access it to update the store accordingly, or would you want to make that array part of the redux store?
Manish Giri
@Manish-Giri
Jul 29 2017 14:57 UTC

each of these would have to have their own reducer function

yes

knight2
@knight2
Jul 29 2017 15:00 UTC
@Manish-Giri thanks for clarifying that
CamperBot
@camperbot
Jul 29 2017 15:00 UTC
knight2 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 6331 | @manish-giri |http://www.freecodecamp.com/manish-giri
May Kittens Devour Your Soul
@diomed
Jul 29 2017 15:01 UTC
@Manish-Giri how to specify my input
$('input').dateDropper();
Manish Giri
@Manish-Giri
Jul 29 2017 15:02 UTC
@diomed <input type="text" data-lang="it" />
May Kittens Devour Your Soul
@diomed
Jul 29 2017 15:02 UTC
yes, that is html
but I need to say it in JS
coz if I say only input, it applies to every input on page, apparently.lol
Manish Giri
@Manish-Giri
Jul 29 2017 15:03 UTC
then use .dateDropper() on a specific input
<input type="text" id="diomed"/>
and
$('#diomed').dateDropper();
May Kittens Devour Your Soul
@diomed
Jul 29 2017 15:04 UTC
nothing without id's huh?
Manish Giri
@Manish-Giri
Jul 29 2017 15:05 UTC
you can use name too
<input id="message_id" name="message_name" type="text" />
and then use JS to refer to it
getElementsByName('message_name')[0]
May Kittens Devour Your Soul
@diomed
Jul 29 2017 15:06 UTC
so I could use it without id?
Manish Giri
@Manish-Giri
Jul 29 2017 15:06 UTC
yup
May Kittens Devour Your Soul
@diomed
Jul 29 2017 15:06 UTC
anyway, thank you @Manish-Giri
CamperBot
@camperbot
Jul 29 2017 15:06 UTC
diomed sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
Manish Giri
@Manish-Giri
Jul 29 2017 15:06 UTC
should work
CamperBot
@camperbot
Jul 29 2017 15:06 UTC
:star2: 6332 | @manish-giri |http://www.freecodecamp.com/manish-giri
May Kittens Devour Your Soul
@diomed
Jul 29 2017 15:07 UTC
that fixed it
could I use a class, mby?
Manish Giri
@Manish-Giri
Jul 29 2017 15:07 UTC
yup
May Kittens Devour Your Soul
@diomed
Jul 29 2017 15:07 UTC
:+1:
does in these cases really matter is it a class or id
like does one take more memory or not????
Manish Giri
@Manish-Giri
Jul 29 2017 15:08 UTC
don't think so, you're just selecting an element
but you should be prolly using id
coz you're selecting one specific input
May Kittens Devour Your Soul
@diomed
Jul 29 2017 15:09 UTC
@Manish-Giri make me d3 v of Europe
Manish Giri
@Manish-Giri
Jul 29 2017 15:09 UTC
lol
May Kittens Devour Your Soul
@diomed
Jul 29 2017 15:09 UTC
did I understand correctly that there is d4 now?
Manish Giri
@Manish-Giri
Jul 29 2017 15:09 UTC
um
there's v4 of d3
no d4
May Kittens Devour Your Soul
@diomed
Jul 29 2017 15:10 UTC
oh, I see
wouldnt d4 be like - time
change over time
Manish Giri
@Manish-Giri
Jul 29 2017 15:10 UTC
hehe
May Kittens Devour Your Soul
@diomed
Jul 29 2017 15:10 UTC
or does d3 do that as well
Manish Giri
@Manish-Giri
Jul 29 2017 15:10 UTC
maybe you can do that
May Kittens Devour Your Soul
@diomed
Jul 29 2017 15:11 UTC
I only code in 2d
Manish Giri
@Manish-Giri
Jul 29 2017 15:11 UTC
i code in 0.5d
May Kittens Devour Your Soul
@diomed
Jul 29 2017 15:15 UTC
oh you
Mike
@MikeJSchorah
Jul 29 2017 15:17 UTC
I'm thinking of doing freelance web development. I know that it takes time to get established. Should I start marketing nationally and gradually focus on my area or should I start in my area and gradually focus on marketing nationally?
May Kittens Devour Your Soul
@diomed
Jul 29 2017 15:20 UTC
both
Mike
@MikeJSchorah
Jul 29 2017 15:22 UTC
@diomed Hah. It's either one or the other. My issue is that I'm just trying to decide on the name of my website. If I do Meetups in several states, then I don't want to name my business after my city, lol
May Kittens Devour Your Soul
@diomed
Jul 29 2017 15:25 UTC
I don't think anyone names business after a city
Alexander Køpke
@alexanderkopke
Jul 29 2017 15:26 UTC
@diomed tried to make a danish version.. made a pull request. Hope it works. Worked locally :)
cykins4good
@cykins4good
Jul 29 2017 15:26 UTC
@sonimadhuri thanks a lot
CamperBot
@camperbot
Jul 29 2017 15:26 UTC
cykins4good sends brownie points to @sonimadhuri :sparkles: :thumbsup: :sparkles:
:cookie: 340 | @sonimadhuri |http://www.freecodecamp.com/sonimadhuri
Mike
@MikeJSchorah
Jul 29 2017 15:30 UTC
@diomed Maybe not a city, but I've worked for several companies that named their businesses after a geographic area "American", "Mid Atlantic", "USA", "Virginia", etc.
May Kittens Devour Your Soul
@diomed
Jul 29 2017 15:35 UTC
thank you @alexanderkopke
CamperBot
@camperbot
Jul 29 2017 15:35 UTC
diomed sends brownie points to @alexanderkopke :sparkles: :thumbsup: :sparkles:
:star2: 1630 | @alexanderkopke |http://www.freecodecamp.com/alexanderkopke
May Kittens Devour Your Soul
@diomed
Jul 29 2017 15:35 UTC
btw u should have put your name as author :yum:
Alexander Køpke
@alexanderkopke
Jul 29 2017 15:37 UTC
oh didn't notice that lol
but people will be able to see that I made the pull request
@diomed yay kodie just merged it :)
Wes Gray
@wesgray76
Jul 29 2017 15:40 UTC
Good morning all. I need help connecting my css file to html
May Kittens Devour Your Soul
@diomed
Jul 29 2017 15:40 UTC
yay! :)
Wes Gray
@wesgray76
Jul 29 2017 15:41 UTC
I am doing lessons through Sololearn and working on CSS
May Kittens Devour Your Soul
@diomed
Jul 29 2017 15:42 UTC
@wesgray76 yes, and???
Darth Skywalker
@AdiSkywalker
Jul 29 2017 15:42 UTC
@stuartbiggs this might be helpful here
May Kittens Devour Your Soul
@diomed
Jul 29 2017 15:42 UTC
how did u try? @wesgray76
Wes Gray
@wesgray76
Jul 29 2017 15:48 UTC
<link rel="stylesheet" href="example.css">
May Kittens Devour Your Soul
@diomed
Jul 29 2017 15:52 UTC
is it stored in the same folder as html file, or in some other folder like folder called css
Wes Gray
@wesgray76
Jul 29 2017 15:52 UTC
same folder
May Kittens Devour Your Soul
@diomed
Jul 29 2017 15:56 UTC
that should work then
if file is indeed called example
Wes Gray
@wesgray76
Jul 29 2017 16:01 UTC
the name is the same as my html filie
file
May Kittens Devour Your Soul
@diomed
Jul 29 2017 16:02 UTC
can u send instructions and screenshot
coz I don't know like this
Wes Gray
@wesgray76
Jul 29 2017 16:05 UTC

The font-weight Property

You can also define the font weight with a number from 100 (thin) to 900 (thick), according to how thick you want the text to be.
400 is the same as normal, and 700 is the same as bold.

The HTML:

<p class="light">This is a font with a "lighter" weight.</p>
<p class="thick">This is a font with a "bold" weight.</p>
<p class="thicker">This is a font with a "700" weight.</p>

The CSS:
p.light {
font-weight: lighter;
}
p.thick {
font-weight: bold;
}
p.thicker {
font-weight: 700;
}

Wes Gray
@wesgray76
Jul 29 2017 16:15 UTC
This is the one I am having trouble with:
Manu Saini
@slayercoder
Jul 29 2017 16:15 UTC
can anyone tell me on what stack this freecodecamp is made , I know that frontend is on ReactJS
Wes Gray
@wesgray76
Jul 29 2017 16:15 UTC

<p class="small">Paragraph text set to be small</p>

<p class="medium">Paragraph text set to be medium</p>

<p class="large">Paragraph text set to be large</p>

<p class="xlarge">Paragraph text set to be very large</p>

<link= "stylesheet" href "fontsize.css">

that is the HTML
Here is the CSS:
p.small{
font-size:small;
}
p.medium{
font-size:medium;
}
p.large{
font-size:large;
}
p.xlarge{
font-size:x-large;
Sorin Ruse
@sorinr
Jul 29 2017 16:21 UTC
@wesgray76 do u use any external fonts? if yes what weights are you loading?
madhuri soni
@sonimadhuri
Jul 29 2017 16:21 UTC
@wesgray76 <link rel= "stylesheet" href= "fontsize.css">
Wes Gray
@wesgray76
Jul 29 2017 16:24 UTC
still not working
all the text is normal
I am not loading any type of weights. I am following an exercise
I have to step away to run some errands. In the mean time, can someone explain to me what external fonts are?
Sorin Ruse
@sorinr
Jul 29 2017 16:28 UTC
@wesgray76 here a nice intro to fonts
Albert Cardona II
@daddycardona
Jul 29 2017 16:30 UTC
@thekholm80 it does matter the order sometimes when writing code, for instance if you put @import after the top in a css file it won't work, or if you have to css files and one is after the other, the second one is the one that will override the or take over. As far as what I read so far on coding lol
May Kittens Devour Your Soul
@diomed
Jul 29 2017 16:40 UTC
(╯°□°)╯︵ ┻━┻
Wes Gray
@wesgray76
Jul 29 2017 16:45 UTC
oh boy....
Kyle Holm
@thekholm80
Jul 29 2017 16:45 UTC
@daddycardona that would be different than what he was asking. he said chronologically he added his navbar last, which doesn't matter
yes, the order it appears in the file does matter
@vittorioVT thank you
CamperBot
@camperbot
Jul 29 2017 16:46 UTC
thekholm80 sends brownie points to @vittoriovt :sparkles: :thumbsup: :sparkles:
:cookie: 807 | @vittoriovt |http://www.freecodecamp.com/vittoriovt
Wes Gray
@wesgray76
Jul 29 2017 16:46 UTC
I just got a better look at the results.
The code worked.
Albert Cardona II
@daddycardona
Jul 29 2017 16:46 UTC
Oh I just saw that because I had a mentioned and that was there lol :)
my bag
Kyle Holm
@thekholm80
Jul 29 2017 16:47 UTC
@daddycardona no worries
Albert Cardona II
@daddycardona
Jul 29 2017 16:47 UTC
would you find it in your heart to forgive me LOL
Kyle Holm
@thekholm80
Jul 29 2017 16:48 UTC
my heart is tiny and full of bacon grease, but i'll try
Albert Cardona II
@daddycardona
Jul 29 2017 16:49 UTC
LMAO
AmirHamzaTanvir
@AmirHamzaTanvir
Jul 29 2017 16:49 UTC
do people mind posting links to their portfolio page. just want some inspiration.
John Tendik
@JohnTendik
Jul 29 2017 16:50 UTC
johntendik.com
its simple dont expect much
Albert Cardona II
@daddycardona
Jul 29 2017 16:51 UTC
lol sure or you can see mine and if your's is a tiny bit better say nothing LOL
AmirHamzaTanvir
@AmirHamzaTanvir
Jul 29 2017 16:51 UTC
aha cheers. yh i wanna redo mine after learning javascript.
May Kittens Devour Your Soul
@diomed
Jul 29 2017 16:51 UTC
@AmirHamzaTanvir u have whole topic dedicated to that in forum
John Tendik
@JohnTendik
Jul 29 2017 16:51 UTC
Website facts: HTML <= 160 lines | CSS < 430 lines | JS < 40 lines | Love > 9000
ohhhhh ye babie my teacher loves those stats
Wes Gray
@wesgray76
Jul 29 2017 16:52 UTC
Thanks guys. I figured it out.
I appreciate the help from everyone
May Kittens Devour Your Soul
@diomed
Jul 29 2017 16:52 UTC
@JohnTendik known 4 minimalism
Kyle Holm
@thekholm80
Jul 29 2017 16:55 UTC
@diomed x
May Kittens Devour Your Soul
@diomed
Jul 29 2017 16:56 UTC
straight from the source
:milky_way: :cat:
Kyle Holm
@thekholm80
Jul 29 2017 16:58 UTC
i'm glad you finally changed your avatar, that little kid was creepy
May Kittens Devour Your Soul
@diomed
Jul 29 2017 16:58 UTC
I AM creepy :smiling_imp:
Albert Cardona II
@daddycardona
Jul 29 2017 17:01 UTC
@AmirHamzaTanvir here you go https://codepen.io/AlThePal/full/eRJOjV/
AmirHamzaTanvir
@AmirHamzaTanvir
Jul 29 2017 17:01 UTC
thank you guys
Albert Cardona II
@daddycardona
Jul 29 2017 17:07 UTC
hey does anyone know any easy to learn weather api's I can introduce to my page so I can make this weather
I am also still trying to fix the fact that navbar is 50px from the top so when I click on my work about me etc it stays 50px on the top
Kyle Holm
@thekholm80
Jul 29 2017 17:17 UTC
@daddycardona freeCodeCamp/freeCodeCamp#15598 there's a purpose-built api in this thread created for this challenge
Margaret
@Margaret2
Jul 29 2017 17:21 UTC
we now see @diomed's true inner nature - a cookie monster :smile: :smile: :smile:
Kyle Holm
@thekholm80
Jul 29 2017 17:21 UTC
lol
que pasa, Tortilla de Mar?
Margaret
@Margaret2
Jul 29 2017 17:23 UTC
:joy:
that's it! I can be the Tortilla Turquesa :laughing:
Kyle Holm
@thekholm80
Jul 29 2017 17:23 UTC
that's a good compromise
Albert Cardona II
@daddycardona
Jul 29 2017 17:27 UTC
I don't get how to use it am I suppose to look at the codepen source code due to the fact the pen did nothing? That is just confusing to me
Kyle Holm
@thekholm80
Jul 29 2017 17:28 UTC
are you using jQuery?
or fetch?
or a purpose-built api library?
I'm a big fan of axios
Albert Cardona II
@daddycardona
Jul 29 2017 17:36 UTC
I am using jquery
or what I learn of jQuery
Albert Cardona II
@daddycardona
Jul 29 2017 17:43 UTC
@thekholm80
Christopher McCormack
@cmccormack
Jul 29 2017 17:45 UTC
@daddycardona you can use the dev tools console in your browser to see what errors are popping up. Whether you host your own site or use codepen you should still see errors in the dev tools
Albert Cardona II
@daddycardona
Jul 29 2017 17:46 UTC
I think kaspersky slows down my production
Ben said
@BenSaidRachid
Jul 29 2017 17:46 UTC
hi all,i'm building a recipe box, i would like to expend the "box" when i open a recipe,how could i do that? https://codepen.io/abdel974/full/BZVKxR/
Albert Cardona II
@daddycardona
Jul 29 2017 17:47 UTC
@cmccormack why are you telling me this? I know that but but I know you are asking me to do something when I open my dev tools
Christopher McCormack
@cmccormack
Jul 29 2017 17:49 UTC

@daddycardona this was a bit confusing so I was suggesting using the console to see any issues you may be experiencing when trying to use the API that was suggested. There should be no reason you need to look at the codepen source code...

I don't get how to use it am I suppose to look at the codepen source code due to the fact the pen did nothing? That is just confusing to me

@abdel974 not doing it in React?
Ben said
@BenSaidRachid
Jul 29 2017 17:50 UTC
@cmccormack i don't know what i'm doing lol no one told me about react
Christopher McCormack
@cmccormack
Jul 29 2017 17:50 UTC
@abdel974 The FCC recipe challenge is a React project I believe
unless you're doing something else
Ben said
@BenSaidRachid
Jul 29 2017 17:51 UTC
@cmccormack no i'm doing this,well how can i use "react" ,whatever it is?
Christopher McCormack
@cmccormack
Jul 29 2017 17:53 UTC
Albert Cardona II
@daddycardona
Jul 29 2017 17:53 UTC
@cmccormack so my question is do I use the <script> https://fcc-weather-api.glitch.me/</script> and I don't understand what it means by endpoints I am tryting to understand that searching google.
i meant src= then close script
Ben said
@BenSaidRachid
Jul 29 2017 17:54 UTC
@cmccormack thanks,i will check
CamperBot
@camperbot
Jul 29 2017 17:54 UTC
abdel974 sends brownie points to @cmccormack :sparkles: :thumbsup: :sparkles:
:star2: 1073 | @cmccormack |http://www.freecodecamp.com/cmccormack
Albert Cardona II
@daddycardona
Jul 29 2017 17:55 UTC
@abdel974 if you don't understand react that much try searching for a tutorial on youtube seeing it in action sometimes makes more sense to me
May Kittens Devour Your Soul
@diomed
Jul 29 2017 17:56 UTC
@Margaret2 I stole that image of one girl's tinder profile :smile:
Christopher McCormack
@cmccormack
Jul 29 2017 17:57 UTC
@daddycardona nah with jQuery use something like $.getJSON('https://fcc-weather-api.glitch.me/...', callback);
Uriel Guzmán
@Burinson
Jul 29 2017 17:58 UTC
Why doesn't my Twitter button open a new link?
https://codepen.io/Burinson/pen/PKPvOK?editors=1010
Ben said
@BenSaidRachid
Jul 29 2017 17:58 UTC
@daddycardona ok thanks,i will see and try to understand
CamperBot
@camperbot
Jul 29 2017 17:58 UTC
abdel974 sends brownie points to @daddycardona :sparkles: :thumbsup: :sparkles:
:cookie: 291 | @daddycardona |http://www.freecodecamp.com/daddycardona
Sydney
@SydneyWarren
Jul 29 2017 18:00 UTC
function convertHTML(str) {
  var symbols = ["&amp;", "&lt;", "&gt;", "&​quot;", "&​apos;"]
  var signs = ["&", "<", ">", "\"", "'", ]
  // &colon;&rpar;
  var sentence = str.split("");
  console.log("first sentence: " + sentence);
  for (var i = 0; i < sentence.length; i++) {
    for (var j = 0; j < signs.length; j++) {
      if (sentence[i] === signs[j]){

        sentence = str.replace(sentence[i], symbols[j]);
      }
    }
  }

 console.log(sentence);
  return sentence;
}

convertHTML("Hamburgers < Pizza < Tacos");
how come after the first < it stops iterating?
Christopher McCormack
@cmccormack
Jul 29 2017 18:02 UTC
@SydneyWarren you're turning your array into a string
Sydney
@SydneyWarren
Jul 29 2017 18:03 UTC
@cmccormack so trying an array into string i can only replace the first thing it iterates?
Christopher McCormack
@cmccormack
Jul 29 2017 18:04 UTC
Well it's bad practice, you're iterating over sentence.length then changing it to a string, which now has a different length
Albert Cardona II
@daddycardona
Jul 29 2017 18:05 UTC
I don't feel I learned enought about JQuery to actually do this pen. I am trying to understand this and it really frustrates the hell out of me. I am forgetting more than I am learning every step of the way it seems to me
Sydney
@SydneyWarren
Jul 29 2017 18:05 UTC
@cmccormack oh ok now i understand it's a different length that's what messes things up
Christopher McCormack
@cmccormack
Jul 29 2017 18:05 UTC
@daddycardona go back and to the jquery exercises, it might help. beta.freecodecamp.com also has additional api lessons which may help
Albert Cardona II
@daddycardona
Jul 29 2017 18:06 UTC
I am doing that but I am a better learner with videos I wish some of these were in videos
Christopher McCormack
@cmccormack
Jul 29 2017 18:07 UTC
@daddycardona maybe check out the docs as well - http://api.jquery.com/jquery.getjson/ or http://api.jquery.com/jquery.ajax/
@SydneyWarren probably, without writing down the different outcomes I'm not 100% sure what it will do but you definitely don't want to change a variable you're iterating over within the body of your loop
Albert Cardona II
@daddycardona
Jul 29 2017 18:11 UTC
add a new variable like var newSentence = str.replace(sentence[i], symbols[j]); @SydneyWarren
Uriel Guzmán
@Burinson
Jul 29 2017 18:17 UTC
 $('#tweetQuote').on("click", function () {
 var textToTweet = $(".message").text();
   if (textToTweet.length > 140) {
     alert("Over Twitter character capacity!")
   }
 var twtLink = 'https://twitter.com/home?status=' +encodeURIComponent(textToTweet);
 window.open(twtLink,'_blank');

 });
 });
Why doesn't this open a new window, with a Tweet and the quote of my random quote generator?
John Tendik
@JohnTendik
Jul 29 2017 18:18 UTC
@Burinson are you getting an error
Uriel Guzmán
@Burinson
Jul 29 2017 18:19 UTC
@JohnTendik No, it just does't do anything at all
John Tendik
@JohnTendik
Jul 29 2017 18:20 UTC
@Burinson lol your button doesnt have the ID "tweetQuote"
:)
nvm
i was looking at the wrong btn
Uriel Guzmán
@Burinson
Jul 29 2017 18:21 UTC
It does :(
 <a target="_blank">
       <button id =¨tweetQuote¨ class="btn btn-primary"><i class="fa fa-twitter" aria-hidden="true"></i></button></a>
John Tendik
@JohnTendik
Jul 29 2017 18:22 UTC
@Burinson replace it with this
<a target="_blank">
       <button id="tweetQuote" class="btn btn-primary"><i class="fa fa-twitter" aria-hidden="true"></i></button></a>
first there is a space between id and = id = annnd your quotes around "tweetQuote" are different character
theyre not standard quotes, you cansee the difference when you type your quotes its orange, mine is green/yello
Uriel Guzmán
@Burinson
Jul 29 2017 18:23 UTC
Oh, I thought they acted the same
John Tendik
@JohnTendik
Jul 29 2017 18:23 UTC
¨tweetQuote¨ vs "tweetQuote"
Uriel Guzmán
@Burinson
Jul 29 2017 18:23 UTC
Lemme try
John Tendik
@JohnTendik
Jul 29 2017 18:23 UTC
nono
Uriel Guzmán
@Burinson
Jul 29 2017 18:25 UTC
It worked :D
@JohnTendik thank you
CamperBot
@camperbot
Jul 29 2017 18:25 UTC
burinson sends brownie points to @johntendik :sparkles: :thumbsup: :sparkles:
:cookie: 798 | @johntendik |http://www.freecodecamp.com/johntendik
John Tendik
@JohnTendik
Jul 29 2017 18:25 UTC
:) np happy coding!
Uriel Guzmán
@Burinson
Jul 29 2017 18:25 UTC
That was hard to spot for me
lol
John Tendik
@JohnTendik
Jul 29 2017 18:25 UTC
sometimes it takes a different set of eyes
Uriel Guzmán
@Burinson
Jul 29 2017 18:25 UTC
Yep
John Tendik
@JohnTendik
Jul 29 2017 18:25 UTC
ive been through it too lol,
everyone has
Veronica Eulenberg
@HappyViki
Jul 29 2017 18:29 UTC
What are those dots anyway? I’ve never seen them before.
Joseph
@revisualize
Jul 29 2017 18:43 UTC
Hi.
Christopher McCormack
@cmccormack
Jul 29 2017 18:50 UTC
@revisualize hiya
Alex
@cyberpunk1971
Jul 29 2017 18:55 UTC
Hi all. What is best way to place text next to image? Inline block?
anyone? Bueller?
korzo
@korzo
Jul 29 2017 19:11 UTC
@cyberpunk1971 or floats
Alex
@cyberpunk1971
Jul 29 2017 19:15 UTC
Thx
Mahdi Burhan
@Mahdi0123
Jul 29 2017 20:42 UTC
Hi guy, is there a way to improve my algorithm understanding?
cause when i came to the basic algorithms on FCC i was just lost
and i don't want to copy paste myself forward
teevik
@teevik
Jul 29 2017 20:46 UTC
google
Mahdi Burhan
@Mahdi0123
Jul 29 2017 20:49 UTC
used, found some.....asked to see what tools and recommendations U HAd
teevik
@teevik
Jul 29 2017 20:53 UTC
Meant google as in using it once you get an issue and learning from it. Otherwise you have websites like codewars.com
Kyle Holm
@thekholm80
Jul 29 2017 21:01 UTC
@Mahdi0123 I use codefights.com and codewars.com to practice algorithms. I think the best way to get good with them is practice
Mahdi Burhan
@Mahdi0123
Jul 29 2017 21:08 UTC
@thekholm80 thanks
CamperBot
@camperbot
Jul 29 2017 21:08 UTC
mahdi0123 sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:star2: 1390 | @thekholm80 |http://www.freecodecamp.com/thekholm80
Albert Cardona II
@daddycardona
Jul 29 2017 21:39 UTC
@thekholm80 do they not have us states in the glitch api you showed me for weather? I don't see it
Sudha Subramaniam
@Sudha533
Jul 29 2017 22:04 UTC
Hello guys...
mingumckevin
@mingumckevin
Jul 29 2017 22:05 UTC
Sup man.
Sudha Subramaniam
@Sudha533
Jul 29 2017 22:05 UTC
I need help guys
I want to change the background image of header using previous and next button. How can I get current index of header background image .
Please help me guys
nicootto
@nicootto
Jul 29 2017 22:15 UTC

Hi there! I have this peace of code

function smallestCommons(arr) {
  function check(divisors, num) {
    for(var x in divisors) {
      if(num % divisors[x] !== 0) {
        return false;
      }
    }
    return true;
  }
  var smaller = arr[0] < arr[1] ? arr[0] : arr[1];
  var bigger = arr[0] > arr[1] ? arr[0] : arr[1];
  var divisors = [];
  var num = bigger;
  for(i = smaller; i <= bigger; i++)
    divisors.push(i);

  while(!check(divisors,num))
    num++;
  return num;
}
smallestCommons([1,5]);

My problem is that the while loop ends despite 'ok' being false. This only happens if I use this code on the fcc challenge section where I have to write it. If I try it in the dev console it works fine. What may be causing this? ( https://www.freecodecamp.com/challenges/smallest-common-multiple )

korzo
@korzo
Jul 29 2017 22:16 UTC
@Sudha533 Create array of images and one variable holding current index
then increment/decrement current index, when buttons are clicked and change image for one at current index in array
Sudha Subramaniam
@Sudha533
Jul 29 2017 22:43 UTC
@korzo Thank you so much...It's working...
CamperBot
@camperbot
Jul 29 2017 22:43 UTC
sudha533 sends brownie points to @korzo :sparkles: :thumbsup: :sparkles:
:cookie: 313 | @korzo |http://www.freecodecamp.com/korzo
Veronica Eulenberg
@HappyViki
Jul 29 2017 22:58 UTC
What do you think of my portfolio’s layout? Is it too simplistic? http://vvv.rent-a-mind.com/
Timothy Javins
@timjavins
Jul 29 2017 22:59 UTC
Is that vvv? three v?
Kyle Holm
@thekholm80
Jul 29 2017 23:03 UTC
@daddycardona I don't believe so, i think it's just long/lat
Timothy Javins
@timjavins
Jul 29 2017 23:06 UTC
@HappyViki
Yes, IMHO, it's too simple. It's also not responding (in the sense of responsive design) much in Edge, but it's performing better in Chrome.
Veronica Eulenberg
@HappyViki
Jul 29 2017 23:07 UTC
hmmmmmmmmmmmk
But what about the colors? @timjavins
Too "candy"?
@timjavins yeh. 3 Vs. instead of Ws lol
Kyle Holm
@thekholm80
Jul 29 2017 23:11 UTC
what is "Jest Code"?
Veronica Eulenberg
@HappyViki
Jul 29 2017 23:15 UTC
it’s my brand
Instead of just. cuz I like to jest :P
Kyle Holm
@thekholm80
Jul 29 2017 23:16 UTC
I thought you maybe meant the unit test software used by React developers called Jest
Veronica Eulenberg
@HappyViki
Jul 29 2017 23:16 UTC
noooooo I want the brand to be mine :(
Kyle Holm
@thekholm80
Jul 29 2017 23:16 UTC
I think Facebook beat you to it
Veronica Eulenberg
@HappyViki
Jul 29 2017 23:16 UTC
wwaaaaa
Kyle Holm
@thekholm80
Jul 29 2017 23:17 UTC
if it makes you feel better, Jest is pretty awesome for unit testing
Mike Batista
@mbmontana
Jul 29 2017 23:19 UTC
I noticed a lot of people are able to code their portfolio pages in such a way that their Project thumbnails and other images get smaller as the viewing space gets narrower. Mine tend to break over and became stacked (except for the photo on the home page). I don't think that looks great. I'd rather have the thumbnails get smaller. Any thoughts? https://codepen.io/mbmontana/pen/GvKEKR
AmirHamzaTanvir
@AmirHamzaTanvir
Jul 29 2017 23:27 UTC
watch youtube on bootstrap bro
will take an hour to learn and another to implement
Brian Quiroz
@brianquiroz216
Jul 29 2017 23:36 UTC
Hello, I'm confused as to when property names need quotes around them and when they don't. The free code camp lessons have both examples of objects with property names in quotes and examples of objects with property names without quotes, for example: var ourMusic = [
{
"artist": "Daft Punk",
"title": "Homework", }; and var myObj = {
top: "hat",
bottom: "pants" };
What is the difference ?
Kyle Holm
@thekholm80
Jul 29 2017 23:36 UTC
to make valid JSON you need quotes, javascript doesn't require them
Brian Quiroz
@brianquiroz216
Jul 29 2017 23:38 UTC
so the quotes are optional, but theres no functional difference?
Kyle Holm
@thekholm80
Jul 29 2017 23:38 UTC
not that i've ever found
Brian Quiroz
@brianquiroz216
Jul 29 2017 23:40 UTC
@thekholm80 thanks
CamperBot
@camperbot
Jul 29 2017 23:40 UTC
brianquiroz216 sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:star2: 1391 | @thekholm80 |http://www.freecodecamp.com/thekholm80
Liam Docherty
@ldocherty1
Jul 29 2017 23:43 UTC
@dhcodes Cheers for the jsfiddle that you sent me a few days ago, I forgot to stay thanks I appreciate it.
CamperBot
@camperbot
Jul 29 2017 23:43 UTC
ldocherty1 sends brownie points to @dhcodes :sparkles: :thumbsup: :sparkles:
:star2: 1809 | @dhcodes |http://www.freecodecamp.com/dhcodes