These are chat archives for FreeCodeCamp/HelpFrontEnd

25th
Apr 2016
Jason
@JasonDeving
Apr 25 2016 00:18
@sadlyj you can do the free version. the paid hides your code
AnnasLab
@AnnasLab
Apr 25 2016 00:21
Hello everyone please How can I remove this margin
http://i.imgbox.com/cIjuQ1xV.png
Gwendolyn Faraday
@gwenf
Apr 25 2016 00:26
@AnnasLab can you link your file instead of the pic
AnnasLab
@AnnasLab
Apr 25 2016 00:29
@gwenf thank you, I found the problem ^^ and here the link https://codepen.io/AnnasLab/pen/adevPv
CamperBot
@camperbot
Apr 25 2016 00:29
annaslab sends brownie points to @gwenf :sparkles: :thumbsup: :sparkles:
:star: 710 | @gwenf | http://www.freecodecamp.com/gwenf
Gwendolyn Faraday
@gwenf
Apr 25 2016 00:39
@AnnasLab :+1:
MIke
@chipotle298
Apr 25 2016 00:41
could someone tell me why the background of mine jumbotron is in purple? http://codepen.io/manczyk2/pen/aNvBvo
Greg Duncan
@GregatGit
Apr 25 2016 00:41
@AnnasLab Your page looks good but it is full of some one else's code - you have rightfully given them credit but I think you're better of to build your own.
This message was deleted
MIke
@chipotle298
Apr 25 2016 00:44
sorry, is not in purple
(the jumbotron)
Greg Duncan
@GregatGit
Apr 25 2016 00:47
@chipotle298 I changed it to #test instead of .jumbotron and gave that div an id="test" and it worked
AnnasLab
@AnnasLab
Apr 25 2016 00:47
@GregatGit thanks, Yes I'm using a jQuery plugin for the auto typer because I created one myself (check projects) but it need some improvements, I'll change it once I I got mine done.
CamperBot
@camperbot
Apr 25 2016 00:47
annaslab sends brownie points to @gregatgit :sparkles: :thumbsup: :sparkles:
:star: 426 | @gregatgit | http://www.freecodecamp.com/gregatgit
Greg Duncan
@GregatGit
Apr 25 2016 00:48
@AnnasLab Good idea - it made me read it.
AnnasLab
@AnnasLab
Apr 25 2016 00:50
@GregatGit contributions are welcome ^^
MIke
@chipotle298
Apr 25 2016 00:52
@GregatGit yeah did the same thing but then i lose the jumbotron and the beloved rounded corners. i dont get this. when the code was made within sublime, it worked. but then when i copy and paste it within the code pen, it doesnt
Jin Choi
@JiniHendrix
Apr 25 2016 00:53
Hi, can anyone help me get my switch underneath my buttons in the center?
Greg Duncan
@GregatGit
Apr 25 2016 00:54
@chipotle298 You have to add bootstap in the settings in the css
@chipotle298 here is your pen forked http://codepen.io/gregoverhere/pen/bpxbZm
Frank XC
@tenkdayz
Apr 25 2016 00:58
@JiniHendrix this works
add to botBox
  margin-top:180px;
  margin-left:50px;
Jin Choi
@JiniHendrix
Apr 25 2016 00:59
@tenkdayz hmm i guess thats fine
@tenkdayz thanks
CamperBot
@camperbot
Apr 25 2016 00:59
jinihendrix sends brownie points to @tenkdayz :sparkles: :thumbsup: :sparkles:
:star: 447 | @tenkdayz | http://www.freecodecamp.com/tenkdayz
Jin Choi
@JiniHendrix
Apr 25 2016 00:59
@tenkdayz im jus confused as to why it's not showingup underneath when they are all divs
guessing it has to do with position:absolute
Frank XC
@tenkdayz
Apr 25 2016 01:00
@JiniHendrix are their positions absolute?
Jin Choi
@JiniHendrix
Apr 25 2016 01:01
@tenkdayz the div containing the buttons has position absolute
along with the Simon title
Frank XC
@tenkdayz
Apr 25 2016 01:02
@JiniHendrix if they have position absolute they wont respond to other divs inside the parent div.
Greg Duncan
@GregatGit
Apr 25 2016 01:03
@chipotle298 When you use code pen you don't need head <> script<> body<> they are added for - instead you use the the settings button up top - everything is put into the body <>. However if you do add scripts via the html, I think they should be added at the top of the html - not the bottom
@AnnasLab I live to code, read books, run and eat cheese would sound better
Greg Duncan
@GregatGit
Apr 25 2016 01:09
@AnnasLab or I live off code, books, running and cheese.
Phil Andy
@philandy
Apr 25 2016 01:23
I live off changing things that aren't broken.
Protsac
@Protsac
Apr 25 2016 01:42
Hello everyone! Need some help over here.
I'm really excited about the first project you have on the tutorials. Let me show you what I have so far
So it looks really crappy on the chat. But here's my plan: I want to divide the website into 3 main parts, as columns. So the middle one, where that pink box is, would be the main and bigger one, with two columns on either side.
So I'm planning on using the bootstrapper row and column thing. Is it the most appropriate?
Gwendolyn Faraday
@gwenf
Apr 25 2016 01:46
@Protsac bootstrap rows and columns would be the easiest thing to do
Protsac
@Protsac
Apr 25 2016 01:46
yeah? and in this case, easiest = most convenient and clean?
I'll go and learn some of it better then. It's still a bit messy and I'm not really sure what I'm doing, but I guess that's how you learn the most though.
Gwendolyn Faraday
@gwenf
Apr 25 2016 01:51
bootstrap is easy to learn/use in most cases
When you have bigger projects bootstrap can be a pain with over 600 global variables, in other words a lot of styles that are a pain to overwrite. My company uses it and I think a lot of others do too because it is quick
stevenliu409
@stevenliu409
Apr 25 2016 01:55
hi guys I am having trouble with Code pen. its giving a 404 error however i have double checked the url and it works
Jeremy Roe
@jeremyroe
Apr 25 2016 01:57
where do you see the 404 error @stevenliu409
Gwendolyn Faraday
@gwenf
Apr 25 2016 01:57
@stevenliu409 I don't see the error
stevenliu409
@stevenliu409
Apr 25 2016 01:57
in the console
Gwendolyn Faraday
@gwenf
Apr 25 2016 01:57
but I have gotten 404 errors when I use angular or react and write to local storage...
stevenliu409
@stevenliu409
Apr 25 2016 01:58
yeah i am using angular but i dont think I’m writing things to local storage
Jeremy Roe
@jeremyroe
Apr 25 2016 01:58
ok I’m seeing it now
stevenliu409
@stevenliu409
Apr 25 2016 01:58
I have a feeling codepen is adding their url infront of my url
Jeremy Roe
@jeremyroe
Apr 25 2016 01:59
@stevenliu409 yeah that’s what’s happening . . .
stevenliu409
@stevenliu409
Apr 25 2016 01:59
I tried to google but I dont really have any idea why
my google-fu is weak :(
Jeremy Roe
@jeremyroe
Apr 25 2016 02:01
@stevenliu409 I thin it’s because you don’t have an https:// in the front of the URL - when I add that it’s no longer prepending the codepen URL - it still fails but no longer beause of the URL
Michael Karpinski
@karpimpski
Apr 25 2016 02:01
http://codepen.io/karpimpski/pen/ZWMzRd?editors=1111 how can I get my animations to fade at different times>
?*
Greg Duncan
@GregatGit
Apr 25 2016 02:02
@stevenliu409 It works fine for me
stevenliu409
@stevenliu409
Apr 25 2016 02:02
@jeremyroe ok thank you! I will try it
CamperBot
@camperbot
Apr 25 2016 02:02
stevenliu409 sends brownie points to @jeremyroe :sparkles: :thumbsup: :sparkles:
:star: 458 | @jeremyroe | http://www.freecodecamp.com/jeremyroe
stevenliu409
@stevenliu409
Apr 25 2016 02:02
@GregatGit how did you fix it?
Jeremy Roe
@jeremyroe
Apr 25 2016 02:02
@stevenliu409 It doesn’t seem to like having http in front on the openweather side though . . . but hat’s the track to go down
actually yeah HTTP: not HTTPS and it responds with a data object @stevenliu409
stevenliu409
@stevenliu409
Apr 25 2016 02:03
@jeremyroe ok thanks!!
CamperBot
@camperbot
Apr 25 2016 02:03
stevenliu409 sends brownie points to @jeremyroe :sparkles: :thumbsup: :sparkles:
:warning: stevenliu409 already gave jeremyroe points
Jeremy Roe
@jeremyroe
Apr 25 2016 02:04
Anyone here have a few to have a look at my react code? I’ve got a syntax problem of some sort on codepen and I’m not seeing what I’m missing - I’m pretty sure it’s not a react problem but a formatting issue
stevenliu409
@stevenliu409
Apr 25 2016 02:04
@jeremyroe Oh!!! It works!! thank you so much
CamperBot
@camperbot
Apr 25 2016 02:04
stevenliu409 sends brownie points to @jeremyroe :sparkles: :thumbsup: :sparkles:
:warning: stevenliu409 already gave jeremyroe points
Jeremy Roe
@jeremyroe
Apr 25 2016 02:04
anytime @stevenliu409
Greg Duncan
@GregatGit
Apr 25 2016 02:04
@stevenliu409 I didn't have to fix it - You did it all fine
Jeremy Roe
@jeremyroe
Apr 25 2016 02:05
What browser @GregatGit?
perhaps it’s a browser bug
Greg Duncan
@GregatGit
Apr 25 2016 02:05
chrome
Jeremy Roe
@jeremyroe
Apr 25 2016 02:05
hmm . . same here but I did see the issue
stevenliu409
@stevenliu409
Apr 25 2016 02:05
@greg @jeremyroe I am using safari and chrome but have the same issue
Greg Duncan
@GregatGit
Apr 25 2016 02:05
it warns you that http is not secure but it still works
stevenliu409
@stevenliu409
Apr 25 2016 02:05
hmm interesting
96street
@96street
Apr 25 2016 02:06
Trying to get the two divs in the bottom right corner to go to the right of the black boxes (the white space): http://codepen.io/anon/pen/wGxoNQ
stevenliu409
@stevenliu409
Apr 25 2016 02:08
Thanks for all your guys response/help @GregatGit @jeremyroe @gwenf
CamperBot
@camperbot
Apr 25 2016 02:08
stevenliu409 sends brownie points to @gregatgit and @jeremyroe and @gwenf :sparkles: :thumbsup: :sparkles:
:warning: stevenliu409 already gave jeremyroe points
:star: 713 | @gwenf | http://www.freecodecamp.com/gwenf
:star: 427 | @gregatgit | http://www.freecodecamp.com/gregatgit
Patrick
@pwcsquared
Apr 25 2016 02:08
Hey guys, does anyone know of a secure alternative to the geolocation.getCurrentPosition method? I'm reading that it's deprecated and won't be supported in the future so I'd like to future proof my app
Greg Duncan
@GregatGit
Apr 25 2016 02:10
@karpimpski setInterval(function, milliseconds)
Same as setTimeout(), but repeats the execution of the function continuously. Your setInterval will just keep on going till there will be no gaps because it keeps calling choose()
Michael Karpinski
@karpimpski
Apr 25 2016 02:12
@GregatGit so how do I fix that?
@GregatGit I tried just calling choose() but that didn't work
Joe Narvaez
@wordyallen
Apr 25 2016 02:12
can I get help on portfolio?
Frank XC
@tenkdayz
Apr 25 2016 02:13
@wordyallen go.
Joe Narvaez
@wordyallen
Apr 25 2016 02:13
nvm. its going pretty good
Greg Duncan
@GregatGit
Apr 25 2016 02:13
@karpimpski what are you trying to do - i"m not quite sure
Michael Karpinski
@karpimpski
Apr 25 2016 02:14
@GregatGit make a Simon game. for now I'm trying to get the buttons to fade one at a time
@GregatGit I'm generating a random number, pushing its color value to an array, and looping through the array trying to light up each button one at a time
Greg Duncan
@GregatGit
Apr 25 2016 02:16
@karpimpski A loop with the timer value timed by the index
Michael Karpinski
@karpimpski
Apr 25 2016 02:16
how do you add a timer value to the loop? sorry, I've never done that
Joe Narvaez
@wordyallen
Apr 25 2016 02:17
setTimeout
welcome to the wonderful world of callbacks and async <3
CamperBot
@camperbot
Apr 25 2016 02:17

welcome to FreeCodeCamp @wordyallen!

Joe Narvaez
@wordyallen
Apr 25 2016 02:17
haha
Michael Karpinski
@karpimpski
Apr 25 2016 02:17
@wordyallen do I just add setTimeout(1000) at the end of my loop?
Jeremy Roe
@jeremyroe
Apr 25 2016 02:17
any React users on here I have a state question
Joe Narvaez
@wordyallen
Apr 25 2016 02:18
@jeremyroe I'm all ears
Jeremy Roe
@jeremyroe
Apr 25 2016 02:18
Thanks @wordyallen - I’m getting an undefined trying to set my state - Can I share code?
CamperBot
@camperbot
Apr 25 2016 02:18
jeremyroe sends brownie points to @wordyallen :sparkles: :thumbsup: :sparkles:
Greg Duncan
@GregatGit
Apr 25 2016 02:18
@karpimpski
for (var i = 0; i < yourArr.length; i++) {
    setTimeout(yourFucntion, 750 * i);
  }
CamperBot
@camperbot
Apr 25 2016 02:18
:star: 413 | @wordyallen | http://www.freecodecamp.com/wordyallen
Jeremy Roe
@jeremyroe
Apr 25 2016 02:19
http://codepen.io/jeremyroe/pen/zqGRvO?editors=0010 it’s in the StreamerBox component Line 72
Joe Narvaez
@wordyallen
Apr 25 2016 02:19
@karpimpski
    setTimeout(() => {
      yourFunct();
    }, 1000)
Jeremy Roe
@jeremyroe
Apr 25 2016 02:20
@wordyallen I get a undefined.state.hoverActive = true; which makes me think this isn’t bound correctly or I’m not working in the correct scope
Joe Narvaez
@wordyallen
Apr 25 2016 02:21
woah dude
Michael Karpinski
@karpimpski
Apr 25 2016 02:21
@wordyallen @GregatGit both of those still give me the same error where my buttons animate at the same time
Joe Narvaez
@wordyallen
Apr 25 2016 02:21
this.setState({hoverActive: true}) @jeremyroe
Jeremy Roe
@jeremyroe
Apr 25 2016 02:22
Ah thanks @wordyallen I’ll give that a shot
CamperBot
@camperbot
Apr 25 2016 02:22
jeremyroe sends brownie points to @wordyallen :sparkles: :thumbsup: :sparkles:
:warning: jeremyroe already gave wordyallen points
Joe Narvaez
@wordyallen
Apr 25 2016 02:22
you never bind state props
Greg Duncan
@GregatGit
Apr 25 2016 02:22
@karpimpski don't have it start on document ready
Michael Karpinski
@karpimpski
Apr 25 2016 02:23
@GregatGit I took the call out of document ready, but my error's still here
Greg Duncan
@GregatGit
Apr 25 2016 02:23
@karpimpski setTimout should only be in the loop
Joe Narvaez
@wordyallen
Apr 25 2016 02:24
can someone help with my portfolio?
I'm thinking of adding a physics engine
Michael Karpinski
@karpimpski
Apr 25 2016 02:24
@GregatGit it is, or at least I thought. how should I set my setTimeout?
Greg Duncan
@GregatGit
Apr 25 2016 02:24
@karpimpski for now comment out out your math random and switch. Make up an array to test
so put a bunch of numbers in used
Jeremy Roe
@jeremyroe
Apr 25 2016 02:25
I think a physics engine is probably beyond my abilities @wordyallen but I’m happy to give a hand if I’m able
Joe Narvaez
@wordyallen
Apr 25 2016 02:25
@jeremyroe how'd it go?
with setState
Michael Karpinski
@karpimpski
Apr 25 2016 02:26
@GregatGit just put red blue and yellow, all toggline continuously
Jeremy Roe
@jeremyroe
Apr 25 2016 02:26
tinkering with a syntax error that arose after the change but I’m pretty sure that’s the right track @wordyallen
Joe Narvaez
@wordyallen
Apr 25 2016 02:27
Greg Duncan
@GregatGit
Apr 25 2016 02:27
@karpimpski something simply like var used = [0, 1, 2, 3, 2, 3, 1, 2, 0];
Michael Karpinski
@karpimpski
Apr 25 2016 02:28
@GregatGit that wouldn't work because used has to contain colors, not numbers
@GregatGit the numbers are generated, that var is turned into a color, then pushed to the array
Jeremy Roe
@jeremyroe
Apr 25 2016 02:29
very nice @wordyallen
Greg Duncan
@GregatGit
Apr 25 2016 02:29
okay just put the colours in var used
Joe Narvaez
@wordyallen
Apr 25 2016 02:29
super simple dude
Michael Karpinski
@karpimpski
Apr 25 2016 02:29
@GregatGit yeah, that's what I did
Greg Duncan
@GregatGit
Apr 25 2016 02:34
@karpimpski now you loop through the array with setTimeout calling your function that makes the fade but the pause multiplied by the index (pause should be 500 or 750)
Michael Karpinski
@karpimpski
Apr 25 2016 02:36
@GregatGit I'm not sure how to do that with my code
@GregatGit I used your example, but none of them are animating now
Greg Duncan
@GregatGit
Apr 25 2016 02:37
make a function that takes in a color that does your fade - then setTimeout calls it
Michael Karpinski
@karpimpski
Apr 25 2016 02:38
@GregatGit yeah, I did that
for (var i = 0; i < used.length; i++) {
    setTimeout(animate, 750 * i);
  }
}

