Where communities thrive

  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
  • Jun 19 2020 20:09
    @krisb1220 banned @Gastony
  • May 14 2020 22:39
    @bjorno43 banned @minitechtips_twitter
  • May 14 2020 22:38
    @bjorno43 banned @real-action
  • Feb 01 2020 00:27
    @bjorno43 banned @Ndoua
  • Jan 07 2020 03:10
    @bjorno43 banned @doctor-sam
  • Aug 17 2019 09:32
    User @bjorno43 unbanned @linkin-park
  • Jun 20 2019 21:19
    @bjorno43 banned @shenerd140
  • Apr 25 2019 17:13
    @mstellaluna banned @cmal
  • Jan 08 2019 22:05
    @mstellaluna banned @dertiuss323
  • Nov 07 2018 04:42
    User @texas2010 unbanned @ows-ali
  • Nov 02 2018 16:25
    @texas2010 banned @ows-ali
  • Oct 12 2018 05:50
    @bjorno43 banned @NACH74
  • Oct 05 2018 23:02
    @mstellaluna banned @JomoPipi
  • Sep 16 2018 12:21
    @bjorno43 banned @yash-kedia
  • Sep 16 2018 12:16
    @bjorno43 banned @vnikifirov
  • Sep 05 2018 08:12
    User @bjorno43 unbanned @androuino
  • Sep 05 2018 07:38
    @bjorno43 banned @androuino
  • Aug 23 2018 16:57
    User @bjorno43 unbanned @rahuldkjain
  • Aug 23 2018 16:23
    @bjorno43 banned @rahuldkjain
  • Jul 29 2018 14:13
    User @bjorno43 unbanned @jkyereh
@clarkarnold remember scope also no need to stringify anything just get it directly on json parameter
var arr;
var url;
var lat; 
var lon;
var str;

if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(function(position) {
    $("#data").html("latitude: " + position.coords.latitude + "<br>longitude: " + position.coords.longitude);
    lon = position.coords.longitude;
    lat = position.coords.latitude;
    url = "http://api.openweathermap.org/data/2.5/weather?lat=" + lat + "&lon=" + lon + "&appid=44db6a862fba0b067b1930da0d769e98&units=imperial";
    runFun(); //<---------------as mentioned call this here to insure the lat and lon are set


function runFun() {
  $.getJSON(url, function(json) {
    arr = json; //<-------------no need for  this
    str = JSON.stringify(json); ///<-----------no need for this
//move here to reach the json/data
    $("#test").html("City: " + json.name + "<br>Temp: " + json.main.temp + "<br>Wind: " + json.wind.speed + " MPH from " + json.wind.deg + " degrees" + "<br>Weather Conditions: " + json.weather[0].main);

  //<---------------couldnt reach the variable from here move it up
Ednacode (New to Github and making mistakes)
@mjqblade @mjqblade just sent help to you
cant u not see code???
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
  .red-text {
    color: red;

  h2 {
    font-family: Lobster, Monospace;

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

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

  .smaller-image {
    width: 100px;

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

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

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

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

help level 74 or Use Responsive Design with Bootstrap Fluid Containers

Clark Arnold
@wearenotgroot OK I will give that a try thanks!
clarkarnold sends brownie points to @wearenotgroot :sparkles: :thumbsup: :sparkles:
:warning: clarkarnold already gave wearenotgroot points
@clarkarnold :+1:
@mjqblade re-read instruction
@mjqblade where is the <link> for bootstrap!!!!!
@mjqblade from instruction:
You can add Bootstrap to any app just by including it by adding the following code to the top of your HTML:

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/>
@mjqblade add that on the top of the page
Clark Arnold
@wearenotgroot Got it working now thanks again
clarkarnold sends brownie points to @wearenotgroot :sparkles: :thumbsup: :sparkles:
:warning: clarkarnold already gave wearenotgroot points
@clarkarnold :+1:
Finally fixed it up a bit. At least that one chunk of code. Couldn't have done it without you thanks again man @h4r1m4u . Have a good night
wyattwade sends brownie points to @h4r1m4u :sparkles: :thumbsup: :sparkles:
:star: 1419 | @h4r1m4u | http://www.freecodecamp.com/h4r1m4u
Robert Uivarosi
@SaintPeter thanks
urobert sends brownie points to @saintpeter :sparkles: :thumbsup: :sparkles:
:star: 2500 | @saintpeter | http://www.freecodecamp.com/saintpeter
Sebastian Chirila
Hey guys! I am currently working on my portfolio project. I have a question about the portfolio part of the website. The page that we have as a model has projects as a div with an image of the actual project.
I am trying to find a way to get a picture of my own ziplines. Do you have any idea how to do that?
Bruce Young
@DrSebic screen shot
Sebastian Chirila
But how do you load that into codepen?
Bruce Young
you’ll have to host it somewhere. like http://postimage.org
or even dropbox if you mak eit public
Sebastian Chirila
I will try it with dropbox. Thanks @mutantspore!
drsebic sends brownie points to @mutantspore :sparkles: :thumbsup: :sparkles:
:star: 1133 | @mutantspore | http://www.freecodecamp.com/mutantspore
Bruce Young
just don’t use imgur.. it fails
Adam Yuhasz
imgur TOS specifically says "don't link to your website" so yeah...
I've had problems with Dropbox for some reason, not sure why
Only with recent versions tho
How's it going @mutantspore
Bruce Young
@wyattwade :) good. you hav eto fiddle with teh dropbox url to get it right
Larry Simiyu
can some one help me with the portfolio project
hello frontendies! I finally did make a 3D simon game with pure-css pouring a lot of effort in it! please check it out, you can switch between 2d and 3d graphics. Zoom in to see the height :D http://codepen.io/batilc/pen/rxbadv
Dimitri Apostal
@batilc1 having an issue, it asks for the same inputs everytime instead of a random one.
@idietmoran oh having the same issue as well, wasnt happening 10min ago :S
Doandes Razvan
Can someone tell me why I can't vertically align all the content in my body in this project? I know my css is probably messy, still learning
Bruce Young
@Fuzyon as I mentioned earlier this rounding of your lat and lon is making your location very inaccurate .. 40 miles off for me.
var latitude = Math.round(position.coords.latitude);
 var longitude = Math.round(position.coords.longitude);
@idietmoran it is working perfectly right now? I dont understand, i did not do anything?
Doandes Razvan
@mutantspore changed that, thanks
fuzyon sends brownie points to @mutantspore :sparkles: :thumbsup: :sparkles:
:star: 1134 | @mutantspore | http://www.freecodecamp.com/mutantspore
Doandes Razvan
it's not gonna be perfect, even the official website doesn't get my exact location.
Bruce Young
@Fuzyon it’s correct now
Doandes Razvan
good! :D any idea for centering? display:flex and align-items: center messes up everything