function animate(){
  $(used[i]).fadeToggle(500);
  $(used[i]).fadeToggle(500);
}
Protsac
@Protsac
Apr 25 2016 02:38
hello again :smile:
I'm in need of some help with bootstrap
Michael Karpinski
@karpimpski
Apr 25 2016 02:39
@GregatGit now I did this:
 for (var i = 0; i < used.length; i++) {
    setTimeout(animate(used[i]), 750 * i);
  }
}

function animate(current){
  $(current).fadeToggle(500);
  $(current).fadeToggle(500);
}
and I'm getting the same error
Protsac
@Protsac
Apr 25 2016 02:39
yeah that's better if you open the whole thing. So, my problem is I can't put the right column to show up as nicely as the left one does. And they're practically the same. what am I doing wrong?
Greg Duncan
@GregatGit
Apr 25 2016 02:39
@karpimpski I have to go out now but I will check it out when i get home - you will get it
Michael Karpinski
@karpimpski
Apr 25 2016 02:40
@GregatGit thanks for the help sir
CamperBot
@camperbot
Apr 25 2016 02:40
karpimpski sends brownie points to @gregatgit :sparkles: :thumbsup: :sparkles:
:star: 428 | @gregatgit | http://www.freecodecamp.com/gregatgit
Joe Narvaez
@wordyallen
Apr 25 2016 02:41
anybody need help?
you are on the mic. what's your beef?
Protsac
@Protsac
Apr 25 2016 02:42
@wordyallen , are you talking to me?
:D
Joe Narvaez
@wordyallen
Apr 25 2016 02:42
nah.. just wanting to be helpful
Protsac
@Protsac
Apr 25 2016 02:43
I need some
open it on your browser, please. I want my left column to look just as nice as the right one
and I don't know what I'm doing wrong @wordyallen
Joe Narvaez
@wordyallen
Apr 25 2016 02:47
both white?
Protsac
@Protsac
Apr 25 2016 02:49
well that's good too
but it was more like having that pink box in the middle, and the right text just like the left text
I want to separate into left center and right, with the pink box at the midele
middle*
you deleted the right column, that's cheating :P
Rex Smith Jr.
@rsmith731
Apr 25 2016 02:52
anyone good with the command line?
Patrick
@pwcsquared
Apr 25 2016 03:01
has anyone here made a version of the weather app that works on codepen's https site? I'd like to take a look at it :)
so no one? :P
Joe Narvaez
@wordyallen
Apr 25 2016 03:06
codepen is a joke
anyone good with the command line
Patrick
@pwcsquared
Apr 25 2016 03:06
@wordyallen that may be, but we still have to use it to submit our projects
Joe Narvaez
@wordyallen
Apr 25 2016 03:07
nah I got full credit with github pages
anyone good with rap music?
B. Garber
@TheBGar
Apr 25 2016 03:22
@wordyallen rap music?
Rex Smith Jr.
@rsmith731
Apr 25 2016 03:23
@wordyallen what do you mean rap music?
Joe Narvaez
@wordyallen
Apr 25 2016 03:23
I mean the musical genre of rap
its all I listen to ...looking for new music
B. Garber
@TheBGar
Apr 25 2016 03:23
@wordyallen good with it? producing it? actually rapping?
Joe Narvaez
@wordyallen
Apr 25 2016 03:24
I made a couple beats.. my best work was at 13
but sersly I listen to it a lot. lot of tribe since Phife passed :(
Rex Smith Jr.
@rsmith731
Apr 25 2016 03:25
@wordyallen well i have over 40K song on my iTunes i could send you some…but its lots of sites to DL it from if you are looking for like new music
Joe Narvaez
@wordyallen
Apr 25 2016 03:25
dang
B. Garber
@TheBGar
Apr 25 2016 03:25
@rsmith731 :open_mouth:
Johnathan Brown
@Legend28469
Apr 25 2016 03:27
Can someone tell me why my bootstrap collapse panel isn’t working?
class RecipeItem extends React.Component {
  render() {
    var collapseId = "collapse" + this.props.recipe.title;
    var hashed = "#" + collapseId;
    console.log(collapseId);
    console.log(hashed);

    return(
      <div className="panel-group">
        <div className="panel panel-default">
          <div className="panel-heading">
            <h3 className="panel-title"><a data-toggle="collapse" href={hashed}>{this.props.recipe.title}</a></h3>
          </div>
          <div id={collapseId} className="panel-collapse collapse">
            <div className="panel-body">{this.props.recipe.ingredients}</div>
          </div>
        </div>
      </div>
    )
  }
}
Rex Smith Jr.
@rsmith731
Apr 25 2016 03:28
@TheBGar lol yes
Joe Narvaez
@wordyallen
Apr 25 2016 03:38
This message was deleted
This message was deleted
Johnathan Brown
@Legend28469
Apr 25 2016 03:41
This message was deleted
Joe Narvaez
@wordyallen
Apr 25 2016 03:41
you still need a target
Johnathan Brown
@Legend28469
Apr 25 2016 03:41
Does a variable not count?
Joe Narvaez
@wordyallen
Apr 25 2016 03:41
<button data-toggle="collapse" data-target="#demo">Collapsible</button>

<div id="demo" class="collapse">
Lorem ipsum dolor text....
</div>
Johnathan Brown
@Legend28469
Apr 25 2016 03:42
oh… data target?
Joe Narvaez
@wordyallen
Apr 25 2016 03:42
data-target={this.props.target}
how does it know what to collapse?
Johnathan Brown
@Legend28469
Apr 25 2016 03:44
I’ve made changes and hardcoded it. I still have no luck
@wordyallen
Joe Narvaez
@wordyallen
Apr 25 2016 03:45
does data-toggle='collapse'
?
Johnathan Brown
@Legend28469
Apr 25 2016 03:45
yes
Johnathan Brown
@Legend28469
Apr 25 2016 03:51
Oh. Thank you so much @wordyallen
CamperBot
@camperbot
Apr 25 2016 03:51
legend28469 sends brownie points to @wordyallen :sparkles: :thumbsup: :sparkles:
:star: 414 | @wordyallen | http://www.freecodecamp.com/wordyallen
Joe Narvaez
@wordyallen
Apr 25 2016 03:51
I think the collapse is jquery
I'm sure there is a collapse component already built
with components I just copy /paste and tweak.. they usually arent anything too bad
but you can npm them right in
I did that with a timer compnent once. real handy
Johnathan Brown
@Legend28469
Apr 25 2016 03:53
Thanks a ton. I wouldn’t have thought this
I spent like a half hour just staring at it
Joe Narvaez
@wordyallen
Apr 25 2016 03:53
yeah.. boot strap is kind of garbo
try bulma.io
I can demo some stuff if you are curious
Johnathan Brown
@Legend28469
Apr 25 2016 03:54
Sure. Why not
all react and bulma
Johnathan Brown
@Legend28469
Apr 25 2016 03:56
That’s sexy
Michael Karpinski
@karpimpski
Apr 25 2016 03:56
http://codepen.io/karpimpski/pen/dMqygK I'm trying to get the background to become black when and then white again for the 3 values in my array, one at a time. can anybody tell me what I'm doign wrong?
Johnathan Brown
@Legend28469
Apr 25 2016 03:56
I look forward to using Bulma for my next project
Joe Narvaez
@wordyallen
Apr 25 2016 03:57
this was todays experiment at perfecting state management https://i.gyazo.com/1c7f3c27ad1b2e8636c892072072ff02.gif
Johnathan Brown
@Legend28469
Apr 25 2016 03:57
awesome
@karpimpski I don’t understand what you’re asking
Michael Karpinski
@karpimpski
Apr 25 2016 03:58
@Legend28469 well my script is supposed to light up the 1st UL black, then the 2nd UL, then the 3rd UL
but nothing is happening and I'm not sure why
Johnathan Brown
@Legend28469
Apr 25 2016 04:07
@karpimpski it works for me though
Michael Karpinski
@karpimpski
Apr 25 2016 04:08
@Legend28469 yeah, I didn't enable JQuery because I'm dumb
@Legend28469 please stick around though, I'm sure I'll have more questions soon :P
Johnathan Brown
@Legend28469
Apr 25 2016 04:08
@karpimpski I figured. I forked it and I couldn’t figure it out. Then I checked the settings on mine and realized it wasn’t there. When I got back to yours it was already working. Yeah. I’ll be here :thumbsup:
Aryan
@aryandua
Apr 25 2016 04:09
hello everyone I am making a codepen and when i write this- <h3> <i>There are two types of batsmen in the world, Sachin and all the rest</i> -Andy Flower a former criceter</h3> and nothing shows up. Whats wrong??
CamperBot
@camperbot
Apr 25 2016 04:09

welcome to FreeCodeCamp @aryandua!

Johnathan Brown
@Legend28469
Apr 25 2016 04:09
@aryandua link?
Johnathan Brown
@Legend28469
Apr 25 2016 04:10
@aryandua it’s there. Just invisable
Change the color of your h3 in the css
Aryan
@aryandua
Apr 25 2016 04:11
oh the CSS ok
Johnathan Brown
@Legend28469
Apr 25 2016 04:11
;)
Aryan
@aryandua
Apr 25 2016 04:11
thx @Legend28469
CamperBot
@camperbot
Apr 25 2016 04:11
aryandua sends brownie points to @legend28469 :sparkles: :thumbsup: :sparkles:
:star: 460 | @legend28469 | http://www.freecodecamp.com/legend28469
Johnathan Brown
@Legend28469
Apr 25 2016 04:11
No prob
Sam
@Samwise12
Apr 25 2016 04:12
Ok, so I've finished all the front end design work and the map said I have a certificate now. Where do I see this certificate?
Aryan
@aryandua
Apr 25 2016 04:13
how do you insert an empty line in between stuff?
Johnathan Brown
@Legend28469
Apr 25 2016 04:14
@aryandua <br />
Aryan
@aryandua
Apr 25 2016 04:14
like I want <h3>Blah Blah</h3> Empty line<h2>blah blah</h2>
oh ok
thx again @Legend28469
CamperBot
@camperbot
Apr 25 2016 04:14
:warning: aryandua already gave legend28469 points
aryandua sends brownie points to @legend28469 :sparkles: :thumbsup: :sparkles:
Sam
@Samwise12
Apr 25 2016 04:15
was my name changed to sam
Aryan
@aryandua
Apr 25 2016 04:16
@Samwise12 I remember you helping me with something the other and i forgot to give you points so...
thanks @Samwise12
CamperBot
@camperbot
Apr 25 2016 04:16
aryandua sends brownie points to @samwise12 :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for samwise12
Johnathan Brown
@Legend28469
Apr 25 2016 04:16
@Samwise12 otherwise click the top right icon to goto the settings page, scroll down and you’ll see view my front end development certificate
Sam
@Samwise12
Apr 25 2016 04:16
IT changed my name to sam
Johnathan Brown
@Legend28469
Apr 25 2016 04:16
Oh
Is that bad?
Sam
@Samwise12
Apr 25 2016 04:16
what's going on here lol
Aryan
@aryandua
Apr 25 2016 04:16
thx @Samwise12
CamperBot
@camperbot
Apr 25 2016 04:16
aryandua sends brownie points to @samwise12 :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for samwise12
Aryan
@aryandua
Apr 25 2016 04:16
what?
Johnathan Brown
@Legend28469
Apr 25 2016 04:16
It used my real name for the certificate too
Aryan
@aryandua
Apr 25 2016 04:16
thanks @Samwise12
CamperBot
@camperbot
Apr 25 2016 04:16
aryandua sends brownie points to @samwise12 :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for samwise12
Sam
@Samwise12
Apr 25 2016 04:17
My username was Samwise12 but it changed my name to Sam
Aryan
@aryandua
Apr 25 2016 04:17
could not find reciever?
Johnathan Brown
@Legend28469
Apr 25 2016 04:17
I think they do that on purpose. When you show an employer your certificate. They’d want to see your real name
@aryandua that was strange
Aryan
@aryandua
Apr 25 2016 04:17
thx @Sam
CamperBot
@camperbot
Apr 25 2016 04:17
aryandua sends brownie points to @sam :sparkles: :thumbsup: :sparkles:
Sam
@Samwise12
Apr 25 2016 04:17
@aryandua hello
CamperBot
@camperbot
Apr 25 2016 04:17
:warning: could not find receiver for sam
Aryan
@aryandua
Apr 25 2016 04:17
hi @Samwise12
Sam
@Samwise12
Apr 25 2016 04:17
ugh now whats going on
Aryan
@aryandua
Apr 25 2016 04:18
is your account right?
Joe Narvaez
@wordyallen
Apr 25 2016 04:18
I can help anyone not using codepen
Aryan
@aryandua
Apr 25 2016 04:18
I mean did you change you name or someting
Joe Narvaez
@wordyallen
Apr 25 2016 04:18
I can't handle that site
Johnathan Brown
@Legend28469
Apr 25 2016 04:18
@wordyallen I’m too lazy to setup dependencies all the time
Joe Narvaez
@wordyallen
Apr 25 2016 04:19
set up a starter kit
Aryan
@aryandua
Apr 25 2016 04:19
HEY @Samwise12 how many brownie points do you have?
Johnathan Brown
@Legend28469
Apr 25 2016 04:19
@wordyallen I’d have to look up how to do that. Because I’d very much rather code in atom
Sam
@Samwise12
Apr 25 2016 04:20
I'm not sure lol
Aryan
@aryandua
Apr 25 2016 04:21
you don't know how many brownie ponts you have?
Sam
@Samwise12
Apr 25 2016 04:21
How do I find out?
Aryan
@aryandua
Apr 25 2016 04:22
go to freecodecamp.com
then look at that number in [ ]
thx @Samwise12
CamperBot
@camperbot
Apr 25 2016 04:23
aryandua sends brownie points to @samwise12 :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for samwise12
Aryan
@aryandua
Apr 25 2016 04:23
again?!
what is wrong with your server?
Sam
@Samwise12
Apr 25 2016 04:25
321
Aryan
@aryandua
Apr 25 2016 04:25
@321
?
96street
@96street
Apr 25 2016 04:25
Can someone please help? I'm trying to get the two divs in the bottom right corner to go to the right of the black boxes (the white space): http://codepen.io/anon/pen/wGxoNQ
Aryan
@aryandua
Apr 25 2016 04:26
thx @321
CamperBot
@camperbot
Apr 25 2016 04:26
aryandua sends brownie points to @321 :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for 321
Bruce Young
@mutantspore
Apr 25 2016 04:27
lol I think Sam means he has 321 points. His FCC name is different from the github accont name it seems
Aryan
@aryandua
Apr 25 2016 04:27
oh!
@Samwise12 I know what u need to do
Go to freecodecamp.com
Click on your image on the top-right corner
Then look at the Url
it should say something like-
xyz is your username
remember I am using xyz as a variable
Michael Karpinski
@karpimpski
Apr 25 2016 04:33
http://codepen.io/karpimpski/pen/dMqygK how can I make my sequence array global? whenever I try, my program doesn't run
Aryan
@aryandua
Apr 25 2016 05:01
How do you like it?
Ankit Padia
@InsaneSkull
Apr 25 2016 05:04
@aryandua nice one, fan made.
Frank XC
@tenkdayz
Apr 25 2016 05:06
@aryandua timeline color doesn't look to well against the background color IMO .. but other than that everything is good
ottomahn
@ottomahn
Apr 25 2016 05:06
can anyone please help me with the tic tac toe zipline?
Bruce Young
@mutantspore
Apr 25 2016 05:07
@karpimpski if you wrap it all in a document ready function and also put var sequence = []; near the top with the rounds variable it seems to be ok
Michael Karpinski
@karpimpski
Apr 25 2016 05:09
@mutantspore thanks, if I want to edit it I'll do that! if you have the chance, could you point me in the right direction on how to make it so that it will alert "great" for every correct click, not just the first?
CamperBot
@camperbot
Apr 25 2016 05:09
karpimpski sends brownie points to @mutantspore :sparkles: :thumbsup: :sparkles:
:star: 1448 | @mutantspore | http://www.freecodecamp.com/mutantspore
@mutantspore nevermind, I got it! I just didn't increment my click variable after every click
ottomahn
@ottomahn
Apr 25 2016 05:11
tic tac toe zipline anyone?
Michael Karpinski
@karpimpski
Apr 25 2016 05:14
@ottomahn what about it?
ottomahn
@ottomahn
Apr 25 2016 05:16
@karpimpski well , do i need to go for minimax algorithm(AI) , or a much easier solution exists?
Michael Karpinski
@karpimpski
Apr 25 2016 05:17
@ottomahn I should probably know what a minimax algorithm is, but I don't :P I just made a function called check() that checked if the user was 1 square away from winning. and if they were, my AI would fill that square. I don't think there's anything easier than that, unfortunately
Bruce Young
@mutantspore
Apr 25 2016 05:17
@ottomahn I decided to try and implement the “rules” on the wikipedia site
ottomahn
@ottomahn
Apr 25 2016 05:20
@karpimpski lol thats great, but I dont think allow you can win games:)
Michael Karpinski
@karpimpski
Apr 25 2016 05:20
@mutantspore http://codepen.io/karpimpski/pen/dMqygK?editors=0011 do you know why I'm getting this bug on round?
@ottomahn you can still win the game that way, just have to have 2 openings
ottomahn
@ottomahn
Apr 25 2016 05:23
@mutantspore hmmm , thanks for the help, i think i have found what I need
CamperBot
@camperbot
Apr 25 2016 05:23
ottomahn sends brownie points to @mutantspore :sparkles: :thumbsup: :sparkles:
:star: 1449 | @mutantspore | http://www.freecodecamp.com/mutantspore
Abhishek Kumar
@Mr-Kumar-Abhishek
Apr 25 2016 05:54
Could some give me some design inspiration of the whether app ??
Abhishek Kumar
@Mr-Kumar-Abhishek
Apr 25 2016 05:59
@kirbyedy thanks it was just what I needed :)
CamperBot
@camperbot
Apr 25 2016 05:59
mr-kumar-abhishek sends brownie points to @kirbyedy :sparkles: :thumbsup: :sparkles:
:star: 914 | @kirbyedy | http://www.freecodecamp.com/kirbyedy
Kartik Shah
@krtk6160
Apr 25 2016 06:16
@Mr-Kumar-Abhishek No, actually I enclosed the whole parallax-4 thing in a fluid container.
Abhishek Kumar
@Mr-Kumar-Abhishek
Apr 25 2016 06:28
@krtk6160 yes that will work too :)
Tridev
@TridevGuha
Apr 25 2016 06:41
@TridevGuha
Hi I am having problem with codepen to display my geolocation. GPS is allowed in chrome settings for all sites. but still does not work. Help please. thanks.
http://codepen.io/TridevGuha/pen/XdPJVY?editors=1010
CamperBot
@camperbot
Apr 25 2016 06:41
sorry tridevguha, you can't send brownie points to yourself! :sparkles: :sparkles:
Frank XC
@tenkdayz
Apr 25 2016 06:42
@TridevGuha what's not working?
Tridev
@TridevGuha
Apr 25 2016 06:42
geo location does not show in output
here, when running ht pen, geolocation is showed, but if you visit the link, the ouput is blank
the*
Frank XC
@tenkdayz
Apr 25 2016 06:44
@TridevGuha you need a key
kirbyedy
@kirbyedy
Apr 25 2016 06:44
@TridevGuha I see the location and its correct
Tridev
@TridevGuha
Apr 25 2016 06:45
@tenkdayz what key?
Frank XC
@tenkdayz
Apr 25 2016 06:45
@TridevGuha no nevermind the key.... it shows when i visit the link
kirbyedy
@kirbyedy
Apr 25 2016 06:46
he is not there yet :)
Frank XC
@tenkdayz
Apr 25 2016 06:46
@kirbyedy yeah i figured hah
Tridev
@TridevGuha
Apr 25 2016 06:47
but I can not see any output when visit the link in chrome or firefox
Frank XC
@tenkdayz
Apr 25 2016 06:48
i see this.
latitude: 34.0877244
longitude: -118.31393569999999
hey it's not showing..
Tridev
@TridevGuha
Apr 25 2016 06:59
well it's now working in firefox, but not in chrome though location is enabled for all sites
Thank you @tenkdayz
CamperBot
@camperbot
Apr 25 2016 06:59
tridevguha sends brownie points to @tenkdayz :sparkles: :thumbsup: :sparkles:
:star: 453 | @tenkdayz | http://www.freecodecamp.com/tenkdayz
kirbyedy
@kirbyedy
Apr 25 2016 07:00
@TridevGuha if you are using chrome 50 its not going to work
Tridev
@TridevGuha
Apr 25 2016 07:00
yes chrome 50
kirbyedy
@kirbyedy
Apr 25 2016 07:00
then forget it :)
Tridev
@TridevGuha
Apr 25 2016 07:00
lol :) okay
kirbyedy
@kirbyedy
Apr 25 2016 07:01
I can give you link to my pen to check, and you will see that its also broken
but works in firefox
Tridev
@TridevGuha
Apr 25 2016 07:01
yes exactly, but still the pen runs in here gitter chat in chrome
kirbyedy
@kirbyedy
Apr 25 2016 07:02
it has something to do with security
I will downgrade my chrome to v49
Tridev
@TridevGuha
Apr 25 2016 07:03
So does it work with chrome version 49? :)
kirbyedy
@kirbyedy
Apr 25 2016 07:05
yes
Tridev
@TridevGuha
Apr 25 2016 07:06
okay
kirbyedy
@kirbyedy
Apr 25 2016 07:07
when you downgrade, be sure to disable chromes auto update
Nickolas Gettel
@nickolaskg
Apr 25 2016 07:21
Hey guys, i'm trying to go through the clementine.js tutorial, i'm doing it on my local machine, but I can't get Angular to work right. Can someone take a look at this github repo and see if they can tell me why its not working? thanks... https://github.com/nickolaskg/clementine
Ankit Panwar
@coderNoob
Apr 25 2016 07:25
In my Simon game, I've used a disableBoard() method but I'm still able to make clicks when the compTurn() is in execution. Why? It works just fine everyplace else.
Nickolas Gettel
@nickolaskg
Apr 25 2016 07:29
@coderNoob On the userPress function, it doesnt seem to check if compturn is 0 or 1(true or false?), so how will it know to not enable clicks when its the computers turn
Ankit Panwar
@coderNoob
Apr 25 2016 07:31
@nickolaskg I meant to remove the compTurn variable. But in the compTurn() method, the last line is enableBoard() which enables it. So as the board is lighting up as per the sequence, I should not be able to register a click before it is finshed. But for some reason, I'm able to.
Nickolas Gettel
@nickolaskg
Apr 25 2016 07:31
Instead of adding or removing clickable class i'd suggest adding an if statement to check if compTurn is true or false
Oh I gotcha
Dardan Demiri
@dardandemiri
Apr 25 2016 07:37

Is it possible to take this data from FreeCodeCamp

And for example put them in My website ?
Does FCC has any API that lets you make this or something else ?
https://i.imgur.com/avFn5Gfg.png
Ankit Panwar
@coderNoob
Apr 25 2016 07:55
@nickolaskg The winning condition also doesn't seem to be working for some reason beyond me. Can you help me with that?
Nickolas Gettel
@nickolaskg
Apr 25 2016 07:57
@coderNoob What isn't working for you? Once I get 6 patterns correct the box says 'You win!", for me.
Ankit Panwar
@coderNoob
Apr 25 2016 07:58
@nickolaskg It doesn't for me !!
Nickolas Gettel
@nickolaskg
Apr 25 2016 07:58
Are you going up to 5 or 6?
Ankit Panwar
@coderNoob
Apr 25 2016 07:58
upto 6
and it's still going
doesn't stop
Nickolas Gettel
@nickolaskg
Apr 25 2016 07:59
The game reset for me after I got the 6th pattern correct :/
Trang Luong
@trangluong
Apr 25 2016 08:35
Hello, I get a stuck that I can not display a image on codepen.io. Please help me.
AhmedA-del
@AhmedA-del
Apr 25 2016 09:04
how to center a navigation bar ?
Pavel Sokolov
@nevaljawko
Apr 25 2016 09:10
Hi. Tell me please, how to make smooth scroll on the 130-th challenge, when it needs to create a portfolio page?
Pavel Sokolov
@nevaljawko
Apr 25 2016 09:16
This message was deleted
@kirbyedy thank you
CamperBot
@camperbot
Apr 25 2016 09:17
nevaljawko sends brownie points to @kirbyedy :sparkles: :thumbsup: :sparkles:
:star: 919 | @kirbyedy | http://www.freecodecamp.com/kirbyedy
Abhishek Kumar
@Mr-Kumar-Abhishek
Apr 25 2016 10:44
So I have changed my design as it was not a good fit for the whether app anyone tried materialize ? I have quick question I want to change the tab hover active colors which are the classes which includes those ??
Stephen James
@sjames1958gm
Apr 25 2016 10:45
Nazim
@nazimkazim
Apr 25 2016 11:11
@All Hey front-enders please help me!!! In my "Twitch.tv" project my appended divs do not go down but go right. What is wrong? Please help!
http://codepen.io/nazimkazim/pen/ONEYgZ
Mayur Kulkarni
@maykulkarni
Apr 25 2016 11:23
how do I make my sections slide when I use the navbar? https://codepen.io/mayur3086/pen/jqpjgr?editors=1100
Greg Duncan
@GregatGit
Apr 25 2016 11:43
@mayur3086 http://www.w3schools.com/bootstrap/bootstrap_scrollspy.asp here is a great template for that
Mayur Kulkarni
@maykulkarni
Apr 25 2016 11:46
@GregatGit I want the scroll effect, but when I click on something it directly takes me there without any effect
Greg Duncan
@GregatGit
Apr 25 2016 11:50
@mayur3086 Ok - I understand what you mean now - but I'm not sure how
Mayur Kulkarni
@maykulkarni
Apr 25 2016 11:52
@GregatGit and click on some navbar element , then see the scroll effect
@GregatGit that is what i want
Greg Duncan
@GregatGit
Apr 25 2016 11:53
very cool
if it w3school they should have there template to look at
@mayur3086 http://www.w3schools.com/bootstrap/bootstrap_theme_band.asp they show you how to do it here
Mayur Kulkarni
@maykulkarni
Apr 25 2016 11:58
@GregatGit yeah thanks I figured it out :)
CamperBot
@camperbot
Apr 25 2016 11:58
mayur3086 sends brownie points to @gregatgit :sparkles: :thumbsup: :sparkles:
:star: 429 | @gregatgit | http://www.freecodecamp.com/gregatgit
Greg Duncan
@GregatGit
Apr 25 2016 11:59
Looks great - I am going to run through their templete too
A H
@allenhsieh
Apr 25 2016 12:33
For "Build a Random Quote Machine" is there a suggested API we should be using?
kirbyedy
@kirbyedy
Apr 25 2016 12:34
@allenhsieh anything goes
A H
@allenhsieh
Apr 25 2016 12:34
thank you @kirbyedy
CamperBot
@camperbot
Apr 25 2016 12:34
allenhsieh sends brownie points to @kirbyedy :sparkles: :thumbsup: :sparkles:
:star: 922 | @kirbyedy | http://www.freecodecamp.com/kirbyedy
ajaybti
@ajaybti
Apr 25 2016 12:45
please help i am struggling with how to create online and offline click event http://codepen.io/ajaybti/pen/YqLJzQ
Clem
@ctataru
Apr 25 2016 12:46
hey guys. i'm trying to make my count down timer element (css line 66) bigger, but it completely distorts my structure when i try to change the font size. is there anyway to make this one element ignore margin rules and not interact with the other number/arrows?
http://codepen.io/wise/pen/PNBopg
Meghana
@meghanasarikonda
Apr 25 2016 12:52
This message was deleted
Greg Duncan
@GregatGit
Apr 25 2016 12:52
@ajaybti give your buttons an id like id='myOnline'
$('#myOnline')click(funtion(){
  // do stuff;
});
Meghana
@meghanasarikonda
Apr 25 2016 12:53
Greg Duncan
@GregatGit
Apr 25 2016 12:55
@meghanasarikonda I recomend a seperate line to create your api url, then put it in your getJSON
Meghana
@meghanasarikonda
Apr 25 2016 12:57
@GregatGit means..
ajaybti
@ajaybti
Apr 25 2016 13:11
@GregatGit actually i am unable to create logic to sort online and offline ,,,,can u look at on my code or how can do it,,,
Greg Duncan
@GregatGit
Apr 25 2016 13:19
@ajaybti are you unable to tell if the channel is offline?
EugeneSvinolupov
@EugeneSvinolupov
Apr 25 2016 13:23
@meghanasarikonda change view to Full Page, open Chrome -> dev tools -> console - and you'll see an error "getCurrentPosition() and watchPosition() are deprecated on insecure origins. To use this feature, you should consider switching your application to a secure origin, such as HTTPS. See https://goo.gl/rStTGz for more details."
kirbyedy
@kirbyedy
Apr 25 2016 13:27
Screen Shot 2016-04-25 at 16.27.05.png
@ajaybti check the image
Jas K
@jask84
Apr 25 2016 13:40
Hi. Would appreciate if someone could take the time to take a quick look at my tic tac toe project. I want to know how to invoke the winningFunc (which determines winning combinations) by passing the choiceArray to it (which keeps a record of a 'computer' or 'user' choice in individual boxes). Thanks. http://codepen.io/jask/pen/xVaZQM?editors=0010
Nazim
@nazimkazim
Apr 25 2016 14:11
@All Please suggest me a correct way to append?
alpox
@alpox
Apr 25 2016 14:23
@nazimkazim Append what to what?
@jask84 I get an error 404 on this link
Nazim
@nazimkazim
Apr 25 2016 14:26
@alpox Please look at my code
http://codepen.io/nazimkazim/pen/ONEYgZ
@alpox I'am trying different options but fail
alpox
@alpox
Apr 25 2016 14:28
@nazimkazim Well, it seems to append for me :D even though the design looks messed up
Jas K
@jask84
Apr 25 2016 14:28
@alpox apologies. This should work. http://codepen.io/jask/pen/dMqGGw?editors=0010
Nazim
@nazimkazim
Apr 25 2016 14:28
@alpox Yes you are right)))
alpox
@alpox
Apr 25 2016 14:30
@jask84 That winningFunc looks bit wrong to me since it doesn't test for if its the user who wins or the computer... it would say you win even though the computer won
Hmm but maybe i'm wrong
Jas K
@jask84
Apr 25 2016 14:31
@alpox your totally right. I just want it to at least reset the board first and then I can add everything else in
alpox
@alpox
Apr 25 2016 14:32
@jask84 I don't really get what your problem is. Can you specify?
Jas K
@jask84
Apr 25 2016 14:35
@alpox basically I have tried to invoke the winningFunc within the computerFunc and userFunc, to test winning combos from the choiceArray. However, I have tried to invoke the winningFunc in each function respectively after updating the choiceArray, but I cant get it workng. I wonder if my syntax is wrong and/or my layout of my code is incorrect in terms of how I am going through the process (computerFunc, which changes/adds to variables, then invokes userFunc click handler which I then need to switch off, and then back to computerFunc and so on).
@alpox so if you click three boxes in a row, you will see that nothing happens. It does not reset the game
alpox
@alpox
Apr 25 2016 14:39
@jask84 Sry, didn't even notice. But:
choiceArray1[0] === choiceArray1[1] === choiceArray1[2]
Thats nothing js can handle
it has to be:
choiceArray1[0] === choiceArray1[1] && choiceArray1[1] === choiceArray1[2]

@jask84

var p = [2, 2, 2]
console.log(p[0] === p[1] === p[2]);

Prints false

Jas K
@jask84
Apr 25 2016 14:41
@alpox thanks. I have done this before! I always forget this. Appreciate it.
CamperBot
@camperbot
Apr 25 2016 14:41
jask84 sends brownie points to @alpox :sparkles: :thumbsup: :sparkles:
:star: 597 | @alpox | http://www.freecodecamp.com/alpox
alpox
@alpox
Apr 25 2016 14:41
@jask84 np
Konstantin
@Kuklus23
Apr 25 2016 14:41
Help me please!
CamperBot
@camperbot
Apr 25 2016 14:41
no wiki entry for: me please
Konstantin
@Kuklus23
Apr 25 2016 14:42
How do task number 130?
Jas K
@jask84
Apr 25 2016 14:42
@alpox also, just wanted your quick opinion on whether the way I am doing it is the best way? Because I have a feeling my click handler really isnt the most efficient way. But if youre busy, no worries. Appreciate the help
Konstantin
@Kuklus23
Apr 25 2016 14:42
I can not will do this.
Nathan
@natertot12
Apr 25 2016 14:44
@Kuklus23 What do you need help on?
alpox
@alpox
Apr 25 2016 14:45
@jask84 You can put the click event for .box outside of the userfunc, otherwise you will add one each time userfunc is called. Thats why you even had to use .off
@Kuklus23 There are numbers? :D which one is it by name?
Konstantin
@Kuklus23
Apr 25 2016 14:46
@natertot12 problem with JS for navbar and with css
Nathan
@natertot12
Apr 25 2016 14:46
@Kuklus23 Can you post your codepen? or your code
Konstantin
@Kuklus23
Apr 25 2016 14:47
@alpox "Build a Personal Portfolio Webpage"
alpox
@alpox
Apr 25 2016 14:47
@Kuklus23 Navbar: Usually a problem with including bootstrap js right. There has to be jquery first in the list, and then bootstrap
alpox
@alpox
Apr 25 2016 14:48
@Kuklus23 You didn't follow bootstraps rules for a navbar, so it cannot work properly
and you didn't include jquery and bootstrap js
@Kuklus23 http://getbootstrap.com/components/#navbar
Take a look over this doc for/from boostrap
Konstantin
@Kuklus23
Apr 25 2016 14:48
@alpox I not learn this
alpox
@alpox
Apr 25 2016 14:49
@Kuklus23 Yeah i know :-) at this point one has to get used to use documentations, references, and search the web
Konstantin
@Kuklus23
Apr 25 2016 14:49
@alpox (
@alpox Yet problem with css. I use class "container" and now I can't change css.
@alpox I can't change background and border-radius
for divs
alpox
@alpox
Apr 25 2016 14:54
@Kuklus23 It seems that you set border-radius and background successfully
@Kuklus23 But if you want to change the background color for the container, set it on the container.
Konstantin
@Kuklus23
Apr 25 2016 14:57
@alpox I can't change background for .first-section
@alpox and I want do border-radius for container 0px, but can't do this
Nathan
@natertot12
Apr 25 2016 15:01
Does anyone have any good css tutorials for making css toggles and other cool css things?
jameslw
@jameslw
Apr 25 2016 15:03
h
alpox
@alpox
Apr 25 2016 15:05
@Kuklus23 You cannot change it because you have a border-radius. If you set a background, it has the round size too. So its all behind your picture
@Kuklus23
.container .jumbotron {
  border-radius: 0;
}
Konstantin
@Kuklus23
Apr 25 2016 15:08
@alpox Thank you
CamperBot
@camperbot
Apr 25 2016 15:08
kuklus23 sends brownie points to @alpox :sparkles: :thumbsup: :sparkles:
:star: 598 | @alpox | http://www.freecodecamp.com/alpox
Konstantin
@Kuklus23
Apr 25 2016 15:09
@alpox But I not understand what do with background
alpox
@alpox
Apr 25 2016 15:11

@Kuklus23

.first-section {
  background-color: blue;
}

Did you want something like that? (Well, terrible color now...)

Konstantin
@Kuklus23
Apr 25 2016 15:12
@alpox not work this
alpox
@alpox
Apr 25 2016 15:15
@Kuklus23 it does on small screen, it collapses on big screen. The problem you have, is that you use a jumbotron as first sub-element of container
Konstantin
@Kuklus23
Apr 25 2016 15:16
@alpox bg not changed
alpox
@alpox
Apr 25 2016 15:16
Usually you have the outer container, followed by a row, followed by columns
Bootstrap just works this way
The jumbotron messes quite some things up in your layout
Konstantin
@Kuklus23
Apr 25 2016 15:17
@alpox row work without jumbotron?
alpox
@alpox
Apr 25 2016 15:19
@Kuklus23 Well, i think row works almost NOT with jumbotron :D
The row only wants that there is a container as one of its ancestors

@Kuklus23 Another way round is as the bootstrap suggests:

To make the jumbotron full width, and without rounded corners, place it outside all .containers and instead add a .container within.

Konstantin
@Kuklus23
Apr 25 2016 15:21
@alpox I understand. Thank you!
CamperBot
@camperbot
Apr 25 2016 15:21
kuklus23 sends brownie points to @alpox :sparkles: :thumbsup: :sparkles:
:warning: kuklus23 already gave alpox points
alpox
@alpox
Apr 25 2016 15:21
<div class="jumbotron">
  <div class="container">
    ...
  </div>
</div>
Konstantin
@Kuklus23
Apr 25 2016 15:26
@alpox You know why to the right of header free place?
alpox
@alpox
Apr 25 2016 15:28
@Kuklus23 Yes, the header doesn't fully expand using .container.
@Kuklus23 You can try .container-fluid instead
But it tries to get some space there for that it doesn't just stick to the right
I think thats normal bootstrap behaviour
Paweł Przytuła
@paprzytula
Apr 25 2016 15:30
?
hello
Konstantin
@Kuklus23
Apr 25 2016 15:32
http://codepen.io/Kuklus23/pen/BKPErL?editors=1100 @alpox
not work and bg for .first-section also not change
alpox
@alpox
Apr 25 2016 15:34
This message was deleted
Konstantin
@Kuklus23
Apr 25 2016 15:36
without him navbar not changed too
very hard
alpox
@alpox
Apr 25 2016 15:37

@Kuklus23

.first-section {
  margin: 0 30px;
  background: blue;
  display: inline-block;
}

You can try this

But actually i would go with proper columns
@Kuklus23
<div class="col-md-12 first-section">
.first-section {
  margin: 0 30px;
  background: blue;
}
That would be better
Konstantin
@Kuklus23
Apr 25 2016 15:39
Thank you. work
Paweł Przytuła
@paprzytula
Apr 25 2016 15:40
I'm looking for a couple of days for a solution to my problem with bootstrap - how to disable focus on the link after second click ? For exmple the navbar-brand is glowing, but it shouldnt. It just should be highlighted for a moment during action like scroll .
alpox
@alpox
Apr 25 2016 15:41
@Kuklus23 For making your page responsive you may want to not use fixed widths on content:
.content {
  width: 1060px; // You should maybe remove this line
  margin: 0 auto;
}
Landon Simmons
@landonain
Apr 25 2016 15:44
I am trying to center a link and can't figure out how
Paweł Przytuła
@paprzytula
Apr 25 2016 15:45
@landonain some example code?
alpox
@alpox
Apr 25 2016 15:46
@Kuklus23 Btw. Your header needs all your css setup (and has the space right) only, because you are not using the usual bootstrap nav setup. For also making it responsive, look at this example from bootstrap:
<nav class="navbar navbar-default">
  <div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#">Brand</a>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav">
        <li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li>
        <li><a href="#">Link</a></li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="#">Separated link</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="#">One more separated link</a></li>
          </ul>
        </li>
      </ul>
    </div>
   </div>
</nav>
@landonain A link is usually text (inline) and so you can center it with a text-align: center on its parent element. (As long as it is an inline element)
Landon Simmons
@landonain
Apr 25 2016 15:47
<a class="btn btn-large btn-info" href="http://hitchhikers.wikia.com/wiki/Towel" target="_blank">Towels</a>
glorious1688
@glorious1688
Apr 25 2016 15:48
friends, whats the best API to use for the random quote machine
Paweł Przytuła
@paprzytula
Apr 25 2016 15:49
@landonain you could add class like "text-center"
glorious1688
@glorious1688
Apr 25 2016 15:49
https://theysaidso.com appears to have privacy restrictions
Landon Simmons
@landonain
Apr 25 2016 15:50
@pprzytula added the text-center class and it's not moving
Paweł Przytuła
@paprzytula
Apr 25 2016 15:51
@landonain but where did you put this button? Is it in the class row or col-lg-12 for example?
Landon Simmons
@landonain
Apr 25 2016 15:52
@pprzytula it's just at the end of my page
@pprzytula I will put in a row
Konstantin
@Kuklus23
Apr 25 2016 15:59
@alpox all problem was in margin
alpox
@alpox
Apr 25 2016 16:00
@Kuklus23 Yes for one thing. But you adjust it all yourself now what you don't have to. And if you make the page small in width, you won't have a breadcrumb button
Landon Simmons
@landonain
Apr 25 2016 16:02
still no movement on the link @pprzytula
<div align="center">
<a class="btn btn-info centerButtons" href="http://hitchhikers.wikia.com/wiki/Towel" target="_blank">Towels</a>
</div> @pprzytula got it thank you for the help
CamperBot
@camperbot
Apr 25 2016 16:05
landonain sends brownie points to @pprzytula :sparkles: :thumbsup: :sparkles:
:star: 139 | @pprzytula | http://www.freecodecamp.com/pprzytula
Paweł Przytuła
@paprzytula
Apr 25 2016 16:07
@landonain I'd suggest adding a class to the div and put the styling to CSS
Sereko Mokhine
@SerekoMo
Apr 25 2016 16:11
HI guys, am the Build a Tribute Page, how can I add an image in code pen?
Clem
@ctataru
Apr 25 2016 16:12
hey guys. i'm trying to make my count down timer element (css line 66) bigger, but it completely distorts my structure when i try to change the font size. is there anyway to make this one element ignore margin rules and not interact with the other number/arrows?
http://codepen.io/wise/pen/PNBopg
Paweł Przytuła
@paprzytula
Apr 25 2016 16:14
Hi, @SerekoMo If you don't have a pro account, you can only use <img src="..."> tags
@SerekoMo or background:url(...) in css
Frank XC
@tenkdayz
Apr 25 2016 16:19
@ctataru i see the problem
Konstantin
@Kuklus23
Apr 25 2016 16:27
now change plase between nav and first-section when I change screen size
@alpox now change plase between nav and first-section when I change screen size
http://codepen.io/Kuklus23/pen/BKPErL?editors=1100
Clem
@ctataru
Apr 25 2016 16:30
@tenkdayz ah good. right now my buttons aren't working, so i'm in the process of fixing that. still haven't figured out my initial issue, though
Frank XC
@tenkdayz
Apr 25 2016 16:31
@ctataru I fixed it but it doesnt look pretty
Konstantin
@Kuklus23
Apr 25 2016 16:34
Change plase between nav and first-section when I change screen size. How do that this place will absent?
Frank XC
@tenkdayz
Apr 25 2016 16:34
@ctataru well codepen didnt want to save the fork I made.. but just give the div position absolute then just position it where you want it.
Clem
@ctataru
Apr 25 2016 16:34
@tenkdayz gotcha. i'll try that! thanks
CamperBot
@camperbot
Apr 25 2016 16:34
ctataru sends brownie points to @tenkdayz :sparkles: :thumbsup: :sparkles:
:star: 454 | @tenkdayz | http://www.freecodecamp.com/tenkdayz
Konstantin
@Kuklus23
Apr 25 2016 16:35
Change plase between nav and first-section when I change screen size. How do that this place will absent?
http://codepen.io/Kuklus23/pen/BKPErL?editors=1100
Clem
@ctataru
Apr 25 2016 16:35
@tenkdayz also, quick question. it seems as though jQuery just isn't working at all anymore. i tweaked the code a little bit earlier and now it isn't behaving. any idea what's going on? i tried re-adding jquery
http://codepen.io/wise/pen/PNBopg?editors=1010
Frank XC
@tenkdayz
Apr 25 2016 16:39
@ctataru no idea.. I'm not too familiar with codepen..
greg
@wearenotgroot
Apr 25 2016 16:39
@ctataru check your console
@ctataru there is an error. extra = on the if statement
Clem
@ctataru
Apr 25 2016 16:39
@wearenotgroot i opened the console but nothing was going on there when i tried to use the clock
greg
@wearenotgroot
Apr 25 2016 16:40
@ctataru if (minutes === 0 && seconds === = 0) {<--------------------
Clem
@ctataru
Apr 25 2016 16:40
found it!!
@wearenotgroot thanks man
CamperBot
@camperbot
Apr 25 2016 16:40
ctataru sends brownie points to @wearenotgroot :sparkles: :thumbsup: :sparkles:
:star: 1049 | @wearenotgroot | http://www.freecodecamp.com/wearenotgroot
greg
@wearenotgroot
Apr 25 2016 16:40
@ctataru np
Clem
@ctataru
Apr 25 2016 16:40
how did you get the console to tell you that?
greg
@wearenotgroot
Apr 25 2016 16:40
@ctataru f12 on chrome
Clem
@ctataru
Apr 25 2016 16:41
oh right. i thought you meant the codepen console.
thanks again
greg
@wearenotgroot
Apr 25 2016 16:42
@ctataru always check the dev console :smile:
Clem
@ctataru
Apr 25 2016 16:43
haha will do
Johnathon Sykes
@seesykescode
Apr 25 2016 16:45
This message was deleted
Hey, trying to finish up my Twitch project. I can't seem to get online players to show at the top of the list. Not exactly sure how to be honest, any suggestions as to how to implement that?
http://codepen.io/johndsykes86/pen/MyQbYe
Jose E. Pimentel
@jedpimentel
Apr 25 2016 16:49
@johndsykes86 when you make the request for each user, the callback function is what inserts each streamer into the DOM, you could tell that callback function to insert them before the first element if they are online, or after the last element if they are offline, it should appear as if they where sorted
Johnathon Sykes
@seesykescode
Apr 25 2016 16:51
so jquery's insertafter
or just after
Protsac
@Protsac
Apr 25 2016 16:51
hello! I need some help with bootstrap.
Johnathon Sykes
@seesykescode
Apr 25 2016 16:51
man, didnt even consider it that. Thanks @jedpimentel
CamperBot
@camperbot
Apr 25 2016 16:51
johndsykes86 sends brownie points to @jedpimentel :sparkles: :thumbsup: :sparkles:
:star: 969 | @jedpimentel | http://www.freecodecamp.com/jedpimentel
I don't know what I am doing wrong. I want to divide the main page into 3 columns, and the middle column should have three sub columns
but the left column is pretty good and set, and the right column is overlapping the middle one. and I don't know where I went wrong...
can someone lend me a hand?
Paweł Przytuła
@paprzytula
Apr 25 2016 16:54
@ctataru i'm thinking about the flexbox in your case. There was a game about it, maybe you'll consider it: http://flexboxfroggy.com/
Protsac
@Protsac
Apr 25 2016 16:57
anyone? :(
Clem
@ctataru
Apr 25 2016 16:58
@pprzytula cool! checking it out now. thanks
CamperBot
@camperbot
Apr 25 2016 16:58
ctataru sends brownie points to @pprzytula :sparkles: :thumbsup: :sparkles:
:star: 140 | @pprzytula | http://www.freecodecamp.com/pprzytula
Paweł Przytuła
@paprzytula
Apr 25 2016 17:01
@Protsac fluid-container? I thought that should be container-fluid :)
Protsac
@Protsac
Apr 25 2016 17:02
oh snap. is that it?!
it's not just that @pprzytula :\ I've changed it and it's still a mess.
Can you spot any mistake on the code?
I don't know why it is behaving so
hmm - I think I spotted it. I had a fixed width for the middle box
Paweł Przytuła
@paprzytula
Apr 25 2016 17:06
There is one thing which I don't like in the codepen.io - i didn't find any tag highlighting in a html editor
Protsac
@Protsac
Apr 25 2016 17:07
well, I'm only using it because FCC recommended it.
haven't found any nuisance yet, but then again I haven't got very far code-wise
Paweł Przytuła
@paprzytula
Apr 25 2016 17:08
@Protsac now it looks much better
Clem
@ctataru
Apr 25 2016 17:11
@pprzytula the game is great! i tried using flexbox but i'm getting results like this: http://codepen.io/wise/pen/PNBopg?editors=1100
do you think i'm not getting the desired result because flex's interaction with bootstrap?
EugeneSvinolupov
@EugeneSvinolupov
Apr 25 2016 17:12
@Protsac remove width: 1200px from box1 in css
Protsac
@Protsac
Apr 25 2016 17:13
yeah, that's what I did @EugeneSvinolupov . thanks! @pprzytula
CamperBot
@camperbot
Apr 25 2016 17:13
protsac sends brownie points to @eugenesvinolupov and @pprzytula :sparkles: :thumbsup: :sparkles:
:star: 173 | @eugenesvinolupov | http://www.freecodecamp.com/eugenesvinolupov
:star: 141 | @pprzytula | http://www.freecodecamp.com/pprzytula
Protsac
@Protsac
Apr 25 2016 17:13
I still haven't got the hang of it
should my columns number sum make 12?
Paweł Przytuła
@paprzytula
Apr 25 2016 17:15
@Protsac yes
Protsac
@Protsac
Apr 25 2016 17:16
say I make 3 - 6 - 3 in that current design. if the right one comes down, then it means my browser won't support that design?
Paweł Przytuła
@paprzytula
Apr 25 2016 17:19
I'd rather say that you have too much things in a column
Protsac
@Protsac
Apr 25 2016 17:20
it's just that text. I had to put 3 - 5 - 3 and it's fine now
Jesse Burns
@jessescottburns
Apr 25 2016 17:20
Hi all. Having trouble with a javascript loop and a JSON failure function. I'm sure it has something to do with the order the items are being processed, but I can't figure it out.
Protsac
@Protsac
Apr 25 2016 17:20
a little uneven on the borders, but that's cool
Jesse Burns
@jessescottburns
Apr 25 2016 17:21
See the javascript and look at the JSON failure function. I can't get the name to assign based on the counter of the for loop. I entered a comment on where it is showing the user as undefined or pulling the last name in the array.
I realize I could easily solve this by separating the JSONs into two different calls, but don't know if there is an easier way to just grab the name out of the array that the URL is based off of.
Paweł Przytuła
@paprzytula
Apr 25 2016 17:33
@Protsac the colright causes that the "#ColRight" insect is below
Johnathan Brown
@Legend28469
Apr 25 2016 17:41
Greetings. Can someone tell me why my panel isn't “collapsing”. I’m using React-Bootstrap if that helps
http://codepen.io/Legend28469/pen/yOqjKv?editors=0010
Scott
@essdoubleu
Apr 25 2016 17:49
Hey guys, can someone tell me why my paragraph isn't showing up...? I'm probably missing something insanely simple. http://codepen.io/ScottW/pen/dMqpmE
Frank XC
@tenkdayz
Apr 25 2016 17:55
@essdoubleu found it.
bzouzou
@bzouzou
Apr 25 2016 17:55
hi all i see a lot of lingk to code pen. what is it?
the doer
@ewathedoer
Apr 25 2016 17:56
@bzouzou kind of code editor where you host your code snippets
bzouzou
@bzouzou
Apr 25 2016 17:57
@ewathedoer thank you :-)
CamperBot
@camperbot
Apr 25 2016 17:57
bzouzou sends brownie points to @ewathedoer :sparkles: :thumbsup: :sparkles:
:star: 333 | @ewathedoer | http://www.freecodecamp.com/ewathedoer
the doer
@ewathedoer
Apr 25 2016 17:58
@essdoubleu you have nabber position fixed
when you turn it on your p is visible
btw have a look at your last divs they are still open
Jon Garrard
@jgarrard
Apr 25 2016 17:59
@essdoubleu You're paragraph is actually showing up, it is just hidden behind your navbar. If you remove navbar-fixed-top you will see your paragraph text.
Paweł Przytuła
@paprzytula
Apr 25 2016 17:59
@essdoubleu you can add "navbar-text" to the nav and your div will show up
Anyone tell me why the weather won't show up?
Jon Garrard
@jgarrard
Apr 25 2016 18:04
@essdoubleu The reason the fixed navbar hides your paragraph is a fixed element won't be in the flow of your content. So now your first paragraph is acting like it is the first element on the page and the navbar sets itself on top of all the other stuff on the page. If you want to keep the navbar fixed, you can add paddding-top:50px to the container class. This will push down your paragraph so it is not hidden anymore.
Johnathon Sykes
@seesykescode
Apr 25 2016 18:08

One last issue on my Twitch stream before I'm ready to get submitted here

http://codepen.io/johndsykes86/pen/MyQbYe

I have the two offline accounts here but only one shows up. I'm trying to have all the deleted acounts show up after my last offline user. If i switch it to .before, they both show up. is this as designed because of the :last-child selector?

Scott
@essdoubleu
Apr 25 2016 18:17
Thanks everyone! @jgarrard @pprzytula @ewathedoer
CamperBot
@camperbot
Apr 25 2016 18:17
essdoubleu sends brownie points to @jgarrard and @pprzytula and @ewathedoer :sparkles: :thumbsup: :sparkles:
:star: 143 | @pprzytula | http://www.freecodecamp.com/pprzytula
:star: 7 | @jgarrard | http://www.freecodecamp.com/jgarrard
:star: 335 | @ewathedoer | http://www.freecodecamp.com/ewathedoer
Patrick
@pwcsquared
Apr 25 2016 18:20
Hey guys, I need some help. I have a function that is logging this.id correctly, but for some reason I can't store it as a variable properly. Anyone know why this might be happening?
the function is playButton, which is called every time a button is clicked
Alex Coder
@jkid314159
Apr 25 2016 18:24
hello world
CamperBot
@camperbot
Apr 25 2016 18:24

welcome to FreeCodeCamp @jkid314159!

Frank XC
@tenkdayz
Apr 25 2016 18:24
@pwcsquared use $(this)
Patrick
@pwcsquared
Apr 25 2016 18:25
@tenkdayz $(this).attr("id") ?
Frank XC
@tenkdayz
Apr 25 2016 18:25
@pwcsquared yeah that might work.
Patrick
@pwcsquared
Apr 25 2016 18:26
It didn't, it still returns the whole element for some reason
Alex Coder
@jkid314159
Apr 25 2016 18:26
markdown basics???
Paweł Przytuła
@paprzytula
Apr 25 2016 18:27
I'm stuck in one little thing: when any link on my website is clicked twice, it stays highlighted with some class, perhaps focus. How to disable it from navbar? I already tested many options, but none of them helped: http://codepen.io/pprzytula/pen/mPLGeP
Alex Coder
@jkid314159
Apr 25 2016 18:28
@camperbot markdown
Nikolay Neykov
@shkurata
Apr 25 2016 18:28
@pwcsquared , try to remove the '!' from the if statement
Kartik Shah
@krtk6160
Apr 25 2016 18:29
Hey guys, need some help with CSS. The 'Contact' section has the text shifted to the right for some reason, while the other elements of the same class are center. This is only visible on 1920x1080 devices and not 1366x768 devices. What might be the problem here?
Michael Karpinski
@karpimpski
Apr 25 2016 18:30
http://codepen.io/karpimpski/pen/dMqygK
can anybody tell me why my canClick variable isn't working?
Patrick
@pwcsquared
Apr 25 2016 18:30
@shkurata for some reason that worked, but if I just remove the whole if statement and just set btnName = this.id it doesn't work anymore.
ok now it's working...
@shkurata Thank you!
CamperBot
@camperbot
Apr 25 2016 18:32
pwcsquared sends brownie points to @shkurata :sparkles: :thumbsup: :sparkles:
:star: 328 | @shkurata | http://www.freecodecamp.com/shkurata
Kartik Shah
@krtk6160
Apr 25 2016 18:32
@pprzytula Nothing of that sort happened when I tested it.
PS: Try using some other website for hosting your 'seflie' image. Pinterest works great for me. Your dropbox image ain't working.
Nikolay Neykov
@shkurata
Apr 25 2016 18:32
@pwcsquared , I'm glad that I helped :)
Paweł Przytuła
@paprzytula
Apr 25 2016 18:33
@krtk6160 try to click twice on "my little portfolio" and then scroll down. link stays highlighted
Anyone tell me why I can't get the api call to work?
Kartik Shah
@krtk6160
Apr 25 2016 18:35
@pprzytula Yes, I see it. It becomes normal once I click in the area outside of the navigation bar. Sorry, I've no idea what might be causing this, I'm a noob.
Frank XC
@tenkdayz
Apr 25 2016 18:35
@Mortiferr why arent you using navigator.geolocation ?
Patrick Black
@Mortiferr
Apr 25 2016 18:36
@tenkdayz that way users don't have to allow location use, I just use their ip
@tenkdayz More creepy, yes, but easier as far as the end user goes
@tenkdayz But that's not the issue. The issue is the weather API call doesn't seem to be working
Alex Coder
@jkid314159
Apr 25 2016 18:39
  function getLocation() {
    if ( navigator.geolocation ) {
      navigator.geolocation.getCurrentPosition( showPosition );
    } else {
        $("data").html("<h4> Geolocation is not supported by this browser. </h4>");
    }
  }//getLocation() end    

function showPosition( position ) {
    $("data").html( "<h4>Latitude: " + position.coords.latitude + 
                "<br>Longitude: " + position.coords.longitude + "<h4>"; )
}
receive syntax error: missing ) after argument list
???
MikeBeers
@MikeBeers
Apr 25 2016 18:42
I am looking for some help with subtraction on the calculator app
Protsac
@Protsac
Apr 25 2016 18:42
sorry @pprzytula , I had logged out
I overhauled the entire thing, it was too messy having 3 columns
Paweł Przytuła
@paprzytula
Apr 25 2016 18:43
I've been thinking about flow around an image
in the middle
kuldeep
@Guru89
Apr 25 2016 18:44
@jkid314159 what is $("data")? class or id or something else?
Can I get a push in the right direction with subtracting numbers
kuldeep
@Guru89
Apr 25 2016 18:45
@jkid314159 and ; after <h4>
@jkid314159 remove ; after </h4> tag
Alex Coder
@jkid314159
Apr 25 2016 18:46
@Guru89 id
  <div id="data">
    <h4>You are here:</h4>
  </div>
kuldeep
@Guru89
Apr 25 2016 18:47
@jkid314159 then it should start with $("#data")
link me your code pen
Nikolay Neykov
@shkurata
Apr 25 2016 18:48
People, I need some feedback
Alex Coder
@jkid314159
Apr 25 2016 18:49
@Guru89 in JSFiddle
Protsac
@Protsac
Apr 25 2016 18:53
was that to me @pprzytula ? "i've been thinking about flow around an image"
Paweł Przytuła
@paprzytula
Apr 25 2016 18:54
@Protsac yes, but doesn't matter anymore since you have redesigned all
Protsac
@Protsac
Apr 25 2016 18:54
yeah. I still need that though
I don't really know what I want anyway. I'm just fiddling around with the code and see whether I learn something from it lol
Paweł Przytuła
@paprzytula
Apr 25 2016 18:56
just like me
Alex Coder
@jkid314159
Apr 25 2016 19:01
@Guru89 thank you
kuldeep
@Guru89
Apr 25 2016 19:04
@jkid314159 have found the solution as i don't anything wrong in ur code.
why isn't it centered? :|
css is so weird somethimes
Michael Karpinski
@karpimpski
Apr 25 2016 19:14
http://codepen.io/karpimpski/pen/dMqygK?editors=0010
how can I make my canClick variable work so that I can only click after the animation plays? and how can I add audio? using audio.play() messes up my code
Robert Uivarosi
@URobert
Apr 25 2016 19:32
@Protsac tf is <!--- A partir daqui, quero separar em colunas: uma para a Mosca, outra para o texto, outra para o programa actual. Mas tem que parecer fluido.---> an html comment doing in your CSS ?
@Protsac everything within your style tags should go in the CSS section
Protsac
@Protsac
Apr 25 2016 19:38
@URobert that's actually for me to remember what I'm doing :P
I have no idea what to use that css for anyway, to I just use it as a place to write my plans
lol
ElvisTheStriker
@ElvisTheStriker
Apr 25 2016 19:50
Hi folks. Just started my wiki search page. Trying to get intput from the input field into a variable... but it does not happen. can anybody point out my error please? http://codepen.io/ElvisTheStriker/pen/JXBVgg
Michael Karpinski
@karpimpski
Apr 25 2016 20:12
@ElvisTheStriker have you tried using JQuery? it makes these things so much easier
@ElvisTheStriker anyway, your issue is that you declare the variable right on document ready, so no matter what you type the variable will always be empty
Giancarlo
@giancarlo88
Apr 25 2016 20:13
I might be wrong but I think you need to tie getting the string to the event. Right now it will look for the string when the document loads, but it will always be empty. I'd say add a button and use a "click" event. Also, it's way easier to do this with jQuery.
Michael Karpinski
@karpimpski
Apr 25 2016 20:14
@ElvisTheStriker what you need to do is make a keydown function that tests if the keyCode is 13. if it is 13, then make inputTxt equal to your input field
Giancarlo
@giancarlo88
Apr 25 2016 20:20
Was wondering if someone could help me with my Twitch app... right now it doesn't always load all the channels off the API, mainly because it has to get a lot of information and it's too slow. The html gets all the information but I can only get it to show on the page if I do a search. What's the best way way to improve it? http://codepen.io/galliani/pen/PNBBjV
Landon Simmons
@landonain
Apr 25 2016 20:25
a bit stuck on making thumbnails for portfiolo website
ElvisTheStriker
@ElvisTheStriker
Apr 25 2016 20:33
thanks @karpimpski .I'll check out your suggestions
CamperBot
@camperbot
Apr 25 2016 20:33
elvisthestriker sends brownie points to @karpimpski :sparkles: :thumbsup: :sparkles:
:star: 344 | @karpimpski | http://www.freecodecamp.com/karpimpski
ElvisTheStriker
@ElvisTheStriker
Apr 25 2016 20:34
@giancarlo88 thanks
CamperBot
@camperbot
Apr 25 2016 20:34
elvisthestriker sends brownie points to @giancarlo88 :sparkles: :thumbsup: :sparkles:
:star: 286 | @giancarlo88 | http://www.freecodecamp.com/giancarlo88
Mark Howard
@iheartkode
Apr 25 2016 20:50
@landonain did you get help?
@ElvisTheStriker that green is really hard on the eyes, maybe try a more subtle tone
Michael Karpinski
@karpimpski
Apr 25 2016 20:57
http://codepen.io/karpimpski/pen/dMqygK?editors=0111 does anybody know why my victory function (the very bottom of my code) won't work?
nsloc22
@nsloc22
Apr 25 2016 21:14
@karpimpski works for me
Michael Karpinski
@karpimpski
Apr 25 2016 21:14
@nsloc22 yeah, I worked it out. before it would register the victory early in the victory round
@nsloc22 just fixed a few things in my click function
Janusz Bujak
@JBuji
Apr 25 2016 21:22
What do you think about my first Tribute Page
http://codepen.io/JBuji/pen/NNLxWG
In Polish about my ancestor.
Jeremy Roe
@jeremyroe
Apr 25 2016 21:31
Looks like my AddNew div was at the wrong level so that’s one step in the right dirction
Greg D
@mosaic-greg
Apr 25 2016 21:32
@JBuji looks very nice. All the basics done well
Janusz Bujak
@JBuji
Apr 25 2016 21:33
@mosaic-greg thanks!!! I'm new on FCC
CamperBot
@camperbot
Apr 25 2016 21:33
jbuji sends brownie points to @mosaic-greg :sparkles: :thumbsup: :sparkles:
:star: 348 | @mosaic-greg | http://www.freecodecamp.com/mosaic-greg
Pete
@petegarvin1
Apr 25 2016 21:57
@JBuji looks great :D
although i don't understand it
Tim Myers
@denvercoder
Apr 25 2016 22:41
Hi everyoone
can I get some help with the weather app?
Nickolas Gettel
@nickolaskg
Apr 25 2016 22:42
Ask away
Tim Myers
@denvercoder
Apr 25 2016 22:43
here is my json result
{"coord":{"lon":-104.93,"lat":39.7},"weather":[{"id":521,"main":"Rain","description":"shower rain","icon":"09d"}],"base":"stations","main":{"temp":292.29,"pressure":1002,"humidity":24,"temp_min":288.71,"temp_max":295.15},"visibility":16093,"wind":{"speed":12.9,"deg":170,"gust":20.1},"clouds":{"all":75},"dt":1461622989,"sys":{"type":1,"id":546,"message":0.0289,"country":"US","sunrise":1461585966,"sunset":1461635363},"id":5423075,"name":"Glendale","cod":200}
Islam Ibakaev
@dagman
Apr 25 2016 22:43
why when i get to skills section it's kind of jumping after animation http://codepen.io/dagman/full/WwKrgX/
Tim Myers
@denvercoder
Apr 25 2016 22:43
$.getJSON(weatherAPIPath, function(data) {
            // console.log(data["main"]["temp"]);
            var tempKelvin = data.main.temp;
            var weatherDesc = data.weather["description"];
            var windSpeed = data.wind.speed;
            var windDirection = data.wind.deg;
            var windGust = data.wind.gust;
            var cityName = data.name;
            console.log(tempKelvin + " " + weatherDesc + " " + windSpeed + " " + windDirection + " " + windGust + " " + cityName);
        });

there is my code. they all work except for the

data.weather.description

i get undefined

I have tried

data.weather.desctription
data.weather["description"]

Nickolas Gettel
@nickolaskg
Apr 25 2016 22:44
weather is in an array it looks like, try data.weather[0].description
Tim Myers
@denvercoder
Apr 25 2016 22:45
ha so stupid
it works
Nickolas Gettel
@nickolaskg
Apr 25 2016 22:45
sweet:)
Tim Myers
@denvercoder
Apr 25 2016 22:45
I actually tried that but I did it wrong
Nickolas Gettel
@nickolaskg
Apr 25 2016 22:45
key value pairs can be funky in some situations.
Tim Myers
@denvercoder
Apr 25 2016 22:45

i did

data.weather[2] thinking I was getting the third element of the weather array

Nickolas Gettel
@nickolaskg
Apr 25 2016 22:46
ah lol
doh
Tim Myers
@denvercoder
Apr 25 2016 22:46
thanks @nickolaskg
CamperBot
@camperbot
Apr 25 2016 22:46
timmyers1978 sends brownie points to @nickolaskg :sparkles: :thumbsup: :sparkles:
:star: 392 | @nickolaskg | http://www.freecodecamp.com/nickolaskg
Nickolas Gettel
@nickolaskg
Apr 25 2016 22:46
I always get tripped up on the easy stuff
Stein-T Dale
@Lofthur
Apr 25 2016 22:53
Hi i need some help with api call. When i use $.getJSON or $.ajax i get this error: XMLHttpRequest cannot load https://en.wikipedia.org/w/api.php?action=query&titles=San_Francisco&format=jsonfm. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://s.codepen.io' is therefore not allowed access. How can i get around this. Im tryiong todo the Wikipedia Viewer project.
Bruce Young
@mutantspore
Apr 25 2016 23:04
@Lofthur if you use the getJSON method, add &callback=? on the the end of the URL
Stein-T Dale
@Lofthur
Apr 25 2016 23:08
@mutantspore Thanks. I got rid of that error but now I got another I'll never seen before :D http://codepen.io/Lofthur/pen/0cb5b7e4bc501ccf8f64d7813f7d4ed8?editors=1011
CamperBot
@camperbot
Apr 25 2016 23:08
lofthur sends brownie points to @mutantspore :sparkles: :thumbsup: :sparkles:
:star: 1450 | @mutantspore | http://www.freecodecamp.com/mutantspore
jalley3
@jalley3
Apr 25 2016 23:12
hey guys, i just need a quick hand with something that should hopefully be small on my twitch project
if you scroll to line 42 of the javascript
it starts my page load queries
i do console log inside of the for each, and i have verified in the debugger that each array is set up the way i want...i do console log after constructing my "buttons" variable, to ensure that somthing did not get scrambled along the way
however, if i console.log the "buttons" variable....all of the user variables that i inserted into the html code get replaced with "undefined"
and i have no idea why this is
Bruce Young
@mutantspore
Apr 25 2016 23:14
@Lofthur http://en.wikipedia.org/w/api.php?action=query&titles=San_Francisco&format=json&callback=?
@Lofthur and
$(document).ready(function() {
    wikipediaCall();
});
Stein-T Dale
@Lofthur
Apr 25 2016 23:17
@mutantspore Super. I'worked. You got me out of hours of frustration :D Thanks again :D
CamperBot
@camperbot
Apr 25 2016 23:17
lofthur sends brownie points to @mutantspore :sparkles: :thumbsup: :sparkles:
:warning: lofthur already gave mutantspore points
Salomon May
@sollymay
Apr 25 2016 23:22
Hi guys, so I am going nuts over the random quote project. I’ve been trying to get the information reloaded each time I click the button, but it just won’t do it. which jquery function can I use in order to do this?
$( document ).ready(function() {
  var url = "http://quotesondesign.com/wp-json/posts?filter[orderby]=rand"
  $( ".target" ).click(function() {
    $.getJSON(url, function(a) {
      var quote = a[0].content;
      var author = a[0].title;
      $(".content").append("<span id='quote'" + quote +"</span>" + "<p id='comida'>&mdash; " + author + "</p>");
      });
});
});
i know that append isn’t what I’m supposed to do, but I wanted to see if I could get a new one each time I was clicking
Stein-T Dale
@Lofthur
Apr 25 2016 23:24
@sollymay hi i used the $('.target').on('click', function() {}); Im not sure if it's this you mean?
Salomon May
@sollymay
Apr 25 2016 23:26
nope. @Lofthur. I’m also using it. what I am referring to is that each time I’m clicking the button I get the same quote instead of a new one, while if I copy paste the website and then reload it, I get a new random quote
jalley3
@jalley3
Apr 25 2016 23:26
@sollymay i think that i had trouble getting anything to show up with that API, as did a few other users.
i used a different one in the end and it worked fine
aareeder
@aareeder
Apr 25 2016 23:26
Hello everyone! I'm working on my tribute page and I have been looking at the example but I was wondering if anyone would be willing to let me look at theirs as well. Does it have to be EXACTLY like the example?
jalley3
@jalley3
Apr 25 2016 23:26
also .click(function) should work the same as .on('click',function)
@Lofthur @sollymay
Stein-T Dale
@Lofthur
Apr 25 2016 23:27
@jalley3 i thought so to ;)
Salomon May
@sollymay
Apr 25 2016 23:28
@jalley3 thank you! so it might be an API specific behavior, right?
CamperBot
@camperbot
Apr 25 2016 23:28
sollymay sends brownie points to @jalley3 :sparkles: :thumbsup: :sparkles:
:star: 294 | @jalley3 | http://www.freecodecamp.com/jalley3
jalley3
@jalley3
Apr 25 2016 23:28
@sollymay i think mine was called forismatic or something like that
Stein-T Dale
@Lofthur
Apr 25 2016 23:28
@aareeder No you can make another design if you want to.
jalley3
@jalley3
Apr 25 2016 23:28
@aareeder ...it doesnt need to follow it 100% at all
just meet the user story requirements
Bruce Young
@mutantspore
Apr 25 2016 23:29
@sollymay at the bottom of the page explaining that API it has this codepen code
$.getJSON("http://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1&callback=", function(a) {
  $("body").append(a[0].content + "<p>&mdash; " + a[0].title + "</p>")
});
it has a callbac
callback
@sollymay can we see your codepen?
aareeder
@aareeder
Apr 25 2016 23:36
thanks @jalley3 !
CamperBot
@camperbot
Apr 25 2016 23:36
aareeder sends brownie points to @jalley3 :sparkles: :thumbsup: :sparkles:
:star: 295 | @jalley3 | http://www.freecodecamp.com/jalley3
jalley3
@jalley3
Apr 25 2016 23:49
@mutantspore can you take a look at the question i posted?
Bruce Young
@mutantspore
Apr 25 2016 23:52
@jalley3 remove all those extra [] around the twitchUsers
@jalley3 var twitchUsers = ["freecodecamp", "storbeck", "terakilobyte", "habathcx","RobotCaleb","thomasballinger","noobs2ninjas","beohoff","comster404", "brunofin","sheevergaming","TR7K","OgamingSC2”];
Greg Duncan
@GregatGit
Apr 25 2016 23:56
My weather app no longer works in chrome - it works in other browsers - but not chrome. It worked before but I updated chrome and it doesn't work now. Does anyone know a simple fix on this?
Bruce Young
@mutantspore
Apr 25 2016 23:56
@jalley3 ok I see you are tring to use the array as a list of arrays then push stuff back into it